@font-face{font-family:Pretendard;src:url('assets/pretendard.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark;--orange:#d65a22;--paper:#f2eee6;--mx:50vw;--my:50vh}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#070807;color:var(--paper);font-family:Pretendard,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}
.trajectory-home{position:relative;width:100%;height:100%;isolation:isolate;background:radial-gradient(ellipse 70% 76% at 50% 47%,#1c1812 0,#0d0d0b 42%,#070807 78%)}
.trajectory-home::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.topbar{position:fixed;z-index:30;left:2.6vw;right:2.6vw;top:2.6vh;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.brand,.actions{display:flex;align-items:center;height:40px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(12,13,12,.48);backdrop-filter:blur(18px) saturate(1.15);box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 40px rgba(0,0,0,.16);pointer-events:auto}
.brand-logo{display:grid;place-items:center;width:64px;height:40px}.brand-logo img{width:44px;height:auto}
.header-name{position:relative;display:flex;align-items:center;gap:10px;height:40px;padding:0 17px 0 14px;border-left:1px solid rgba(255,255,255,.1);font-size:12px;letter-spacing:.02em;transition:color .25s ease,background .25s ease}.header-name:hover,.header-name:focus-visible{color:#fff;background:rgba(214,90,34,.08);outline:0}
.header-name i{display:block;width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(214,90,34,.55);animation:pulse 1.55s ease-out infinite}
.actions{gap:18px;padding:0 19px;color:rgba(242,238,230,.66);font-size:10px;letter-spacing:.08em}.actions a{color:rgba(242,238,230,.92)}
.concept-sound{display:inline-flex;align-items:center;gap:7px;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer}.concept-sound-bars{display:inline-flex;align-items:flex-end;gap:2px;width:11px;height:10px}.concept-sound-bars i{display:block;width:1.5px;height:2px;border-radius:2px;background:#d7ad8c;opacity:.55;transform-origin:bottom}.concept-sound[aria-pressed="true"] .concept-sound-bars i{animation:sound .85s ease-in-out infinite alternate;opacity:.9}.concept-sound[aria-pressed="true"] .concept-sound-bars i:nth-child(1){height:5px;animation-delay:-.4s}.concept-sound[aria-pressed="true"] .concept-sound-bars i:nth-child(2){height:9px;animation-delay:-.12s}.concept-sound[aria-pressed="true"] .concept-sound-bars i:nth-child(3){height:6px;animation-delay:-.65s}
.art-field{position:absolute;z-index:2;inset:7vh 2.6vw 4vh;overflow:hidden;perspective:1500px;transform-style:preserve-3d}.pointer-light{position:absolute;z-index:18;inset:0;pointer-events:none;background:radial-gradient(circle 170px at var(--mx) var(--my),rgba(255,176,112,.19),rgba(214,90,34,.065) 38%,transparent 73%);mix-blend-mode:screen}
.photo-fragments{position:absolute;inset:0;z-index:4;transform-style:preserve-3d}.fragment{--reveal:.12;position:absolute;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#111;opacity:var(--reveal);filter:saturate(.72) contrast(1.06) brightness(.72);clip-path:polygon(2.5% 0,100% 2%,97.5% 100%,0 97%);box-shadow:0 30px 80px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.08);transform:translate3d(var(--px,0),var(--py,0),var(--pz,0)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotateZ(var(--rot,0deg)) scale(var(--scale,1));transform-style:preserve-3d;transition:opacity .38s ease,filter .38s ease,transform .42s cubic-bezier(.18,.78,.2,1)}.fragment::after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.09),transparent 32%,transparent 72%,rgba(214,90,34,.06));mix-blend-mode:screen;pointer-events:none}.fragment img{display:block;width:100%;height:100%;object-fit:cover}
.f1{z-index:8;left:73%;top:18%;width:14%;aspect-ratio:3/4;--rot:1.1deg;--pz:115px}.f1 img{object-position:center 22%}.f2{z-index:7;left:38%;top:58%;width:31%;aspect-ratio:16/7;--rot:-.8deg;--pz:80px}.f2 img{object-position:center 76%}.f3{z-index:3;left:4%;top:28%;width:35%;aspect-ratio:16/10;--rot:-1deg;--pz:-80px}.f4{z-index:5;left:66%;top:47%;width:27%;aspect-ratio:16/10;--rot:1.4deg;--pz:34px}.f5{z-index:6;left:15%;top:12%;width:23%;aspect-ratio:4/3;--rot:.5deg;--pz:35px}.f6{z-index:9;left:57%;top:8%;width:17%;aspect-ratio:3/4;--rot:-1.7deg;--pz:145px}.f7{z-index:4;left:36%;top:18%;width:25%;aspect-ratio:4/3;--rot:.8deg;--pz:-18px}.f7 img{object-position:center 60%}.f8{z-index:2;left:46%;top:36%;width:28%;aspect-ratio:4/3;--rot:-.6deg;--pz:-130px}
.archive-axis{position:absolute;z-index:15;left:5%;right:5%;top:50%;height:1px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,rgba(217,144,94,.18) 14%,rgba(239,181,139,.68) 50%,rgba(217,144,94,.18) 86%,transparent);box-shadow:0 0 18px rgba(214,90,34,.14);pointer-events:none}.archive-axis i{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:#e7a373;box-shadow:0 0 0 10px rgba(214,90,34,.06),0 0 35px rgba(214,90,34,.46);transform:translate(-50%,-50%)}.archive-axis b{position:absolute;left:50%;top:50%;width:min(34vw,560px);height:min(34vw,560px);border:1px solid rgba(227,164,119,.12);border-radius:50%;transform:translate(-50%,-50%) rotateX(68deg)}.archive-axis span{position:absolute;right:0;top:12px;color:rgba(239,221,204,.38);font-size:9px;font-weight:600;letter-spacing:.22em}
.inflow-layer{position:absolute;z-index:20;inset:0;pointer-events:none;overflow:hidden}.inflow{position:absolute;left:0;top:0;width:var(--w);height:1px;transform-origin:left center;background:linear-gradient(90deg,transparent,rgba(255,151,81,.94),transparent);box-shadow:0 0 14px rgba(214,90,34,.6);opacity:0}
.trajectory-home.is-name-preview .fragment{opacity:var(--focus,.7);filter:saturate(.96) contrast(1.04) brightness(1.02)}.trajectory-home.is-name-preview .f1{--focus:.92}.trajectory-home.is-name-preview .f2{--focus:.72}.trajectory-home.is-name-preview .f3{--focus:.76}.trajectory-home.is-name-preview .f4{--focus:.66}.trajectory-home.is-name-preview .f5{--focus:.63}.trajectory-home.is-name-preview .f6{--focus:.74}.trajectory-home.is-name-preview .f7{--focus:.68}.trajectory-home.is-name-preview .f8{--focus:.58}
@keyframes pulse{0%,25%{box-shadow:0 0 0 0 rgba(214,90,34,.55);opacity:1}70%,100%{box-shadow:0 0 0 13px rgba(214,90,34,0);opacity:.65}}@keyframes sound{to{transform:scaleY(.35);opacity:.45}}
@media(max-width:760px){.topbar{left:14px;right:14px;top:14px}.brand,.actions{height:36px}.brand-logo{width:50px;height:36px}.brand-logo img{width:38px}.header-name{height:36px;padding:0 12px 0 11px;font-size:11px}.actions{height:36px;gap:11px;padding:0 13px}.concept-sound-label{display:none}.art-field{inset:60px 0 16px}.pointer-light{background:radial-gradient(circle 125px at var(--mx) var(--my),rgba(255,176,112,.2),rgba(214,90,34,.06) 38%,transparent 72%)}.archive-axis{left:0;right:0}.archive-axis span{display:none}.fragment{opacity:calc(var(--reveal) + .05)}.f1{left:70%;top:17%;width:25%}.f2{left:25%;top:63%;width:50%}.f3{left:-13%;top:32%;width:57%}.f4{left:61%;top:50%;width:47%}.f5{left:4%;top:13%;width:39%}.f6{left:54%;top:10%;width:30%}.f7{left:29%;top:22%;width:43%}.f8{left:39%;top:39%;width:44%}}
@media(prefers-reduced-motion:reduce){.header-name i,.concept-sound-bars i{animation:none}.fragment{transition:none}}