:root{--ink:#080808;--coal:#111110;--paper:#ece9e1;--dim:#aaa79f;--acid:#c5ff38;--line:#ece9e12e;--serif:"Bodoni MT",Didot,"Times New Roman",serif;--sans:Inter,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--ink);color:var(--paper);font-family:var(--sans);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}::selection{color:var(--ink);background:var(--acid)}.grain{opacity:.12;pointer-events:none;z-index:50;mix-blend-mode:overlay;background-image:repeating-radial-gradient(circle at 17% 32%,#0000 0,#ffffff17 1px,#0000 2px 5px);background-size:7px 9px;position:fixed;inset:0}.spotlight{--x:50vw;--y:50vh;pointer-events:none;z-index:0;background:radial-gradient(480px circle at var(--x) var(--y),#c5ff380e,transparent 60%);position:fixed;inset:0}.scroll-progress{background:var(--acid);transform-origin:0;z-index:100;height:2px;position:fixed;inset:0 0 auto}.site-header{z-index:40;mix-blend-mode:difference;justify-content:space-between;align-items:center;width:100%;height:96px;padding:0 4vw;display:flex;position:fixed;top:0;left:0}.brand{letter-spacing:.28em;align-items:center;gap:13px;font-size:12px;font-weight:700;display:flex}.brand img{object-fit:cover;filter:invert();border-radius:50%;width:30px;height:30px}.menu-button{cursor:pointer;letter-spacing:.2em;background:0 0;border:0;align-items:center;gap:14px;font-size:10px;display:flex}.menu-line{background:currentColor;width:28px;height:1px;transition:transform .3s;position:relative}.menu-line:after{content:"";background:currentColor;width:17px;height:1px;transition:all .3s;position:absolute;top:6px;right:0}.menu-line.open{transform:rotate(45deg)}.menu-line.open:after{width:28px;top:0;transform:rotate(90deg)}.navigation{z-index:-1;background:#080808fa;flex-direction:column;justify-content:center;padding:10vw;transition:transform .7s cubic-bezier(.77,0,.18,1);display:flex;position:fixed;inset:0;transform:translateY(-105%)}.navigation.open{transform:translateY(0)}.navigation a{border-bottom:1px solid var(--line);width:100%;font:400 clamp(42px,8vw,110px)/1 var(--serif);justify-content:space-between;padding:12px 0;transition:all .3s;display:flex}.navigation a:hover{color:var(--acid);padding-left:2vw}.navigation small{font:10px var(--sans)}.hero{flex-direction:column;justify-content:flex-end;min-height:100svh;padding:120px 4vw 4vw;display:flex;position:relative;overflow:hidden}.hero-eyebrow{color:var(--dim);letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;padding-bottom:3vh;font-size:10px;display:flex}.hero h1{z-index:2;font:400 clamp(64px,12.7vw,196px)/.77 var(--serif);letter-spacing:-.065em;margin:0;position:relative}.hero-line{animation:1.1s cubic-bezier(.16,1,.3,1) .12s both rise;display:block}.hero-line.indent{padding-left:14vw;animation-delay:.25s}.hero h1 em{color:var(--acid);font-weight:400}.hero h1 strong{font-style:italic;font-weight:400}.hero-footer{justify-content:space-between;align-items:flex-end;margin-top:7vh;padding-left:14vw;display:flex}.hero-footer p{max-width:420px;color:var(--dim);font-size:14px;line-height:1.65}.round-link{border:1px solid var(--line);border-radius:50%;place-items:center;width:72px;height:72px;font-size:25px;transition:all .3s;display:grid}.round-link:hover{background:var(--acid);color:var(--ink);transform:rotate(-45deg)}.hero-orbit{aspect-ratio:1;opacity:.5;border:1px solid #ece9e11f;border-radius:50%;place-items:center;width:clamp(170px,28vw,430px);animation:9s ease-in-out infinite drift;display:grid;position:absolute;top:17vh;right:15vw}.hero-orbit:before,.hero-orbit:after{content:"";background:#ece9e114;width:120%;height:1px;position:absolute;transform:rotate(25deg)}.hero-orbit:after{transform:rotate(-35deg)}.hero-orbit span{font:200 clamp(90px,17vw,260px)/1 var(--sans);color:#ece9e112}.feather{opacity:.35;background:linear-gradient(#0000,#ece9e159);border-radius:100% 0;width:7px;height:110px;animation:8s ease-in-out infinite float;position:absolute;transform:rotate(22deg)}.feather-a{top:30%;left:6vw}.feather-b{animation-delay:-3s;bottom:24%;right:5vw;transform:rotate(-38deg)}.section-shell{z-index:1;padding:140px 4vw;position:relative}.section-label{color:var(--dim);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:18px;font-size:10px;display:flex}.section-label span{color:var(--acid)}.section-heading{grid-template-columns:30% 70%;margin-bottom:70px;display:grid}.section-heading h2{font:400 clamp(52px,8vw,118px)/.9 var(--serif);letter-spacing:-.045em;margin:0}.section-heading h2 em{color:var(--dim);font-weight:400}.manifesto{border-top:1px solid var(--line);grid-template-columns:27% 58% 15%;align-items:start;min-height:100vh;display:grid}.manifesto-copy .intro{color:var(--acid);text-transform:uppercase;letter-spacing:.15em;font-size:12px}.manifesto-copy .statement{font:400 clamp(38px,5.3vw,78px)/1.03 var(--serif);letter-spacing:-.035em;margin:30px 0}.manifesto-copy .statement em{color:var(--dim)}.manifesto-note{color:var(--dim);align-self:end;font-size:11px;line-height:1.7}.manifesto-note span{color:var(--paper);text-transform:uppercase;letter-spacing:.12em;margin-bottom:20px;font-size:9px;display:block}.work{background:var(--paper);color:var(--ink)}.work .section-label{color:#66645e}.work .section-heading h2 em{color:#8f8b82}.project-list{grid-template-columns:1.3fr .9fr;gap:16px;display:grid}.project-card{min-height:600px;color:var(--paper);cursor:pointer;flex-direction:column;justify-content:space-between;padding:26px;display:flex;position:relative;overflow:hidden}.project-card:nth-child(3){grid-column:2;min-height:440px}.project-meta,.project-bottom{z-index:2;letter-spacing:.15em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:relative}.project-bottom h3{font:400 clamp(42px,5vw,78px)/1 var(--serif);text-transform:none;letter-spacing:-.04em;margin:0}.project-arrow{border:1px solid #ffffff59;border-radius:50%;place-items:center;width:50px;height:50px;font-size:18px;transition:all .3s;display:grid}.project-mark{place-items:center;transition:transform .7s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;inset:0}.project-mark:before{content:"";aspect-ratio:1;border:1px solid #fff3;border-radius:50%;width:42%;position:absolute;box-shadow:0 0 80px #ffffff14}.project-mark span{font:200 clamp(160px,27vw,420px)/1 var(--sans);opacity:.18;transform:rotate(-12deg)}.project-card:hover .project-mark{transform:scale(1.08)rotate(4deg)}.project-card:hover .project-arrow{background:var(--acid);border-color:var(--acid);color:var(--ink)}.project-one{background:radial-gradient(circle at 65% 35%,#343633,#151614 45%,#080908)}.project-two{background:radial-gradient(circle at 40% 65%,#304033,#101713 55%,#080a09)}.project-three{background:radial-gradient(circle at 70% 20%,#443a35,#191513 52%,#0b0908)}.capability-list{border-top:1px solid var(--line)}.capability{border-bottom:1px solid var(--line);grid-template-columns:10% 35% 1fr 60px;align-items:center;gap:24px;min-height:190px;transition:all .35s;display:grid}.capability:hover{background:#ffffff06;padding:0 20px}.cap-number{color:var(--acid);font-size:10px}.capability h3{font:400 clamp(38px,5vw,70px)/1 var(--serif);margin:0}.capability p{max-width:430px;color:var(--dim);font-size:13px;line-height:1.7}.cap-arrow{justify-self:end;font-size:20px}.quote-panel{min-height:85vh;color:var(--ink);background:#d9d5cb;place-items:center;display:grid;position:relative;overflow:hidden}.quote-panel blockquote{z-index:2;text-align:center;font:400 clamp(44px,7.2vw,105px)/.95 var(--serif);letter-spacing:-.045em;margin:0}.quote-panel em{color:#737066;font-weight:400}.raven-moon{aspect-ratio:1;opacity:.65;background:#c8c4ba;border-radius:50%;place-items:center;width:min(55vw,700px);display:grid;position:absolute}.raven-moon span{font:200 min(42vw,570px)/1 var(--sans);opacity:.07;transform:rotate(-8deg)}footer{flex-direction:column;justify-content:space-between;min-height:90vh;padding:130px 4vw 30px;display:flex}.footer-top>span{color:var(--acid);letter-spacing:.18em;text-transform:uppercase;font-size:10px}.footer-top h2{font:400 clamp(63px,11vw,165px)/.8 var(--serif);letter-spacing:-.06em;margin:45px 0 70px}.footer-top h2 em{color:var(--dim);font-weight:400}.footer-top>a{border-bottom:1px solid var(--paper);align-items:center;gap:40px;padding-bottom:9px;font-size:14px;display:inline-flex}.footer-top>a:hover{color:var(--acid);border-color:var(--acid)}.footer-bottom{border-top:1px solid var(--line);color:var(--dim);letter-spacing:.12em;text-transform:uppercase;grid-template-columns:1.4fr 1fr 1fr auto;align-items:center;padding-top:25px;font-size:9px;display:grid}.footer-bottom>div{gap:18px;display:flex}.footer-bottom>div a:hover,.footer-brand{color:var(--paper)}.reveal{opacity:0;transition:opacity .9s,transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(45px)}.reveal.is-visible{opacity:1;transform:none}@keyframes rise{0%{opacity:0;transform:translateY(80%)}to{opacity:1;transform:none}}@keyframes float{0%,to{transform:translateY(0)rotate(22deg)}50%{transform:translateY(35px)rotate(32deg)}}@keyframes drift{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-20px,22px)rotate(5deg)}}@media (width<=820px){.site-header{height:76px;padding:0 20px}.hero{padding:100px 20px 26px}.hero h1{font-size:clamp(58px,20vw,100px);line-height:.84}.hero-line.indent{padding-left:0}.hero-eyebrow span:last-child{display:none}.hero-footer{align-items:center;padding-left:0}.hero-footer p{max-width:260px;font-size:12px}.round-link{width:58px;height:58px}.hero-orbit{width:72vw;top:20%;right:-16vw}.section-shell{padding:90px 20px}.section-heading,.manifesto{display:block}.section-heading .section-label{margin-bottom:40px}.manifesto{min-height:auto}.manifesto-copy{margin-top:55px}.manifesto-note{margin:70px 0 0 26%}.project-list{display:block}.project-card,.project-card:nth-child(3){min-height:76vh;margin-bottom:12px}.capability{grid-template-columns:12% 1fr 35px;min-height:auto;padding:32px 0}.capability p{grid-column:2/4;margin:0}.footer-bottom{grid-template-columns:1fr 1fr;gap:24px}.footer-bottom>div{justify-self:end}.footer-bottom>span{grid-column:2;justify-self:end}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
