*,*:before,*:after{box-sizing:border-box}html{font-size:62.5%;margin:0;padding:0;min-height:100%}body{margin:0;padding:0;min-height:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#2b46b459,#0000) top center / 100% 44vh no-repeat,var(--bg);color:var(--fg);font-family:var(--font-ui)}h1,h2,h3,h4,h5,h6,p,a,ul,li,figure{margin:0;padding:0;font-weight:400}ul,li{list-style:none}a{text-decoration:none;color:inherit}img{display:block}:root{--bg: #131210;--fg: #c2c4cc;--muted: #5e6068;--faint: #38393e;--border: #272522;--hair: #1d1c19;--panel: #1a1917;--accent: #e9e7e0;--link: #7a9ee8;--danger: #e06050;--platinum: #e5e4e2;--font-body: "Zen Kaku Gothic Antique", "Pretendard", sans-serif;--font-ui: "Pretendard", "Helvetica Neue", Helvetica, Arial, sans-serif;--body-size-scale: 1;--body-tracking: 0em;--body-line-scale: 1;--xs: 1.15rem;--sm: 1.35rem;--base: 1.5rem;--lg: 1.8rem;--hover-c1: oklch(94% .005 0);--hover-c2: oklch(78% .004 0);--hover-g1: rgba(220,220,225,.55);--hover-g2: rgba(200,200,210,.18);--hover-g1b: rgba(210,210,220,.4);--ease-1: cubic-bezier(.22,.1,.22,1);--dur-menu: .32s;--dur-hover: .28s;--dur-fade: .25s;--glow-blur-1: 14px;--glow-blur-2: 36px;--glow-blur-3: 12px}body[data-mood=ember]{--link: #e3a06a;--hover-c1: oklch(94% .03 55);--hover-c2: oklch(78% .025 55);--hover-g1: rgba(232,196,150,.55);--hover-g2: rgba(214,168,120,.2);--hover-g1b: rgba(222,180,132,.4)}body[data-mood=verdant]{--link: #6bc99a;--hover-c1: oklch(94% .03 155);--hover-c2: oklch(78% .025 155);--hover-g1: rgba(180,225,205,.55);--hover-g2: rgba(150,208,180,.2);--hover-g1b: rgba(165,216,192,.4)}body[data-energy=snappy]{--ease-1: cubic-bezier(.4,0,.2,1);--dur-menu: .16s;--dur-hover: .12s;--dur-fade: .12s;--glow-blur-1: 4px;--glow-blur-2: 10px;--glow-blur-3: 4px}body[data-energy=cinematic]{--ease-1: cubic-bezier(.16,1,.3,1);--dur-menu: .6s;--dur-hover: .55s;--dur-fade: .45s;--glow-blur-1: 24px;--glow-blur-2: 64px;--glow-blur-3: 22px}#site-nav{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(15px,2.1vw,25px) clamp(16px,3.2vw,42px);font-family:var(--font-ui);font-size:var(--xs);letter-spacing:.14em;text-transform:uppercase;pointer-events:none}#site-nav>*{pointer-events:auto}#site-nav:before{content:"";position:absolute;left:0;right:0;top:0;height:190%;background:linear-gradient(180deg,#131210db,#13121000);opacity:0;transition:opacity .5s var(--ease-1);pointer-events:none;z-index:-1}#site-nav.past-hero:before{opacity:1}#nav-name{color:var(--fg);white-space:nowrap;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .55s var(--ease-1),transform .55s var(--ease-1)}#site-nav.past-hero #nav-name{opacity:.92;transform:none;pointer-events:auto}#nav-name:hover{color:var(--hover-c1)}#nav-links{display:flex;gap:clamp(18px,2.2vw,30px)}#nav-links a{color:var(--muted);transition:color var(--dur-hover) ease,text-shadow var(--dur-hover) ease}#nav-links a:hover{color:var(--hover-c1);text-shadow:0 0 var(--glow-blur-1) var(--hover-g1),0 0 var(--glow-blur-2) var(--hover-g2)}#hero{position:relative;height:100vh;height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden}#hero:before{content:"";position:absolute;left:50%;top:50%;width:min(110vw,940px);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,#7e91dc1a,#0000 66%);pointer-events:none}#hero-logo{position:relative;color:var(--platinum);width:min(33svh,56vw);will-change:transform,opacity}#hero-logo svg{width:100%;height:auto;display:block}#scroll-cue{position:absolute;left:50%;bottom:clamp(20px,4vh,44px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;background:none;border:none;padding:8px 16px;cursor:pointer;font-family:var(--font-ui);font-size:var(--xs);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);transition:color var(--dur-hover) ease}#scroll-cue:hover{color:var(--fg)}.cue-line{position:relative;overflow:hidden;width:1px;height:clamp(26px,5vh,50px);background:linear-gradient(180deg,#c2c4cc00,#c2c4cc66)}.cue-line:after{content:"";position:absolute;left:0;top:0;width:1px;height:40%;background:var(--fg);animation:cueRun 2.6s var(--ease-1) infinite}@keyframes cueRun{0%{transform:translateY(-110%);opacity:0}25%{opacity:1}to{transform:translateY(260%);opacity:0}}@media (prefers-reduced-motion: reduce){.cue-line:after{animation:none;opacity:.6}}#work{padding:0 clamp(14px,2.4vw,34px) clamp(56px,10vh,120px)}#work-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 2px 9px;margin-bottom:clamp(11px,1.5vw,19px);border-bottom:1px solid var(--border);font-family:var(--font-ui);font-size:var(--xs);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}#work-head .w-count{font-variant-numeric:tabular-nums}#work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.1vw,16px)}.project-item{display:block;cursor:pointer}.project-thumb{position:relative;width:100%;aspect-ratio:4 / 3;background:#242220;overflow:hidden}.project-thumb img,.project-thumb video{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-1),filter var(--dur-hover) ease}.project-thumb video{background:#000}.project-item:hover .project-thumb img,.project-item:hover .project-thumb video{transform:scale(1.04);filter:brightness(.5)}.thumb-meta{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:30px 15px 13px;background:linear-gradient(180deg,#13121000,#131210bd);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity var(--dur-hover) var(--ease-1),transform var(--dur-hover) var(--ease-1)}.project-item:hover .thumb-meta{opacity:1;transform:none}.thumb-meta .t-title{min-width:0;overflow-wrap:anywhere;font-family:var(--font-body);font-size:calc(var(--base) * var(--body-size-scale));letter-spacing:var(--body-tracking);color:var(--hover-c1);text-shadow:0 0 var(--glow-blur-1) var(--hover-g1),0 0 var(--glow-blur-2) var(--hover-g2)}.thumb-meta .t-year{flex:0 0 auto;font-family:var(--font-ui);font-size:var(--xs);color:var(--hover-c2);font-variant-numeric:tabular-nums;text-shadow:0 0 var(--glow-blur-3) var(--hover-g1b)}@media (hover: none){.thumb-meta{opacity:1;transform:none}.project-item:hover .project-thumb img,.project-item:hover .project-thumb video{transform:none;filter:none}}.ph{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(135deg,#2e2c28 0 1px,transparent 1px 9px);display:flex;align-items:center;justify-content:center}.ph span{font-family:var(--font-ui);font-size:var(--xs);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);background:var(--bg);padding:4px 9px}.project-thumb .vid-badge{position:absolute;top:6px;right:6px;z-index:3;width:20px;height:20px;border-radius:50%;background:#0009;color:#fff;font-size:.55rem;display:flex;align-items:center;justify-content:center}#detail{min-height:100vh}#detail-bar{position:sticky;top:0;z-index:20;background:#13121099;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:baseline;gap:24px;padding:22px clamp(24px,5vw,72px) 16px;border-bottom:1px solid var(--border);font-family:var(--font-ui);font-size:var(--sm)}#detail-bar .back{cursor:pointer;color:var(--fg);display:inline-flex;gap:7px}#detail-bar .back:hover{opacity:.6}#detail-inner{max-width:1040px;margin:0 auto;padding:clamp(40px,7vw,84px) clamp(20px,5vw,40px) 140px}#detail-images{display:flex;flex-direction:column;gap:clamp(16px,2.4vw,30px)}#detail-foot{display:grid;grid-template-columns:minmax(150px,230px) 1fr;gap:clamp(28px,5vw,72px);padding-top:clamp(40px,6vw,72px);margin-top:clamp(32px,5vw,64px);border-top:1px solid var(--hair)}#detail-foot-left{display:flex;flex-direction:column;gap:8px}#detail-foot-left h1{font-family:var(--font-body);font-weight:700;font-size:calc(clamp(1.7rem,1.8vw,2.15rem) * var(--body-size-scale));letter-spacing:calc(-.01em + var(--body-tracking));line-height:calc(1.25 * var(--body-line-scale))}#detail-foot-left .d-year{font-family:var(--font-ui);font-size:var(--sm);color:var(--muted);font-variant-numeric:tabular-nums}#detail-desc{font-family:var(--font-body);font-size:calc(clamp(1.3rem,1.1vw,1.55rem) * var(--body-size-scale));line-height:calc(1.4 * var(--body-line-scale));letter-spacing:var(--body-tracking);max-width:38em;color:var(--fg)}#detail-desc p{margin:0 0 1.1em}#detail-desc p:last-child{margin-bottom:0}#detail-images img{width:100%;height:auto}#detail-images video{width:100%;height:auto;display:block;background:#000}#detail-images .vid-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000}#detail-images .vid-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}#detail-images .ph{position:relative;aspect-ratio:3/2}#detail-empty{font-family:var(--font-ui);font-size:var(--sm);color:var(--faint);text-align:center;padding:60px 0;background-image:repeating-linear-gradient(135deg,var(--hair) 0 1px,transparent 1px 11px)}#info{min-height:100vh}#info-inner{max-width:760px;margin:0 auto;padding:clamp(48px,8vw,96px) clamp(20px,5vw,40px) 120px}#info-title{font-family:var(--font-ui);font-size:var(--xs);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:26px}#info-intro{font-family:var(--font-body);font-size:calc(clamp(2.1rem,2vw,2.8rem) * var(--body-size-scale));line-height:calc(1.45 * var(--body-line-scale));letter-spacing:calc(.002em + var(--body-tracking));max-width:26em}.info-block{margin-top:clamp(40px,6vw,68px)}.info-block>.info-label{font-family:var(--font-ui);font-size:var(--xs);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);padding-bottom:6px;border-bottom:1px solid var(--border);margin-bottom:4px}.edu-row{display:grid;grid-template-columns:110px 1fr;gap:22px;padding:13px 0;border-bottom:1px solid var(--hair);font-family:var(--font-ui);font-size:var(--base);align-items:baseline}.edu-row .edu-year{color:var(--muted);font-variant-numeric:tabular-nums}#info-contact{display:flex;gap:22px;font-family:var(--font-ui);font-size:var(--base);margin-top:16px}#info-contact a:hover{color:var(--muted)}@media (max-width: 900px){#work-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){#work-grid{grid-template-columns:1fr}#hero-logo{width:min(31svh,62vw)}#detail-foot{grid-template-columns:1fr;gap:18px}.thumb-meta{padding:26px 13px 11px}}.overlay{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#00000094;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);align-items:flex-start;justify-content:center;padding:24px;overflow-y:auto}#pw-box{background:var(--panel);border-radius:12px;padding:30px;margin:auto;width:320px;box-shadow:0 16px 50px #0006;font-family:var(--font-ui);display:flex;flex-direction:column;gap:14px}#pw-box h3{font-size:var(--lg);color:var(--fg)}#pw-box p{font-size:var(--sm);color:var(--muted)}#pw-err{font-size:var(--xs);color:var(--danger)}.inp{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:7px;font-size:var(--base);font-family:var(--font-ui);background:#201f1c;color:var(--fg)}.inp:focus{outline:none;border-color:var(--fg)}.inp.err{border-color:var(--danger)}textarea.inp{resize:vertical;min-height:76px;line-height:1.45}#admin-panel{background:var(--panel);width:600px;max-width:100%;max-height:calc(100vh - 48px);margin:auto;border-radius:14px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;box-shadow:0 18px 60px #0006;font-family:var(--font-ui)}#admin-head{position:sticky;top:0;z-index:5;background:var(--panel);display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--hair)}#admin-head .back{cursor:pointer;color:var(--muted);font-size:2rem;line-height:1}#admin-head .back:hover{color:var(--fg)}#admin-head h2{font-size:var(--lg);flex:1;margin:0;color:var(--fg)}#admin-head .x{background:none;border:none;font-size:2.2rem;line-height:1;cursor:pointer;color:var(--muted)}#admin-head .x:hover{color:var(--fg)}#admin-body{padding:20px 22px 26px;display:flex;flex-direction:column;gap:18px}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:var(--xs);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.row2{display:grid;grid-template-columns:1fr 120px;gap:12px}.sect{border:1px solid var(--hair);border-radius:10px;overflow:hidden}.sect>summary{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;padding:13px 16px;font-size:var(--sm);font-weight:500;display:flex;align-items:center;gap:8px;background:#1c1b18;color:var(--fg)}.sect>summary::-webkit-details-marker{display:none}.sect>summary .chev{margin-left:auto;color:var(--muted);transition:transform .2s}.sect[open]>summary .chev{transform:rotate(90deg)}.sect .sect-body{padding:12px 16px 16px;display:flex;flex-direction:column;gap:11px}.hint{font-size:var(--xs);color:var(--muted);line-height:1.5}.hint a{color:var(--link)}.badge{font-size:1.05rem;padding:2px 8px;border-radius:100px;letter-spacing:.03em}.badge.ok{background:#1a2e1c;color:#5aad62}.badge.off{background:#252320;color:var(--muted)}.btn{padding:9px 17px;border-radius:8px;border:1px solid transparent;font-family:var(--font-ui);font-size:var(--sm);cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:7px}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);color:#131210}.btn-primary:hover{background:#fff}.btn-ghost{background:transparent;color:var(--fg);border-color:var(--border)}.btn-ghost:hover{background:#1c1b18}.btn-danger{background:transparent;color:var(--danger);border-color:#e0605073}.btn-danger:hover{background:#e060501f}.btn-sm{padding:5px 11px;font-size:var(--xs)}.btn-pub{background:#2563eb;color:#fff;border-color:#2563eb}.btn-pub:hover{background:#1d4ed8}.btn-save{background:#c0392b;color:#fff;border-color:#c0392b}.btn-save:hover{background:#a93226}.btn-row{display:flex;gap:10px;justify-content:flex-end;align-items:center;padding-top:6px;flex-wrap:wrap}.btn-row .spacer{margin-right:auto}#pub-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--hair);border-radius:10px;padding:14px;background:var(--panel)}#pub-status{font-size:var(--xs);color:var(--muted);line-height:1.4}#pub-status.ok{color:#5aad62}#pub-status.err{color:var(--danger)}#g-swatches{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.g-swatch{width:30px;height:30px;border-radius:8px;padding:0;cursor:pointer;border:2px solid transparent;outline:1px solid rgba(255,255,255,.09)}.g-swatch.sel{border-color:var(--fg)}#g-color{width:30px;height:30px;padding:0;border:1px dashed var(--border);border-radius:8px;background:none;cursor:pointer}.chkrow{display:flex;align-items:center;gap:9px;font-size:var(--sm);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--fg)}.chkrow input{accent-color:var(--link);width:15px;height:15px;margin:0}input.rng{width:100%;accent-color:var(--link);margin:2px 0 0}.swatch-row{display:flex;gap:8px;flex-wrap:wrap}.f-swatch,.tw-swatch{padding:9px 14px;border-radius:8px;cursor:pointer;border:1.5px solid var(--border);background:#1c1b18;color:var(--fg);font-size:var(--base);transition:border-color .15s,background .15s}.f-swatch:hover,.tw-swatch:hover{border-color:var(--muted)}.f-swatch.sel,.tw-swatch.sel{border-color:var(--fg);background:#242220}.media-list{display:flex;flex-direction:column;gap:9px}.img-row{display:flex;align-items:center;gap:11px;padding:8px;border:1px solid var(--hair);border-radius:9px;background:#1c1b18}.img-row img,.img-row video,.img-row .noimg{width:60px;height:46px;object-fit:cover;border-radius:5px;flex-shrink:0;background:#252320}.img-row .noimg{display:flex;align-items:center;justify-content:center;color:var(--faint);font-size:.62rem;text-align:center;line-height:1.3;white-space:normal}.img-row .iurl{flex:1;min-width:0;font-size:var(--xs);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover-tag,.cover-btn{font-size:.95rem;padding:2px 7px;border-radius:100px;flex-shrink:0;white-space:nowrap;font-family:inherit;cursor:pointer}.cover-tag{color:#5aad62;background:#1a2e1c;border:none}.cover-btn{color:var(--muted);background:transparent;border:1px solid var(--border)}.cover-btn:hover{color:var(--fg);border-color:var(--fg)}.mini{display:flex;gap:4px;flex-shrink:0}.mini button{width:28px;height:26px;border:1px solid var(--border);background:#201f1c;border-radius:6px;cursor:pointer;font-size:var(--sm);color:var(--fg);display:flex;align-items:center;justify-content:center}.mini button:disabled{opacity:.35;cursor:default}.mini button:hover:not(:disabled){background:var(--border)}.mini button.del{color:var(--danger)}.drop{border:1.5px dashed var(--border);border-radius:10px;padding:20px;text-align:center;cursor:pointer;position:relative;transition:border-color .2s,background .2s}.drop:hover,.drop.over{border-color:var(--fg);background:#1c1b18}.drop input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.drop .di{font-size:var(--sm);color:var(--fg)}.drop .ds{font-size:var(--xs);color:var(--muted);margin-top:4px}.drop-status{font-size:var(--xs);color:var(--muted);text-align:center;min-height:1.4em}.edu-edit{display:flex;gap:8px;align-items:center;margin-bottom:8px}#plist{display:flex;flex-direction:column;gap:8px}.padmin{display:flex;align-items:center;gap:11px;padding:9px 11px;border:1px solid var(--hair);border-radius:9px;background:#1c1b18}.padmin .pa-thumb{width:52px;height:40px;object-fit:cover;border-radius:5px;background:#252320;flex-shrink:0}.padmin .pa-thumb.noimg{display:flex;align-items:center;justify-content:center;color:var(--faint);font-size:1.3rem}.padmin .pa-info{flex:1;min-width:0}.padmin .pa-info b{font-size:var(--sm);font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--fg)}.padmin .pa-info span{font-size:var(--xs);color:var(--muted)}.padmin .pa-btns{display:flex;gap:5px;flex-shrink:0}#add-proj{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:16px;padding:13px;border:1.5px dashed var(--border);border-radius:9px;background:transparent;cursor:pointer;font-family:var(--font-ui);font-size:var(--sm);color:var(--muted)}#add-proj:hover{border-color:var(--fg);color:var(--fg)}.edit-chip{display:none;position:absolute;top:10px;right:10px;z-index:4;background:#1a1916d1;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:none;border-radius:100px;padding:5px 13px;font-family:var(--font-ui);font-size:var(--xs);letter-spacing:.02em;cursor:pointer}body.editing .project-item:hover .edit-chip{display:block}#edit-fab{position:fixed;right:22px;bottom:22px;z-index:400;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:100px;background:#516ee3;color:#fff;font-family:var(--font-ui);font-size:var(--sm);cursor:pointer;opacity:.85;box-shadow:0 8px 24px #00000059}#edit-fab:hover{opacity:1}#edit-fab .dot{width:7px;height:7px;border-radius:50%;background:#ffd166;display:none}body.dirty #edit-fab .dot{display:block}#detail-bar .d-edit{color:var(--link);cursor:pointer}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--accent);color:#131210;padding:11px 20px;border-radius:9px;font-family:var(--font-ui);font-size:var(--sm);z-index:999;box-shadow:0 8px 24px #00000059;pointer-events:none}body[data-material=clear] #site-nav.past-hero:before{background:linear-gradient(180deg,#13121080,#13121000);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}body[data-material=solid] #site-nav.past-hero:before{height:100%;background:var(--panel);border-bottom:1px solid var(--border)}