:root{--max: 1100px;--pad: clamp(18px, 4vw, 44px);--gap: clamp(14px, 2.6vw, 24px);--text: rgba(0, 0, 0, .9);--muted: rgba(0, 0, 0, .62);--shadow: 0 14px 40px rgba(0, 0, 0, .12)}.gallery-scroll-indicator{position:relative;width:100%;height:20px;margin-top:var(--gap);cursor:pointer;z-index:60}.gallery-scroll-track{position:absolute;top:50%;left:0;right:0;height:1px;background:var(--line);transform:translateY(-50%);z-index:60}.gallery-scroll-slider{position:absolute;top:50%;left:0;height:10px;background:var(--line);border-radius:20px;transform:translateY(-50%);transition:transform .1s ease-out;cursor:grab;user-select:none;z-index:61}.site-header{transition:opacity .3s ease-in-out}.site-header.header-hidden{opacity:0;pointer-events:none}.project{max-width:1400px;margin:0 auto;padding:clamp(16px,3vw,48px);color:var(--text);background:#fff;transition:background-color .6s ease,color .6s ease}.project.dark-theme{background:#000;color:#fff}.project.dark-theme .title-vertical{color:#fff}.project.project--wide{max-width:none;width:100%;margin:0;padding-left:var(--pad);padding-right:var(--pad);box-sizing:border-box}.page-grid{display:grid;grid-template-columns:200px 1fr;gap:calc(var(--gap) * 1.2);align-items:start;overflow:visible}.hero-section{padding-bottom:calc(var(--pad) * .9);border-bottom:1px solid var(--line);transition:border-color .6s ease;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr;gap:calc(var(--gap) * 1.2)}.hero-title{display:flex;justify-content:flex-start;align-items:flex-start;padding-top:6px;grid-column:1;grid-row:1;overflow:visible;position:sticky;top:var(--pad);z-index:100;height:fit-content}.page-content{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:0;overflow-x:hidden}.title-vertical{margin:0;font-size:clamp(84px,12vw,140px);line-height:1;letter-spacing:.01em;white-space:hidden;writing-mode:vertical-rl;transform:rotate(180deg);padding:10px;.gallery-scroll-indicator{position:relative;width:100%;height:20px;margin-top:var(--gap);cursor:pointer}.gallery-scroll-track{position:absolute;top:50%;left:0;right:0;height:1px;background:var(--line);transform:translateY(-50%);color:var(--line)}.gallery-scroll-slider{position:absolute;top:50%;left:0;height:10px;background:var(--line);border-radius:20px;transform:translateY(-50%);transition:transform .1s ease-out;cursor:grab;user-select:none;width:calc(33.333% - var(--gap) * 2 / 3)}.gallery-scroll-slider:active{cursor:grabbing}opacity:1;transition:opacity .4s ease-in-out,color .6s ease}.title-vertical.fade-out{opacity:0}.back-to-top{position:fixed;top:var(--pad);right:var(--pad);z-index:200;display:flex;align-items:center;gap:12px;opacity:0;visibility:hidden;transition:opacity .4s ease-in-out,visibility .4s ease-in-out;text-decoration:none;cursor:pointer}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{opacity:.7}.back-to-top-text{font-size:clamp(14px,1.8vw,18px);color:#fff;font-weight:500;letter-spacing:.05em}.back-to-top-arrow{width:clamp(42px,5.4vw,54px);height:clamp(42px,5.4vw,54px);display:block;filter:brightness(0) invert(1)}.hero-main{display:flex;flex-direction:column;gap:calc(var(--gap) * 1.2)}.video-wrap,.gif-wrap{overflow:hidden}.video,.gif{display:block;width:100%;height:auto;aspect-ratio:16 / 9}.desc{display:grid;gap:10px}.desc{grid-row:3}.desc-lead{margin:0;max-width:100%;width:100%;box-sizing:border-box;color:var(--muted);line-height:1.7;padding:0}.desc-meta{grid-row:1;display:grid;grid-template-columns:repeat(3,minmax(0,2fr));gap:10px;padding:12px 16px;justify-self:center;align-self:start;width:100%;max-width:1400px;box-sizing:border-box;z-index:2}.desc-meta p{margin:0;font-size:13px;color:var(--muted);line-height:1.4}.desc-dropdown{position:relative}.desc-dropdown-header{background:transparent;border:none;padding:16px 20px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background .2s ease;width:40%}.desc-dropdown.is-open .desc-dropdown-header{background:transparent;border-bottom:1px solid var(--line)}.desc-dropdown-icon{font-size:18px;font-weight:300;color:var(--line);line-height:1}.desc-dropdown-title{font-size:14px;font-weight:500;letter-spacing:.04em;color:var(--text);text-transform:uppercase;transition:color .2s ease}.desc-dropdown.is-open .desc-dropdown-title{color:var(--text)}.desc-dropdown-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0}.desc-dropdown.is-open .desc-dropdown-content{max-height:600px;padding:16px 0}.desc-lead{margin:0;max-width:100%;width:100%;box-sizing:border-box;color:var(--muted);line-height:1.7;padding:0;transition:color .6s ease}.desc-meta{display:grid;grid-template-columns:repeat(3,minmax(0,2fr));gap:10px;padding:12px 16px}.desc-meta p{margin:0;font-size:13px;color:var(--muted);line-height:1.4;transition:color .6s ease}.desc-meta span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#0000008c;text-decoration:underline;margin-bottom:6px;transition:color .6s ease}.projects-container{display:flex;flex-direction:column;gap:0;padding-top:calc(var(--pad) * 1)}.project-section{border-bottom:1px solid var(--line);transition:border-color .6s ease}.project-header{width:100%;background:transparent;border:none;padding:calc(var(--pad) * .8) 0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;text-align:left;transition:background .2s ease,color .6s ease}.project-header:hover{background:#00000005}.project-title{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.2;letter-spacing:.01em;color:var(--text);transition:color .6s ease}.project-toggle{font-size:32px;line-height:1;color:var(--text);transition:transform .3s ease,color .6s ease;min-width:32px;text-align:center}.project-content{max-height:0;overflow:hidden;transition:max-height .5s ease}.project-section.expanded .project-content{max-height:10000px;padding-bottom:calc(var(--pad) * 2)}.project-intro{display:grid;grid-template-columns:280px 1fr;gap:calc(var(--gap) * 2);max-width:1000px;margin:0 auto calc(var(--pad) * 1.5);align-items:start}.intro-thumbnail{width:100%}.intro-thumbnail img{width:100%;height:auto;display:block;border:none;box-shadow:none}.intro-text{text-align:left}.intro-text.full-width{grid-column:1 / -1;text-align:center;max-width:800px;margin:0 auto}.section-desc{margin:0;font-size:15px;line-height:1.7;color:var(--muted);transition:color .6s ease}.project-gallery{max-width:1200px;margin:0 auto}.criminal-gallery{display:flex;gap:clamp(20px,3vw,40px);align-items:start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.criminal-gallery::-webkit-scrollbar{display:none}.gallery-item{margin:0;flex:0 0 calc(33.333% - var(--gap));min-width:220px}.gallery-item img{width:100%;height:auto;aspect-ratio:1 / 1.414;object-fit:cover;display:block;border:none;box-shadow:none}.dream-gallery{max-width:900px;margin:0 auto}.dream-slides{width:100%;display:flex;gap:var(--gap);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#00000005}.dream-slides::-webkit-scrollbar{display:none}.dream-slide{flex:0 0 calc(50% - var(--gap) / 2);min-width:300px;display:block}.dream-slide img{width:100%;height:auto;display:block;object-fit:cover}.dream-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:24px}.dream-nav{background:transparent;border:1px solid var(--line);width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text);transition:all .2s ease}.dream-nav:hover{background:#0000000d;border-color:var(--text)}.dream-indicators{display:flex;gap:10px}.dream-indicator{width:10px;height:10px;border-radius:50%;border:1px solid var(--line);background:transparent;cursor:pointer;padding:0;transition:all .2s ease}.dream-indicator.active{background:var(--text);border-color:var(--text)}.dream-indicator:hover{border-color:var(--text)}@media(max-width:600px){.page-grid{grid-template-columns:72px 1fr;grid-template-rows:auto auto auto;row-gap:calc(var(--gap) * 1.2);align-items:stretch}.hero-title{grid-column:1;grid-row:2;position:static;top:auto;z-index:1;padding-top:0}.page-content{grid-row:auto;grid-column:1 / span 2;display:contents}.project-title{font-size:clamp(24px,5vw,32px)}.project-intro{grid-template-columns:1fr;gap:calc(var(--gap) * 1.5)}.intro-thumbnail{max-width:280px;margin:0 auto}.intro-text,.intro-text.full-width{text-align:center}.criminal-gallery{grid-template-columns:repeat(2,1fr);gap:clamp(16px,3vw,24px)}.title-vertical{writing-mode:vertical-rl;transform:rotate(180deg);font-size:clamp(36px,8vw,56px);line-height:1.1}.hero-section{display:contents}.desc-meta{grid-column:1 / span 2;grid-row:1;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line);position:static}.gif-wrap{grid-column:2;grid-row:2}.desc{grid-column:1 / span 2;grid-row:3}.desc-meta p{font-size:12px}.desc-meta span{font-size:10px}.dream-nav{width:36px;height:36px;font-size:16px}}