:root{--ink:#161713;--paper:#FFFEFB;--cream:#F7F5EF;--lime:#dcf457;--orange:#fb583f;--char:#252521;--muted:#66645e;--line:rgba(22,23,19,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%}button,video{max-width:100%}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:70px;z-index:50;padding:12px;background:white}::selection{background:var(--lime);color:#111}
.site-head{height:76px;background:var(--paper);display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;padding:0 3.5%;gap:10px;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{font-family:Inter,Arial,sans-serif;font-size:31px;letter-spacing:-3px;font-weight:900;line-height:1}.dot{color:var(--orange)}.head-meta{font-size:10px;letter-spacing:.18em;font-weight:800;text-align:center}.slash{padding:0 8px;color:var(--orange)}nav{display:flex;justify-content:flex-end;gap:25px}nav a{font-size:11px;font-weight:800;letter-spacing:.075em;border-bottom:1px solid transparent;padding-bottom:3px}nav a:hover{border-color:currentColor}
.hero{background:var(--ink);color:var(--cream);min-height:min(820px,calc(100vh - 76px));display:grid;grid-template-columns:55% 45%;overflow:hidden}.hero-copy{display:flex;flex-direction:column;padding:clamp(34px,4vw,65px) 2.8vw clamp(36px,3.8vw,60px) 6.4%;min-height:690px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.13em;display:flex;align-items:center;gap:11px}.location{margin-left:auto;opacity:.5;font-size:9px}.red-square{width:9px;height:9px;display:inline-block;background:var(--orange)}.hero h1{margin:auto 0;font-size:clamp(65px,7.1vw,128px);font-weight:900;letter-spacing:-.092em;line-height:.94;max-width:100%;white-space:nowrap}.hero h1 span{color:var(--lime)}.hero h1 em{font-weight:400;font-family:Georgia,Times,serif;letter-spacing:-.065em;white-space:nowrap}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.hero-bottom p{font-size:17px;line-height:1.45;max-width:330px;margin:0}.round-arrow{width:61px;height:61px;border:1px solid #999b90;border-radius:50%;font-size:35px;text-align:center;line-height:54px;transition:background .2s,color .2s}.round-arrow:hover{background:var(--lime);color:#141414;border-color:var(--lime)}.hero-visual{position:relative;min-height:690px;background:#252624;overflow:hidden}.hv-large{position:absolute;width:100%;height:75%;object-fit:cover;top:0;left:0;filter:saturate(.9)}.hv-small{position:absolute;width:57%;height:43%;object-fit:cover;bottom:0;left:0;border-top:13px solid var(--ink);border-right:13px solid var(--ink)}.hero-stamp{position:absolute;bottom:0;right:0;width:43%;height:25%;background:var(--lime);color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;padding:23px;font-weight:900;font-size:clamp(18px,2.1vw,34px);line-height:.96;letter-spacing:-.06em}.hero-stamp b{font-size:12px;letter-spacing:.1em}.hero-vertical{position:absolute;top:18px;right:15px;font-size:9px;letter-spacing:.14em;writing-mode:vertical-rl;color:#fff;background:rgba(0,0,0,.35);padding:12px 8px}.ticker{background:var(--lime);overflow:hidden;border-bottom:1px solid var(--ink);padding:14px 0}.ticker div{white-space:nowrap;font-size:19px;font-weight:900;letter-spacing:-.035em;text-align:center}.ticker span{font-size:14px;padding:0 25px;color:var(--orange)}
.section-kicker{font-size:11px;font-weight:850;letter-spacing:.15em}.opening{padding:100px 6.4% 93px}.opening-grid{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:7vw}.opening h2,.elsewhere h2{font-size:clamp(85px,12vw,180px);font-weight:900;letter-spacing:-.085em;line-height:.8;margin:28px 0 0}.mark,.elsewhere h2 span{color:var(--orange)}.opening-grid p{max-width:580px;font-size:clamp(20px,2.25vw,31px);line-height:1.25;letter-spacing:-.035em;font-weight:450;margin:0 0 3px}
.project{padding:65px 6.4% 80px;border-top:1px solid var(--ink)}.project-dark{background:var(--ink);color:var(--cream);border-color:#333}.project-cream{background:var(--paper)}.project-top{display:flex;justify-content:space-between;gap:15px;border-top:1px solid currentColor;padding-top:14px;line-height:1}.project-num{font-weight:900;font-size:13px;letter-spacing:.04em}.project-class{font-size:11px;font-weight:750;letter-spacing:.12em}.project-title-row{display:grid;grid-template-columns:1fr 280px;align-items:end;gap:20px;padding:32px 0 48px}.project-title-row h3{font-size:clamp(76px,10.4vw,172px);font-weight:900;line-height:.83;letter-spacing:-.09em;margin:0}.project-title-row h3 em{font-family:Georgia,Times,serif;font-weight:400;letter-spacing:-.074em}.project-info{border-left:1px solid currentColor;display:flex;flex-direction:column;gap:9px;padding:0 0 3px 22px;font-size:12px;line-height:1.65;letter-spacing:.012em}.project-info b{font-weight:900;font-size:14px;letter-spacing:.03em}.project-info span:nth-child(2){opacity:.64;font-size:10px;font-weight:750;letter-spacing:.12em}.film-area{background:#10100f;position:relative;box-shadow:0 7px 26px rgba(0,0,0,.09)}.film-area video{width:100%;aspect-ratio:16/9;object-fit:contain;display:block;background:black}.play-hint{position:absolute;bottom:18px;left:19px;pointer-events:none;background:rgba(18,18,17,.85);font-size:11px;font-weight:800;letter-spacing:.1em;color:white;padding:12px 17px;border:1px solid rgba(255,255,255,.24)}.play-hint b{margin-left:22px;font-size:10px;opacity:.7}.film-area.is-playing .play-hint{display:none}.project-foot{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-top:19px;border-bottom:1px solid currentColor;padding-bottom:24px}.project-foot p{max-width:590px;font-size:15px;line-height:1.55;margin:0}.project-foot>span,.project-foot .text-link{font-size:10px;font-weight:800;letter-spacing:.12em;white-space:nowrap}.project-foot .text-link{border-bottom:1px solid;padding-bottom:4px}.project-cream .project-foot{border-color:#D3D1C9}.project-dark .project-foot{border-color:#555}
.slime-project{background:#ed90ad;color:#1c181c;overflow:hidden}.slime-project .project-title-row h3{font-size:clamp(85px,13vw,210px);color:#1c181c}.slime-project .project-title-row h3 em{color:#4a154f}.slime-stage{display:grid;grid-template-columns:32% 68%;min-height:450px;background:#ccff4c;overflow:hidden}.slime-left{position:relative;min-height:460px;display:flex;align-items:center;justify-content:center;background:#d7f353}.slime-left img{width:min(70%,350px);height:380px;object-fit:contain;mix-blend-mode:multiply}.vertical-slim{position:absolute;font-size:10px;font-weight:900;letter-spacing:.2em;left:17px;top:12px;writing-mode:vertical-rl}.slime-right{position:relative;min-height:460px;background:#c1f7f5}.slime-right img{height:100%;width:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.slime-overlay{position:absolute;bottom:22px;left:27px;color:white;font-size:clamp(35px,4.7vw,72px);line-height:.87;letter-spacing:-.07em;font-weight:900;text-shadow:0 2px 18px rgba(0,0,0,.4)}.slime-overlay span{font-size:35px;display:block;margin:16px 0 0}
.streets-project .project-title-row h3 em{color:var(--lime)}.streets-project .film-area{border:1px solid #383838}.corsini-project{background:#F5F3ED}.corsini-project .project-title-row h3 em{font-size:.9em}.corsini-layout{display:grid;grid-template-columns:66% 34%;gap:12px;max-height:650px;overflow:hidden}.corsini-layout img{height:100%;object-fit:cover}.corsini-large{height:600px}.corsini-side{height:600px;display:grid;grid-template-rows:1fr auto;gap:12px}.corsini-side img{min-height:0}.corsini-caption{background:#20251f;color:#d9ead1;padding:15px 20px;font-weight:900;font-size:clamp(25px,3.1vw,50px);line-height:.92;letter-spacing:-.065em}
.elsewhere{background:#F1F1ED;padding:95px 6.4% 110px}.elsewhere-head{display:flex;align-items:end;justify-content:space-between;gap:40px}.elsewhere h2{font-size:clamp(70px,9vw,135px);line-height:.84}.elsewhere-head p{max-width:320px;font-size:18px;line-height:1.4}.else-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:66px}.else-card{background:#FFFFFF;overflow:hidden}.else-card img{height:260px;object-fit:cover}.else-card:nth-child(3) img{object-position:top}.else-card div{padding:21px 16px 24px;min-height:95px}.else-card h3{font-size:18px;letter-spacing:-.045em;margin:0 0 9px}.else-card span{font-size:9px;letter-spacing:.085em;font-weight:750;color:#605d57}
.about{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:120px 6.4%;background:var(--paper)}.about h2{font-size:clamp(66px,8vw,125px);line-height:.9;letter-spacing:-.085em;margin:32px 0}.about h2 em{font-family:Georgia,Times,serif;font-weight:400;color:#675d52}.about-copy{padding-top:51px}.about-copy p{max-width:590px;font-size:17px;line-height:1.6;margin:0 0 23px}.about-copy p:first-child{font-weight:750;font-size:22px;line-height:1.4}.skills{display:flex;flex-wrap:wrap;gap:9px;margin-top:38px}.skills span{border:1px solid #959185;border-radius:99px;padding:9px 13px;font-size:9px;letter-spacing:.1em;font-weight:800}

footer{background:var(--lime);color:var(--ink);padding:90px 6.4% 40px}.footer-kicker{font-size:12px;font-weight:900;letter-spacing:.14em}.footer-mail{display:block;position:relative;width:100%;font-weight:900;font-size:clamp(115px,19vw,300px);line-height:.79;letter-spacing:-.105em;margin:55px 0 95px}.footer-mail em{font-family:Georgia,Times,serif;font-weight:400}.footer-mail span{font-family:Arial;font-size:clamp(60px,8vw,130px);position:absolute;right:3%;bottom:6%;transition:transform .25s}.footer-mail:hover span{transform:translate(10px,-10px)}.footer-bottom{border-top:2px solid;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-bottom span,.footer-bottom a{font-size:10px;font-weight:850;letter-spacing:.09em}.rights{margin:54px 0 0;font-size:10px;opacity:.7}
@media(max-width:1100px){.hero{grid-template-columns:60% 40%}.hero h1{font-size:clamp(52px,6.8vw,92px)}.hero-copy{padding-left:5%;min-height:580px}.hero-visual{min-height:580px}.project-title-row h3{font-size:clamp(66px,10vw,122px)}.project-title-row{grid-template-columns:1fr 240px}}
@media(max-width:750px){.site-head{height:65px;padding:0 5%;grid-template-columns:auto 1fr}.head-meta{display:none}nav{gap:15px}.brand{font-size:27px}nav a{font-size:10px}.hero{display:block}.hero-copy{padding:30px 5% 40px;min-height:540px}.hero h1{font-size:clamp(59px,11.5vw,103px)}.hero-visual{min-height:390px}.hv-large{height:100%}.hv-small{height:45%;width:55%;border-width:8px}.hero-stamp{height:45%;width:45%;font-size:22px}.location{display:none}.ticker div{font-size:14px}.ticker span{padding:0 10px}.opening{padding:75px 5%}.opening-grid{display:block}.opening h2{font-size:clamp(93px,22vw,150px)}.opening-grid p{font-size:21px;max-width:500px;margin-top:35px}.project{padding:43px 5% 55px}.project-title-row{grid-template-columns:1fr;gap:29px;padding:30px 0}.project-title-row h3{font-size:clamp(62px,13vw,100px)}.project-info{margin-left:2px}.project-foot{flex-direction:column;gap:12px}.project-foot p{font-size:14px}.project-class{font-size:9px}.slime-project .project-title-row h3{font-size:clamp(70px,16vw,130px)}.slime-stage{display:block}.slime-left{min-height:290px}.slime-left img{height:260px}.slime-right{height:350px;min-height:0}.corsini-layout{grid-template-columns:1.3fr 1fr;gap:6px}.corsini-large,.corsini-side{height:360px}.corsini-side{gap:6px}.corsini-caption{padding:10px;font-size:26px}.elsewhere{padding:75px 5%}.elsewhere-head{display:block}.elsewhere h2{font-size:clamp(70px,15vw,105px)}.elsewhere-head p{margin-top:29px}.else-grid{grid-template-columns:1fr;gap:18px;margin-top:42px}.else-card img{height:225px}.about{display:block;padding:85px 5%}.about h2{font-size:clamp(68px,13vw,120px)}.about-copy{padding-top:0}.about-copy p{font-size:15px}.about-copy p:first-child{font-size:20px}footer{padding:80px 5% 36px}.footer-mail{font-size:clamp(110px,23vw,210px);margin:60px 0 100px}.footer-mail span{font-size:48px;right:1%}.footer-bottom{flex-direction:column}.rights{margin-top:35px}}
@media(max-width:390px){.hero h1{font-size:54px}.project-title-row h3{font-size:60px}.hero-stamp{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Slime treatment: editorial typography with source images, not generated scene mock-ups */
.slime-right{position:relative;background:#6738be;overflow:hidden}
.slime-right:before{content:"";position:absolute;width:55%;aspect-ratio:1;left:-11%;top:-40%;border:25px solid #9cff67;border-radius:50%;opacity:.85}
.slime-right .slime-type{position:absolute;left:4%;top:7%;font-size:clamp(55px,7vw,117px);font-weight:900;line-height:.85;letter-spacing:-.085em;color:#ecff7a;z-index:1}
.slime-right img.slime-kid{position:absolute;bottom:-2%;right:-12%;width:65%;height:103%;object-fit:contain;object-position:bottom;z-index:2;filter:drop-shadow(-15px 15px 0 #a3d83c)}
.slime-right .slime-sticker{position:absolute;right:7%;top:5%;background:#fe6384;color:#23241e;padding:12px;font-size:11px;line-height:1.1;letter-spacing:.035em;font-weight:950;transform:rotate(11deg);z-index:3}
@media(max-width:750px){.slime-right .slime-type{font-size:clamp(48px,11.5vw,83px)}.slime-right img.slime-kid{width:82%;right:-22%}}

/* Mobile QA fix: longer editorial heading must not overflow narrow screens */
@media(max-width:750px){.elsewhere h2{font-size:clamp(52px,12.5vw,84px);letter-spacing:-.09em;overflow-wrap:normal}.elsewhere-head{min-width:0}}
@media(max-width:390px){.elsewhere h2{font-size:52px}}

/* v3 — single-line project captions on standard screens */
.project-foot{align-items:center;gap:16px}
.project-foot p{max-width:none;flex:1;min-width:0;white-space:nowrap;font-size:clamp(12px,1.05vw,15px);letter-spacing:-.01em;line-height:1.4}
.project-foot>span,.project-foot .text-link{flex-shrink:0}
@media(max-width:1040px){.project-foot>span{display:none}.project-foot p{font-size:13px}}
@media(max-width:750px){.project-foot{flex-direction:row;align-items:center;gap:8px}.project-foot p{white-space:normal;font-size:13px}.streets-project .project-foot .text-link{font-size:9px;letter-spacing:.02em}}
@media(max-width:440px){.streets-project .project-foot .text-link{font-size:0}.streets-project .project-foot .text-link:after{content:'YOUTUBE ↗';font-size:10px}}

/* v3 — optional original creative development. Native details work offline and without JS. */
.process-details{margin-top:30px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}
.process-details>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;transition:opacity .2s}
.process-details>summary::-webkit-details-marker{display:none}
.process-details>summary:hover{opacity:.7}
.process-summary-name{font-size:clamp(19px,2.4vw,34px);line-height:1;font-weight:900;letter-spacing:-.055em}
.process-summary-name small{display:block;font-size:9px;line-height:1.5;font-weight:800;letter-spacing:.13em;margin-bottom:7px}
.process-summary-action{display:flex;align-items:center;gap:19px;font-size:11px;font-weight:800;letter-spacing:.04em;flex-shrink:0}
.process-summary-action b{font-size:10px;font-weight:600;opacity:.6;white-space:nowrap}
.process-summary-action>span{display:inline-flex;border:1px solid currentColor;width:38px;height:38px;justify-content:center;align-items:center;border-radius:50%;font-size:20px;line-height:1;transition:transform .2s}
.process-details[open] .process-summary-action>span{transform:rotate(90deg)}
.process-body{padding:4px 0 33px}
.process-body>p{font-size:13px;line-height:1.5;max-width:650px;margin:5px 0 22px;opacity:.75}
.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.process-card{min-width:0;display:block;outline-offset:4px}
.process-thumb{display:block;background:rgba(0,0,0,.07);overflow:hidden;aspect-ratio:16/9;border:1px solid rgba(128,128,128,.22)}
.process-thumb img{height:100%;width:100%;object-fit:contain;transition:transform .2s}
.process-card:hover .process-thumb img{transform:scale(1.035)}
.process-caption{display:flex;justify-content:space-between;gap:12px;padding:9px 0 18px;align-items:baseline;border-bottom:1px solid rgba(120,120,120,.38)}
.process-caption b{font-size:10px;font-weight:800;line-height:1.3;letter-spacing:.025em}
.process-caption>span{font-size:9px;font-weight:700;white-space:nowrap;opacity:.65}
.elsewhere .process-details{margin-top:55px}
@media(max-width:950px){.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-summary-action{gap:10px}.process-caption{gap:7px}.process-caption>span{font-size:8px}}
@media(max-width:590px){.process-grid{grid-template-columns:1fr}.process-details{margin-top:26px}.process-summary-name{font-size:19px}.process-summary-action{font-size:0;gap:7px}.process-summary-action b{font-size:9px}.process-summary-action>span{width:32px;height:32px;font-size:18px}.process-caption b{font-size:11px}.process-caption>span{font-size:9px}.process-body{padding-bottom:20px}.process-thumb{max-height:350px}}


/* V4 / disciplined editorial rhythm and precise text spacing */
:root{--rule:rgba(22,23,19,.25)}
p,h1,h2,h3,h4{word-spacing:normal}
.project-info{gap:9px;line-height:1.55}
.project-top{align-items:baseline}
.project-foot{padding-top:16px;line-height:1.45}
.process-body>p{line-height:1.65}
.about-copy p{line-height:1.58}
.elsewhere-head p{line-height:1.55}

/* Numbered art-direction strip: no decorative asterisks, no repeated marquee. */
.ticker{background:var(--lime);padding:0;overflow:visible;border-bottom:2px solid var(--ink)}
.discipline-strip{display:grid;grid-template-columns:1fr 1.3fr 1fr 1fr;max-width:1800px;margin:0 auto}
.discipline-item{min-width:0;border-right:1px solid rgba(22,23,19,.33);display:flex;align-items:center;gap:17px;padding:19px clamp(12px,2.6vw,46px);position:relative}
.discipline-item:last-child{border-right:0}
.discipline-item small{display:flex;flex-direction:column;gap:6px;align-items:flex-start;font-size:10px;letter-spacing:.05em;font-weight:850;min-width:17px}
.mini-rule{height:3px;width:13px;background:var(--orange)}
.discipline-item strong{white-space:nowrap;font-size:clamp(13px,1.32vw,20px);font-weight:950;letter-spacing:-.055em;line-height:1}
.discipline-item i{position:absolute;width:9px;height:9px;border:2px solid currentColor;border-radius:50%;right:16px;top:50%;transform:translateY(-50%);opacity:.75}
.discipline-item:nth-child(2) i{border-radius:0;transform:translateY(-50%) rotate(45deg)}
.discipline-item:nth-child(3) i{border:0;background:var(--orange);border-radius:0;transform:translateY(-50%) skew(-22deg)}
.discipline-item:nth-child(4) i{border-radius:0;height:2px;border:0;width:20px;background:currentColor}
@media(max-width:900px){.discipline-item{gap:10px;padding:17px 18px}.discipline-item i{display:none}}
@media(max-width:560px){.discipline-strip{grid-template-columns:1fr 1fr}.discipline-item{padding:13px 15px;border-bottom:1px solid rgba(22,23,19,.2)}.discipline-item:nth-child(2){border-right:0}.discipline-item:nth-child(n+3){border-bottom:0}.discipline-item strong{font-size:15px}}

/* Explicit sentence break in the second-page introduction */
.opening-grid p{max-width:620px;line-height:1.32}
.opening-lead,.opening-second{display:block}
.opening-second{margin-top:1.1em;font-size:.79em;letter-spacing:-.02em;line-height:1.38}

/* Spacious, structured source board presentation */
.process-details{margin-top:39px}
.process-details>summary{padding:25px 0}
.process-body{padding-top:7px}
.process-story-head{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-items:end;padding:34px 0 34px;border-bottom:1px solid currentColor}
.process-story-head>.process-label{grid-column:1/-1;margin-bottom:28px;letter-spacing:.15em;font-size:10px;font-weight:800;opacity:.72}
.process-story-head h4{margin:0;font-size:clamp(44px,6.5vw,89px);line-height:.91;letter-spacing:-.08em;font-weight:900}
.process-story-head h4 em{font-family:Georgia,Times,serif;font-weight:400;letter-spacing:-.06em}
.process-story-head p{font-size:clamp(14px,1.5vw,18px);line-height:1.6;max-width:530px;margin:0 0 5px}
.sequence-header{display:flex;justify-content:space-between;gap:20px;align-items:end;border-bottom:1px solid currentColor;padding:40px 0 13px;font-size:11px;letter-spacing:.07em;font-weight:800;line-height:1.5}
.sequence-header span:last-child{opacity:.65;font-size:10px;font-weight:700;text-align:right}
.sequence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px;margin:25px 0 18px}
.sequence-card{display:block;min-width:0;outline-offset:6px}
.sequence-image{display:block;aspect-ratio:1.65;background:#e4e1db;border:1px solid rgba(125,125,125,.23);overflow:hidden}
.sequence-image img{width:100%;height:100%;object-fit:contain;transition:transform .2s}
.sequence-card:hover .sequence-image img{transform:scale(1.025)}
.sequence-meta{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:13px 0 17px;border-bottom:1px solid rgba(128,128,128,.45)}
.sequence-meta>span{font-size:12px;font-weight:900}
.sequence-meta strong{font-size:clamp(12px,1.2vw,16px);line-height:1.3;letter-spacing:-.012em;font-weight:850}
.sequence-meta small{font-size:9px;line-height:1.4;letter-spacing:.035em;opacity:.65;text-align:right}
.source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;margin:25px 0 18px}
.source-grid .process-thumb{aspect-ratio:16/9;background:#ebe8e0}
.source-grid .process-card{display:block}
#streets .source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.source-footnote{font-size:11px!important;line-height:1.6!important;letter-spacing:0;margin-top:24px!important;max-width:850px!important;opacity:.65}
@media(max-width:900px){.process-story-head{grid-template-columns:1fr;row-gap:26px}.process-story-head>.process-label{margin-bottom:4px}.process-story-head h4{font-size:clamp(45px,8vw,82px)}.sequence-meta{grid-template-columns:25px 1fr}.sequence-meta small{grid-column:2;text-align:left}.source-grid .process-caption>span{display:none}}
@media(max-width:680px){.sequence-grid,.source-grid,#streets .source-grid{grid-template-columns:1fr;gap:23px}.sequence-header{padding-top:26px}.sequence-header span:last-child{display:none}.sequence-image{aspect-ratio:1.62}.process-story-head{padding:24px 0}.process-story-head p{font-size:14px}.process-details>summary{padding:19px 0}.process-story-head h4{font-size:clamp(43px,10vw,70px)}.source-grid .process-caption>span{display:block}}

/* V5 — clean numbered visual system */
.discipline-item small{position:relative;display:flex;align-items:center;justify-content:center;min-width:38px;width:38px;height:38px;border:1.5px solid rgba(22,23,19,.75);border-radius:50%;font-size:12px;font-weight:850;letter-spacing:-.03em;flex-shrink:0;}
.discipline-item small::after{content:'';position:absolute;right:-3px;bottom:2px;width:8px;height:8px;border-radius:50%;background:var(--orange);border:1.5px solid var(--lime);}
.hero-stamp>span{white-space:pre-line}
.hero-count{display:flex;align-items:end;gap:9px;border-top:1px solid rgba(22,23,19,.45);padding-top:8px}
.hero-count strong{font-size:28px;line-height:.9;letter-spacing:-.08em}
.hero-count>span{font-size:9px;line-height:1.1;letter-spacing:.07em;font-weight:850;white-space:pre-line}
.about-copy p.about-lede{font-weight:850;font-size:clamp(22px,2vw,30px);letter-spacing:-.04em;line-height:1.18;margin-bottom:26px;max-width:550px}
.about-copy p{line-height:1.65;font-size:16px;max-width:640px}
.music-bio{border-top:1px solid var(--ink);padding-top:16px;margin-top:26px}
.music-bio-label{font-size:10px;font-weight:900;letter-spacing:.14em;color:#d34e38;margin:0 0 12px}
.music-bio p{margin-bottom:0}
.skills{margin-top:32px}
.bonus-intro{font-size:14px;line-height:1.55;max-width:710px;margin:20px 0 18px}
.bonus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;margin-bottom:25px}
.bonus-card{display:block;min-width:0}
.bonus-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;background:#e8e7e2;border:1px solid rgba(125,125,125,.3);transition:opacity .2s}
.bonus-card:hover img{opacity:.86}
.bonus-caption{display:flex;align-items:baseline;justify-content:space-between;gap:9px;padding:9px 0 13px;border-bottom:1px solid rgba(125,125,125,.4)}
.bonus-caption b{font-size:13px;letter-spacing:.01em}.bonus-caption small{font-size:10px;opacity:.65;white-space:nowrap}
@media(max-width:750px){.discipline-item small{height:30px;width:30px;min-width:30px;font-size:11px}.hero-count strong{font-size:24px}.hero-count>span{font-size:8px}.about-copy p.about-lede{font-size:24px}}
@media(max-width:590px){.bonus-grid{grid-template-columns:1fr}.hero-count{gap:6px}.hero-count strong{font-size:23px}.hero-count>span{font-size:7px}}

/* V9 — international perspective, presented as lived/working experience rather than false project credits */
.route-band{margin-top:76px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:grid;grid-template-columns:minmax(190px,1fr) 2.5fr;gap:28px;padding:27px 0 29px;align-items:center}
.route-caption{display:flex;flex-direction:column;align-items:flex-start;gap:8px;position:relative;padding-left:25px}
.route-caption .route-dot{position:absolute;top:3px;left:0;height:9px;width:9px;background:var(--orange);border-radius:50%}
.route-caption strong{font-weight:900;letter-spacing:.12em;font-size:11px}
.route-caption small{font-size:9px;letter-spacing:.1em;color:var(--muted);font-weight:750}
.route-places{display:flex;align-items:baseline;gap:clamp(10px,2vw,32px);justify-content:flex-end;flex-wrap:wrap;font-weight:900;letter-spacing:-.05em;font-size:clamp(18px,2.1vw,31px);line-height:1.1}
.route-places>span:not(.route-slash){white-space:nowrap}
.route-places span small{font-size:9px;font-weight:850;letter-spacing:.02em;color:#a34936;vertical-align:top;margin-left:3px}
.route-places .route-slash{font-family:Georgia,serif;font-weight:400;color:var(--orange)}
.location{white-space:nowrap;letter-spacing:.055em;font-size:9px;opacity:.7}
.discipline-strip{grid-template-columns:1.04fr 1.10fr 1.16fr 1.44fr}
.discipline-item strong{font-size:clamp(12px,1.26vw,18px);letter-spacing:-.045em}
.discipline-item{padding-left:clamp(12px,2.2vw,38px);padding-right:clamp(12px,2.2vw,38px)}
.about-copy p{max-width:680px}
@media(max-width:1100px){.route-band{grid-template-columns:1fr;gap:16px}.route-places{justify-content:flex-start}.discipline-item{gap:9px}.discipline-item strong{font-size:clamp(11px,1.35vw,16px)}}
@media(max-width:750px){.location{display:inline;margin:0;flex-basis:100%;padding-left:20px;font-size:9px;white-space:normal}.eyebrow{flex-wrap:wrap;row-gap:8px}.route-band{margin-top:45px}.route-places{gap:9px 13px}.route-places .route-slash{font-size:18px}.route-places span small{font-size:8px}.about-copy p{line-height:1.62}}
@media(max-width:560px){.discipline-strip{grid-template-columns:1fr 1fr}.discipline-item strong{font-size:12px}.discipline-item{padding-left:12px;padding-right:8px}.route-places{font-size:20px}}
/* Small screens: keep the editorial typography inside the viewport */
@media(max-width:750px){.hero-vertical{display:none}}
@media(max-width:560px){
  .discipline-item{gap:6px;padding:13px 8px}
  .discipline-item small{width:28px;height:28px;min-width:28px;font-size:10px}
  .discipline-item strong{font-size:12px;white-space:normal;line-height:1.08;overflow-wrap:normal;min-width:0}
}
@media(max-width:360px){
  .hero h1{font-size:48px}
  .opening h2{font-size:78px}
  .elsewhere h2{font-size:46px}
  .route-places{font-size:18px}
  .route-places .route-slash{display:none}
}


/* v10 refinement: cleaner and more balanced process grids for Streets + Slime */
#streets .sequence-image,
#streets .process-thumb,
#slime .sequence-image,
#slime .process-thumb{
  background:#fff;
  border-color:rgba(20,20,20,.14);
}
#streets .sequence-image,
#slime .sequence-image{
  aspect-ratio:1.42;
}
#streets .source-grid .process-thumb,
#slime .source-grid .process-thumb{
  aspect-ratio:4/3;
}
#streets .sequence-image img,
#slime .sequence-image img{
  object-fit:cover;
  object-position:center top;
}
#streets .source-grid .process-thumb img,
#slime .source-grid .process-thumb img{
  object-fit:contain;
}
@media(max-width:680px){
  #streets .sequence-image,
  #slime .sequence-image,
  #streets .source-grid .process-thumb,
  #slime .source-grid .process-thumb{
    aspect-ratio:4/3;
  }
}

/* V11 — porcelain paper and quiet editorial accent rules */
.site-head{border-bottom:0;}
.site-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(to right,var(--lime) 0,var(--lime) 70px,#deddd5 70px,#deddd5 100%);pointer-events:none;}
.hero-count{border-top:0;position:relative;padding-top:10px;}
.hero-count::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,var(--orange) 0,var(--orange) 28px,rgba(22,23,19,.25) 28px,rgba(22,23,19,.25) 100%);}
.opening,.about{background:var(--paper);}
@media(max-width:560px){.site-head::after{background:linear-gradient(to right,var(--lime) 0,var(--lime) 45px,#deddd5 45px,#deddd5 100%);}}


/* V12 / 2026 EDITORIAL POLISH — existing project identity and layout retained.
   Unified warmer white surfaces, deliberate accent rules and quieter micro-interactions. */
:root{
  --paper:#FFFEFB;
  --paper-contrast:#F8F7F1;
  --cream:#F7F5EF;
  --ink:#161713;
  --line:rgba(22,23,19,.18);
}
/* The previously hard-coded grey panels are now actual ivory/white surfaces. */
body,.site-head,.opening,.about,.project-cream,.corsini-project{background:var(--paper)}
.elsewhere{background:var(--paper-contrast)}
.else-card{background:#FFF;outline:1px solid rgba(22,23,19,.10);outline-offset:-1px;transition:transform .22s ease,box-shadow .22s ease}
.else-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(22,23,19,.07)}
.bonus-card img{background:#fff;border-color:rgba(22,23,19,.14)}
/* No muddy grey frames around the original creative development panels. */
#streets .sequence-image,#slime .sequence-image,
#streets .source-grid .process-thumb,#slime .source-grid .process-thumb{
  background:#fff;
  border-color:rgba(22,23,19,.13);
}
/* Slim editorial stroke: a clear coral signature and a sharp ink line, not muted grey. */
.site-head::after{
  height:2px;
  background:linear-gradient(to right,var(--orange) 0 92px,var(--ink) 92px 100%);
}
.hero-count::before{
  height:2px;
  background:linear-gradient(to right,var(--orange) 0 46px,rgba(22,23,19,.48) 46px,rgba(22,23,19,.48) 100%);
}
/* Keep micro-type legible and mark interactions without visual noise. */
.process-summary-action b,.process-caption>span,.sequence-meta small{font-size:10px}
nav a,.process-card,.sequence-card,.bonus-card,.round-arrow{outline-offset:5px}
nav a:focus-visible,.process-card:focus-visible,.sequence-card:focus-visible,.bonus-card:focus-visible,
.process-details>summary:focus-visible,.round-arrow:focus-visible,.footer-mail:focus-visible{
  outline:2px solid var(--orange);
  outline-offset:5px;
}
.process-card:hover img,.sequence-card:hover img{filter:contrast(1.035)}
@media(max-width:560px){
  .site-head::after{
    background:linear-gradient(to right,var(--orange) 0 55px,var(--ink) 55px 100%);
  }
  .else-card:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}


/* SMARTGAMES / v13: an editorial double feature based exclusively on the actual films */
.smartgames-project{background:#121d29;color:#f9f8f3;overflow:hidden}
.smartgames-project .project-top{border-color:rgba(249,248,243,.72)}
.smartgames-project .project-title-row{padding-bottom:62px}
.smartgames-title-row h3{font-size:clamp(78px,11vw,176px)}
.smartgames-title-row h3 em{color:#dff26c}
.smartgames-project .project-info{border-color:rgba(249,248,243,.6)}
.smartgames-statement{display:flex;flex-direction:column;gap:18px;padding:35px 0 62px;border-top:1px solid rgba(255,255,255,.33)}
.smartgames-index{font-weight:850;letter-spacing:.18em;font-size:10px;color:#e3f575}
.smartgames-statement p{margin:0;font-size:clamp(33px,5.2vw,78px);line-height:1.02;letter-spacing:-.075em;font-weight:900}
.smartgames-statement p i{color:#d5e4e9;font-family:Georgia,serif;font-weight:400;font-style:italic}
.smartgames-statement-desc{font-size:clamp(14px,1.2vw,17px);line-height:1.55;color:rgba(249,248,243,.74);max-width:580px}
.sg-film{padding-bottom:54px}
.sg-film+.sg-film{padding-top:60px;border-top:1px solid rgba(255,255,255,.42)}
.sg-film-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,35%);align-items:end;gap:28px;margin-bottom:24px}
.sg-film-index{font-size:11px;letter-spacing:.12em;font-weight:800;color:#e2f678;display:inline-flex;gap:14px;align-items:center}
.sg-film-line{display:inline-block;width:37px;height:1px;background:currentColor;opacity:.65}
.sg-film-head h4{font-size:clamp(58px,8.35vw,130px);line-height:.84;letter-spacing:-.084em;font-weight:900;margin:23px 0 0}
.sg-film-head h4 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.075em}
.sg-film-head p{font-size:clamp(14px,1.23vw,18px);line-height:1.55;max-width:410px;margin:0 0 6px;color:rgba(255,255,255,.75)}
.sg-sleeping .sg-film-head h4 em{color:#e1f778}
.smartgames-project .film-area{border:1px solid rgba(255,255,255,.24)}
.sg-film-meta{display:flex;gap:15px;align-items:baseline;justify-content:space-between;margin-top:15px;font-size:10px;letter-spacing:.11em;font-weight:800;color:rgba(255,255,255,.68)}
.sg-film-meta>span:last-child{color:#e2f678}
.sg-frames-details{border-top:1px solid rgba(255,255,255,.58);border-bottom:1px solid rgba(255,255,255,.58);margin:20px 0 36px}
.sg-frames-details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:23px 0}
.sg-frames-details summary::-webkit-details-marker{display:none}
.sg-frames-details summary>span:first-child{font-size:clamp(18px,2.2vw,31px);line-height:1.05;font-weight:900;letter-spacing:-.06em}
.sg-frames-details summary small{display:block;margin-bottom:9px;font-size:10px;letter-spacing:.13em;line-height:1;font-weight:850;color:#dff26c}
.sg-frames-action{display:flex;gap:16px;align-items:center;font-size:10px;letter-spacing:.08em;font-weight:800;white-space:nowrap}
.sg-frames-action b{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.6);width:35px;height:35px;border-radius:50%;font-size:17px;font-weight:500;transition:transform .2s}
.sg-frames-details[open] .sg-frames-action b{transform:rotate(90deg)}
.sg-frame-inner{padding-bottom:40px}
.sg-frames-note{max-width:630px;margin:0 0 25px;font-size:13px;line-height:1.55;color:rgba(255,255,255,.72)}
.sg-stills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}
.sg-stills-grid figure{margin:0;min-width:0}
.sg-stills-grid img{aspect-ratio:16/9;object-fit:cover;border:1px solid rgba(255,255,255,.2)}
.sg-stills-grid figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.35);padding:12px 0;font-size:10px;line-height:1.35;letter-spacing:.035em}
.sg-stills-grid figcaption b{font-weight:850}
.sg-stills-grid figcaption span{color:rgba(255,255,255,.67)}
.smartgames-project .project-foot{border-color:rgba(255,255,255,.42)}
@media(max-width:900px){.smartgames-title-row h3{font-size:clamp(70px,10.5vw,120px)}.sg-film-head{grid-template-columns:1fr 40%}.sg-film-head h4{font-size:clamp(55px,8.7vw,100px)}}
@media(max-width:750px){.smartgames-project .project-title-row{padding-bottom:35px}.smartgames-title-row h3{font-size:clamp(69px,14vw,105px)}.smartgames-statement{padding:28px 0 42px}.smartgames-statement p{font-size:clamp(34px,8vw,60px)}.sg-film-head{grid-template-columns:1fr;gap:20px}.sg-film-head h4{font-size:clamp(61px,13vw,101px)}.sg-film-head p{max-width:540px}.sg-film+.sg-film{padding-top:44px}.sg-film{padding-bottom:37px}}
@media(max-width:580px){.smartgames-title-row h3{font-size:clamp(63px,13.5vw,88px)}.sg-film-head h4{font-size:clamp(52px,11vw,78px)}.sg-stills-grid{grid-template-columns:1fr}.sg-frames-action{font-size:0;gap:0}.sg-frames-action b{font-size:18px}.sg-film-meta{font-size:9px}.sg-film-meta span:last-child{display:none}}

/* SmartGames micro-refinement: deliberate editorial line break, avoiding tight run-on display copy */
.smartgames-statement p{font-size:clamp(33px,5.5vw,76px);line-height:1.01}
.smartgames-statement p>span,.smartgames-statement p>i{display:block}
.smartgames-statement p>i{margin-top:5px}
@media(max-width:580px){.smartgames-statement p{font-size:clamp(29px,7.5vw,43px)}}


/* v14 / Two more films, preserving the v12 visual system */
/* Rich forest imagery leads the cover; complementary CGI character in the inset. */
.hero-visual .hv-large{object-position:48% 50%;filter:saturate(1)}
.hero-visual .hv-small{object-position:center 40%}
.smartgames-statement p span{display:block}
.smartgames-statement p span:first-child{color:#e3f575}
.sg-jumpin .sg-film-head h4 em{color:#e3f575}
/* The three SmartGames films remain part of one branded portfolio chapter. */
.sg-jumpin{padding-top:6px}
.jinn-project{background:#102a31;color:#f8fbf7;overflow:hidden}
.jinn-project .project-top{border-color:rgba(245,248,247,.65)}
.jinn-project .project-title-row h3{font-size:clamp(75px,11vw,165px)}
.jinn-project .project-title-row h3 em{color:#9cf3eb}
.jinn-project .project-info{border-color:rgba(245,248,247,.65)}
.jinn-editorial{border-top:1px solid rgba(245,248,247,.46);padding:29px 0 45px;display:grid;grid-template-columns:210px 1fr;column-gap:55px}
.jinn-editorial>span{font-size:10px;letter-spacing:.13em;font-weight:850;color:#a0efe0;padding-top:5px}
.jinn-editorial>div{display:grid;grid-template-columns:1fr 38%;gap:28px;align-items:end}
.jinn-editorial strong{font-weight:900;font-size:clamp(25px,3.3vw,49px);line-height:1.03;letter-spacing:-.06em}
.jinn-editorial strong em{color:#95e7df;font-weight:400;font-family:Georgia,serif}
.jinn-editorial p{margin:0;font-size:clamp(13px,1.2vw,16px);color:rgba(248,251,247,.78);line-height:1.65}
.jinn-project .film-area{border:1px solid rgba(255,255,255,.25)}
.jinn-stills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px}
.jinn-stills figure{margin:0;min-width:0}
.jinn-stills img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.jinn-stills figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.4);font-size:10px;letter-spacing:.06em;line-height:1.4}
.jinn-stills figcaption span{opacity:.68}
.jinn-project .project-foot{border-color:rgba(255,255,255,.4)}
@media(max-width:1000px){
  .jinn-editorial{grid-template-columns:1fr;row-gap:18px}
  .jinn-editorial>div{grid-template-columns:1fr 40%}
}
@media(max-width:750px){
  .jinn-project .project-title-row h3{font-size:clamp(70px,15vw,110px)}
  .jinn-editorial{padding:22px 0 35px}
  .jinn-editorial>div{grid-template-columns:1fr;gap:15px}
}
@media(max-width:520px){
  .jinn-stills{grid-template-columns:1fr}
  .jinn-editorial strong{font-size:clamp(27px,7.3vw,38px)}
  .jinn-project .project-title-row h3{font-size:clamp(65px,14vw,88px)}
  .jinn-stills figcaption{font-size:9px}
  .hero-visual .hv-large{object-position:49% 50%}
}

/* Keep the rabbit's expression visible above the secondary DJ panel on small screens. */
@media(max-width:750px){
  .hero-visual{min-height:440px}
  .hero-visual .hv-large{height:115%;top:-15%;object-position:49% 50%}
  .hero-visual .hv-small,.hero-visual .hero-stamp{height:34%}
}


/* v20 / Caption and editorial rhythm refinement.
   Preserve copy and hierarchy; use full width for one-line statements when available. */
.smartgames-statement-desc{
  display:block;
  width:100%;
  max-width:none;
  font-size:clamp(14px,1.12vw,16px);
  line-height:1.45;
  letter-spacing:-.008em;
  text-wrap:pretty;
}
/* Let longer sentences use the available measure without artificial narrow columns. */
.sg-film-head p,
.jinn-editorial p,
.elsewhere-head p,
.opening-grid p,
.process-story-head p,
.project-foot p,
.process-body>p{
  text-wrap:pretty;
}
/* Keep short film metadata and labels visually grouped. */
.sg-film-meta,
.project-top,
.project-foot,
.project-info{
  column-gap:18px;
}
@media (min-width:1120px){
  .smartgames-statement-desc{white-space:nowrap;}
}
@media (max-width:1119px){
  .smartgames-statement-desc{white-space:normal;max-width:none;}
}