/* A clean catalog layout: inspired by the reference's colorful browsing rhythm. */
.hero h1{font-size:clamp(56px,9.5vw,146px);letter-spacing:-.11em}.hero h1 mark{color:var(--pink)}.hero h1 mark:after{background:var(--aqua)}
.works{background:#fff;padding-top:110px}.section-intro{padding-bottom:26px;border-bottom:2px solid var(--ink)}.section-intro h2{font-size:clamp(36px,5vw,74px)}.section-intro p{max-width:210px;font:12px/1.65 "DM Mono",monospace;letter-spacing:.04em}.category-pills{margin:28px 0}.pill{background:#fff;padding:12px 15px}.pill.active{background:var(--blue);border-color:var(--blue)}
.work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.work-card,.work-card:nth-child(2),.work-card:nth-child(5){grid-column:span 1;min-height:0;aspect-ratio:3/4;border-radius:16px;background:#fff;box-shadow:none;overflow:hidden}.work-card:nth-child(3n){--tilt:-.4deg}.work-card:nth-child(3n+2){--tilt:.5deg}.work-card:hover{transform:translateY(-8px) rotate(var(--tilt));box-shadow:6px 7px 0 var(--ink)}.card-media{height:66%;position:relative;object-fit:cover;border-bottom:1.5px solid var(--ink)}.card-shade{display:none}.card-info{position:relative;inset:auto;height:34%;padding:13px 14px;background:var(--card)}.card-info h3{font-size:clamp(19px,1.7vw,27px);margin:7px 0 4px;line-height:1.03}.card-info p{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-category{font-size:9px;padding:4px 7px;background:#fff}.card-open{right:12px;top:calc(66% - 20px);background:var(--ink);color:#fff;border-color:var(--ink);width:40px;height:40px}.work-card:hover .card-open{background:var(--pink);border-color:var(--ink)}
.case-dialog{height:min(92vh,980px);width:min(1440px,calc(100% - 28px))}.project-viewer{height:100%;display:grid;grid-template-columns:minmax(285px,.35fr) minmax(0,.65fr)}.project-viewer .case-copy{padding:clamp(38px,5vw,78px) 28px;overflow:auto;background:var(--paper)}.project-pages{padding:clamp(20px,4vw,54px);overflow-y:auto;background:var(--case,#eee)}.project-pages figure{position:relative;margin:0 0 clamp(18px,3vw,42px);border:1.5px solid var(--ink);box-shadow:8px 9px 0 var(--ink);background:#10101b}.project-pages img{display:block;width:100%;height:auto}.project-pages figcaption{position:absolute;right:0;bottom:0;padding:7px 10px;background:var(--lime);border-top:1.5px solid var(--ink);border-left:1.5px solid var(--ink);font:10px "DM Mono",monospace}.viewer-tip{display:block;margin-top:25px;font:10px/1.6 "DM Mono",monospace;letter-spacing:.06em}
@media(max-width:980px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card,.work-card:nth-child(2),.work-card:nth-child(5){grid-column:span 1}.project-viewer{grid-template-columns:1fr;grid-template-rows:auto 1fr}.project-viewer .case-copy{padding:70px 28px 26px}.viewer-tip{display:none}}@media(max-width:520px){.work-grid{grid-template-columns:1fr}.work-card,.work-card:nth-child(2),.work-card:nth-child(5){aspect-ratio:1.08}.card-media{height:68%}.card-info{height:32%}.section-intro p{margin:18px 0 0}}
:root{--ink:#f6f7ff;--paper:#070a12;--line:#30384c;--pink:#ff6cb5;--blue:#7f72ff;--lime:#d6ff54;--orange:#ff954d;--aqua:#54e4ff}body{background:#070a12;color:var(--ink)}.nav{background:rgba(7,10,18,.86);border-color:rgba(255,255,255,.14)}.palette-toggle{background:var(--lime);color:#070a12}.palette-toggle i{background:var(--pink);box-shadow:0 0 0 2px #070a12}.hero{min-height:calc(100svh - 78px);background:#070a12 url("generated/hero-studio.png") center/cover no-repeat}.hero:before,.hero:after{display:none}.hero:after{display:block}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,18,.15) 0%,rgba(7,10,18,0) 58%,rgba(7,10,18,.2) 100%);pointer-events:none}.hero>*{position:relative;z-index:2}.hero h1{max-width:650px;text-shadow:0 3px 22px rgba(0,0,0,.3)}.hero h1 mark{color:var(--orange)}.hero h1 mark:after{background:var(--blue);opacity:.55}.hero p{color:#d6d9e5}.hero-badge{color:var(--lime)}.hero-action b{background:var(--lime);color:#070a12}.sticker-a{background:var(--aqua);color:#070a12}.sticker-b{background:var(--pink);color:#070a12}.flower{color:var(--lime)}.ticker{background:#101522;border-color:#30384c;color:var(--lime)}.works{background:#070a12}.section-intro{border-color:rgba(255,255,255,.24)}.section-intro p{color:#b7bdcf}.pill{background:#0f1421;border-color:#4a5368;color:#e9edfa}.pill.active{background:var(--lime);border-color:var(--lime);color:#070a12}.pill:hover{background:var(--pink);border-color:var(--pink);color:#070a12}.work-card{border-color:#596174;background:#151b2b}.work-card:hover{box-shadow:6px 7px 0 var(--pink)}.card-media{border-color:#596174}.card-info{color:#111420}.card-category{color:#111420;border-color:#111420}.card-open{background:var(--lime);color:#070a12;border-color:#070a12}.work-card:hover .card-open{background:var(--pink);color:#070a12}.about{background:#11172a}.contact{background:#070a12;border-top:1px solid #30384c}.contact a{color:var(--lime);border-color:var(--lime)}.contact a b{color:var(--pink)}.contact small{color:#aeb7cb}footer{background:#070a12;color:#aeb7cb;border-top:1px solid #30384c}.case-dialog{background:#0d1220;color:#f6f7ff}.dialog-close{background:#d6ff54;color:#070a12;border-color:#070a12}.project-viewer{min-height:0}.project-viewer .case-copy{background:#0d1220;color:#f6f7ff}.case-meta{border-color:#4a5368}.case-meta li{border-color:#4a5368}.project-pages{min-height:0;overscroll-behavior:contain;background:#191f31}.project-pages figure{box-shadow:8px 9px 0 #000}.viewer-tip{color:var(--lime)}