@media(min-width:1001px){
/* Thin rails live on real shared column axes: 1,4,7,10 and the outer boundary. */
body.grid-code-experience #approved-hero,body.grid-code-experience #about .block-content{position:relative;isolation:isolate}
body.grid-code-experience .editorial-rails{position:absolute;inset:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--layout-gutter);z-index:-1;pointer-events:none}
body.grid-code-experience .editorial-rails i{border-left:1px solid #faf9f518;grid-row:1}
body.grid-code-experience .editorial-rails i:nth-child(1){grid-column:1}
body.grid-code-experience .editorial-rails i:nth-child(2){grid-column:4}
body.grid-code-experience .editorial-rails i:nth-child(3){grid-column:7}
body.grid-code-experience .editorial-rails i:nth-child(4){grid-column:10}
body.grid-code-experience .editorial-rails i:nth-child(5){grid-column:12;border-left:0;border-right:1px solid #faf9f518}
body.grid-code-experience #approved-hero .hero-name-arrow{display:none!important}
/* A small portrait crosses the held title; the whole scene remains ordinary document flow. */
body.art-direction.grid-code-experience #about{overflow:visible!important}
body.grid-code-experience #about .block-content{padding-top:0!important}
body.grid-code-experience #about .author-scroll-scene{position:relative;min-height:1050px;padding-bottom:24px}
body.grid-code-experience #about .author-sticky-title{position:sticky;top:102px;z-index:1;pointer-events:none;max-width:100%;padding-bottom:24px}
body.art-direction.grid-code-experience #about .editorial-about-heading{font-size:calc(var(--type-section) * .82)!important;line-height:var(--line-section)!important;letter-spacing:-.045em!important;max-width:1000px!important;margin:0!important;padding:0!important}
body.grid-code-experience #about .author-scroll-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:48px var(--layout-gutter);position:relative;z-index:2;padding-top:110px;align-items:start}
body.art-direction.grid-code-experience #about .about-editorial-portrait{grid-column:6/span 3;grid-row:1;margin:0!important;width:100%!important;max-width:none!important;justify-self:stretch!important;transform:translateY(var(--portrait-lift,0px)) rotate(-2deg);transform-origin:center center;will-change:transform;background:var(--ad-paper);padding:8px 8px 12px;color:var(--ad-plum)}
body.art-direction.grid-code-experience #about .about-editorial-portrait img{width:100%!important;height:330px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:50% 30%!important;clip-path:none!important;transform:none!important;transition:none!important}
body.grid-code-experience #about .about-editorial-portrait figcaption{border:0!important;padding:0!important;margin:12px 4px 0!important;color:var(--ad-plum)!important;display:flex!important;gap:8px!important;justify-content:space-between;font-size:9px!important}
body.grid-code-experience #about .about-editorial-portrait figcaption>span:first-child{font-size:10px!important}
body.grid-code-experience #about .about-editorial-portrait figcaption>span:nth-child(2){display:none}
body.grid-code-experience #about .about-left-content{grid-column:8/span 5;grid-row:2;position:relative;margin:0!important;padding:0!important}
body.grid-code-experience #about .about-copy{display:block!important}
body.grid-code-experience #about .about-intro-group{max-width:none!important;gap:24px!important}
body.grid-code-experience #about .learning-link{color:var(--ad-paper)!important}
/* A single generative fold connects all three states, no marketplace photography. */
body.grid-code-experience #ai .forma-board .board-surface{height:430px;min-height:430px}
body.grid-code-experience #ai .forma-boards{height:490px}
body.grid-code-experience #ai .code-assembly{background:var(--ad-plum)!important;color:var(--ad-paper);padding:20px}
body.grid-code-experience #ai .code-file{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #faf9f52b;padding-bottom:14px;font:11px/1.4 ui-monospace,SFMono-Regular,monospace;color:var(--ad-paper)}
body.grid-code-experience #ai .code-file b{font-size:8px;color:var(--ad-lime)}
body.grid-code-experience #ai .code-list{display:flex;flex-direction:column;gap:5px;margin-top:22px;font:10px/1.4 ui-monospace,SFMono-Regular,monospace;white-space:pre;letter-spacing:-.02em}
body.grid-code-experience #ai .code-row{display:flex;gap:16px;opacity:1;transform:none}
body.grid-code-experience #ai .code-row>i{color:#faf9f54d;font-style:normal;flex:0 0 16px}
body.grid-code-experience #ai .code-row code{font:inherit;color:var(--ad-paper)}
body.grid-code-experience #ai .code-row:nth-child(2n) code{color:var(--ad-lime)}
body.grid-code-experience #ai .code-in-view .code-row{animation:code-resolve 650ms cubic-bezier(.2,.7,.2,1) both!important;animation-delay:calc(var(--row) * 28ms)!important}
@keyframes code-resolve{from{opacity:0;transform:translate(calc((var(--row) - 8) * 2px),calc((8 - var(--row)) * 4px));filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}
body.grid-code-experience #ai .code-end{position:absolute;bottom:18px;left:20px;font-size:9px;letter-spacing:.08em;color:#faf9f599}
body.grid-code-experience #ai .material-study{background:var(--ad-paper)!important;color:var(--ad-plum)}
body.grid-code-experience #ai .material-name{position:absolute;top:20px;left:20px;font-size:25px;font-weight:600;letter-spacing:-.07em}
body.grid-code-experience #ai .fold-surface{display:block;width:100%;height:auto}
body.grid-code-experience #ai .material-study>.fold-surface{position:absolute;top:50%;left:0;transform:translateY(-50%)}
body.grid-code-experience #ai .material-detail{position:absolute;left:20px;bottom:18px;font-size:8px;letter-spacing:.06em}
body.grid-code-experience #ai .material-note{position:absolute;right:20px;top:22px;font-size:11px;line-height:1.4;text-align:right}
body.grid-code-experience #ai .digital-result{display:flex!important;flex-direction:column;padding:20px;background:var(--ad-paper)!important;color:var(--ad-plum)}
body.grid-code-experience #ai .result-nav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3b1c3c33;padding-bottom:10px;font-size:8px}
body.grid-code-experience #ai .result-nav b{font-size:20px;letter-spacing:-.07em}
body.grid-code-experience #ai .result-headline{font-size:clamp(26px,3vw,44px);font-weight:500;line-height:1;letter-spacing:-.055em;margin-top:24px;z-index:2}
body.grid-code-experience #ai .result-headline em{font-family:Georgia,serif;font-weight:400}
body.grid-code-experience #ai .result-visual{display:block;width:100%;flex:1;min-height:0;overflow:hidden}
body.grid-code-experience #ai .result-visual .fold-surface{height:100%;width:100%}
body.grid-code-experience #ai .result-bottom{display:flex;justify-content:space-between;align-items:end;font-size:8px;line-height:1.4;border-top:1px solid #3b1c3c33;padding-top:12px}
body.grid-code-experience #ai .result-action{font-size:9px;border-bottom:1px solid currentColor;padding-bottom:4px}
body.grid-code-experience #ai .forma-boards[data-selected] .code-list{font-size:12px;line-height:1.3;gap:3px}
body.grid-code-experience #ai .forma-boards[data-selected] .material-study>.fold-surface{width:70%;left:15%;height:330px}
body.grid-code-experience #ai .forma-boards[data-selected] .digital-result{display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:20px}
body.grid-code-experience #ai .forma-boards[data-selected] .result-nav{grid-column:1/-1}
body.grid-code-experience #ai .forma-boards[data-selected] .result-headline{grid-column:1;grid-row:2;font-size:64px;align-self:center;margin:0}
body.grid-code-experience #ai .forma-boards[data-selected] .result-visual{grid-column:2;grid-row:2}
body.grid-code-experience #ai .forma-boards[data-selected] .result-bottom{grid-column:1/-1;grid-row:3}
}
@media(prefers-reduced-motion:reduce){body.grid-code-experience #ai .code-in-view .code-row{animation:none!important;filter:none!important;transform:none!important}body.art-direction.grid-code-experience #about .about-editorial-portrait{transform:none!important;will-change:auto}body.grid-code-experience #about .author-sticky-title{position:static}}

@media(min-width:1001px){body.art-direction.grid-code-experience #ai .digital-result,body.art-direction.grid-code-experience #ai .digital-result *{color:var(--ad-plum)!important}}

@media(min-width:1001px){body.grid-code-experience #approved-hero{z-index:10}}