.detail-page{--detail-width:1480px;background:var(--background,#09090b);color:var(--foreground,#fff)}
.detail-page *{box-sizing:border-box}.detail-page button{font:inherit}.detail-page a{color:inherit;text-decoration:none}
.detail-shell{width:min(calc(100% - 104px),var(--detail-width));margin-inline:auto}
.detail-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:104px}
.detail-brand{display:flex;align-items:center;gap:14px}.detail-brand-mark{width:25px;height:25px;transform:rotate(45deg);border:1px solid #ffffff75;position:relative}.detail-brand-mark:after{content:"";position:absolute;inset:5px;background:#fff}
.detail-brand b{display:block;font-size:13px;letter-spacing:.13em;font-weight:550}.detail-brand small{display:block;font-size:10px;color:var(--muted,#949494);margin-top:5px;letter-spacing:.04em}
.detail-nav nav{display:flex;align-items:center;gap:30px;font-size:12px;color:var(--muted,#949494)}.detail-nav nav .is-active,.detail-nav nav a:hover{color:#fff}
.detail-intro{padding-top:28px;padding-bottom:42px}.detail-back{display:inline-flex;color:var(--muted,#949494)!important;font-size:12px;margin-bottom:28px}.detail-intro h1{font-size:clamp(27px,3.4vw,50px);line-height:1.25;letter-spacing:-.035em;font-weight:500;margin:0;max-width:1100px}.detail-intro p{max-width:680px;line-height:1.8;color:#a5a5a5;font-size:14px;margin:18px 0 0}.detail-tags{display:block;font-size:12px;color:var(--muted,#949494);margin-top:16px;letter-spacing:.03em}
.detail-section{padding-top:86px}.detail-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin-bottom:28px}.detail-section h2{font-size:clamp(22px,2.25vw,34px);font-weight:500;letter-spacing:-.025em;margin:0}.detail-section-head>p{max-width:640px;font-size:13px;line-height:1.8;color:#a5a5a5;margin:0}.detail-step-label{display:block;font-size:10px;letter-spacing:.12em;color:var(--muted,#949494);margin-bottom:12px}
.detail-media{margin:0;min-width:0}.detail-media-button{display:block;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in;text-align:left}.detail-media img{display:block;width:100%;height:auto;transition:opacity .22s ease}.detail-media-button:hover img{opacity:.92}.detail-media-button:focus-visible{outline:2px solid #fff;outline-offset:5px}.detail-media figcaption{font-size:12px;color:var(--muted,#949494);line-height:1.6;margin-top:14px}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}.detail-grid.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-grid.is-editorial>.detail-media:nth-child(6n+1){grid-column:1/-1}.detail-grid.is-editorial>.detail-media:nth-child(6n+1).is-portrait{grid-column:auto}.detail-grid.is-editorial>.detail-media{margin-bottom:20px}.detail-gallery-main{padding-top:6px}
.detail-final{display:flex;justify-content:center}.detail-final>.detail-media{width:100%}.detail-final>.detail-media.is-portrait{width:min(100%,760px)}.detail-cgi-detail{max-width:1000px;margin-inline:auto}.detail-cgi-gallery>.detail-media:first-child img{width:auto;max-width:100%;max-height:82vh;margin-inline:auto}
.detail-thoughts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-bottom:32px}.detail-thoughts h3{font-size:16px;font-weight:500;margin:0 0 14px;line-height:1.6}.detail-thoughts p{font-size:13px;color:#a5a5a5;line-height:1.9;margin:0}.detail-thought-image{max-width:1080px;margin-inline:auto}
.detail-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.detail-process.count-1{grid-template-columns:1fr}.detail-process.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-process-stage h3{font-size:15px;font-weight:500;margin:0 0 16px}.detail-process.count-1 .detail-media.is-portrait{max-width:760px;margin-inline:auto}.detail-process-final-link{display:flex;min-height:140px;align-items:center;justify-content:center;color:var(--muted,#949494)!important;font-size:14px;border-top:1px solid var(--line,#ffffff1f)}
.detail-more{margin-top:38px}.detail-more summary{display:flex;align-items:center;justify-content:center;width:fit-content;min-width:200px;min-height:46px;padding:12px 24px;border:1px solid #ffffff40;border-radius:2px;cursor:pointer;margin:0 auto;list-style:none;font-size:12px}.detail-more summary::-webkit-details-marker{display:none}.detail-more summary:after{content:"＋";margin-left:22px}.detail-more[open] summary:after{content:"−"}.detail-more .detail-grid{margin-top:38px}.detail-more[open] summary .detail-more-closed{display:none}.detail-more:not([open]) summary .detail-more-open{display:none}
.detail-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-block:72px 34px;margin-top:60px;font-size:12px;color:var(--muted,#949494)}.detail-footer>div{text-align:right}.detail-footer small{display:block;font-size:10px;margin-top:14px}.detail-empty{padding:50px 0;color:var(--muted,#949494)}
.detail-lightbox{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;inset:0;border:0;margin:0;padding:40px 74px;color:#fff;background:#08080bef;overflow:hidden}.detail-lightbox::backdrop{background:#08080b}.detail-lightbox[open]{display:flex;align-items:center;justify-content:center}.detail-lightbox figure{margin:0;max-width:100%;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.detail-lightbox img{display:block;max-width:100%;max-height:calc(100dvh - 120px);width:auto;height:auto;object-fit:contain}.detail-lightbox figcaption{font-size:12px;color:#aaa;line-height:1.6;text-align:center}.detail-lightbox button{position:absolute;display:grid;place-items:center;width:42px;height:42px;border:0;background:#ffffff0d;color:#fff;font-size:23px;cursor:pointer}.detail-lightbox-close{right:24px;top:22px}.detail-lightbox-prev{left:18px;top:calc(50% - 21px)}.detail-lightbox-next{right:18px;top:calc(50% - 21px)}.detail-lightbox button:disabled{opacity:.2;cursor:default}.detail-lightbox button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.detail-brand-mark{border-color:var(--muted,#949494)}.detail-brand-mark:after{background:var(--foreground,#fff)}.detail-nav nav .is-active,.detail-nav nav a:hover{color:var(--foreground,#fff)}.detail-media-button:focus-visible{outline-color:var(--foreground,#fff)}
[data-theme=light] .detail-intro p,[data-theme=light] .detail-section-head>p,[data-theme=light] .detail-thoughts p{color:var(--muted,#686865)}[data-theme=light] .detail-more summary{border-color:var(--line,#10101026)}
.detail-lightbox figcaption a{display:inline-block;color:#fff;margin-left:18px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.detail-grid.is-mixed{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;row-gap:42px}.detail-grid.is-mixed>.detail-media:nth-child(2n){grid-column:span 7}.detail-grid.is-mixed>.detail-media:nth-child(2n+1){grid-column:span 5}.detail-grid.is-mixed>.detail-media:first-child{grid-column:1/-1}
@media(max-width:900px){.detail-grid.is-mixed{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.detail-grid.is-mixed>.detail-media{grid-column:span 1!important}.detail-grid.is-mixed>.detail-media:first-child{grid-column:1/-1!important}}
@media(max-width:600px){.detail-grid.is-mixed{grid-template-columns:1fr;gap:24px}.detail-grid.is-mixed>.detail-media:first-child{grid-column:auto!important}}
@media(min-width:1700px){.detail-shell{width:min(calc(100% - 160px),var(--detail-width))}}
@media(max-width:900px){.detail-shell{width:calc(100% - 48px)}.detail-nav{min-height:88px}.detail-brand small{max-width:180px}.detail-nav nav{gap:20px}.detail-intro{padding-top:18px;padding-bottom:32px}.detail-section{padding-top:64px}.detail-section-head{display:block}.detail-section-head>p{margin-top:14px}.detail-thoughts{gap:24px}.detail-grid,.detail-process{gap:24px}.detail-grid.is-three{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid.is-three>.detail-media:last-child:nth-child(odd){grid-column:1/-1}.detail-footer{padding-top:48px}}
@media(max-width:600px){.detail-shell{width:calc(100% - 32px)}.detail-nav{min-height:76px;gap:12px}.detail-brand{gap:10px}.detail-brand-mark{width:20px;height:20px}.detail-brand b{font-size:10px}.detail-brand small{font-size:9px;max-width:150px}.detail-nav nav{gap:15px;font-size:11px}.detail-nav nav>a:first-child{display:none}.detail-back{margin-bottom:23px}.detail-intro h1{font-size:28px}.detail-intro p{font-size:13px}.detail-section{padding-top:52px}.detail-section h2{font-size:24px}.detail-thoughts{grid-template-columns:1fr;gap:26px}.detail-thoughts h3{margin-bottom:8px}.detail-grid,.detail-grid.is-three,.detail-process{grid-template-columns:1fr;gap:24px}.detail-grid.is-editorial>.detail-media{margin-bottom:0}.detail-grid>.detail-media,.detail-process>.detail-process-stage{grid-column:auto!important}.detail-media figcaption{margin-top:10px}.detail-more{margin-top:28px}.detail-footer{display:block;padding-bottom:26px;margin-top:36px}.detail-footer>div{text-align:left;margin-top:24px}.detail-lightbox{padding:52px 40px 38px}.detail-lightbox img{max-height:calc(100dvh - 138px)}.detail-lightbox button{width:32px;height:36px;font-size:20px}.detail-lightbox-prev{left:3px}.detail-lightbox-next{right:3px}.detail-lightbox-close{right:13px;top:12px}}
@media(prefers-reduced-motion:reduce){.detail-media img{transition:none}}