@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#10131a;--blue:#364cff;--lime:#e5f887;--paper:#edf1f4;--line:#ffffff28}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:white;font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-.055em;line-height:1.1}p{color:#b9bfcb}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.wrap{width:min(1280px,calc(100% - 80px));margin:auto}.choices{position:sticky;top:0;z-index:20;background:#f8f9fa;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 30px;border-bottom:1px solid #ccc;font-size:13px}.choices b{font-weight:500}.choices nav{display:flex;gap:6px}.choices a{padding:8px 16px;border-radius:30px}.choices a[aria-current]{background:var(--ink);color:white}.preview-note{color:#666;font-size:12px}.head{display:flex;justify-content:space-between;align-items:center;padding:30px 0}.logo{font:800 23px/.9 Manrope;letter-spacing:-1.5px}.logo span{color:var(--lime)}.head nav{display:flex;gap:30px;font-size:14px}.head nav a:last-child{color:var(--lime)}.eyebrow{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:600}.link{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid currentColor;padding:9px 0;font-size:14px}.gradient{background:radial-gradient(ellipse at 0 100%,#f6a04f,transparent 65%),radial-gradient(ellipse at 100% 100%,#e8aab8,transparent 65%),#e9eef0;color:var(--ink)}.gradient p,.light p{color:#515764}.section{padding:75px 0}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px;gap:30px}.section-top h2{font-size:44px}.blue{background:var(--blue);color:white}.blue p{color:#e0e5ff}.lime{background:var(--lime);color:var(--ink)}.lime p{color:#454b35}.light{background:var(--paper);color:var(--ink)}.foot{padding:60px 0 25px;border-top:1px solid var(--line)}.foot h2{font-size:clamp(38px,6vw,78px)}.foot-row{display:flex;justify-content:space-between;align-items:end;gap:25px}.foot small{display:block;color:#aaa;margin-top:45px}.split-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;margin-top:20px}.identity{padding:45px;border-radius:24px;display:flex;flex-direction:column;justify-content:space-between;min-height:570px}.identity h1{font:600 clamp(80px,9.3vw,145px)/.88 'Barlow Condensed';text-transform:uppercase;letter-spacing:-.02em;margin:35px 0}.identity .intro{max-width:380px}.manifesto{border:1px solid var(--line);border-radius:24px;padding:40px;display:flex;flex-direction:column;justify-content:space-between}.manifesto h2{font-size:clamp(38px,4.4vw,67px);margin:24px 0}.manifesto h2 span{color:var(--lime)}.manifesto p{max-width:340px}.tagrow{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.tagrow span{border:1px solid #10131a40;border-radius:30px;padding:5px 12px;font-size:11px}.story-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:55px}.story-grid h2{font-size:48px}.story-grid p{font-size:19px;margin-bottom:20px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.work-card{border-radius:20px;padding:34px;min-height:300px;display:flex;flex-direction:column;align-items:start}.work-card h3{font-size:34px;margin:35px 0 20px}.work-card p{margin-bottom:25px}.work-card .link{margin-top:auto}.article-row{display:grid;grid-template-columns:90px 1fr 1fr 30px;gap:20px;border-top:1px solid var(--line);padding:25px 0;align-items:start}.article-row h3{font-size:27px}.article-row p{font-size:14px}.article-row:last-child{border-bottom:1px solid var(--line)}.article-row .eyebrow{color:var(--lime)}
.editorial{background:var(--paper);color:var(--ink)}.editorial .head nav a:last-child{color:var(--blue)}.editorial .logo span{color:var(--blue)}.masthead{border-block:1px solid #10131a; padding:15px 0 22px}.masthead h1{font:600 clamp(75px,14vw,200px)/1 'Barlow Condensed';text-transform:uppercase;letter-spacing:-.025em;white-space:nowrap}.mast-meta{display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.editorial-lead{display:grid;grid-template-columns:1.5fr .8fr;gap:45px;padding:40px 0 55px}.lead-story{padding:42px;border-radius:4px;min-height:460px;display:flex;flex-direction:column;align-items:start}.lead-story h2{font-size:clamp(45px,5.3vw,76px);margin:30px 0}.lead-story h2 span{color:var(--lime)}.lead-story p{max-width:490px;margin-bottom:25px}.editorial-aside{display:flex;flex-direction:column;justify-content:space-between;gap:35px}.editorial-aside h2{font-size:30px;margin:20px 0}.editorial-aside p{color:#515764;margin-bottom:15px}.aside-note{border-top:1px solid #10131a;padding-top:25px}.editorial .article-row{border-color:#c7cdd3}.editorial .article-row .eyebrow{color:var(--blue)}.editorial .article-row p{color:#626977}.editorial .section{border-top:1px solid #b9c1c9;padding-block:45px}.editorial .foot{background:var(--ink);color:white;margin-top:50px}.editorial .work-card{border-radius:4px}.editorial .section-top h2{font-size:36px}
.grid-hero{display:grid;grid-template-columns:1.3fr 1fr .8fr;grid-template-rows:auto auto;gap:18px;margin-top:18px}.grid-identity{grid-column:1/3;padding:40px;border-radius:24px;min-height:380px;display:flex;flex-direction:column;justify-content:space-between}.grid-identity h1{font-size:clamp(60px,7vw,104px);margin:35px 0}.grid-identity p{max-width:450px}.grid-olilo{padding:30px;border-radius:24px;display:flex;flex-direction:column;justify-content:space-between}.grid-olilo h2{font-size:48px;margin:25px 0}.grid-olilo p{font-size:14px;margin-bottom:25px}.grid-essay{grid-column:1; padding:32px;border-radius:24px;min-height:300px;display:flex;flex-direction:column;justify-content:space-between}.grid-essay h2{font-size:38px;margin:22px 0}.grid-project{grid-column:2;padding:32px;border:1px solid var(--line);border-radius:24px;display:flex;flex-direction:column;justify-content:space-between}.grid-project h2{font-size:29px;margin:25px 0}.grid-project p{font-size:14px;margin-bottom:20px}.grid-views{grid-column:3;padding:28px;background:#222630;border-radius:24px}.grid-views h2{font-size:24px;margin-bottom:20px}.grid-views a{display:block;padding:15px 0;border-top:1px solid var(--line);font-size:14px}.big-quote{padding:65px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:.7fr 2fr;gap:50px}.big-quote h2{font-size:48px;max-width:800px}.big-quote h2 span{color:var(--lime)}
@media(max-width:850px){.wrap{width:calc(100% - 40px)}.choices{padding:10px 15px;flex-wrap:wrap;gap:8px}.preview-note{display:none}.choices nav{width:100%;justify-content:space-between}.choices a{padding:6px 10px}.head nav{gap:16px;font-size:12px}.split-hero,.story-grid,.editorial-lead{grid-template-columns:1fr}.identity{min-height:480px}.manifesto{min-height:350px}.work-grid{grid-template-columns:1fr}.article-row{grid-template-columns:70px 1fr 20px}.article-row p{grid-column:2}.article-row>span:last-child{grid-column:3;grid-row:1}.grid-hero{grid-template-columns:1fr 1fr}.grid-identity{grid-column:1/-1}.grid-olilo{grid-column:1}.grid-essay{grid-column:2;grid-row:2}.grid-project{grid-column:1}.grid-views{grid-column:2}.big-quote{grid-template-columns:1fr;gap:20px}.masthead h1{font-size:14vw}.section{padding:45px 0}}@media(max-width:520px){.head{align-items:start;gap:20px}.head nav{flex-wrap:wrap;justify-content:end;gap:8px 18px;max-width:210px}.identity,.manifesto,.lead-story{padding:28px}.identity h1{font-size:clamp(60px,21vw,95px)}.section-top{align-items:start;flex-direction:column;gap:20px}.section-top h2,.story-grid h2,.big-quote h2{font-size:36px}.grid-hero{display:flex;flex-direction:column}.grid-identity{padding:28px;min-height:360px}.grid-identity h1{font-size:62px}.grid-olilo,.grid-essay,.grid-project{min-height:280px}.mast-meta{font-size:9px;gap:15px}.mast-meta span:last-child{display:none}.editorial-lead{gap:30px}.foot-row{align-items:start;flex-direction:column}.article-row{grid-template-columns:55px 1fr 15px;gap:10px}.article-row h3{font-size:23px}.choices b{font-size:12px}}

body{background:#fbf7f4;color:var(--ink)}.choices{position:relative;background:#fbf7f4;border:0}.choices nav{display:none}.choices b{font-size:12px}.portrait-shell{width:min(1400px,calc(100% - 48px));margin:10px auto 0;border-radius:28px;overflow:hidden;background:radial-gradient(ellipse at 10% 0%,#f8e5dd 0,transparent 58%),radial-gradient(ellipse at 92% 80%,#e9b4c6 0,transparent 64%),linear-gradient(135deg,#f4c9b7,#f6ac92);position:relative;isolation:isolate}.portrait-shell .head{width:auto;margin:0 48px;padding:29px 0;position:relative;z-index:4}.portrait-shell .logo span{color:var(--ink)}.portrait-shell .head nav a:last-child{background:var(--ink);color:white;border-radius:30px;padding:9px 20px}.portrait-shell .head nav{align-items:center}.portrait-hero{min-height:580px;position:relative;padding:68px 48px 110px;display:flex;align-items:center}.portrait-copy{position:relative;z-index:3;max-width:49%}.portrait-copy .eyebrow{color:#55505a;margin-bottom:24px}.portrait-copy h1{font-size:clamp(48px,5.6vw,82px);font-weight:600;line-height:1.06;letter-spacing:-.065em}.portrait-copy p{color:#4f4146;max-width:360px;margin:25px 0 29px;font-size:17px}.portrait-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.portrait-button{display:inline-flex;align-items:center;gap:28px;border-radius:40px;background:var(--ink);color:#fff;padding:13px 20px;font-size:14px}.portrait-button span{background:var(--lime);color:var(--ink);border-radius:50%;width:26px;height:26px;text-align:center;line-height:26px}.portrait-actions .link{font-size:13px;gap:16px}.portrait-photo{position:absolute;bottom:0;right:1%;height:100%;width:54%;object-fit:contain;object-position:center bottom;z-index:2;mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%)}.portrait-watermark{position:absolute;left:3%;bottom:8px;width:94%;font:600 clamp(70px,12vw,170px)/.85 'Barlow Condensed',sans-serif;letter-spacing:-.025em;white-space:nowrap;color:#ffffff38;z-index:1;pointer-events:none}.portrait-caption{position:absolute;bottom:22px;right:45px;z-index:3;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#594b50}.story-grid{padding-block:75px;border-bottom:1px solid #10131a20}.story-grid h2{font-size:40px;max-width:440px}.story-grid p{color:#64616a;font-size:18px}.section-top .eyebrow{color:#65606b}.article-row{border-color:#10131a25}.article-row:last-child{border-color:#10131a25}.article-row .eyebrow{color:var(--blue)}.article-row p{color:#65606b}.foot{background:var(--ink);color:white}.head a:hover,.portrait-actions a:hover{opacity:.8}.portrait-menu{display:none}.portrait-shell a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
@media(min-width:1500px){.portrait-hero{min-height:660px}}
@media(max-width:850px){.portrait-shell{width:calc(100% - 30px)}.portrait-shell .head{margin:0 26px}.portrait-hero{padding:45px 28px 100px;min-height:530px}.portrait-copy h1{font-size:52px}.portrait-copy p{font-size:15px}.portrait-photo{right:-7%;width:62%}.portrait-copy{max-width:53%}.portrait-caption{right:25px}}
@media(max-width:600px){.portrait-shell{border-radius:22px}.portrait-shell .head{margin:0 24px;padding:25px 0;align-items:center;flex-wrap:wrap}.portrait-shell .head nav{display:none;max-width:none;width:100%;justify-content:start;padding:20px 0 0}.portrait-shell .head nav.is-open{display:flex}.portrait-menu{display:block;border:1px solid #10131a44;padding:8px 14px;background:transparent;border-radius:25px;font:13px 'DM Sans',sans-serif}.portrait-hero{display:block;min-height:0;padding:26px 24px 0}.portrait-copy{max-width:100%}.portrait-copy h1{font-size:clamp(43px,11vw,62px)}.portrait-copy .eyebrow{font-size:10px;margin-bottom:18px}.portrait-copy p{font-size:15px;margin:20px 0;max-width:310px}.portrait-actions{gap:18px}.portrait-button{padding:11px 16px;font-size:12px;gap:16px}.portrait-photo{position:relative;display:block;width:calc(100% + 36px);max-width:none;height:auto;right:auto;margin:22px -18px 0;mask-image:linear-gradient(to bottom,#000 0%,#000 73%,transparent 100%)}.portrait-watermark{font-size:16vw;bottom:28px;left:5%;width:90%;z-index:3}.portrait-caption{display:none}.story-grid{padding-top:45px}.story-grid h2{font-size:32px}.choices{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{background:#1b1c2b}.choices{background:#1b1c2b;color:#eee;padding:15px 28px}.preview-note{color:#b7b8c4}.choices>a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.portrait-shell{background:#dce0e1;border-radius:3px;width:min(1400px,calc(100% - 64px));margin-top:8px}.portrait-shell .head{margin:0 42px;padding:24px 0}.portrait-shell .head nav a:last-child{background:none;color:var(--ink);padding:0;border-radius:0}.portrait-hero{height:620px;min-height:620px;padding:0;display:block}.mono-portrait{position:absolute;width:70%;height:112%;object-fit:contain;object-position:center bottom;bottom:-3px;left:6%;filter:grayscale(1) contrast(1.06);z-index:2}.mono-intro{position:absolute;right:4%;top:9%;width:220px;z-index:5}.mono-intro h1{font-size:23px;letter-spacing:-.04em;font-style:italic;margin-bottom:15px}.mono-intro p{font-size:14px;color:#373b43;line-height:1.6;margin-bottom:16px}.mono-intro .link{font-size:12px;gap:24px}.mono-name{position:absolute;left:3%;right:3%;bottom:120px;display:flex;justify-content:space-between;font:600 clamp(80px,11.3vw,168px)/.9 'Barlow Condensed',sans-serif;letter-spacing:-.03em;color:#fff8ed;z-index:3;pointer-events:none}.mono-name span:last-child{align-self:end;transform:translateY(58px)}.mono-haze{position:absolute;inset:40% -2% -5%;z-index:4;pointer-events:none;backdrop-filter:blur(7px);mask-image:linear-gradient(transparent,#000 58%);background:radial-gradient(ellipse at 15% 83%,#e9a02dba,transparent 66%),radial-gradient(ellipse at 88% 87%,#eeb2c4db,transparent 65%),linear-gradient(transparent,#bb816c8a)}.mono-roles{position:absolute;bottom:34px;left:42px;z-index:6;list-style:none;margin:0;padding:0;color:#fff;font-style:italic;font-size:20px;line-height:1.75;text-shadow:0 1px 14px #26190966}.mono-roles li:nth-child(2){margin-left:42px}.mono-roles li:nth-child(3){margin-left:15px}.mono-roles small{font-size:10px;margin-right:14px;vertical-align:middle}.mono-scroll{position:absolute;right:40px;bottom:36px;z-index:6;color:#fff;font-size:12px;border-bottom:1px solid #fff8;padding-bottom:8px}.mono-grain{position:absolute;inset:0;opacity:.10;pointer-events:none;z-index:7;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.55' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.mono-content{width:min(1400px,calc(100% - 64px));margin:auto;background:#edf0f2;padding:0 42px}.mono-content .wrap{width:100%}.story-grid{padding:48px 0;gap:45px}.story-grid h2{font-size:36px}.story-grid p{font-size:17px}.work-card{border-radius:6px}.work-card.lime{background:#dfe5e4}.work-card.gradient{background:#e1dddd}.foot{width:min(1400px,calc(100% - 64px));margin:auto}.mono-content .section-top .eyebrow{font-size:10px}.mono-content .section{padding-block:45px}
@media(min-width:1500px){.portrait-hero{height:700px;min-height:700px}}
@media(max-width:1000px){.mono-portrait{width:82%;left:-5%;height:105%}.mono-intro{width:180px;right:4%;top:5%}.mono-intro h1{font-size:21px}.mono-intro p{font-size:12px}.mono-name{font-size:12vw}.portrait-hero{height:560px;min-height:560px}}
@media(max-width:600px){.choices{gap:10px}.portrait-shell,.mono-content,.foot{width:calc(100% - 24px)}.portrait-shell .head{margin:0 22px;padding:23px 0}.portrait-shell .head nav{padding-bottom:10px}.portrait-hero{height:650px;min-height:650px;padding:0}.mono-intro{top:8px;left:24px;right:24px;width:auto}.mono-intro h1{font-size:24px;margin-bottom:10px}.mono-intro p{max-width:265px;font-size:13px;margin-bottom:5px}.mono-intro .link{font-size:12px}.mono-portrait{width:145%;height:78%;max-width:none;left:-23%;bottom:0}.mono-name{bottom:140px;left:5%;right:5%;font-size:16vw;display:block;line-height:.95}.mono-name span{display:block}.mono-name span:last-child{transform:none;text-align:right;margin-top:7px}.mono-haze{inset:55% -2% -3%;backdrop-filter:blur(5px)}.mono-roles{left:24px;bottom:23px;font-size:17px;line-height:1.7}.mono-roles small{font-size:9px;margin-right:10px}.mono-roles li:nth-child(2){margin-left:22px}.mono-roles li:nth-child(3){margin-left:7px}.mono-scroll{display:none}.mono-content{padding:0 24px}.story-grid h2{font-size:30px}.story-grid p{font-size:16px}.mono-content .section-top h2{font-size:31px}}

/* Production brand and accessibility */
.portrait-shell{margin-top:32px}.brand-logo{display:block;width:46px;height:46px}.skip-link{position:absolute;top:-100px;left:20px;z-index:100;background:#fff;color:#111;padding:12px}.skip-link:focus{top:8px}.foot nav{display:flex;gap:25px;flex-wrap:wrap;margin-top:35px;color:#bbb;font-size:14px}html{scroll-behavior:smooth}a:focus-visible,button:focus-visible{outline:3px solid #364cff;outline-offset:5px}.foot a:focus-visible{outline-color:#e5f887}@media(max-width:600px){.portrait-shell{margin-top:12px}.brand-logo{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Edge-to-edge homepage: no outer frame. */
body{background:#edf0f2}.portrait-shell,.mono-content,.foot{width:100%;max-width:none;margin:0;border-radius:0}.mono-content .wrap{max-width:1316px;margin-inline:auto}.foot .wrap{width:calc(100% - 84px);max-width:1316px}@media(max-width:600px){.foot .wrap{width:calc(100% - 48px)}}
