@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--black:#000;--white:#f5f5f3;--gray:#858585;--line:#303030;--display:'Manrope',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:var(--white);font:400 16px/1.55 var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}button,select,textarea{font:inherit}::selection{background:#fff;color:#000}:focus-visible{outline:2px solid #fff;outline-offset:4px}.skip-link{position:fixed;z-index:100;left:1rem;top:-5rem;background:#fff;color:#000;padding:.6rem 1rem}.skip-link:focus{top:1rem}.shell{padding-inline:clamp(1.25rem,5vw,5rem)}
.header{height:82px;position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,5vw,5rem);background:rgba(0,0,0,.83);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff17}.logo{font:800 1.45rem/1 var(--display);letter-spacing:-.09em}.logo-period{color:#777}.header nav{display:flex;align-items:center;gap:2.5rem;font-size:.87rem;color:#aeaeae}.header nav a:hover{color:#fff}.header-contact{color:#fff!important;border-bottom:1px solid #777;padding:.6rem 0}.header-contact span{margin-left:.9rem}
.story{height:400svh;position:relative}.story-sticky{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden;background:#000}.story-topline,.story-footer{position:absolute;z-index:6;left:clamp(1.25rem,5vw,5rem);right:clamp(1.25rem,5vw,5rem);display:flex;justify-content:space-between;gap:1rem;font:600 .68rem/1.3 var(--display);letter-spacing:.16em;color:#888}.story-topline{top:113px}.story-footer{bottom:2.1rem;align-items:center}.story-progress{height:1px;flex:1;max-width:33vw;background:#444}.story-progress i{display:block;width:0;height:1px;background:#fff}.story-frame{position:absolute;inset:0;padding:190px clamp(1.25rem,5vw,5rem) 110px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;opacity:0;pointer-events:none;will-change:opacity,transform}.story-frame-intro{opacity:1}.frame-kicker,.frame-count{font:600 .73rem var(--display);letter-spacing:.17em;color:#aaa;margin:0 0 1.7rem}.story-frame h1{font:600 clamp(3.4rem,8.6vw,10rem)/.98 var(--display);letter-spacing:-.09em;margin:0;max-width:1200px}.story-frame h1 span{color:#777}.frame-description{margin:2.5rem 0 0;max-width:550px;color:#aaa;font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.65}.story-frame-service{justify-content:space-between;padding-top:23vh;padding-bottom:17vh}.frame-count{margin:0}.service-word{font:800 clamp(8rem,26vw,28rem)/.8 var(--display);letter-spacing:-.12em;white-space:nowrap;margin-left:-.065em;color:#f5f5f3}.service-word span{color:#777}.frame-bottom{width:100%;border-top:1px solid #4b4b4b;padding-top:1rem;display:flex;justify-content:space-between;gap:3rem;align-items:start;font-size:clamp(1rem,1.3vw,1.2rem)}.frame-bottom p{margin:0;max-width:480px}.frame-bottom p:last-child{color:#909090;text-align:right}
.section-line{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:1rem;font:600 .7rem var(--display);letter-spacing:.15em;color:#888}.manifesto{padding-top:8rem;padding-bottom:10rem}.manifesto-layout{display:grid;grid-template-columns:25% 1fr;gap:2rem;padding:7rem 0 7rem}.tiny-label{font:600 .7rem var(--display);letter-spacing:.16em;color:#888;margin:.6rem 0}.manifesto h2,.process h2,.contact h2{font:600 clamp(3.1rem,6vw,7.2rem)/1.08 var(--display);letter-spacing:-.078em;margin:0}.muted{color:#777}.manifesto-layout>div>p{color:#aaa;font-size:1.17rem;max-width:630px;margin:2.4rem 0 0}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:6% 1.2fr .85fr 2rem;align-items:center;gap:1.25rem;padding:2.35rem 0;border-bottom:1px solid var(--line);transition:padding .35s,background .35s}.service-row:hover{padding-left:1rem;padding-right:1rem;background:#101010}.row-number{align-self:start;color:#888;font:600 .72rem var(--display)}.service-row h3{font:600 clamp(1.8rem,2.9vw,3rem)/1.1 var(--display);letter-spacing:-.055em;margin:0 0 .55rem}.service-row p{color:#999;margin:0}.row-examples{color:#999;font-size:.88rem}.row-symbol{font-size:1.5rem;text-align:right;color:#aaa}
.interlude{height:210svh;position:relative}.interlude-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;border-top:1px solid #222;border-bottom:1px solid #222}.interlude p{font:600 .73rem var(--display);letter-spacing:.18em;color:#888;text-transform:uppercase;margin:0 0 3rem}.interlude h2{font:800 clamp(3.2rem,9vw,11rem)/.97 var(--display);letter-spacing:-.09em;margin:0;transform:scale(.8);opacity:.28;transition:none}.interlude h2 span{color:#737373}.interlude-rule{width:1px;height:12vh;background:linear-gradient(#fff,transparent);margin-top:3rem}
.process{padding-top:8rem;padding-bottom:10rem}.process-heading{display:flex;justify-content:space-between;align-items:end;gap:5rem;padding:6rem 0}.process-heading h2{max-width:900px}.process-heading p{max-width:280px;color:#999;font-size:1.08rem;margin:0 0 .4rem}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.step{background:#000;min-height:290px;padding:2rem 1.5rem 2rem 0;display:flex;flex-direction:column}.step:not(:first-child){padding-left:1.5rem}.step>span{color:#888;font:600 .73rem var(--display)}.step h3{font:600 clamp(1.5rem,2vw,2.3rem) var(--display);letter-spacing:-.05em;margin:auto 0 .75rem}.step p{color:#999;margin:0;font-size:.97rem;max-width:270px}
.contact{padding-top:8rem;padding-bottom:10rem}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-top:6rem}.contact h2 em{font-style:normal;color:#777}.contact-layout>div>p:last-child{max-width:470px;color:#999;font-size:1.1rem;margin:2rem 0 0}.contact-email{display:inline-block;margin-top:1.5rem;color:#fff;border-bottom:1px solid #555;padding-bottom:.35rem}.contact-email:hover{border-color:#fff}.brief-form{display:flex;flex-direction:column}.brief-form label{font:600 .72rem var(--display);letter-spacing:.15em;color:#bbb;margin:0 0 .8rem}.brief-form select,.brief-form textarea{background:#050505;border:1px solid #444;border-radius:0;color:#fff;padding:1rem;width:100%;min-height:56px;margin:0 0 1.7rem;resize:vertical}.brief-form textarea::placeholder{color:#777}.brief-form select:focus,.brief-form textarea:focus{outline:1px solid #fff}.brief-form button{background:#f4f4f2;color:#000;border:0;padding:1.1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;font-weight:700;cursor:pointer}.brief-form button:hover{background:#cacaca}.form-note{font-size:.82rem;color:#888;margin:1rem 0 0}.footer{border-top:1px solid var(--line);padding-top:3rem;padding-bottom:2rem;display:flex;justify-content:space-between;gap:2rem}.footer p{color:#888;margin:1rem 0 0}.footer>div:last-child{display:flex;flex-direction:column;gap:1rem;align-items:flex-end;font:600 .69rem var(--display);letter-spacing:.13em;color:#888}.footer a:hover{color:#fff}
section[id]{scroll-margin-top:82px}
@media(max-width:900px){.header{height:68px}.header nav{gap:1rem}.header nav a:not(.header-contact){display:none}.story-sticky{min-height:0}.story-topline{top:90px}.story-frame{padding-top:140px}.story-frame-service{padding-top:25vh;padding-bottom:18vh}.service-word{font-size:clamp(6rem,27vw,15rem)}.manifesto-layout{grid-template-columns:1fr;gap:1rem}.manifesto-layout .tiny-label{margin:0}.service-row{grid-template-columns:3rem 1fr 2rem}.row-examples{grid-column:2;grid-row:2}.row-symbol{grid-column:3;grid-row:1}.process-heading{flex-direction:column;align-items:start;gap:2rem}.steps{grid-template-columns:repeat(2,1fr)}.step:nth-child(3){border-top:1px solid var(--line)}.step:nth-child(4){border-top:1px solid var(--line)}.step:nth-child(3){padding-left:0}.contact-layout{gap:3rem}section[id]{scroll-margin-top:68px}}
@media(max-width:650px){.header-contact{font-size:.79rem}.story{height:360svh}.story-topline span:last-child{display:none}.story-footer{bottom:1.5rem}.story-footer>span:first-child{font-size:.56rem}.story-frame h1{font-size:clamp(3rem,12vw,5.3rem)}.frame-description{font-size:1rem;margin-top:1.6rem}.story-frame-service{padding-top:29vh;padding-bottom:21vh}.service-word{font-size:clamp(5.5rem,29vw,10rem)}.frame-bottom{display:block}.frame-bottom p{font-size:.96rem}.frame-bottom p:last-child{text-align:left;margin-top:.5rem}.manifesto,.process,.contact{padding-top:5rem;padding-bottom:6rem}.manifesto-layout{padding:4rem 0}.manifesto h2,.process h2,.contact h2{font-size:clamp(2.7rem,10vw,4.5rem)}.manifesto-layout>div>p{font-size:1rem}.service-row{padding:1.6rem 0}.service-row h3{font-size:1.7rem}.service-row p{font-size:.91rem}.row-examples{font-size:.8rem}.interlude h2{font-size:clamp(2.7rem,10vw,5rem)}.process-heading{padding:4rem 0}.steps{grid-template-columns:1fr}.step,.step:not(:first-child),.step:nth-child(3){padding:1.5rem 0;min-height:190px;border-top:1px solid var(--line)}.step:first-child{border-top:0}.step h3{margin:2rem 0 .4rem}.contact-layout{grid-template-columns:1fr;padding-top:4rem}.footer{flex-direction:column}.footer>div:last-child{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story,.interlude{height:auto}.story-sticky,.interlude-sticky{height:auto;position:relative;min-height:100svh}.story-frame{position:relative;opacity:1!important;transform:none!important;min-height:75svh}.story-frame-intro{min-height:100svh}.story-frame-service{padding-top:8rem;padding-bottom:8rem}.story-footer,.story-topline{display:none}.interlude h2{opacity:1!important;transform:none!important}.service-row{transition:none}}