:root{color-scheme:dark;--bg:#080a0c;--ink:#f0efeb;--muted:#adb1b7;--line:#34383d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Segoe UI',Arial,sans-serif;font-size:17px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid white;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:300;line-height:1.08;letter-spacing:-.035em}h1{font-family:Georgia,serif;font-size:clamp(3.1rem,5.7vw,6.8rem);letter-spacing:-.045em}h2{font-size:clamp(2.7rem,5.3vw,6rem)}h3{font-size:clamp(2rem,3.5vw,3.8rem)}p{color:var(--muted)}.eyebrow{font-size:.76rem;letter-spacing:.3em;text-transform:uppercase;color:#c4c9d1;margin-bottom:24px}.header{position:fixed;z-index:20;top:0;left:0;width:100%;padding:23px 4.5%;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#080a0ce8,transparent);transition:background .3s}.header.scrolled{background:#080a0ced;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:17px}.brand img{width:57px;height:35px;object-fit:contain}.brand span{font-size:25px;letter-spacing:.35em}.brand small{display:block;font-size:9px;letter-spacing:.48em;margin-top:0}nav{display:flex;align-items:center;gap:30px;font-size:14px}nav a{color:#c5c8cd}nav a:hover{color:white}.contact-link{border:1px solid #696d72;border-radius:30px;padding:9px 23px}.menu{display:none}.hero-track{height:260vh}.hero{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;background:#070a0d}.hero video{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(#04060970,transparent 65%,#080a0c80)}.hero-copy{position:absolute;top:19%;left:5%;right:5%;text-align:center;pointer-events:none}.hero-copy .eyebrow{margin-bottom:20px}.hero-sub{margin-top:22px;color:#d0d2d5;font-size:15px;letter-spacing:.07em}.scroll-cue{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);text-align:center;font-size:11px;letter-spacing:.25em}.scroll-line{display:block;height:30px;width:1px;background:#eee;margin:15px auto 0}.progress{position:absolute;bottom:0;left:0;height:2px;background:#ffffff20;width:100%}.progress span{display:block;width:0;height:100%;background:#bac3ce}.skip{position:fixed;top:-100px;z-index:100;background:white;color:black;padding:15px}.skip:focus{top:0}.wrap{width:91%;max-width:1600px;margin:auto}.section{padding:110px 0}.intro{max-width:850px;margin:28px 0 60px}.design-cover{min-height:650px;height:78vh;position:relative;display:flex;align-items:flex-end;background:url('assets/sketch.webp') center 43%/cover}.design-cover:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#040a10b0,transparent 85%),linear-gradient(0deg,#080a0c,transparent 90%)}.design-copy{position:relative;padding:50px 0;width:91%;margin:auto}.design-copy h2{font-size:clamp(4rem,9vw,10rem);line-height:.95;max-width:700px;font-weight:200}.design-copy p:last-child{max-width:1030px;margin-top:28px;color:#d0d3d8}.gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:10px}.photo{padding:0;border:0;display:block;background:#11151a;overflow:hidden;width:100%;position:relative;min-width:0}.photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}.photo:hover img{transform:scale(1.025)}.gallery .photo{aspect-ratio:1.43;grid-column:span 2}.gallery .photo:nth-child(-n+2){grid-column:span 3;aspect-ratio:1.85}.gallery .photo:last-child{grid-column:span 4;aspect-ratio:2.5}.gallery .photo:nth-child(6){aspect-ratio:1.27}.section-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.subnav{display:flex;gap:22px;margin-top:35px;border-block:1px solid var(--line);padding:16px 0;color:#b2b9c4;font-size:14px}.data-block{display:grid;grid-template-columns:29% 1fr;gap:35px;margin-top:60px;align-items:start}.data-copy{padding:35px 0}.data-copy h3{margin:28px 0}.data-block .main-photo{aspect-ratio:1.87}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:9px}.details .photo{aspect-ratio:1.5}.wireframes{display:grid;gap:9px}.wireframes .photo{aspect-ratio:2.7}.data-block.reverse{grid-template-columns:1fr 29%;border-top:1px solid var(--line);padding-top:55px}.data-block.reverse .data-copy{order:2}.class-details{grid-template-columns:1.6fr 1fr}.class-details .photo{aspect-ratio:2.4}.project{border-top:1px solid var(--line);padding:38px 0;display:grid;grid-template-columns:32% 1fr;gap:45px}.project h3{margin:15px 0 28px}.project .project-copy{padding-top:20px}.project .main-photo{aspect-ratio:2.15}.project:nth-of-type(even){grid-template-columns:1fr 32%}.project:nth-of-type(even) .project-copy{order:2}.project-tag{font-size:.8rem;color:#d1d4da;letter-spacing:.06em}.project p{max-width:470px}.project .details.two{grid-template-columns:1.7fr 1fr}.animation{position:relative;height:90svh;min-height:660px;display:flex;align-items:flex-end;overflow:hidden}.animation video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.animation:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080a0cf5,transparent 100%)}.animation-copy{position:relative;z-index:2;padding-bottom:80px}.animation-copy p{max-width:580px;margin-top:25px;color:#d4d8dd}.film-links{display:flex;gap:15px;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 25px;border:1px solid #b7bcc6;border-radius:32px;background:transparent;font-size:14px}.button:hover{background:white;color:#090b0f}.button.primary{background:#eae9e5;color:#080a0c}.video-toggle{position:absolute;z-index:3;right:4.5%;top:35px;background:#07090c99}.contact{padding:140px 0 70px}.contact h2{max-width:1000px}.contact p{margin:28px 0;max-width:650px}.email{display:inline-block;font-size:clamp(1.6rem,4.1vw,4.5rem);font-weight:300;border-bottom:1px solid #69717c;padding-bottom:12px}.footer{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);margin-top:100px;padding-top:30px;font-size:13px;color:#aeb4bf}.footer a:hover{color:white}dialog{background:#090c10;color:white;border:1px solid #555;width:94vw;max-width:1400px;max-height:94vh;padding:20px}dialog::backdrop{background:#000d}dialog img{display:block;max-width:100%;max-height:76vh;object-fit:contain;margin:20px auto}dialog .close{display:block;margin-left:auto;background:none;border:1px solid #666;padding:8px 14px}dialog p{text-align:center}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.js-motion .reveal.visible{opacity:1;transform:none}@media(min-width:1800px){.hero video{object-fit:contain}}@media(max-width:900px){nav{gap:16px}.brand img{width:40px}.brand span{font-size:21px}.data-block,.data-block.reverse{grid-template-columns:1fr}.data-block.reverse .data-copy{order:0}.data-copy{max-width:700px;padding:0}.project,.project:nth-of-type(even){grid-template-columns:1fr;gap:25px}.project:nth-of-type(even) .project-copy{order:0}.project p{max-width:750px}.hero-copy{top:22%}.hero video{object-fit:contain}.hero{min-height:600px}}@media(max-width:650px){.header{padding:18px 5%}.brand span{font-size:20px}.brand small{font-size:8px}.menu{display:block;background:none;border:1px solid #555;padding:7px 14px;font-size:14px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:#090b0ff5;padding:25px;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero-track{height:200vh}.hero-copy{top:21%}.hero-sub{font-size:14px;max-width:290px;margin:20px auto}.hero video{object-fit:cover;object-position:center 65%}.hero-shade{background:linear-gradient(#050709aa,transparent 90%)}h1{font-size:2.9rem}.section{padding:70px 0}.design-cover{height:85svh;min-height:650px;background-position:60% center}.design-copy p:last-child{font-size:16px}.gallery{grid-template-columns:repeat(2,1fr);gap:7px}.gallery .photo,.gallery .photo:nth-child(-n+2),.gallery .photo:last-child{grid-column:span 1;aspect-ratio:1.2}.gallery .photo:first-child,.gallery .photo:last-child{grid-column:span 2;aspect-ratio:1.75}.section-top{display:block}.subnav{gap:15px;flex-wrap:wrap}.intro{margin-bottom:35px}.data-block{gap:22px;margin-top:40px}.details{grid-template-columns:1fr 1fr}.details>.photo:last-child:nth-child(3){grid-column:span 2;aspect-ratio:2.3}.class-details{grid-template-columns:1fr}.class-details .photo{aspect-ratio:2.3}.project{padding:30px 0}.animation{min-height:660px}.animation-copy{padding-bottom:55px}.film-links{flex-wrap:wrap}.contact{padding-top:85px}.footer{margin-top:70px;flex-direction:column}.email{overflow-wrap:anywhere}.design-copy h2{font-size:5.2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.hero-track{height:100svh}.js-motion .reveal{opacity:1;transform:none}}
.hero video{position:absolute;left:0;bottom:0;width:100%;height:76%;object-fit:contain;object-position:center bottom}.hero-copy{top:15%}@media(max-width:650px){.hero video{width:160%;left:-30%;height:60%;bottom:9%;object-fit:contain;object-position:center}.hero-copy{top:19%}}
.hero video{mask-image:linear-gradient(to right,transparent 0%,black 12%,black 88%,transparent 100%)}