/* Editorial project stories and transparent breakdowns of finished artwork. */
.work-editorial-intro{display:block!important;position:relative;min-height:900px;padding:160px 0 90px;text-align:center;isolation:isolate}
.work-intro-label{font-size:10px;letter-spacing:.12em;color:#888}.work-editorial-intro h2{position:relative;z-index:2;margin:110px 0 0;font-size:clamp(48px,7.6vw,118px);font-weight:800;line-height:.95;letter-spacing:-.055em;pointer-events:none}.work-editorial-intro h2 em{color:#9dff70;font-style:normal}.work-editorial-intro>p{font-size:14px;line-height:1.8;color:#999;margin-top:380px}
.work-intro-mosaic{position:absolute;inset:0;z-index:1}.intro-image{position:absolute;display:block;overflow:hidden}.intro-image img{display:block;width:100%;height:auto;transition:transform .5s}.intro-image:hover img{transform:scale(1.04)}.intro-image-0{width:21%;left:8%;top:16%}.intro-image-1{width:20%;right:4%;top:12%}.intro-image-2{width:25%;left:38%;top:47%}.intro-image-3{width:13%;left:7%;top:44%}.intro-image-4{width:25%;right:1%;top:44%}
.still-section>.project-grid{display:block!important}.still-section .editorial-case{display:block;width:100%;padding:0;margin:0 0 160px;overflow:visible;border:0;scroll-margin-top:80px}.editorial-case>.project-cover[hidden]{display:none!important}
.case-index{display:flex;justify-content:space-between;gap:20px;padding:35px 0;border-top:1px solid #292929;font-size:10px;color:#8d8d87;letter-spacing:.09em}.case-index a:hover{color:var(--case-accent)}
.case-masthead{padding:90px 7% 40px;position:relative;z-index:2;pointer-events:none}.case-masthead h2{font-size:clamp(64px,9vw,140px);font-weight:750;line-height:.88;letter-spacing:-.055em}.case-masthead p{font-size:14px;color:#b4b4af;margin-top:28px}.case-keyvisual{width:65%;margin:-15px 4% 0 auto}.case-keyvisual img{width:100%;display:block;height:auto}.case-one-line{margin:100px auto 150px;max-width:780px;text-align:center;font-size:clamp(24px,3.3vw,46px);font-weight:600;line-height:1.35;letter-spacing:-.035em}.case-one-line span{display:block;font-size:10px;color:#777;letter-spacing:.1em;margin-top:24px;font-weight:400}
.case-study{max-width:1200px;margin:0 auto}.study-heading{text-align:right;margin:0 0 70px}.study-heading>span,.feature-copy>span{font-size:10px;letter-spacing:.1em;color:#8d8d87}.study-heading h3{font-size:clamp(48px,6vw,90px);line-height:.94;letter-spacing:-.04em;margin:20px 0}.study-heading h3 span{color:var(--case-accent)}.study-heading>p{max-width:420px;margin:25px 0 0 auto;color:#999;font-size:13px;line-height:1.8}
.breakdown-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;margin:35px 0 25px;color:#aaa}.annotation-toggle{background:none;border:1px solid #444;color:#ddd;padding:10px 14px;cursor:pointer}.annotation-toggle:hover{border-color:var(--case-accent);color:var(--case-accent)}
.composition-board{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;gap:8%}.annotated-art{position:relative;margin:0}.annotated-art>img{width:100%;height:auto;display:block}.composition-guides{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 33.2%,#fff5 33.3%,transparent 33.5%,transparent 66.5%,#fff5 66.6%,transparent 66.8%)}.composition-guides[hidden]{display:none}.guide-zone{position:absolute;border:1px dashed #d6ff9d;box-shadow:0 0 0 1px #0007;color:#d6ff9d;text-shadow:0 1px 3px #000;background:#aaff9910;padding:5px 8px;font-size:10px;letter-spacing:.05em}.zone-title{top:5%;left:6%;width:88%;height:17%}.zone-product{top:31%;left:18%;width:67%;height:49%}.zone-space{bottom:5%;left:6%;width:40%;height:12%}.composition-notes>div{margin:0 0 35px;border-top:1px solid #303030;padding-top:20px}.composition-notes span{color:var(--case-accent);font-size:12px}.composition-notes p{font-size:15px;line-height:1.9;color:#b7b7b0;margin-top:12px}.composition-notes small{font-size:11px;line-height:1.8;color:#777}
.study-feature{margin:150px 0}.feature-copy h3{font-size:clamp(40px,5.2vw,76px);line-height:.95;letter-spacing:-.045em;margin:18px 0 25px}.feature-copy p{font-size:14px;line-height:1.9;color:#a6a6a0;max-width:390px}.detail-feature>.feature-copy{margin:0 0 55px 9%}.detail-pair{display:grid;grid-template-columns:1fr .75fr;gap:9%;align-items:center}.detail-pair figure{margin:0}.detail-pair img{width:100%;display:block;height:auto}.detail-pair .zoom-figure{margin-top:160px}.detail-crop{overflow:hidden;aspect-ratio:1;background:#111}.detail-crop img{width:100%;height:100%;object-fit:cover;transform:scale(1.65)}.case-study figcaption{font-size:10px;color:#777;margin-top:12px;letter-spacing:.06em}.scene-feature{display:grid;grid-template-columns:1.3fr .7fr;gap:9%;align-items:center}.scene-feature>figure{margin:0}.scene-feature>figure img{width:100%;height:auto;display:block}
.project-notes{margin:0 auto 100px;max-width:1200px;border-top:1px solid #333;border-bottom:1px solid #333;padding:24px 0}.project-notes>summary{cursor:pointer;font-size:13px;color:#aaa}.project-notes>.project-intro{margin-top:40px!important}.project-notes .case-step{padding:20px 0}.project-notes .detail-heading h2{font-size:32px}.project-notes .amazon-case{display:block}
.editorial-case>.full-display{background:#f2f2ed;color:#111;padding:65px 5%!important;margin:0!important;max-width:none!important}.full-display-heading{margin:0 0 65px}.full-display-heading h3{font-size:clamp(45px,8vw,120px);font-weight:400;letter-spacing:-.07em;line-height:1.1;margin-bottom:38px}.full-display-heading>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #bdbdb6;padding-top:20px;font-size:10px;color:#555}.full-display .case-gallery-label{display:none!important}.full-display>.amazon-case{display:none!important}
#image-works .full-display .amazon-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}#image-works .full-display .amazon-gallery-tiles{grid-template-columns:1fr;gap:18px}#image-works .full-display .amazon-gallery>.full-width{grid-column:2;width:100%;margin:0}#image-works .full-display .detail-image img{width:100%;height:auto;display:block;object-fit:contain}
#static-renders .full-display .static-mosaic{gap:14px}#static-renders .full-display .static-mosaic-column{gap:14px}.full-display .detail-image{background:transparent!important}
@media(max-width:700px){.work-editorial-intro{min-height:620px;padding-top:90px}.work-editorial-intro h2{margin-top:100px;font-size:clamp(32px,8vw,56px)}.work-editorial-intro>p{margin-top:230px;font-size:12px}.intro-image-0{top:19%}.intro-image-1{top:17%}.intro-image-2{top:51%;width:32%;left:34%}.intro-image-3{top:44%;width:17%}.intro-image-4{top:45%;width:27%}.case-masthead{padding:45px 0 30px}.case-keyvisual{width:90%;margin:0 0 0 auto}.case-one-line{margin:55px auto 85px}.still-section .editorial-case{margin-bottom:80px}.study-heading{margin-bottom:40px}.composition-board{grid-template-columns:1fr;gap:28px}.composition-notes{display:grid;grid-template-columns:1fr;gap:0}.composition-notes>div{margin-bottom:18px;padding-top:12px}.composition-notes p{font-size:13px;margin-top:6px}.breakdown-toolbar{font-size:9px;gap:10px}.annotation-toggle{font-size:11px;white-space:nowrap;padding:8px}.study-feature{margin:75px 0}.detail-feature>.feature-copy{margin:0 0 30px}.detail-pair{gap:18px;grid-template-columns:1fr 1fr}.detail-pair .zoom-figure{margin-top:65px}.scene-feature{grid-template-columns:1fr;gap:30px}.scene-feature .feature-copy{grid-row:1}.project-notes{margin-bottom:50px}.editorial-case>.full-display{padding:35px 14px!important}.full-display-heading{margin-bottom:30px}.full-display-heading>div{flex-wrap:wrap;gap:10px;font-size:9px}#image-works .full-display .amazon-gallery{gap:10px}#image-works .full-display .amazon-gallery-tiles{gap:10px}.guide-zone{font-size:8px;padding:4px}.feature-copy h3{font-size:40px}}
@media(prefers-reduced-motion:reduce){.intro-image img{transition:none}}

/* Compact project images after removing the overview and composition analysis. */
.case-keyvisual{width:52%;max-width:720px;margin-right:9%}
#image-works .full-display .amazon-gallery{max-width:800px;margin-inline:auto;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px}
#image-works .full-display .amazon-gallery-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:700px){
 .case-keyvisual{width:80%;margin-right:4%}
 #image-works .full-display .amazon-gallery{width:92%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
 #image-works .full-display .amazon-gallery-tiles{grid-template-columns:1fr;gap:10px}
}

/* Offset the A+ column below the product image set. */
#image-works .full-display .amazon-gallery>.detail-image.full-width{margin-top:clamp(100px,14vw,200px)}
@media(max-width:700px){#image-works .full-display .amazon-gallery>.detail-image.full-width{margin-top:80px}}

/* Larger complete-project artwork, retaining the staggered A+ column. */
#image-works .full-display .amazon-gallery{max-width:1060px;width:100%;gap:22px}
#image-works .full-display .amazon-gallery-tiles{gap:16px}
@media(max-width:700px){
 #image-works .full-display .amazon-gallery{width:100%;gap:10px}
 #image-works .full-display .amazon-gallery-tiles{gap:10px}
}