@charset "UTF-8";
:root{--page:#f8f8f4;--ink:#202924;--muted:#6d746e;--border:#d9ded5;--accent:#697f54;--hero:#e9ede3;--hero-ink:#18271f;--hero-muted:#435348;--plane:#aabda2;--line:#667e58;--project-bg:#e6e9e1;--contact-bg:#e8ece2;--header-bg:#f8f8f4;--serif:"Times New Roman",serif;--sans:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
html[data-theme=dark]{--page:#f3f1ec;--ink:#262620;--muted:#737168;--border:#d5d2c8;--accent:#978862;--hero:#191c19;--hero-ink:#f4f4eb;--hero-muted:#c4c9ba;--plane:#797c63;--line:#a0a28a;--project-bg:#e2e0d7;--contact-bg:#deded2;--header-bg:#f3f1ec}
html[data-theme=navy]{--page:#f4f6f5;--ink:#172d3a;--muted:#6a7a80;--border:#d3dfe1;--accent:#648995;--hero:#102b3a;--hero-ink:#f0f5f2;--hero-muted:#c0d4d6;--plane:#568691;--line:#9bbeb8;--project-bg:#e0e9e9;--contact-bg:#e1eaea;--header-bg:#f4f6f5}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--page);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#cbd7bc;color:#162a20}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;background:#fff;padding:15px;z-index:50}.skip-link:focus{top:10px}.review-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:8px 4%;min-height:49px;background:#e5e7df;color:#424b42;font-size:10px;letter-spacing:.04em}.review-bar p{display:flex;align-items:center;margin:0;gap:7px}.review-dot{width:5px;height:5px;background:#6a8054;border-radius:50%}.theme-controls{display:flex;align-items:center;gap:5px}.compare-label{margin-right:9px;color:#596458}.theme-controls button{display:flex;align-items:center;gap:5px;border:1px solid transparent;background:transparent;color:#586052;font-size:10px;line-height:1;padding:8px 9px;cursor:pointer;border-radius:3px;white-space:nowrap}.theme-controls button[aria-pressed=true]{border-color:#a1ac95;background:#f7f8f2;color:#253c25}.swatch{display:block;width:8px;height:8px;border-radius:50%;border:1px solid #afb3aa}.swatch.light{background:#f5f7ed}.swatch.dark{background:#252b23;border-color:#252b23}.swatch.navy{background:#294957;border-color:#294957}.site-header{height:106px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:var(--header-bg)}.wordmark{display:inline-flex;flex-direction:column;align-items:flex-start}.wordmark>span{font-size:27px;font-weight:500;letter-spacing:.145em;line-height:1}.wordmark small{font-size:9px;letter-spacing:.5em;margin-top:10px;padding-left:2px}.site-header nav{display:flex;align-items:center;gap:34px;font-size:11px;letter-spacing:.02em}.site-header nav a{position:relative;padding:13px 0}.site-header nav a::after{content:"";position:absolute;left:0;bottom:7px;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header nav a:hover::after{transform:scaleX(1)}.nav-contact{margin-left:8px}.nav-contact span{margin-left:14px;font-size:17px}.hero{isolation:isolate;min-height:680px;height:calc(100svh - 155px);max-height:980px;background:var(--hero);color:var(--hero-ink);position:relative;overflow:hidden;margin:0 20px}.hero-art{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 90% 35%,color-mix(in srgb,var(--plane) 50%,transparent),transparent 60%)}.hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--hero),color-mix(in srgb,var(--hero) 88%,transparent) 26%,transparent 80%);pointer-events:none}.hero-art svg{position:absolute;width:78%;height:100%;right:-13%;top:0;opacity:.35}.flow-lines{stroke:var(--line);stroke-width:1}.energy-plane{position:absolute;top:-10%;height:140%;width:11%;border-left:1px solid color-mix(in srgb,var(--line) 28%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--plane) 25%,transparent),transparent);transform:skewX(-12deg);box-shadow:-18px 0 55px color-mix(in srgb,var(--plane) 13%,transparent)}.plane-one{left:70%}.plane-two{left:82%;opacity:.6}.plane-three{left:94%;opacity:.4}.horizon{position:absolute;left:58%;right:0;top:62%;height:1px;background:linear-gradient(90deg,transparent,var(--line));opacity:.4}.hero-content{position:relative;padding:clamp(65px,10vh,140px) 5% 120px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:500}.hero .eyebrow{margin:0 0 45px;color:var(--hero-muted)}h1{font-size:clamp(45px,5.35vw,86px);line-height:1.52;font-weight:400;letter-spacing:-.045em;margin:0 0 29px}.hero-description{font-size:14px;line-height:2.05;letter-spacing:.08em;color:var(--hero-muted);margin:0 0 28px}.text-link{display:inline-flex;gap:23px;align-items:center;font-size:11px;letter-spacing:.04em}.round-arrow{width:39px;height:39px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--hero-ink) 30%,transparent);border-radius:50%;font-size:19px;transition:transform .25s}.text-link:hover .round-arrow{transform:rotate(-45deg)}.hero-bottom{position:absolute;bottom:29px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.14em;color:var(--hero-muted)}.hero-bottom a{display:flex;align-items:center;gap:19px}.hero-bottom a span{font-size:19px}.section-wrap{max-width:1480px;margin-left:auto;margin-right:auto;padding-left:6.7%;padding-right:6.7%}.section-heading{display:flex;gap:17px;align-items:baseline;font-size:10px;letter-spacing:.15em}.section-heading h2{font-size:10px;font-weight:500;margin:0}.section-number{color:var(--accent);font-size:9px;letter-spacing:.06em}.section-label{margin-left:auto;color:var(--muted);font-size:10px;letter-spacing:.07em}.about{padding-top:119px;padding-bottom:121px}.about-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;margin-top:61px}.about h3{font-size:clamp(33px,3.2vw,49px);line-height:1.7;letter-spacing:-.015em;font-weight:400;margin:0}.about h3 span{color:var(--muted)}.about-copy{padding-top:10px}.about-copy p{font-size:13px;line-height:2.25;color:var(--muted);margin:0 0 22px}.about-copy .lead{font-size:17px;line-height:1.95;color:var(--ink);margin-bottom:24px}.business-line{display:flex;align-items:center;gap:16px;font-size:11px;color:var(--accent);margin-top:36px}.business-line .line{flex:1;height:1px;background:var(--border);max-width:62px}.project{padding-bottom:111px}.project .section-heading{border-top:1px solid var(--border);padding-top:25px}.project-title-row{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin:45px 0 29px}.project-title-row h3{font-size:39px;font-weight:400;margin:0;letter-spacing:.04em}.project-title-row>span{font-size:9px;letter-spacing:.17em;color:var(--muted)}.project-visual{aspect-ratio:2.2;background:var(--project-bg);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(135deg,transparent 30%,color-mix(in srgb,var(--plane) 14%,transparent) 100%)}.project-visual::after{position:absolute;content:"";width:45%;height:220%;border-left:1px solid color-mix(in srgb,var(--accent) 9%,transparent);border-right:1px solid color-mix(in srgb,var(--accent) 9%,transparent);transform:rotate(35deg);pointer-events:none}.visual-kicker{position:absolute;top:34px;left:37px;font-size:8px;letter-spacing:.16em;color:var(--muted)}.visual-center{position:relative;z-index:1;text-align:center;color:var(--muted)}.image-symbol{display:block;width:38px;margin:auto;opacity:.6}.image-symbol svg{stroke:currentColor;stroke-width:1}.visual-center p{font-size:25px;line-height:1.8;font-weight:400;letter-spacing:.06em;margin:13px 0}.visual-center small{font-size:9px;letter-spacing:.06em}.visual-bottom{position:absolute;bottom:29px;left:37px;right:37px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.17em;color:var(--muted)}.frame-corner{position:absolute;width:13px;height:13px;opacity:.35;border-color:var(--accent);border-style:solid}.c1{left:18px;top:18px;border-width:1px 0 0 1px}.c2{right:18px;top:18px;border-width:1px 1px 0 0}.c3{left:18px;bottom:18px;border-width:0 0 1px 1px}.c4{right:18px;bottom:18px;border-width:0 1px 1px 0}.project-caption{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;margin-top:24px}.project-caption p{font-size:12px;margin:0;line-height:2;color:var(--muted)}.project-caption p:first-child{font-size:16px;color:var(--ink)}.company{padding-bottom:108px}.company .section-heading{border-top:1px solid var(--border);padding-top:25px}.company-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;margin-top:42px}.company-message{font-size:29px;line-height:1.8;margin:10px 0 0;letter-spacing:.02em}.company-info{margin:0}.company-info>div{display:grid;grid-template-columns:92px 1fr;gap:12px;padding:24px 0;border-bottom:1px solid var(--border);font-size:12px;line-height:1.8}.company-info>div:first-child{padding-top:16px}.company-info dt{font-size:10px;color:var(--muted)}.company-info dd{margin:0}.contact{max-width:none;background:var(--contact-bg);padding-top:74px;padding-bottom:77px;display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}.contact .eyebrow{color:var(--muted);margin:0 0 27px}.contact h2{font-size:32px;line-height:1.65;letter-spacing:.02em;font-weight:400;margin:0}.contact-content{position:relative;padding-right:40px}.contact-content>p{font-size:13px;line-height:1.9}.contact-content .contact-pending{font-size:10px;color:var(--muted);max-width:310px}.contact-arrow{font-size:35px;font-weight:200;position:absolute;right:0;top:5px;color:var(--muted)}.site-footer{padding:51px 6.7% 41px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.site-footer .wordmark>span{font-size:20px}.site-footer .wordmark small{font-size:7px;margin-top:8px}.site-footer>p{font-size:8px;letter-spacing:.06em;color:var(--muted);margin:0}.back-top{font-size:9px;color:var(--muted)}
@media(min-width:1700px){.hero-content{padding-left:7%}.hero-bottom{left:7%;right:7%}.contact{padding-left:max(6.7%,calc((100vw - 1250px)/2));padding-right:max(6.7%,calc((100vw - 1250px)/2))}}
@media(max-width:1000px){.site-header nav{gap:21px;font-size:10px}.wordmark>span{font-size:23px}.hero{min-height:620px;max-height:820px}.hero-content{padding-top:90px}h1{font-size:58px}.hero-bottom .hero-category{display:none}.about-layout,.company-layout,.project-caption,.contact{gap:5%}.about-copy .lead{font-size:15px}.company-info>div{grid-template-columns:68px 1fr}.company-message{font-size:25px}}
@media(max-width:720px){html{scroll-padding-top:18px}.review-bar{flex-direction:column;align-items:flex-start;gap:9px;padding:10px 5%;font-size:9px}.review-detail{font-size:8px}.theme-controls{width:100%;justify-content:flex-end}.compare-label{margin-right:auto;font-size:9px}.theme-controls button{padding:8px 9px;font-size:10px;min-height:32px}.site-header{height:96px;padding:18px 5%;align-items:flex-start;gap:10px}.wordmark>span{font-size:19px}.wordmark small{font-size:7px;margin-top:7px}.site-header nav{gap:15px;flex-wrap:wrap;justify-content:flex-end;max-width:215px;font-size:9px;row-gap:0;margin-top:-9px}.site-header nav a{padding:9px 0;min-height:33px}.site-header nav a:nth-child(1){display:none}.nav-contact{margin-left:0}.nav-contact span{font-size:12px;margin-left:4px}.hero{margin:0 10px;min-height:590px;height:calc(100svh - 191px);max-height:850px}.hero-content{padding:66px 6% 106px}.hero .eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:35px}h1{font-size:clamp(28px,8.8vw,54px);line-height:1.62;letter-spacing:-.04em;margin-bottom:26px}.hero-description{font-size:12px;letter-spacing:.05em;line-height:2.15;margin-bottom:28px}.hero-art svg{width:180%;right:-110%;opacity:.25}.hero-art::after{background:linear-gradient(90deg,var(--hero),color-mix(in srgb,var(--hero) 75%,transparent) 20%,transparent 100%)}.energy-plane{width:22%;top:-10%}.plane-one{left:71%}.plane-two{left:100%}.plane-three{display:none}.hero-bottom{left:6%;right:6%;bottom:24px;font-size:6px;letter-spacing:.06em}.hero-bottom a{gap:9px;font-size:6px}.hero-bottom a span{font-size:15px}.section-wrap{padding-left:7%;padding-right:7%}.about{padding-top:77px;padding-bottom:73px}.section-heading{gap:12px}.section-heading h2,.section-label{font-size:9px}.section-number{font-size:8px}.about-layout{grid-template-columns:1fr;gap:27px;margin-top:37px}.about h3{font-size:34px;line-height:1.6}.about-copy{padding-top:0}.about-copy .lead{font-size:15px;line-height:1.9}.about-copy p{font-size:12px}.business-line{margin-top:27px}.project{padding-bottom:70px}.project-title-row{margin-top:31px;align-items:flex-end}.project-title-row h3{font-size:30px}.project-title-row>span{font-size:7px;letter-spacing:.05em;max-width:100px;line-height:1.7}.project-visual{aspect-ratio:.98}.visual-kicker{top:26px;left:26px;font-size:7px}.visual-center p{font-size:23px}.visual-center small{font-size:8px}.visual-bottom{left:26px;right:26px;bottom:25px;font-size:6px}.project-caption{grid-template-columns:1fr;gap:12px;margin-top:21px}.project-caption p:first-child{font-size:15px}.project-caption p{font-size:11px}.company{padding-bottom:65px}.company-layout{grid-template-columns:1fr;gap:24px;margin-top:28px}.company-message{font-size:26px}.company-info>div{grid-template-columns:75px 1fr;font-size:11px;padding:20px 0}.contact{grid-template-columns:1fr;gap:26px;padding-top:51px;padding-bottom:50px}.contact .eyebrow{font-size:9px;margin-bottom:20px}.contact h2{font-size:28px}.contact-content>p{font-size:12px}.contact-content .contact-pending{font-size:9px}.contact-arrow{font-size:30px}.site-footer{padding:39px 7% 30px;flex-wrap:wrap;align-items:center;gap:29px}.site-footer .wordmark>span{font-size:18px}.site-footer>p{font-size:7px;order:3;width:100%}.back-top{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}