@media(max-width:700px){.preserve-animation-layout .sticker-stage{display:block;position:relative;aspect-ratio:16/9;background:transparent}.preserve-animation-layout .sticker-background{height:100%}.preserve-animation-layout .sticker-animation{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);aspect-ratio:auto}}.sticker-sheet{background:#000;position:relative}.sticker-stage{position:relative;aspect-ratio:16/9}.sticker-stage .sticker-background{display:block;width:100%;height:100%;object-fit:contain}.sticker-stage .sticker-animation{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);object-fit:contain;background:#fff}.stickers-toggle{position:absolute;right:12px;bottom:12px;border:0;padding:9px 12px;background:#f3a4e2;font-size:11px;cursor:pointer;z-index:2}@media(max-width:700px){.sticker-stage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;aspect-ratio:auto;background:#fff}.sticker-stage .sticker-background{grid-column:1/-1;height:auto}.sticker-stage .sticker-animation{position:static;width:100%;height:auto;aspect-ratio:1}.stickers-toggle{position:relative;display:block;margin-left:auto;right:auto;bottom:auto}}.detail-sidebar{position:fixed;top:180px;left:1.5%;bottom:20px;width:25%;background:#f6f6f3;padding:22px;overflow-y:auto;scrollbar-width:thin}.detail-sidebar h2{font-size:clamp(20px,1.7vw,30px);letter-spacing:-.055em;line-height:1;margin:0 0 35px}.detail-sidebar h2 span,.detail-title h1 span{display:block}.detail-sidebar dl{margin:0}.detail-sidebar dl>div{margin-bottom:20px}.detail-sidebar dt{font-size:11px;color:#777;margin-bottom:6px}.detail-sidebar dd{margin:0;font-size:12px;line-height:1.5}.detail-narrative{border-top:1px solid #ccc;padding-top:18px;margin-top:28px}.detail-narrative section+section{margin-top:22px}.detail-narrative h3{font-size:12px;font-weight:500;margin:0 0 9px}.detail-narrative p{font-size:12px;color:#666;line-height:1.7;margin:0}.detail-main{margin-left:28%;padding:20px 1.5vw 0 0;scroll-margin-top:20px;background:#f6f6f3;min-height:100vh}.detail-category{text-align:right;font-size:12px;padding:0 0 15px;background:#efefed}.detail-title{padding:22px 18px 14px}.detail-title h1{font-size:clamp(55px,8vw,145px);line-height:.9;font-weight:750;letter-spacing:-.06em;margin:0}.detail-title h2{font-size:clamp(21px,2vw,36px);font-weight:400;line-height:1.3;margin:42px 0 0}.detail-main>.media,.detail-waterfall{margin-left:18px;margin-right:18px}.media{position:relative;width:auto;background:#efefed;overflow:hidden}.media img{display:block;width:100%;height:auto}.media video{display:block;width:100%;height:auto;aspect-ratio:var(--ratio,16/9);object-fit:contain}.media-toggle{position:absolute;right:15px;bottom:15px;background:var(--pink);border:0;padding:10px}.detail-overview{padding:42px 18px 35px}.detail-overview>span{font-size:12px}.detail-overview>p{font-size:clamp(22px,2.4vw,42px);line-height:1.45;margin:22px 0;letter-spacing:-.02em}.detail-overview>small{font-size:12px;color:#777}.detail-waterfall{display:flex;flex-direction:column;gap:12px}.detail-waterfall .media{margin:0}.detail-footer{display:flex;justify-content:space-between;padding:35px 18px;font-size:12px}@media(max-width:1100px){.detail-sidebar{padding:15px}.detail-sidebar dd,.detail-narrative p{font-size:11px}}@media(max-width:900px){.detail-sidebar{position:relative;inset:auto;width:auto;margin:20px;padding:20px;max-height:none;overflow:visible}.detail-sidebar h2{margin-bottom:22px}.detail-sidebar dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.detail-narrative{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.detail-narrative section+section{margin-top:0}.detail-main{margin:0;padding:0 20px}.detail-title{padding:20px 0 16px}.detail-title h1{font-size:clamp(50px,12vw,100px)}.detail-title h2{margin-top:26px}.detail-main>.media,.detail-waterfall{margin-left:0;margin-right:0}.detail-overview{padding:30px 0}.detail-category{padding:10px 0}.detail-footer{padding:30px 0}}@media(max-width:550px){.detail-narrative{grid-template-columns:1fr;gap:20px}.detail-sidebar{margin:10px 20px 25px}.detail-sidebar dd,.detail-narrative p{font-size:12px}.detail-waterfall{gap:8px}}.detail-main,.detail-sidebar{background:#efefed}.detail-main{padding-top:55px}.detail-category{position:fixed;top:0;right:1.5vw;width:70.5%;z-index:22;background:#efefeded;padding:20px 0 14px;text-align:right}.detail-category:hover{text-decoration:underline}.film-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,#242424,#111);color:#efefed;display:flex;flex-direction:column;justify-content:space-between;padding:25px}.film-placeholder>span:first-child{font-size:12px}.film-play{align-self:center;font-size:clamp(45px,7vw,100px);color:#f3a4e2}.film-placeholder p{font-size:17px;margin:0}.film-placeholder small{display:block;font-size:11px;color:#aaa;margin-top:8px}@media(max-width:900px){.detail-category{top:92px;right:0;width:100%;padding:10px 20px;font-size:10px}.detail-sidebar{margin-top:50px}.detail-main{padding-top:0}.portfolio-nav{z-index:26}}.project-story>summary{display:none}@media(max-width:900px){.project-story>summary{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #ccc;cursor:pointer;font-size:13px}.project-story[open]>summary span{transform:rotate(45deg)}.project-story .detail-narrative{margin-top:0;border-top:0}.detail-title h1{overflow-wrap:anywhere}.detail-sidebar{margin-bottom:12px}}