/* PLASMA editorial system · 4 / 8 / 16 / 24 / 48 px rhythm.
   Thumbnails crop only navigation previews; main photography remains complete. */
:root{--plasma-sage:#BCC4B9;--plasma-sand:#D6BA8C;--plasma-apricot:#FFAE75;--ed-related:8px;--ed-block:24px;--ed-section:clamp(56px,7vw,104px)}
.ordered-stats{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:32px 24px!important;align-items:start!important}
.ordered-stats>div{min-width:0;margin:0!important;padding:0!important;width:auto!important}
.ordered-stats .crn{font-variant-numeric:tabular-nums;font-size:clamp(38px,5.5vw,88px);line-height:1.05}
.ordered-stats .crl{font-size:clamp(9px,.85vw,12px);letter-spacing:.18em;line-height:1.6;margin-top:12px}
/* Restore the established optical balance: PLASMA is wider, NODO less tall. */
.sig{display:flex!important;align-items:center!important;width:auto!important;min-width:max-content;gap:clamp(10px,1.2vw,18px)!important;flex-shrink:0}
.sig>a:first-child img,.sig .plasma-home-link img{display:block;width:clamp(122px,13.8vw,175px)!important;height:auto!important}
.sig>a:last-child svg,.sig .nodo-home-link svg{display:block;width:clamp(76px,8.6vw,109px)!important;height:auto!important;max-height:none!important}
#hdr .lang,.project-language{white-space:nowrap;flex-shrink:0}
#hdr .lang{display:flex;align-items:center;gap:8px}
.mainnav .team-access,.project-desktop-nav .team-access{border:0;padding:0;font:inherit;letter-spacing:inherit}
#drawer .team-access,.project-drawer .team-access{border:0;border-bottom:1px solid var(--line);padding:11px 0;font:inherit;letter-spacing:inherit}
.project-header>div:first-child{flex-shrink:0}

/* Every content block participates in normal flow. One spacing owner per level. */
:root{--ed-section:80px;--ed-column:32px;--ed-reading:64ch}
#approach,#clients,#studio,#designmachine{display:block;padding:64px var(--mar);gap:0}
#approach>*,#clients>*,#studio>*,#designmachine>*{min-width:0}
#approach>.lbl,#clients>.lbl,#studio>.lbl,#designmachine>.lbl{margin:0 0 32px;color:var(--plasma-sage)}
.editorial-spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.editorial-title{margin:0!important;max-width:100%!important;font:300 54px/1.08 var(--dsp)!important;letter-spacing:-.035em!important;overflow-wrap:normal}
.editorial-title em{font-style:normal;color:var(--plasma-sage)}
.ed-overline{display:block;font:300 14px/1.5 var(--txt);letter-spacing:0;color:var(--t70);margin-bottom:16px}
.ed-main{display:block;font:300 clamp(42px,4.8vw,76px)/1.06 var(--dsp);letter-spacing:-.04em}
.ed-result{display:block;font:200 clamp(36px,4.2vw,66px)/1.09 var(--dsp);letter-spacing:-.04em}
#approach .ed-main{color:var(--plasma-sage)}
#approach .ed-result em{color:var(--paper)}
.ed-caption{display:block;font:300 16px/1.5 var(--txt);letter-spacing:0;color:var(--t70);margin-top:20px}
.ed-caption strong{font-weight:500;color:var(--plasma-sand)}
.editorial-support{padding-top:36px;min-width:0}
.editorial-support>.body{margin:0!important;max-width:var(--ed-reading)!important;font-size:16px;line-height:1.7}
#approach .prog{display:flex;flex-wrap:wrap;font-size:10px;line-height:1.7;gap:6px;margin:24px 0 0;padding:0;letter-spacing:.06em}
#approach .prog b{color:var(--plasma-sage)}
#studio .studio-film-intro{margin:20px 0 0;text-align:left}
#studio>.fld{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:40px 0 0;gap:0 32px}
#studio>.fld>*{padding:20px 0;min-width:0}
#studio .partners{margin-top:56px}
#clients .editorial-title>[lang]{display:flex;align-items:center;gap:64px}
.ed-tenure{display:block;font:200 clamp(70px,9vw,132px)/1 var(--dsp);letter-spacing:-.07em;color:var(--plasma-sand);flex:0 0 44%}
.ed-plus{font-size:.5em;vertical-align:top;letter-spacing:0;line-height:1.1}
.ed-tenure .ed-caption{margin-top:12px}
.ed-client-copy{display:block;font:300 clamp(24px,3vw,44px)/1.25 var(--dsp);letter-spacing:-.02em}
#clients .cli{margin:40px 0 0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:28px 24px;align-items:center}
#clients .cli figure{margin:0;height:64px;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;opacity:.85}
#clients .cli figure svg{display:block;max-width:100%;max-height:44px;width:100%;height:auto}
#clients .cli figure.sq svg{max-height:56px}#clients .cli figure.wd svg{max-height:30px}
#clients .cli figure[title=Presto] img{display:block;width:88%;height:auto;max-height:34px;object-fit:contain;filter:none}
#designmachine .editorial-title>[lang]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:end}
#designmachine .ed-main em{color:var(--plasma-apricot)}
#designmachine .ed-caption{margin:0;max-width:36ch;padding-bottom:6px}
#designmachine .dm{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin:40px 0 0}
#designmachine .dmr{display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto auto;gap:8px 20px;align-items:start;padding:24px 0;min-height:0;border-top:1px solid var(--line);border-bottom:0}
#designmachine .dmr figure{position:relative;grid-column:1;grid-row:1/3;align-self:start;width:96px;height:120px;min-height:120px;max-height:120px;aspect-ratio:auto;margin:0;overflow:hidden}
#designmachine .dmr figure img{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;max-height:none;object-fit:cover}
#designmachine .dmr .dmx{grid-column:2;grid-row:1;display:grid;gap:8px;align-content:start;min-width:0}
#designmachine .dmr .dmk{font-size:9px;letter-spacing:.16em;color:var(--plasma-sage)}
#designmachine .dmr .dmt{font-size:22px;line-height:1.25;font-weight:300;overflow-wrap:break-word}
#designmachine .dmr .dms{font-size:13px;line-height:1.5}
#designmachine .dmr .dmgo{grid-column:2;grid-row:2;align-self:start;font-size:10px;letter-spacing:.14em;margin:0;padding:0;min-height:24px}
/* Photography and its navigation share one width. Image changes never move the text. */
.fg-project{padding:0 var(--mar) 56px;margin:0;border:0;display:block}
.fg-project .pj-id{padding:32px 0 20px;margin:0;gap:12px;align-items:baseline}
.fg-project .pjname{font-size:clamp(30px,4.2vw,60px);line-height:1.12}
.fg-project .fg-layout{padding:0;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;align-items:start!important;margin:0;min-width:0}
.compact-gallery,.fg-project .fg-gallery{position:relative;inset:auto;order:0;align-self:auto;display:block;width:100%;max-width:100%;min-width:0;margin:0;aspect-ratio:3/2;height:auto;max-height:720px;background:#0b0e11;overflow:hidden}
.compact-gallery .fg-open{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:zoom-in;color:inherit}
.compact-gallery .fg-main{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;min-height:0;margin:0;object-fit:contain}
.compact-gallery .fg-expand{position:absolute;bottom:12px;right:12px;padding:6px 10px;background:#0f1216bf;color:#F8F5F0;font-size:11px;line-height:1.5;letter-spacing:.03em}
.compact-gallery .fg-controls{position:absolute;inset:0;height:100%;display:block;pointer-events:none;margin:0;padding:0}
.compact-gallery .fg-controls button{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:48px;min-height:44px;display:grid;place-items:center;padding:6px;background:#0f121660;color:#F8F5F0;border:0;pointer-events:auto}
.compact-gallery .fg-prev{left:8px}.compact-gallery .fg-next{right:8px}
.compact-gallery .fg-count{position:absolute;bottom:12px;left:12px;background:#0f1216bf;color:#F8F5F0;padding:6px 10px;font-size:11px;line-height:1.5}
.fg-thumbs{display:grid!important;order:0!important;grid-template-columns:repeat(var(--thumb-cols,8),minmax(0,1fr))!important;grid-auto-rows:72px;gap:4px!important;margin:0!important;padding:0!important;width:100%;min-width:0;align-items:stretch}
.fg-thumbs .fg-thumb{position:relative;display:block;min-width:0!important;min-height:0!important;width:100%;height:100%;aspect-ratio:auto;padding:0!important;border:0!important;overflow:hidden;background:transparent;cursor:pointer}
.fg-thumbs .fg-thumb img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-height:100%;object-fit:cover!important;margin:0}
.fg-thumbs .fg-thumb[aria-current=true]::after{content:'';position:absolute;inset:0;border:2px solid var(--plasma-sand);pointer-events:none}
.project-reading{position:static;display:grid;grid-template-columns:minmax(0,2fr) minmax(200px,1fr);gap:32px;width:100%;min-width:0;margin:0;padding:16px 0 0}
.project-reading .editorial-prose{display:block;gap:0;margin:0;max-width:68ch;min-width:0}
.project-reading .body,.project-intro .body,.project-narrative .body{font-size:16px;line-height:1.65;margin:0!important}
.story-toggle{display:inline-flex;align-items:center;min-height:40px;padding:4px 0;margin:4px 0 0;font:400 12px/1.4 var(--txt,monospace);color:var(--plasma-sand);border:0;background:none;cursor:pointer}
.story-full[hidden],.story-lead[hidden]{display:none!important}.story-full p+p{margin-top:16px!important}
.project-actions{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:0;margin:0;padding:0}
.project-actions .fg-credits{margin:0!important;padding:0!important;min-width:0;flex:none}
.project-actions .fg-credits summary{font-size:11px;min-height:40px;line-height:1.5;padding:12px 0;letter-spacing:.03em;cursor:pointer}
.project-actions .fg-credits dl{display:grid;grid-template-columns:1fr;padding:4px 0 16px;gap:16px}
.project-actions .fg-full{margin:0!important;padding:12px 0!important;font-size:12px;min-height:40px;line-height:1.5;border:0}
.detail-gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:24px 0}
.detail-gallery .fg-thumbs{margin:0!important}
.project-header{position:sticky!important;height:84px!important;min-height:84px!important;inset:0 0 auto;padding:16px var(--mar)!important;background:#0f1216!important}
.project-main{padding:32px var(--mar) 64px!important}.project-main h1{margin:20px 0 12px}.project-intro,.project-narrative{margin:24px 0;max-width:68ch}
.project-credits{margin:24px 0;padding:24px 0;gap:24px}
#idxFig{position:relative!important;top:auto;min-height:0;aspect-ratio:4/3;margin:0;align-self:start}
#idxFig .project-pager{position:absolute;inset:0;z-index:5;margin:0;padding:0;border:0;pointer-events:none;display:block;min-height:0;height:100%!important;width:100%;align-self:stretch;box-sizing:border-box;background:transparent!important}
#idxFig .project-pager[hidden]{display:none}
#idxFig .project-pager button{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;display:grid;place-items:center;width:44px;height:48px;min-height:44px;background:#0f121660;color:#f8f5f0;border:0;padding:6px}
#idxFig .project-prev{left:8px}#idxFig .project-next{right:8px}#idxFig .project-pager button:disabled{opacity:.3}
#idxFig .project-page-count{position:absolute;bottom:12px;left:12px;color:#f8f5f0;background:#0f1216bf;font-size:11px;line-height:1.5;padding:6px 10px}
/* Bounded media frames keep all following copy below the photography. */
#making.nodo-home{padding:56px var(--mar) 0}
.nodo-home-intro{padding:32px 0;gap:40px;align-items:start}
.nodo-home-intro h2{font-size:clamp(40px,5.3vw,76px);line-height:1.03}
.nodo-home-mosaic{height:560px;grid-template-rows:1fr 1fr;gap:6px}
.nodo-home-mosaic figure{height:100%;min-height:0;position:relative;overflow:hidden}
.nodo-home-mosaic figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nodo-roles{padding-top:32px}.nodo-design-reality{padding:32px 0}.nodo-home-end{padding:24px 0 48px}
.partners-group{margin:0!important;max-width:100%!important;display:block;position:relative}
.partners-group img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.partners-group figcaption{position:static;background:none;padding:20px 0 0;margin:0}
.partners-group h2{font-size:clamp(30px,4vw,52px);line-height:1.15}
.partners-film{margin:12px 0 24px!important;max-width:none!important}
.partners-grid{max-width:none!important;margin:0!important;gap:24px!important;align-items:start}
#hdr,#hdr.stuck{background:#0f1216!important;backdrop-filter:none}
body[data-lang=en] .editorial-title>[lang=es],body[data-lang=es] .editorial-title>[lang=en]{display:none!important}
.revision-dialog{margin:auto;width:min(96vw,1600px);height:94svh;max-height:96svh;padding:16px;background:#0F1216;color:#F8F5F0;border:1px solid #444}
.revision-dialog::backdrop{background:#000e}.revision-dialog>img{width:100%;height:calc(100% - 100px);object-fit:contain}.revision-dialog>button{display:block;margin-left:auto}.revision-dialog>div{display:flex;justify-content:space-between;align-items:center}.revision-dialog button{background:none;color:inherit;border:0;min-width:44px;min-height:44px}
.story-toggle:focus-visible,.fg-thumb:focus-visible,.fg-controls button:focus-visible,.project-pager button:focus-visible{outline:2px solid var(--plasma-sand);outline-offset:2px}
main section[id],#revision-stats{scroll-margin-top:110px}
.project-site[lang=en] .team-access [lang=es],.project-site[lang=es] .team-access [lang=en]{display:none}

@media(max-width:1600px){.mainnav,.project-desktop-nav{display:none!important}#burger{display:flex!important}.project-menu-toggle{display:flex!important}}
@media(max-width:900px){
 .editorial-spread{gap:32px}.editorial-support{padding-top:0}
 #designmachine .dm{grid-template-columns:1fr}
 #clients .cli{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
 .project-reading{grid-template-columns:1fr;gap:8px}
 .project-actions{flex-direction:row;flex-wrap:wrap;gap:8px 24px}.project-actions .fg-credits{flex:1;min-width:180px}.project-actions .fg-credits[open]{flex-basis:100%}
}
@media(max-width:760px){
 :root{--ed-section:48px}
 #approach,#clients,#studio,#designmachine{padding:48px var(--mar);gap:0}
 #approach>.lbl,#clients>.lbl,#studio>.lbl,#designmachine>.lbl{margin:0 0 24px}
 .editorial-spread{display:grid;grid-template-columns:1fr;gap:24px}
 .editorial-title{font-size:36px!important}.ed-main{font-size:clamp(36px,9vw,56px)}.ed-result{font-size:clamp(32px,8vw,50px)}
 .ed-overline{font-size:12px;margin-bottom:12px}.ed-caption{font-size:14px;margin-top:16px}
 .editorial-support>.body{font-size:14px;line-height:1.65}
 #approach .prog{margin-top:20px;font-size:9px;gap:5px}
 #studio>.fld{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px;gap:0 20px}#studio>.fld>*{padding:16px 0}#studio .partners{margin-top:40px}
 #clients .editorial-title>[lang]{gap:20px;align-items:center}.ed-tenure{font-size:68px;flex-basis:42%}.ed-tenure .ed-caption{font-size:11px;line-height:1.5;margin-top:12px}.ed-client-copy{font-size:20px;line-height:1.3}
 #clients .cli{margin-top:28px;gap:20px 20px}#clients .cli figure{height:54px}#clients .cli figure svg{max-height:34px}#clients .cli figure.sq svg{max-height:48px}#clients .cli figure.wd svg{max-height:25px}#clients .cli figure[title=Presto] img{max-height:26px}
 #designmachine .editorial-title>[lang]{grid-template-columns:1fr;gap:16px}#designmachine .ed-caption{font-size:14px;padding:0;max-width:30ch}
 #designmachine .dm{margin-top:24px}
 #designmachine .dmr{grid-template-columns:80px minmax(0,1fr);gap:8px 16px;padding:20px 0}
 #designmachine .dmr figure{width:80px;height:100px;min-height:100px;max-height:100px}
 #designmachine .dmr .dmt{font-size:18px;line-height:1.3}#designmachine .dmr .dms{font-size:12px;line-height:1.5}
 .fg-project{padding-bottom:32px}.fg-project .pj-id{padding:24px 0 16px;display:block}.fg-project .pjname{font-size:30px;line-height:1.15}.fg-project .pj-id .pjloc{margin-top:8px}
 .compact-gallery,.fg-project .fg-gallery{aspect-ratio:3/2;max-height:none}
 .fg-thumbs{grid-auto-rows:46px;gap:3px!important}
 .project-reading{padding-top:12px}.project-reading .body,.project-intro .body,.project-narrative .body{font-size:14px}
 .project-actions{gap:0}.project-actions .fg-credits{min-width:0;flex-basis:100%}.project-actions .fg-full{min-height:36px;padding:8px 0!important}
 .compact-gallery .fg-expand,.compact-gallery .fg-count{bottom:6px;font-size:10px;padding:4px 6px}.compact-gallery .fg-expand{right:6px}.compact-gallery .fg-count{left:6px}
 .compact-gallery .fg-prev,#idxFig .project-prev{left:0}.compact-gallery .fg-next,#idxFig .project-next{right:0}
 .ordered-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 20px!important}.ordered-stats .crn{font-size:42px}.ordered-stats .crl{font-size:10px;letter-spacing:.12em;line-height:1.5;margin-top:8px}
 .sig{gap:8px!important}.sig .pl{font-size:14px!important}.sig>a:first-child img,.sig .plasma-home-link img{width:106px!important}.sig>a:last-child svg,.sig .nodo-home-link svg{width:66px!important}
 #hdr{height:120px;padding-bottom:36px}.project-header{height:120px!important;min-height:120px!important;padding-bottom:52px!important}
 .project-main{padding:24px var(--mar) 40px!important}.project-main h1{font-size:36px}
 #making.nodo-home{padding-top:40px}.nodo-home-intro{padding:24px 0;gap:20px}.nodo-home-intro h2{font-size:42px}
 .nodo-home-mosaic{height:340px;grid-template-rows:1fr 1fr}
 .nodo-home-copy p{font-size:15px}.nodo-roles{padding-top:24px}.nodo-design-reality{padding:28px 0}.nodo-home-end{padding:24px 0 32px}
 .partners-grid{gap:28px!important}.partners-group img{aspect-ratio:4/3}.partners-group figcaption{padding-top:16px}
 main section[id],#revision-stats{scroll-margin-top:136px}
}
@media(max-width:400px){.sig{gap:6px!important}.sig>a:first-child img,.sig .plasma-home-link img{width:98px!important}.sig>a:last-child svg,.sig .nodo-home-link svg{width:61px!important}.project-tools{gap:5px!important}.project-language{font-size:10px!important;letter-spacing:.08em!important}.project-menu-toggle{width:30px!important;min-width:30px!important}.ed-client-copy{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

#approach .prog span{font-size:inherit;line-height:inherit} @media(max-width:480px){#studio>.fld{grid-template-columns:1fr}}

.story-lead,.story-full{display:block;margin:0;padding:0}.project-intro,.project-narrative{display:block;gap:0}
/* Review 33: coherent hierarchy, complete photography, one spacing scale. */
.sig>a:first-child img,.sig .plasma-home-link img{width:clamp(136px,15.2vw,193px)!important}
.sig>a:last-child svg,.sig .nodo-home-link svg{width:clamp(84px,9.5vw,120px)!important}
.mainnav{gap:24px!important;align-items:center!important}
.mainnav>a,.mainnav>.studio-nav>summary,.mainnav>.studio-nav>summary>a,.mainnav .team-access{font:500 11px/1.4 var(--dsp)!important;letter-spacing:.19em!important;text-transform:uppercase;padding:0!important;margin:0!important;white-space:nowrap}
.mainnav>.studio-nav{margin:0!important}.mainnav>.studio-nav>summary{display:flex;align-items:center;gap:8px}
#drawer>a:not(.cta),#drawer>.studio-nav>summary,.project-drawer>a:not(.cta){font:300 clamp(25px,3.2vw,42px)/1.2 var(--dsp)!important;letter-spacing:0!important;padding:16px 0!important;margin:0!important;border:0!important;border-bottom:1px solid var(--line)!important;min-height:0;box-sizing:border-box}
#drawer>.studio-nav{margin:0!important;padding:0!important;border:0!important}
#drawer>.studio-nav>summary{display:flex;justify-content:space-between;align-items:center}
#drawer>.studio-nav>summary>a{font:inherit!important;letter-spacing:inherit!important;margin:0;padding:0;border:0!important}
#drawer>.studio-nav .studio-submenu{padding:8px 0 12px 20px}
#drawer>.studio-nav .studio-submenu a{font:300 18px/1.3 var(--dsp);padding:9px 0}
#drawer>.cta{margin-top:20px!important}
#approach,#clients,#studio,#designmachine{padding-top:48px;padding-bottom:48px}
#approach>.lbl,#clients>.lbl,#studio>.lbl,#designmachine>.lbl{margin-bottom:24px}
.ed-phrase{display:block;font:300 clamp(32px,3.5vw,60px)/1.16 var(--dsp);letter-spacing:-.035em;text-wrap:balance}
#approach .editorial-support{padding:0}
#approach .ed-phrase em{color:var(--plasma-sage)}
#clients .editorial-title>[lang]{display:block;max-width:1150px}
#clients .ed-phrase{font-size:clamp(30px,3vw,48px);line-height:1.2;max-width:35ch}
#clients .ed-phrase em{color:var(--plasma-sand)}
#clients .cli{margin-top:32px}
/* Equal article modules: aligned category, title, summary, action. */
#designmachine .dm{gap:0 32px;grid-auto-rows:1fr;margin-top:28px}
#designmachine .dmr{grid-template-columns:100px minmax(0,1fr);grid-template-rows:1fr auto;gap:8px 18px;padding:20px 0}
#designmachine .dmr figure{width:100px;height:150px;min-height:0;max-height:none;align-self:start}
#designmachine .dmr figure img{object-fit:contain;object-position:left top}
#designmachine .dmr .dmx{gap:8px;grid-template-rows:auto minmax(2.5em,auto) auto;font-size:20px}
#designmachine .dmr .dmt{font-size:20px;line-height:1.25}
#designmachine .dmr .dms{font-size:13px;line-height:1.45;min-height:2.9em}
#designmachine .dmr .dmgo{align-self:end;min-height:18px;line-height:18px}
/* Full original aspect ratios at every size, including navigation images. */
.fg-project .fg-layout,.detail-gallery{max-width:1440px;margin-left:auto;margin-right:auto}
.compact-gallery,.fg-project .fg-gallery{display:block;width:fit-content;max-width:100%;height:auto;max-height:none;aspect-ratio:auto;background:transparent;margin:0 auto;overflow:hidden}
.compact-gallery .fg-open{display:block;position:relative;inset:auto;width:fit-content;max-width:100%;height:auto}
.compact-gallery .fg-main{display:block;position:static;width:auto;height:auto;max-width:100%;max-height:min(72svh,800px);object-fit:contain}
.fg-thumbs{display:block!important;position:relative;grid-template-columns:none!important;grid-auto-rows:auto;gap:0!important;overflow:visible}
.fg-thumbs .fg-thumb{position:absolute;min-width:0!important;min-height:0!important;aspect-ratio:auto!important;overflow:hidden}
.fg-thumbs .fg-thumb img{position:static;width:100%!important;height:100%!important;max-height:none;object-fit:contain!important;object-position:center}
.project-reading{padding-top:8px;gap:24px}
/* A distinct final chapter: PLASMA finishes before NODO begins. */
#making.nodo-home{padding:40px var(--mar);margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent}
.nodo-home-top{padding:0;margin:0}.nodo-home-logo{display:block;width:clamp(150px,17vw,240px)}
.nodo-home-intro{display:grid;grid-template-columns:1fr 1fr;padding:24px 0;gap:32px;align-items:start}
.nodo-home-intro h2{font-size:clamp(36px,4.5vw,68px);line-height:1.08;margin:0}
.nodo-home-copy p{font-size:17px;line-height:1.5;margin:0 0 12px;max-width:58ch}
.nodo-home-copy .nodo-visit{margin-top:4px}
.nodo-home-mosaic{display:grid!important;grid-template-columns:1.5fr 1.5fr 1.333fr!important;grid-template-rows:1fr 1fr!important;gap:6px!important;width:100%;height:auto!important;aspect-ratio:2.17;margin:0}
.nodo-home-mosaic>figure{grid-area:auto!important;margin:0!important;padding:0;position:relative;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden}
.nodo-home-mosaic>figure:nth-child(1){grid-column:1!important;grid-row:1!important}
.nodo-home-mosaic>figure:nth-child(2){grid-column:2!important;grid-row:1!important}
.nodo-home-mosaic>figure:nth-child(3){grid-column:1!important;grid-row:2!important}
.nodo-home-mosaic>figure:nth-child(4){grid-column:2!important;grid-row:2!important}
.nodo-home-mosaic>figure:nth-child(5){grid-column:3!important;grid-row:1 / 3!important}
.nodo-home-mosaic figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.nodo-process-label{font:500 12px/1.4 var(--txt);letter-spacing:.08em;text-transform:uppercase;color:#ff5236;margin:28px 0 20px}
.nodo-roles{display:grid!important;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr)!important;gap:24px!important;align-items:start;padding:0!important;max-width:1100px;margin:0 auto}
.nodo-roles>div{border:0!important;padding:0!important;margin:0;min-width:0}
.nodo-roles>div>a{height:48px;display:flex;align-items:center}
.nodo-roles>div>a img{width:170px;height:auto;max-height:38px;object-fit:contain}
.nodo-roles>div>a svg{width:116px;height:auto;max-height:34px}
.nodo-roles p{font-size:16px;line-height:1.5;margin:12px 0 0;max-width:48ch}
.nodo-role-arrow{display:flex!important;align-items:center;justify-content:center;position:static!important;height:48px;width:100%;color:#ff5236!important;transform:none!important}
.nodo-role-arrow svg{width:80px!important;height:32px!important;stroke:currentColor}
.nodo-roles + p{font-size:15px;line-height:1.5;margin:24px auto 0;max-width:1100px}
.nodo-design-reality{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;padding:28px 0 0!important}
.nodo-design-reality h3{font-size:clamp(28px,3vw,46px);line-height:1.12;margin:0}
.nodo-design-reality p{font-size:16px;line-height:1.5;margin:0}
.nodo-home-end{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:24px 0 0!important;align-items:start}
.nodo-home-end h3{font-size:30px;line-height:1.2;margin:0}.nodo-home-end p{font-size:16px;line-height:1.5;margin:0 0 12px}
.ordered-stats{gap:24px!important}.ordered-stats .crl{margin-top:8px;min-height:3em}
@media(max-width:900px){#designmachine .dm{grid-auto-rows:auto}#designmachine .dmr .dmx{grid-template-rows:auto auto auto}#designmachine .dmr .dms{min-height:0}}
@media(max-width:760px){
 .sig>a:first-child img,.sig .plasma-home-link img{width:117px!important}.sig>a:last-child svg,.sig .nodo-home-link svg{width:73px!important}
 #drawer>a:not(.cta),#drawer>.studio-nav>summary,.project-drawer>a:not(.cta){font-size:26px!important;padding:12px 0!important}
 #approach,#clients,#studio,#designmachine{padding-top:32px;padding-bottom:32px}
 #approach>.lbl,#clients>.lbl,#studio>.lbl,#designmachine>.lbl{margin-bottom:20px}
 .ed-phrase{font-size:clamp(29px,7.4vw,44px);line-height:1.17;letter-spacing:-.03em}
 #clients .ed-phrase{font-size:28px;line-height:1.2}
 #designmachine .dmr{grid-template-columns:80px minmax(0,1fr);padding:16px 0;gap:8px 14px}
 #designmachine .dmr figure{width:80px;height:120px;min-height:0;max-height:none}
 #designmachine .dmr .dmt{font-size:17px;line-height:1.25}#designmachine .dmr .dms{font-size:12px;line-height:1.45}
 .compact-gallery,.fg-project .fg-gallery{aspect-ratio:auto}.compact-gallery .fg-main{max-height:66svh}
 .project-reading{padding-top:8px;gap:4px}
 #making.nodo-home{padding:28px var(--mar)}.nodo-home-intro{grid-template-columns:1fr;gap:16px;padding:20px 0}
 .nodo-home-intro h2{font-size:38px}.nodo-home-copy p{font-size:15px;line-height:1.5}
 .nodo-home-mosaic{gap:4px!important}
 .nodo-process-label{margin:24px 0 16px;font-size:10px}
 .nodo-roles{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr)!important;gap:10px!important}
 .nodo-roles>div>a{height:30px}.nodo-roles>div>a img{width:100%;max-width:116px;max-height:28px}.nodo-roles>div>a svg{width:80px;max-width:100%;max-height:24px}
 .nodo-role-arrow{height:30px}.nodo-role-arrow svg{width:28px!important;height:24px!important}
 .nodo-roles p{font-size:12px;line-height:1.45;margin-top:10px}
 .nodo-roles+p{font-size:13px;line-height:1.5;margin-top:20px}
 .nodo-design-reality,.nodo-home-end{grid-template-columns:1fr;gap:14px;padding-top:24px!important}
 .nodo-design-reality h3{font-size:29px}.nodo-design-reality p,.nodo-home-end p{font-size:14px;line-height:1.5}.nodo-home-end h3{font-size:26px}
}
@media(max-width:360px){.sig>a:first-child img,.sig .plasma-home-link img{width:106px!important}.sig>a:last-child svg,.sig .nodo-home-link svg{width:66px!important}.sig{gap:6px!important}}

.nodo-role-arrow svg{transform:none!important}
@media(min-width:901px){#designmachine .dmr .dmx{align-content:start;grid-template-rows:14px 50px auto}}

/* Revision 34: compact side previews and connected editorial titles. */
.plasma-orange,.editorial-title em.plasma-orange{color:var(--plasma-apricot)!important}
.ed-studio{display:block;font:300 clamp(32px,3.5vw,56px)/1.15 var(--dsp);letter-spacing:-.035em}
.ed-studio em{display:inline-block;margin-top:8px;font-size:1.3em}
@media(min-width:901px){
 .ordered-stats{grid-template-columns:repeat(5,max-content)!important;justify-content:space-between;gap:24px!important}
 .fg-project .fg-layout,.detail-gallery{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(0,1fr)!important;align-items:start;gap:16px!important}
 .fg-project .fg-gallery,.detail-gallery .fg-gallery{width:100%!important;margin:0!important}
 .fg-project .fg-open,.detail-gallery .fg-open{width:100%!important}
 .fg-project .fg-main,.detail-gallery .fg-main{width:100%!important;height:auto!important;max-height:70svh!important;object-fit:contain}
 .fg-layout>.project-reading,.detail-gallery>.project-reading{grid-column:1/-1}
 .fg-thumbs{margin:0!important;padding:0!important;align-self:start}
}
@media(max-width:900px){.ed-studio{font-size:clamp(30px,7.4vw,44px)}.fg-thumbs{margin-top:8px!important}}
