.work-page { background:#f5f5f5; }
.work-content { view-transition-name:page-content; }
.work-width { width: min(1200px,83.334%); margin-inline:auto; }
.work-intro { padding-top:clamp(32px,5.556vw,80px); }
.work-intro h1 { font-size:clamp(18px,1.389vw,20px); font-weight:400; }
.work-intro h1 span { margin-left:40px; }
.work-summary { display:grid; grid-template-columns: 36% minmax(0,1fr); gap:4%; margin-top:clamp(40px,8.333vw,120px); }
.work-page p { font-size:clamp(14px,1.111vw,16px); line-height:1.35; margin:0 0 12px; word-break:normal; overflow-wrap:break-word; }
.work-page [lang=ko] { color:#878787; word-break:keep-all; }
.work-image { margin-block:clamp(32px,5.556vw,80px); }
.work-image img { display:block; width:100%; height:auto; }
.hero img { aspect-ratio:1200/750; object-fit:cover; }
.panorama-crop { aspect-ratio:1200/564; position:relative; overflow:hidden; }
.panorama-crop img { position:absolute; width:139.99%; height:100.18%; left:-20%; top:-.09%; }
.work-image figcaption { margin-top:24px; }
.tall-crop { aspect-ratio:1199/1572; position:relative; overflow:hidden; }
.tall-crop img { position:absolute; height:100%; width:209.84%; left:-31.54%; }
.work-details { display:grid; grid-template-columns:38.334% minmax(0,1fr); gap:6.833%; margin-block:80px; }
.symbol-image { display:block; width:100%; height:auto; aspect-ratio:460/656; margin-bottom:40px; }
.detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(12px,2.778vw,40px); margin-bottom:40px; }
.detail-grid img { display:block; width:100%; aspect-ratio:1; object-fit:cover; }
.dark-crop { aspect-ratio:1200/1189; position:relative; overflow:hidden; }
.dark-crop img { height:100%; width:115.46%; position:absolute; left:-2.72%; }
.process-strip,.process-portraits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(12px,2.778vw,40px); }
.process-strip { margin-bottom:40px; }
.process-grid img { width:100%; display:block; object-fit:cover; filter:grayscale(1); }
.process-strip img { aspect-ratio:373/149; }
.process-portraits img { aspect-ratio:373/496; }
.work-credits { padding-block:80px; }
.fabrication-note { margin-top:40px; }
.work-credits p { color:#878787; }
.work-footer { background:#fff; padding:40px 8.333%; }
.work-footer a,.project-entry a { color:inherit; text-underline-offset:5px; }
.project-entry { text-align:center; margin:48px 24px 64px; font-size:16px; }
.project-gallery { --slide-width:min(658px,60vw); --gallery-gap:clamp(16px,5.556vw,80px); margin-block:clamp(48px,11.111vw,160px); overflow:hidden; }
.gallery-track { display:flex; align-items:center; gap:var(--gallery-gap); overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; padding:12px max(0px,calc((100% - var(--slide-width))/2)); scrollbar-width:none; cursor:grab; touch-action:pan-x pan-y; }
.gallery-track::-webkit-scrollbar { display:none; }
.gallery-track:focus-visible { outline:1px solid #121212; outline-offset:-2px; }
.gallery-track.is-dragging { scroll-snap-type:none; cursor:grabbing; user-select:none; }
.gallery-slide { flex:0 0 var(--slide-width); margin:0; min-width:0; scroll-snap-align:center; filter:blur(4px); opacity:.5; transform:scale(.96); transition:filter .35s ease,opacity .35s ease,transform .35s ease; }
.gallery-slide.is-active { filter:none; opacity:1; transform:none; }
.gallery-crop { position:relative; aspect-ratio:658/877.333; overflow:hidden; }
.gallery-crop img { position:absolute; width:290.4%; height:136.13%; max-width:none; left:-88.92%; top:-7.81%; pointer-events:none; }
.gallery-controls { display:flex; align-items:center; justify-content:center; gap:24px; margin-top:20px; }
.gallery-controls button { border:0; background:none; font-size:22px; width:44px; height:44px; cursor:pointer; }
.gallery-controls button:disabled { opacity:.22; cursor:default; }
.gallery-controls .gallery-status { margin:0; font-size:13px; min-width:52px; text-align:center; }
.project-gallery .gallery-hint { text-align:center; color:#666; font-size:12px; margin-top:4px; }
@media(max-width:700px) {
 .work-width { width:auto; margin-inline:24px; }
 .work-summary,.work-details { grid-template-columns:minmax(0,1fr); gap:24px; }
 .work-details,.work-credits { margin-block:40px; }
 .work-credits { padding-block:0; }
 .project-gallery { --slide-width:72vw; }
 .gallery-slide { filter:blur(2.5px); }
 .gallery-slide.is-active { filter:none; }
 .work-intro h1 span { margin-left:20px; }
 .process-strip { margin-bottom:12px; }
 .fabrication-note { margin-top:20px; }
}
@media(prefers-reduced-motion:reduce) { .gallery-slide { transition:none; } }

.gallery-track.is-rebasing { scroll-snap-type: none; }
.gallery-track.is-rebasing .gallery-slide { transition: none; }