@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Public+Sans:wght@300;400;500;600&display=swap";
:root{--ink:#0d0e0f;--panel:#141516;--panel-2:#1b1c1d;--paper:#f0eee9;--muted:#aaa9a4;--gold:#eabe7c;--gold-soft:#eabe7c29;--line:#ffffff1f;--serif:"DM Serif Display", Georgia, serif;--sans:"Public Sans", Arial, sans-serif;--pad:clamp(1.35rem, 5vw, 6.5rem);--scroll-y:0;--scroll-progress:0}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{color:var(--paper);background:var(--panel);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.7;overflow-x:hidden}body::selection{color:var(--ink);background:var(--gold)}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img{width:100%;height:auto;display:block}.skip-link{z-index:100;color:#111;background:var(--gold);padding:.7rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip-link:focus{transform:none}.scroll-progress{z-index:60;background:var(--gold);height:2px;transform:scaleX(var(--scroll-progress));transform-origin:0;will-change:transform;position:fixed;inset:0 0 auto}.site-header{z-index:20;height:96px;padding:0 var(--pad);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;transition:height .35s,background-color .35s,border-color .35s,box-shadow .35s;animation:.65s 50ms both enter-down;display:flex;position:fixed;inset:0 0 auto}.site-header.is-scrolled{-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);background:#0d0e0fd1;border-color:#ffffff14;height:74px;box-shadow:0 14px 45px #00000029}.wordmark{font:2rem/1 var(--serif);letter-spacing:-.03em}.wordmark span{color:var(--gold)}.nav{letter-spacing:.13em;text-transform:uppercase;gap:clamp(1.3rem,3vw,3.2rem);font-size:.75rem;font-weight:600;display:flex}.nav a{padding:.5rem 0;position:relative}.nav a:after{content:"";background:var(--gold);transform-origin:100%;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav a:hover:after,.nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.menu-button{text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:0 0;border:0;font-size:.75rem;display:none}.hero{min-height:100svh;padding:10rem var(--pad) 7rem;isolation:isolate;align-items:center;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:2;width:min(100%,1040px);position:relative}.scroll-float{transform:translate3d(0, calc(var(--scroll-y) * .035px), 0);will-change:transform}.eyebrow{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;margin:0 0 1.65rem;font-size:.72rem;font-weight:600}.eyebrow.line{align-items:center;gap:1rem;animation:.6s .15s both enter-up;display:flex}.eyebrow.line:before{content:"";background:currentColor;width:3.5rem;height:1px}h1,h2{font:400 clamp(3.75rem, 8.5vw, 9rem)/.92 var(--serif);letter-spacing:-.045em;margin:0}h1{animation:.85s .25s both enter-up}h1 em,h2 em{color:var(--gold);font-weight:inherit}.hero-intro{max-width:620px;color:var(--muted);margin:2.2rem 0 0 clamp(0rem,11vw,10rem);font-size:clamp(1rem,1.35vw,1.2rem);animation:.75s .4s both enter-up}.hero-actions{align-items:center;gap:2rem;margin:2.4rem 0 0 clamp(0rem,11vw,10rem);animation:.75s .52s both enter-up;display:flex}.button{letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:1.4rem;min-height:54px;padding:.8rem 1.5rem;font-size:.78rem;font-weight:600;transition:background .25s,color .25s,transform .25s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{color:var(--ink);background:var(--gold)}.button.primary:hover{background:var(--paper)}.text-link,.figma-link{letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line);font-size:.76rem;font-weight:600}.social-rail{z-index:3;right:calc(var(--pad) * .5);writing-mode:vertical-rl;letter-spacing:.12em;text-transform:uppercase;gap:1.6rem;font-size:.66rem;font-weight:600;animation:.7s .65s both enter-left;display:flex;position:absolute;bottom:7rem}.social-rail a:hover{color:var(--gold)}.scroll-cue{z-index:2;left:var(--pad);color:var(--muted);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:.75rem;font-size:.65rem;display:flex;position:absolute;bottom:2rem}.scroll-cue span{color:var(--gold);animation:1.8s infinite bob}.rings{z-index:-1;aspect-ratio:1;width:min(60vw,850px);transform:translate3d(0, calc(-50% + var(--scroll-y) * -.055px), 0) rotate(calc(var(--scroll-y) * .006deg));opacity:.55;will-change:transform;position:absolute;top:48%;right:-7vw}.rings i{inset:calc(var(--i,0) * 10%);border:1px solid #ffffff1a;border-radius:50%;animation:6s ease-in-out infinite alternate breathe;position:absolute}.rings i:first-child{--i:0}.rings i:nth-child(2){--i:1;animation-delay:-.5s}.rings i:nth-child(3){--i:2;animation-delay:-1s}.rings i:nth-child(4){--i:3;animation-delay:-1.5s}.rings i:nth-child(5){--i:4;background:var(--gold-soft);animation-delay:-2s}.section{padding:clamp(6rem, 12vw, 11rem) var(--pad);content-visibility:auto;contain-intrinsic-size:auto 1000px;scroll-margin-top:74px}.about{background:var(--paper);color:#171819}.section-heading{grid-template-columns:minmax(170px,1fr) 3fr;align-items:start;margin-bottom:clamp(3.5rem,8vw,8rem);display:grid}.section-heading h2,.works h2,.contact h2{font-size:clamp(3.1rem,6.5vw,7rem)}.about-grid{grid-template-columns:minmax(270px,.8fr) 1.15fr;align-items:center;gap:clamp(3rem,8vw,9rem);display:grid}.portrait-wrap{transform-origin:bottom;margin:0;position:relative}.portrait-wrap:before{content:"";z-index:-1;border:1px solid #14151640;position:absolute;inset:-1.2rem 1.2rem 1.2rem -1.2rem}.portrait-wrap img{aspect-ratio:4/5;object-fit:cover;filter:saturate(.75)contrast(1.04)}.portrait-wrap figcaption{color:#777;letter-spacing:.11em;text-transform:uppercase;margin-top:1rem;font-size:.68rem}.about-copy .lead{font:400 clamp(1.8rem, 3vw, 3.2rem)/1.23 var(--serif);letter-spacing:-.02em;margin:0 0 2rem}.about-copy>p:not(.lead){color:#5b5b58;max-width:670px}.services{flex-wrap:wrap;gap:.65rem;margin-top:2.5rem;display:flex}.services span{letter-spacing:.07em;text-transform:uppercase;border:1px solid #1415162e;border-radius:100px;padding:.45rem .8rem;font-size:.69rem;font-weight:600}.history-grid{grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,9rem);margin-top:clamp(6rem,12vw,12rem);display:grid}.history-grid h3{font:400 clamp(2.2rem, 4vw, 4rem)/1 var(--serif);border-bottom:1px solid #14151640;padding-bottom:1rem}.timeline{position:relative}.timeline:before{content:"";background:#14151633;width:1px;position:absolute;top:.5rem;bottom:0;left:4px}.timeline-item{padding:.1rem 0 2.8rem 2rem;position:relative}.timeline-item:before{content:"";background:var(--paper);border:2px solid #b48142;border-radius:50%;width:9px;height:9px;position:absolute;top:.55rem;left:0}.timeline-item .date{color:#8e672f;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .5rem;font-size:.67rem;font-weight:600}.timeline-item h4{font:400 1.42rem/1.25 var(--serif);margin:0}.timeline-item .company{color:#333;margin:.2rem 0 .8rem;font-weight:600}.timeline-item p:last-child{color:#696963;margin:0;font-size:.9rem;line-height:1.7}.works{background:var(--panel);padding-left:0;padding-right:0;overflow:hidden}.works-head,.project-controls,.more-wrap,.project-grid{margin-left:var(--pad);margin-right:var(--pad)}.works-head{justify-content:space-between;align-items:end;gap:2rem;display:flex}.works-head h2{max-width:900px}.figma-link{white-space:nowrap;margin-bottom:.65rem}.project-controls{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:4rem;padding-top:1.25rem;font-size:.7rem;display:flex}.project-controls p{margin:0}.project-controls button{border:1px solid var(--line);cursor:pointer;background:0 0;width:46px;height:46px;transition:all .2s}.project-controls button:hover{color:var(--ink);background:var(--gold)}.project-rail{padding:0 var(--pad) 2rem;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:clamp(1rem,2.5vw,2.4rem);margin-top:2rem;display:flex;overflow-x:auto}.project-rail::-webkit-scrollbar{display:none}.project-card{scroll-snap-align:start;border:1px solid var(--line);background:var(--panel-2);flex:0 0 min(76vw,470px);transition:transform .35s,border-color .35s;position:relative}.project-card:hover{border-color:#eabe7c73;transform:translateY(-8px)}.project-number{z-index:2;width:42px;height:42px;color:var(--ink);background:var(--gold);font:1.05rem var(--serif);place-items:center;display:grid;position:absolute;top:1rem;left:1rem}.project-image{aspect-ratio:16/10;background:#242627;overflow:hidden}.project-image img{object-fit:cover;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1)}.project-card:hover .project-image img{transform:scale(1.035)}.project-copy{padding:1.6rem 1.7rem 2rem}.project-type{color:var(--gold);letter-spacing:.09em;text-transform:uppercase;margin:0 0 .65rem;font-size:.62rem;font-weight:600}.project-copy h3,.small-project h3{font:400 2rem/1.1 var(--serif);margin:0 0 .75rem}.project-copy>p:not(.project-type),.small-project>p:not(.project-type){color:var(--muted);font-size:.86rem;line-height:1.65}.project-copy a,.small-project a{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin-top:.7rem;font-size:.7rem;font-weight:600;display:inline-block}.more-wrap{justify-content:center;margin-top:3rem;display:flex}.button.ghost{border-color:var(--line);color:var(--paper);background:0 0}.button.ghost:hover{color:var(--ink);background:var(--gold)}.project-grid{opacity:0;grid-template-columns:repeat(2,1fr);gap:2rem;max-height:0;margin-top:0;transition:max-height .8s,opacity .5s,margin .5s;display:grid;overflow:hidden}.project-grid.open{opacity:1;max-height:2500px;margin-top:4rem}.small-project{border-bottom:1px solid var(--line);padding-bottom:2rem}.small-project img{aspect-ratio:16/10;object-fit:cover;background:#222;margin-bottom:1.5rem}.contact{background:#0b0c0d}.contact-grid{grid-template-columns:1.35fr .65fr;align-items:end;gap:clamp(3rem,8vw,9rem);display:grid}.contact-copy{padding-bottom:.8rem}.contact-copy>p{color:var(--muted);margin:0 0 2.5rem}.email{border-bottom:1px solid var(--gold);font:400 clamp(1rem, 1.5vw, 1.3rem) var(--serif);justify-content:space-between;gap:2rem;padding:1.1rem 0;display:flex}footer{padding:2.2rem var(--pad);color:var(--muted);border-top:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;background:#0b0c0d;justify-content:space-between;align-items:center;gap:1rem;font-size:.68rem;display:flex}footer .wordmark{color:var(--paper);text-transform:none;font-size:1.4rem}[data-reveal]{opacity:0;transition:opacity .7s,transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(35px)}[data-reveal].is-visible{opacity:1;transform:none}@supports (animation-timeline:view()){[data-scroll-heading]{animation:linear both view-rise;animation-timeline:view();animation-range:entry cover 38%}[data-scroll-media]{animation:linear both view-media;animation-timeline:view();animation-range:entry cover 48%}}@keyframes enter-up{0%{opacity:0;transform:translateY(32px)}}@keyframes enter-down{0%{opacity:0;transform:translateY(-25px)}}@keyframes enter-left{0%{opacity:0;transform:translate(25px)}}@keyframes breathe{to{opacity:.6;transform:scale(.97)}}@keyframes bob{50%{transform:translateY(5px)}}@keyframes view-rise{0%{opacity:.2;transform:translateY(64px)}to{opacity:1;transform:translate(0,0)}}@keyframes view-media{0%{clip-path:inset(8% 0);transform:scale(.96)}to{clip-path:inset(0);transform:scale(1)}}@media (max-width:800px){.site-header{height:78px}.site-header.is-scrolled{height:66px}.menu-button{display:block}.nav{padding:0 var(--pad);border-bottom:1px solid var(--line);background:#0d0e0ff7;gap:0;max-height:0;transition:max-height .3s;display:grid;position:absolute;top:78px;left:0;right:0;overflow:hidden}.nav.open{max-height:320px}.nav a{border-bottom:1px solid var(--line);padding:1rem 0}.hero{align-items:center;padding-top:9rem}.hero-intro,.hero-actions{margin-left:0}.hero-actions{flex-direction:column;align-items:flex-start;gap:1.3rem}.social-rail{display:none}.rings{opacity:.4;width:100vw;right:-45vw}.section-heading{grid-template-columns:1fr;gap:1rem}.about-grid,.history-grid,.contact-grid{grid-template-columns:1fr}.portrait-wrap{max-width:520px}.works-head{flex-direction:column;align-items:flex-start}.project-grid{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start}}@media (max-width:480px){h1{font-size:clamp(3.2rem,16vw,5rem)}.project-card{flex-basis:86vw}.project-controls p{display:none}.project-controls{justify-content:flex-end}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}.scroll-float,.rings{will-change:auto;transform:none}.rings{transform:translateY(-50%)}.scroll-progress{display:none}}