:root{--bg:#030405;--text:#f5f5f7;--muted:#a1a1a6;--blue:#86c7ff;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Helvetica Neue",Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{position:fixed;z-index:20;top:18px;left:22px;right:22px;height:54px;padding:0 19px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.23);border-radius:18px;background:rgba(16,25,28,.33);backdrop-filter:blur(24px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 10px 30px rgba(0,0,0,.14);transition:top .35s var(--ease),background .35s var(--ease)}.site-header.is-scrolled{top:10px;background:rgba(16,20,22,.7)}.brand{font-size:14px;font-weight:680;letter-spacing:-.03em}.desktop-nav{display:flex;gap:25px;font-size:11px;color:rgba(255,255,255,.82)}.desktop-nav a:hover{color:#fff}.menu-button{display:none;border:0;background:none;width:28px;height:28px;padding:6px;cursor:pointer}.menu-button span{display:block;width:16px;height:1.5px;margin:4px auto;background:#fff;transition:.25s}.mobile-menu{display:none}.hero{height:min(800px,100vh);min-height:620px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(133deg,#061323,#0e4355 46%,#819b9f)}.hero:before,.feature-card:before,.work-card:before,.about-image:before{content:"";position:absolute;inset:0;background-image:var(--image);background-position:center;background-size:cover;transition:transform 1.3s var(--ease);z-index:0}.hero:before{animation:hero-zoom 13s ease-in-out infinite alternate}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 54% 3%,rgba(245,249,235,.6),transparent 15%),linear-gradient(180deg,rgba(0,0,0,.2),transparent 38%,rgba(0,0,0,.66))}.hero-overlay{position:absolute;width:108%;height:47%;bottom:-4%;left:-4%;z-index:1;background:linear-gradient(162deg,#6e817b 0 23%,#344b4b 24% 58%,#0b1d25 59%);clip-path:polygon(0 77%,13% 43%,25% 69%,41% 23%,54% 57%,68% 9%,84% 59%,100% 35%,100% 100%,0 100%)}.hero-copy{position:relative;z-index:2;text-align:center;margin-top:98px}.eyebrow{margin:0 0 14px;font-size:11px;font-weight:650;letter-spacing:.1em}.hero h1{margin:0;font-size:clamp(56px,8.3vw,94px);line-height:.93;letter-spacing:-.08em}.hero-description{margin:18px 0 0;font-size:17px;letter-spacing:-.02em}.hero-item{animation:up .95s .32s var(--ease) both}.scroll-hint{position:absolute;z-index:3;bottom:26px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.08em;opacity:.8}.scroll-hint span{display:inline-block;animation:bob 2.3s infinite}.statement,.quote,.contact{text-align:center}.statement{padding:138px 24px 124px}.statement h2,.section-heading h2,.contact h2{margin:0;font-size:clamp(37px,5.7vw,62px);line-height:1.05;letter-spacing:-.07em}.statement h2 span{color:var(--blue)}.statement>p{max-width:480px;margin:25px auto 0;color:var(--muted);font-size:17px;line-height:1.45}.feature-wrap{padding:0 22px 104px}.feature-card{height:540px;position:relative;display:block;overflow:hidden;border-radius:27px;background:linear-gradient(153deg,#541b21,#9d3720 38%,#e0a03e 59%,#202d5d);box-shadow:0 25px 50px rgba(0,0,0,.3)}.feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 44%,rgba(0,0,0,.72))}.feature-card:hover:before,.work-card:hover:before{transform:scale(1.045)}.feature-caption{position:absolute;z-index:2;left:20px;right:20px;bottom:20px;padding:20px 21px;display:flex;justify-content:space-between;align-items:end;border:1px solid rgba(255,255,255,.29);border-radius:20px;background:rgba(12,16,17,.28);backdrop-filter:blur(22px) saturate(145%);box-shadow:inset 0 1px 0 rgba(255,255,255,.23)}.feature-caption h2{margin:0;font-size:30px;line-height:1;letter-spacing:-.06em}.feature-caption p,.work-card p{margin:8px 0 0;font-size:10px;letter-spacing:.07em;color:rgba(255,255,255,.78)}.play-button{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.9);color:#111;font-size:13px;padding-left:2px}.quote{padding:108px 24px 115px;background:#f5f5f7;color:#1d1d1f}.dark{color:#6e6e73}.quote blockquote{max-width:690px;margin:24px auto 0;font-size:clamp(33px,5vw,52px);line-height:1.08;font-weight:680;letter-spacing:-.07em}.quote-by{margin:22px 0 0;font-size:13px;color:#6e6e73}.works{padding:105px 22px}.section-heading{text-align:center}.section-heading p{margin:16px 0 42px;color:var(--muted);font-size:17px}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.work-card{height:320px;position:relative;overflow:hidden;display:block;border-radius:24px;background:linear-gradient(163deg,#b9c6bb 0 25%,#657c77 26% 55%,#29484b 56%)}.work-card:nth-child(2){background:linear-gradient(172deg,#879da5 0 30%,#ddc09d 31% 36%,#6e7f8a 38% 59%,#172b42 60%)}.work-card:nth-child(3){background:linear-gradient(151deg,#c7b99a 0 28%,#72827a 29% 58%,#27342b 59%)}.work-card:nth-child(4){background:linear-gradient(169deg,#90a8b3 0 33%,#4f7685 34% 57%,#172a38 58%)}.work-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.6))}.work-card>div{position:absolute;z-index:2;left:20px;bottom:19px}.work-card h3{margin:0;font-size:25px;letter-spacing:-.05em}.work-card-large{grid-row:span 2;height:655px}.work-card-wide{grid-column:span 2}.about{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center;padding:112px 8%;background:#e9e8e4;color:#1d1d1f}.about-image{height:465px;position:relative;overflow:hidden;background:linear-gradient(153deg,#839a96,#31545b 60%,#1c3238)}.about-copy h2{margin:0;font-size:clamp(35px,4.5vw,52px);line-height:1.06;letter-spacing:-.065em}.about-copy>p:not(.eyebrow){margin:22px 0;color:#686869;font-size:16px;line-height:1.55}.text-link{display:inline-block;margin-top:6px;padding-bottom:6px;border-bottom:1px solid #444;font-size:13px}.text-link span{margin-left:5px}.contact{padding:124px 24px}.contact>p:not(.eyebrow){margin:17px 0 26px;color:var(--muted);font-size:17px}.contact-button{display:inline-block;padding:12px 21px;border-radius:99px;background:#f5f5f7;color:#111;font-size:14px;font-weight:600;transition:transform .25s var(--ease),background .25s}.contact-button:hover{background:#d8edff;transform:scale(1.03)}footer{border-top:1px solid #303033;padding:20px 23px;display:flex;justify-content:space-between;color:#86868b;font-size:10px}footer a:hover{color:#fff}.reveal{opacity:0;transform:translateY(34px) scale(.988);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.visible{opacity:1;transform:none}@keyframes up{from{opacity:0;transform:translateY(28px)}}@keyframes bob{50%{transform:translateY(5px);opacity:.5}}@keyframes hero-zoom{to{transform:scale(1.065)}}@media(max-width:620px){.site-header{left:13px;right:13px}.desktop-nav{display:none}.menu-button{display:block}.mobile-menu{position:fixed;z-index:19;inset:82px 13px auto;padding:18px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(17,20,23,.78);backdrop-filter:blur(22px);transform:translateY(-14px);opacity:0;pointer-events:none;transition:.28s var(--ease)}.mobile-menu.open{opacity:1;transform:none;pointer-events:auto}.mobile-menu a{display:block;padding:12px 8px;font-size:15px}.hero{min-height:585px}.hero h1{font-size:58px}.statement{padding:100px 25px}.feature-wrap{padding-bottom:76px}.feature-card{height:465px}.quote{padding:82px 22px}.works{padding:75px 22px}.work-grid{grid-template-columns:1fr}.work-card,.work-card-large{height:275px;grid-row:auto}.work-card-wide{grid-column:auto}.about{grid-template-columns:1fr;gap:35px;padding:78px 22px}.about-image{height:370px}.contact{padding:100px 20px}footer{display:block;line-height:2.1}}@media(prefers-reduced-motion:reduce){*,*:before{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}