.collection-case-notes{display:grid;gap:22px;margin:26px 0 36px;padding:24px;background:#111a14;border:1px solid #2b3b30;border-radius:14px}
.collection-case-notes article{max-width:850px}.collection-case-notes h3{font-size:20px;font-weight:700;margin:0 0 12px;color:#fff}.collection-case-notes p{font-size:14px;line-height:1.8;color:#c1cbc4;margin:0 0 12px}.collection-site-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;justify-self:start;min-height:48px;padding:12px 22px;border-radius:8px;background:#00ff19;color:#071008;font-weight:800;text-decoration:none}.collection-site-link svg{width:18px;height:18px}.collection-pages{display:block;color:#8df898;font-size:11px;margin-top:7px}.delivery-info strong{white-space:normal}.mv-stage>iframe.collection-frame{width:100%;height:100%;min-height:650px;border:0;background:#090a08}.project-card-meta{flex-wrap:wrap}.project-card-art img[src$=".svg"]{object-fit:contain;background:#102017}
@media(max-width:600px){.collection-case-notes{padding:18px;gap:18px}.collection-case-notes h3{font-size:18px}.collection-case-notes p{font-size:13px}.mv-stage>iframe.collection-frame{min-height:65dvh}.collection-site-link{width:100%;text-align:center}}

/* Photography opens straight into the complete photo selection. */
#details-modal-window[data-kind=photo]{width:min(1160px,100%);max-width:1160px}
#details-modal-window[data-kind=photo] .detail-cover,
#details-modal-window[data-kind=photo] #modal-episodes-section,
#details-modal-window[data-kind=photo] .detail-actions>.ui-action,
#details-modal-window[data-kind=photo] .detail-process{display:none}
#details-modal-window[data-kind=photo] .detail-actions{display:none}
#details-modal-window[data-kind=photo] .detail-body{padding-top:38px;gap:20px}
#details-modal-window[data-kind=photo] .detail-heading{margin:0;padding-right:42px}
#details-modal-window[data-kind=photo] .detail-heading h2{font-size:clamp(25px,3vw,42px)}
#details-modal-window[data-kind=photo] .detail-heading .detail-actions{position:absolute;right:65px;top:18px}
.collection-photo-grid{columns:3;column-gap:12px;width:100%}
.collection-photo{position:relative;display:block;break-inside:avoid;width:100%;padding:0;margin:0 0 12px;border:0;border-radius:5px;overflow:hidden;background:#142119;cursor:zoom-in}
.collection-photo img{display:block;width:100%;height:auto;min-height:100px;transition:filter .18s}
.collection-photo>span{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#050b08ba;color:white;opacity:0;transition:opacity .18s}
.collection-photo:hover>span,.collection-photo:focus-visible>span{opacity:1}.collection-photo:focus-visible{outline:3px solid #00ff19;outline-offset:3px}
@media(max-width:700px){.collection-photo-grid{columns:2;column-gap:8px}.collection-photo{margin-bottom:8px}#details-modal-window[data-kind=photo] .detail-body{padding:30px 14px 24px}#details-modal-window[data-kind=photo] .detail-heading .detail-actions{position:static;margin-top:12px}#details-modal-window[data-kind=photo] .detail-heading{padding-right:30px}}
@media(prefers-reduced-motion:reduce){.collection-photo img,.collection-photo>span{transition:none}}
.case-introduction{margin:10px 0 26px}.case-introduction>p{max-width:850px;color:#d4dbd5;font-size:16px;line-height:1.8;margin-bottom:24px}.case-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;padding:20px 0}.case-facts dt{text-transform:uppercase;font-size:10px;letter-spacing:1.3px;color:#92a197;margin-bottom:8px}.case-facts dd{font-size:13px;line-height:1.5;color:#fff;margin:0}
#details-modal-window[data-kind=photo] .detail-columns,.editorial-case .detail-columns,.editorial-case #modal-episodes-section,.editorial-case .detail-cover,.editorial-case .detail-actions,.website-case .detail-cover,.website-case .detail-columns{display:none!important}.editorial-case .detail-body,.website-case .detail-body{padding-top:42px}.editorial-case .detail-heading,.website-case .detail-heading{padding-right:35px}.editorial-case,.website-case{width:min(1160px,100%)!important;max-width:1160px!important}.editorial-gallery{display:grid;gap:48px;margin-bottom:40px}.editorial-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}.editorial-section h3{font-size:23px;letter-spacing:-.5px}.editorial-section-heading>span{font-size:11px;color:#9ba99f}.editorial-media{display:grid;gap:12px}.editorial-media.grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.editorial-media.stack{gap:0}.editorial-media.carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;scrollbar-color:#76ad7e #17251b}.editorial-media button{position:relative;background:#111a14;border:0;padding:0;cursor:zoom-in;min-width:0;overflow:hidden}.editorial-media.carousel button{flex:0 0 38%;scroll-snap-align:start;align-self:start}.editorial-media img{width:100%;height:auto;display:block}.editorial-page,.editorial-play{position:absolute;bottom:10px;right:10px;background:#061009e6;color:#fff;padding:6px 10px;border-radius:4px;font-size:11px}.editorial-media button:focus-visible{outline:3px solid #00ff19;outline-offset:3px}.website-case #modal-episodes-list,.website-case #modal-episodes-section>.section-head,.website-case .detail-actions{display:none}.website-showcase{margin:12px 0 35px}.preview-caption{display:flex;justify-content:space-between;gap:12px;margin:0 0 15px;font-size:12px;letter-spacing:1px}.preview-caption small{color:#a2b2a6;letter-spacing:0}.browser-chrome{display:flex;gap:7px;padding:14px;background:#29352d;border-radius:12px 12px 0 0;align-items:center}.browser-chrome i{width:9px;height:9px;border-radius:100%;background:#88a08e}.browser-chrome i:first-child{background:#ec7878}.browser-chrome i:nth-child(2){background:#e3c075}.browser-chrome span{margin-left:15px;font-size:11px;color:#d2ded6}#site-preview{position:relative;aspect-ratio:8/5;height:auto;overflow:hidden;background:#101712;border:1px solid #2d4032}#site-preview iframe{height:100%;width:100%;border:0;background:#fff}.preview-end{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;background:#07140beF;text-align:center;padding:24px}.finished .preview-end{display:flex}.preview-end h3{font-size:38px}.preview-end p{margin:12px 0 24px;color:#becbc1}.preview-end a{padding:15px 24px;background:#00ff19;color:#08170b;border-radius:6px;font-weight:800}.preview-end button{margin-top:18px;background:none;border:0;color:white;text-decoration:underline;cursor:pointer}.preview-direct{display:block;margin-top:13px;text-align:right;color:#9df4a6;font-size:13px}.website-case .collection-case-notes{background:transparent;border:0;padding:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.website-case .collection-site-link{display:none}
@media(max-width:700px){.case-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.case-introduction>p{font-size:14px}.editorial-media.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.editorial-media.carousel button{flex-basis:76%}.editorial-section-heading{align-items:start;flex-direction:column;gap:6px}.editorial-section h3{font-size:20px}.editorial-case .detail-body,.website-case .detail-body{padding:35px 14px 20px}.preview-caption{flex-direction:column;gap:5px}.website-case .collection-case-notes{grid-template-columns:1fr}.preview-end h3{font-size:28px}}
.website-case #modal-episodes-section>.detail-section-heading,.website-case #modal-episodes-section>.detail-instruction{display:none}

/* Render the original desktop viewport, then scale both axes together. */
#details-modal-window.website-case{width:min(1440px,100%)!important;max-width:1440px!important}
#site-preview{aspect-ratio:8/5;height:auto;border:0;isolation:isolate;box-shadow:inset 0 0 0 1px #2d4032}
#site-preview iframe{position:absolute;top:0;left:0;display:block;width:1440px;height:900px;min-width:1440px;max-width:none;min-height:900px;max-height:none;transform-origin:top left;transform:scale(var(--preview-scale,1));border:0}
#site-preview.finished iframe{visibility:hidden;pointer-events:none}
#site-preview .preview-end{z-index:2;overflow:auto}
#site-preview .preview-end h3{margin:0}
#site-preview .preview-end a,#site-preview .preview-end button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;flex:none}
@media(max-width:700px){#site-preview{height:auto;aspect-ratio:8/5}.browser-chrome{padding:10px 12px}.browser-chrome span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-caption{font-size:11px}.preview-direct{font-size:12px;min-height:44px;display:flex;align-items:center;justify-content:flex-end}#site-preview .preview-end{padding:14px;gap:8px}#site-preview .preview-end h3{font-size:clamp(19px,4vw,28px)}#site-preview .preview-end p{font-size:12px;margin:0}#site-preview .preview-end a{padding:10px 15px;font-size:12px}#site-preview .preview-end button{margin:0;font-size:12px;min-height:36px}}
@media(max-width:480px){#site-preview .preview-end{padding:10px;gap:5px}#site-preview .preview-end p{display:none}#site-preview .preview-end h3{font-size:20px}}

/* Keep the complete browser miniature inside a normal viewing height. */
.website-case .website-showcase{width:100%;max-width:min(100%,calc((100dvh - 180px)*1.6));margin-left:auto;margin-right:auto}
@media(max-width:700px){.website-case .website-showcase{max-width:100%}}
.video-showcase-case{width:min(1160px,100%)!important;max-width:1160px!important}.video-selection-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0}.video-selection-controls p{font-size:13px;color:#abb9af}.video-selection-controls>div{display:flex;gap:8px;flex-shrink:0}.video-selection-controls button{border:1px solid #ffffff30;background:transparent;color:#e3eee7;min-height:42px;min-width:42px;border-radius:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}.video-selection-controls button:first-child{padding:0 17px;font-size:11px}.video-selection-controls svg{width:17px;height:17px}.clip-strip{display:flex;align-items:start;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:#72aa7b #112017;padding:2px 2px 22px}.clip-card{flex:0 0 28%;min-width:230px;max-width:310px;scroll-snap-align:start;text-align:left;padding:0;border:0;background:transparent;color:white;cursor:pointer}.clip-card.clip-wide{flex-basis:60%;max-width:620px}.clip-art{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;border-radius:7px;background:#07100b}.clip-wide .clip-art{aspect-ratio:16/9}.clip-art video,.clip-art>img{width:100%;height:100%;object-fit:cover;display:block}.clip-art:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#020805b0);pointer-events:none}.clip-badge{position:absolute;top:13px;left:13px;background:#0a130cbb;padding:7px 10px;border-radius:3px;font-size:10px;font-weight:800;color:#c7ff8d;letter-spacing:1px}.clip-play{position:absolute;z-index:1;bottom:15px;left:14px;right:14px;display:flex;align-items:center;gap:9px;font-weight:700;font-size:12px}.clip-play>svg{border:1px solid #ffffff80;border-radius:50%;width:36px;height:36px;padding:9px;background:#09140b60}.clip-category{display:block;text-transform:uppercase;color:#94a499;letter-spacing:1px;font-size:9px;margin:15px 0 7px}.clip-card>strong{font-size:15px;line-height:1.5;display:block}.clip-card:hover .clip-play>svg{background:#00ff19;color:#031305;border-color:#00ff19}.clip-card:focus-visible{outline:3px solid #00ff19;outline-offset:5px}.clip-process{margin-top:35px}.clip-process h3{font-size:22px;margin-bottom:20px}.clip-process>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.clip-process button{border:0;padding:0;background:#17271c;color:#e5eee7;text-align:left;cursor:zoom-in}.clip-process img{width:100%;display:block}.clip-process span{display:block;padding:10px;font-size:12px}.featured-project-mark{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:1.5px;color:#e7c770;margin:5px 0}.project-card-art>.featured-card-star{top:auto!important;bottom:12px!important;left:12px!important;right:auto!important;background:#12140ce6!important;color:#f8d86d!important;font-size:10px!important;z-index:2;letter-spacing:.5px}.project-card-art:has(.featured-card-star)>span:not(.featured-card-star){max-width:75%}
@media(max-width:700px){.video-selection-controls{align-items:start;flex-direction:column;gap:12px}.video-selection-controls>div{align-self:flex-end}.clip-card{flex-basis:76%;min-width:210px}.clip-card.clip-wide{flex-basis:92%;min-width:260px}.clip-strip{gap:12px}.clip-process>div{grid-template-columns:repeat(2,minmax(0,1fr))}.clip-play{font-size:11px}.video-showcase-case .detail-body{padding-left:16px;padding-right:16px}}
.editorial-caption{display:block;padding:10px 12px;color:#c4d3c8;font-size:12px;text-align:left;line-height:1.5}
/* Compact masonry, shared by visual design cases. */
.editorial-gallery{gap:28px;margin-bottom:28px}.editorial-section-heading{margin-bottom:12px}.editorial-media.grid{display:block;columns:3;column-gap:12px}.editorial-media.grid>button{display:block;break-inside:avoid;width:100%;margin:0 0 12px}.editorial-media.grid img{height:auto;width:100%}.editorial-media.process{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-color:#76ad7e #17251b}.editorial-media.process>button{flex:0 0 38%;align-self:start;scroll-snap-align:start}.editorial-motion{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;pointer-events:none}.editorial-caption{display:none}.editorial-motion-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#9cafa2;font-size:11px}.editorial-motion-controls button{padding:9px 14px;border-radius:20px;border:1px solid #ffffff30;color:white;background:transparent;cursor:pointer;flex-shrink:0}.editorial-media.stack{gap:8px}.editorial-media.carousel{gap:10px}.editorial-media button{border-radius:4px}.editorial-case .case-introduction{margin-bottom:18px}.editorial-case .detail-body{row-gap:18px}
@media(max-width:700px){.editorial-gallery{gap:24px}.editorial-media.grid{columns:2;column-gap:8px}.editorial-media.grid>button{margin-bottom:8px}.editorial-media.process>button{flex-basis:76%}.editorial-motion-controls{align-items:start;flex-direction:column}.editorial-media.carousel{gap:8px}}
.editorial-motion{aspect-ratio:auto 83/108}
#details-modal-window[data-kind=motion] .clip-card{flex-basis:48%;max-width:none}#details-modal-window[data-kind=motion] .clip-art{aspect-ratio:16/9}#details-modal-window[data-kind=motion] .clip-art video{object-fit:contain;background:#050905}@media(max-width:700px){#details-modal-window[data-kind=motion] .clip-card{flex-basis:92%}}
.editorial-media.grid:has(>button:only-child){columns:initial;display:flex;justify-content:center}.editorial-media.grid:has(>button:only-child)>button{width:fit-content;max-width:100%;margin:0}.editorial-media.grid:has(>button:only-child) img{width:auto;height:auto;max-width:100%;max-height:min(520px,60dvh)}