@import url('styles-inner.css');
@import url('styles-case.css');
@import url('styles-responsive.css');
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/instrument-serif-regular.ttf') format('truetype')}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('assets/fonts/instrument-serif-italic.ttf') format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/manrope-400.ttf') format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/manrope-500.ttf') format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/manrope-600.ttf') format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/manrope-700.ttf') format('truetype')}
:root{--ink:#0a0d10;--ink2:#12171b;--paper:#f2efe8;--white:#fbfaf6;--graphite:#777b7d;--blue:#175cff;--blue-soft:#dce5ff;--lime:#d7ff43;--line:rgba(10,13,16,.18);--line-inv:rgba(255,255,255,.16);--serif:'Instrument Serif',Georgia,serif;--sans:'Manrope',Arial,sans-serif;--gutter:clamp(1.1rem,3.2vw,3.8rem);--max:1540px;--header:76px;--ease:cubic-bezier(.22,.78,.21,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;min-width:320px;color:var(--ink);background:var(--paper);font:400 1rem/1.65 var(--sans);text-rendering:optimizeLegibility;overflow-x:clip}body.menu-open,body.modal-open{overflow:hidden}::selection{color:var(--paper);background:var(--blue)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{color:inherit;font:inherit}h1,h2,h3,p,figure,blockquote{margin-top:0}h1,h2,h3{line-height:.98;letter-spacing:-.045em}p{max-width:70ch}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:4000;padding:.75rem 1rem;background:var(--blue);color:#fff}.skip-link:focus{top:1rem}.shell{width:min(var(--max),calc(100% - var(--gutter)*2));margin-inline:auto}.section{position:relative;padding:clamp(5rem,10vw,10rem) 0}.section--tight{padding:clamp(3.5rem,7vw,6rem) 0}.section--ink{background:var(--ink);color:var(--paper)}.section--paper{background:var(--paper);color:var(--ink)}.section--white{background:var(--white);color:var(--ink)}.section--graphite{background:#252a2d;color:var(--paper)}.rule{border-top:1px solid currentColor;opacity:.22}.serif{font-family:var(--serif);font-weight:400;font-style:italic}.blue{color:var(--blue)}
.caps,.mark,.kicker,.meta,.chapter,.mini-label{font-size:.72rem;line-height:1.3;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.kicker{display:flex;align-items:center;gap:.75rem;margin:0 0 1.3rem}.kicker:before{content:'';width:2.2rem;height:1px;background:currentColor;opacity:.5}.display{font-size:clamp(3.5rem,10vw,10rem);font-weight:500}.section-title{max-width:13ch;margin-bottom:2rem;font-size:clamp(2.8rem,6.3vw,6.8rem);font-weight:500}.lead{font-size:clamp(1.16rem,1.75vw,1.65rem);line-height:1.45;letter-spacing:-.02em}.body-large{font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.65}.link-line,.text-link{display:inline-flex;align-items:center;gap:.5rem;position:relative;padding-bottom:.25rem;font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.link-line:after,.text-link:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform-origin:right;transition:transform .5s var(--ease)}.link-line:hover:after,.text-link:hover:after{transform:scaleX(.28)}.link-line .arrow{transition:transform .45s var(--ease)}.link-line:hover .arrow{transform:translate(.2rem,-.2rem) rotate(12deg)}
/* header + index */
.site-header{position:fixed;inset:0 0 auto;z-index:1000;height:var(--header);color:var(--paper);mix-blend-mode:difference;pointer-events:none}.site-header__inner{height:100%;display:flex;align-items:center;justify-content:space-between}.rc-signature,.index-trigger{pointer-events:auto}.rc-signature{font-size:1.1rem;font-weight:700;letter-spacing:-.05em}.rc-signature span{color:var(--blue)}.index-trigger{display:flex;align-items:center;gap:.8rem;border:0;padding:.6rem 0;background:none;cursor:pointer;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.index-trigger__bars{display:grid;gap:4px;width:28px}.index-trigger__bars i{display:block;height:1px;background:currentColor;transition:transform .45s var(--ease),width .45s var(--ease)}.index-trigger__bars i:last-child{width:17px;justify-self:end}.menu-open .index-trigger__bars i:first-child{transform:translateY(2.5px) rotate(45deg)}.menu-open .index-trigger__bars i:last-child{width:28px;transform:translateY(-2.5px) rotate(-45deg)}.index-panel{position:fixed;inset:0;z-index:900;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);color:var(--paper);background:var(--ink);clip-path:inset(0 0 100% 0);pointer-events:none;transition:clip-path .75s var(--ease)}.menu-open .index-panel{clip-path:inset(0);pointer-events:auto}.index-panel:before{content:'INDEX';position:absolute;right:-1vw;bottom:-7vw;color:rgba(255,255,255,.035);font:italic clamp(9rem,24vw,26rem)/.8 var(--serif);letter-spacing:-.08em}.index-main{display:flex;flex-direction:column;justify-content:center;padding:7rem var(--gutter) 3rem;border-right:1px solid var(--line-inv)}.index-nav{display:grid}.index-nav a{display:grid;grid-template-columns:3rem 1fr auto;align-items:baseline;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--line-inv);transition:padding .4s var(--ease),color .4s}.index-nav a:hover{padding-left:1.1rem;color:var(--blue-soft)}.index-nav em{font:400 clamp(2.7rem,6.3vw,6.7rem)/1 var(--sans);letter-spacing:-.06em;font-style:normal}.index-nav small{font-size:.65rem;letter-spacing:.14em}.index-side{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;padding:7rem var(--gutter) 3rem}.index-side dl{margin:0}.index-side div{margin-top:1.8rem}.index-side dt{margin-bottom:.35rem;color:#999;font-size:.64rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.index-side dd{margin:0;font-size:.9rem}.index-side__links{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}
/* transitions */
.page-curtain{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;color:var(--paper);background:var(--blue);transform:translateY(102%);pointer-events:none}.page-curtain span{font:italic clamp(3rem,9vw,9rem)/1 var(--serif);opacity:0;transform:translateY(1rem)}.page-curtain.is-leaving{animation:curtain-in .7s var(--ease) forwards}.page-curtain.is-leaving span{animation:curtain-copy .45s .16s var(--ease) forwards}.page-curtain.is-entering{animation:curtain-out .85s .08s var(--ease) both}@keyframes curtain-in{to{transform:translateY(0)}}@keyframes curtain-copy{to{opacity:1;transform:none}}@keyframes curtain-out{from{transform:translateY(0)}to{transform:translateY(-102%)}}
/* home hero */
.home{background:var(--ink);color:var(--paper)}.home-hero{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;background:var(--ink)}.home-hero:before{content:'';position:absolute;inset:0;z-index:-2;opacity:.18;background-image:linear-gradient(90deg,transparent 0 49.8%,rgba(255,255,255,.09) 50%,transparent 50.2%),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px);background-size:50% 100%,100% 12.5vh}.hero-copy{position:relative;z-index:4;min-height:100svh;padding:calc(var(--header) + 3.5rem) 0 4rem;display:flex;flex-direction:column;justify-content:space-between}.hero-meta{display:flex;justify-content:space-between;width:min(64rem,82%);color:rgba(242,239,232,.72)}.hero-title{margin:4vh 0 0;max-width:11ch;font-size:clamp(4.1rem,10.8vw,11.5rem);font-weight:500;line-height:.78;letter-spacing:-.075em}.hero-title span{display:block}.hero-title .line-2{margin-left:13vw}.hero-title .execution{position:relative;z-index:3;margin-left:26vw;color:var(--blue-soft);font-family:var(--serif);font-style:italic;font-weight:400}.hero-title .execution:after{content:'';position:absolute;left:-.08em;right:-.05em;bottom:-.06em;height:.055em;background:var(--blue);transform:scaleX(var(--hero-progress,.12));transform-origin:left}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:2rem}.hero-bottom p{max-width:31rem;margin:0;color:rgba(242,239,232,.68)}.hero-portrait{position:absolute;z-index:2;right:clamp(-7rem,-3vw,-1rem);bottom:-3rem;width:clamp(21rem,37vw,41rem);transform:translate3d(0,calc(var(--hero-scroll,0)*-5rem),0) rotate(calc(-2deg + var(--hero-scroll,0)*2deg));filter:grayscale(.15) contrast(1.06)}.hero-portrait:before{content:'';position:absolute;inset:16% 9% 7%;z-index:-1;background:var(--blue);transform:rotate(4deg)}.hero-portrait img{width:100%}.hero-file{position:absolute;z-index:1;border:1px solid var(--line-inv);background:rgba(18,23,27,.82);overflow:hidden;transform:translate3d(0,calc(var(--hero-scroll,0)*var(--travel)),0) rotate(var(--rotation))}.hero-file img{width:100%;height:100%;object-fit:cover;opacity:.7}.hero-file--a{left:-5vw;top:20%;width:20vw;min-width:210px;aspect-ratio:1.5;--travel:7rem;--rotation:-4deg}.hero-file--b{right:21vw;top:11%;width:12vw;min-width:150px;aspect-ratio:.78;--travel:11rem;--rotation:5deg}.hero-file--c{left:8vw;bottom:-8%;width:16vw;min-width:190px;aspect-ratio:1.2;--travel:-8rem;--rotation:2deg}.hero-file .stamp{position:absolute;inset:auto .6rem .6rem auto;padding:.25rem .4rem;color:var(--paper);background:var(--ink);font-size:.58rem;letter-spacing:.12em}.scroll-note{display:inline-flex;align-items:center;gap:1rem;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}.scroll-note:before{content:'';width:3rem;height:1px;background:currentColor;animation:scroll-pulse 1.8s ease-in-out infinite;transform-origin:left}@keyframes scroll-pulse{0%,100%{transform:scaleX(.25)}50%{transform:scaleX(1)}}.manifesto-strip{overflow:hidden;padding:1.4rem 0;border-block:1px solid var(--line-inv);background:var(--ink)}.manifesto-strip__track{display:flex;gap:2rem;width:max-content;font:italic clamp(2.4rem,5vw,5rem)/1 var(--serif);animation:marquee 32s linear infinite}.manifesto-strip__track b{color:var(--blue);font-weight:400}@keyframes marquee{to{transform:translateX(-50%)}}
/* diversity */
.problems{min-height:180vh;background:var(--paper);color:var(--ink)}.problems__sticky{position:sticky;top:0;min-height:100svh;overflow:hidden;display:grid;place-items:center;padding:var(--header) var(--gutter) 2rem}.problems__statement{position:relative;z-index:8;text-align:center}.problems__statement h2{margin:0;max-width:12ch;font-size:clamp(3.4rem,8vw,8.5rem);font-weight:500}.problems__statement p{margin:1rem auto 0}.problem-piece{position:absolute;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;border:1px solid var(--line);background:var(--white);box-shadow:0 12px 40px rgba(10,13,16,.08);transform:translate(calc(var(--chaos,1)*var(--x)),calc(var(--chaos,1)*var(--y))) rotate(calc(var(--chaos,1)*var(--r)));transition:transform .1s linear}.problem-piece strong{font-size:clamp(1.1rem,1.7vw,1.6rem);letter-spacing:-.03em}.problem-piece span{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.problem-piece--1{width:clamp(13rem,21vw,22rem);height:11rem;--x:-36vw;--y:-24vh;--r:-9deg}.problem-piece--2{width:clamp(12rem,18vw,18rem);height:15rem;--x:34vw;--y:-25vh;--r:7deg;color:var(--paper);background:var(--blue)}.problem-piece--3{width:clamp(15rem,24vw,25rem);height:9rem;--x:-34vw;--y:27vh;--r:5deg}.problem-piece--4{width:clamp(12rem,19vw,19rem);height:12rem;--x:35vw;--y:27vh;--r:-6deg;color:var(--paper);background:var(--ink)}.problem-piece--5{width:clamp(9rem,15vw,15rem);height:8rem;--x:-12vw;--y:34vh;--r:-3deg}.problem-piece--6{width:clamp(10rem,15vw,16rem);height:9rem;--x:13vw;--y:-35vh;--r:3deg}
/* home moments */
.selected-home{background:var(--ink);color:var(--paper)}.selected-head{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:clamp(4rem,8vw,8rem)}.selected-head p{justify-self:end;color:#a9acad}.work-composition{position:relative;min-height:1600px}.moment{position:absolute;display:block;overflow:hidden}.moment img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease),filter .7s}.moment:hover img{transform:scale(1.045)}.moment-copy{position:absolute;inset:auto 0 0;padding:1rem;background:linear-gradient(transparent,rgba(0,0,0,.88))}.moment-copy span{font-size:.62rem;letter-spacing:.13em;text-transform:uppercase}.moment-copy h3{margin:.35rem 0 0;font-size:clamp(1.45rem,2.4vw,2.5rem);font-weight:500}.moment--hub{left:0;top:0;width:55%;height:31rem}.moment--auto{right:2%;top:20rem;width:36%;min-height:24rem;padding:2rem;color:var(--ink);background:var(--lime)}.moment--auto .repeat{font:500 clamp(2.2rem,5vw,5.4rem)/.8 var(--sans);letter-spacing:-.06em}.moment--auto .repeat span{display:block;opacity:.22}.moment--auto .repeat span:last-child{opacity:1;transform:translateX(1.2rem)}.moment--newsletter{left:9%;top:41rem;width:34%;min-height:30rem;padding:1.5rem;color:var(--ink);background:var(--paper);transform:rotate(-2deg)}.newsletter-lines{display:grid;gap:.7rem;margin-top:3rem}.newsletter-lines i{display:block;height:.5rem;background:#c7c6c1}.newsletter-lines i:nth-child(2){width:72%;background:var(--blue)}.newsletter-lines i:nth-child(3){width:88%}.newsletter-lines i:nth-child(4){width:42%}.moment--bastarda{right:6%;top:58rem;width:46%;height:28rem;padding:2rem;border:1px solid var(--line-inv);background:#1c2023}.media-word{position:absolute;right:-2rem;bottom:-1.5rem;font:italic clamp(5rem,11vw,12rem)/.75 var(--serif);color:var(--blue-soft)}.moment--insights{left:1%;top:83rem;width:41%;min-height:20rem;padding:2rem;color:var(--ink);background:#dad7cf}.insight-bars{display:flex;align-items:end;gap:.5rem;height:8rem;margin-top:2rem}.insight-bars i{flex:1;background:var(--ink);height:var(--h)}.moment--academic{right:0;top:100rem;width:50%;min-height:22rem;padding:2rem;color:var(--ink);background:var(--white)}.brand-list{display:grid;grid-template-columns:repeat(2,1fr);margin-top:3rem;border-top:1px solid var(--line)}.brand-list span{padding:.8rem 0;border-bottom:1px solid var(--line)}
.home-journey{position:relative;overflow:hidden;background:var(--paper)}.journey-years{display:flex;align-items:baseline;gap:clamp(1rem,4vw,5rem);width:max-content;padding:2rem 0;transform:translateX(calc(var(--journey-scroll,0)*-24vw))}.journey-years span{font:italic clamp(5rem,14vw,15rem)/1 var(--serif);color:rgba(10,13,16,.14)}.journey-years span:last-child{color:var(--blue)}.journey-preview-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.journey-preview-notes article{padding-top:1rem;border-top:1px solid var(--line)}.journey-preview-notes h3{margin:.5rem 0;font-size:1.25rem}.human-break{min-height:100svh;display:grid;place-items:center;overflow:hidden;background:var(--blue);color:#fff}.human-number{position:relative;text-align:center}.human-number strong{display:block;font:italic clamp(14rem,40vw,44rem)/.6 var(--serif);letter-spacing:-.09em}.human-number span{display:block;margin-top:4rem;font-size:clamp(1.2rem,2.4vw,2.5rem);letter-spacing:.12em;text-transform:uppercase}.human-words{position:absolute;inset:0}.human-words i{position:absolute;font-style:normal;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase}.human-words i:nth-child(1){left:8%;top:22%}.human-words i:nth-child(2){right:10%;top:30%}.human-words i:nth-child(3){left:16%;bottom:20%}.human-words i:nth-child(4){right:14%;bottom:14%}.currently-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:start}.currently-list{display:grid;border-top:1px solid var(--line)}.currently-list span{padding:1rem 0;border-bottom:1px solid var(--line);font-size:clamp(1.2rem,2.2vw,2.1rem)}