@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=Noto+Serif+JP:wght@300;400&family=Space+Mono&display=swap";:root{color:#fff9ed;--gold:#dfbd7d;--line:#dccdaf2e;background:#07090c;font-family:Noto Serif JP,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#fff9ed;background:#07090c;margin:0;overflow-x:hidden}button,a{color:inherit}a{text-decoration:none}.loader{z-index:100;background:#040506;place-items:center;transition:opacity .8s,visibility .8s;display:grid;position:fixed;inset:0}.loader span{letter-spacing:.45em;font:300 20px/1 Cormorant Garamond}.loader i{background:var(--gold);width:120px;height:1px;animation:.6s .1s forwards load;position:absolute;transform:scaleX(0)}.loaded .loader{opacity:0;visibility:hidden}@keyframes load{to{transform:scaleX(1)}}header{z-index:20;border-bottom:1px solid #ffffff0f;align-items:center;width:100%;height:92px;padding:0 4vw;display:flex;position:absolute;top:0;left:0}.logo{letter-spacing:.28em;font:400 22px Cormorant Garamond}.logo small{letter-spacing:.24em;color:#a8a39a;margin-top:4px;font:7px Space Mono;display:block}nav{gap:42px;margin:auto;display:flex}nav a,.lang{letter-spacing:.12em;opacity:.72;font:10px Noto Serif JP;transition:all .3s}nav a:hover{opacity:1}.lang,.menu{cursor:pointer;background:0 0;border:0}.menu{display:none}.hero{height:72svh;min-height:650px;position:relative;overflow:hidden}.scene{background:radial-gradient(at 82% 44%,#39597621,#0000 33%),radial-gradient(at 60% 52%,#aa712c1a,#0000 37%);position:absolute;inset:0 -5vw 0 7vw}.scene canvas{filter:brightness(1.08)contrast(1.08)saturate(1.08)}.scene:after{content:"";pointer-events:none;background:linear-gradient(90deg,#040506eb,#0000 46%),linear-gradient(#0000 70%,#04050699);position:absolute;inset:0}.heroCopy{z-index:5;width:43vw;position:absolute;top:24%;left:6vw}.hero h1{letter-spacing:.04em;text-shadow:0 2px 35px #000;margin:0 0 28px;font:300 clamp(54px,4.7vw,78px)/1.24 Noto Serif JP}.heroCopy>p{letter-spacing:.18em;color:#bcb6aa;font-size:13px}.circleCta{letter-spacing:.15em;background:#04050666;border:1px solid #cda560b3;border-radius:50%;justify-content:center;align-items:center;gap:10px;width:142px;height:142px;margin-top:48px;font-size:10px;transition:all .45s;display:flex}.circleCta:hover{background:var(--gold);color:#080808;transform:scale(1.06)}.circleCta svg{width:15px}.starLabels button{z-index:8;left:calc(68% + var(--x) * 4.2%);top:calc(48% - var(--y) * 8%);letter-spacing:.1em;cursor:pointer;white-space:nowrap;opacity:.55;background:0 0;border:0;font:11px Noto Serif JP;transition:all .3s;position:absolute}.starLabels b{color:var(--gold);margin-right:8px;font:8px Space Mono}.starLabels button.active{opacity:1;color:#fff}.scroll{z-index:5;letter-spacing:.2em;color:#aaa;align-items:center;gap:14px;font:8px Space Mono;display:flex;position:absolute;bottom:34px;right:4vw}.scroll i{background:var(--gold);width:52px;height:1px}.sectionIndex{letter-spacing:.22em;color:#a79d8d;font:9px Space Mono}.service{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;min-height:82vh;padding:8vw 6vw;display:grid;position:relative}.serviceNum{color:#d2c8b512;font:300 clamp(160px,28vw,430px)/.8 Cormorant Garamond;position:absolute;bottom:0;left:5vw}.serviceCopy{z-index:1;grid-column:2;align-self:center}.serviceCopy h2{margin:0 0 30px;font:300 clamp(58px,7vw,120px)/1 Noto Serif JP}.serviceCopy p{color:#aaa;letter-spacing:.15em}.serviceNav{gap:24px;margin-top:60px;display:flex}.serviceNav button{cursor:pointer;opacity:.45;background:0 0;border:0;border-bottom:1px solid #444;padding:10px 4px;font:10px Space Mono}.serviceNav button.active{opacity:1;border-color:var(--gold)}.works{border-top:1px solid var(--line);min-height:120vh;padding:8vw 6vw}.works h2,.process h2,footer h2{white-space:pre-line;margin:7vw 0;font:300 clamp(64px,9vw,150px)/.95 Noto Serif JP}.workVisual{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(#17130c 0,#050606 55%);place-items:center;height:62vh;display:grid;position:relative;overflow:hidden}.planet{aspect-ratio:1;border:1px solid var(--gold);background:radial-gradient(circle at 35% 30%,#f6e4b3,#aa783c 27%,#1b140b 62%,#050505 72%);border-radius:50%;width:min(36vw,490px);position:relative;box-shadow:0 0 80px #c9a45f44,inset -80px -20px 120px #000}.planet i{border:1px solid #d2b170;border-radius:50%;position:absolute;inset:45%;transform:scaleX(2.8)rotate(20deg);box-shadow:0 0 20px #c7a86b}.workVisual span{letter-spacing:.18em;font:8px/2 Space Mono;position:absolute;bottom:22px;left:24px}.workFoot{justify-content:flex-end;gap:9vw;padding-top:40px;display:flex}.workFoot p{color:#aaa;max-width:480px;line-height:2}.workFoot a,footer>a{border-bottom:1px solid var(--gold);align-items:center;gap:30px;padding:12px 0;font-size:12px;display:flex}.process{border-top:1px solid var(--line);padding:9vw 6vw}.steps{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.steps>div{border-right:1px solid var(--line);padding:38px 3vw 80px 0}.steps b{color:var(--gold);font:9px Space Mono}.steps span{letter-spacing:.1em;margin:55px 0 22px;font:28px Cormorant Garamond;display:block}.steps p{color:#888;font-size:12px}footer{text-align:center;border-top:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}footer .sun{aspect-ratio:1;filter:blur(2px);opacity:.75;background:radial-gradient(circle,#ffe6ad,#9d6b2e 45%,#0000 70%);border-radius:50%;width:40vw;position:absolute;top:-30vw;box-shadow:0 0 140px #b77932}footer h2{z-index:1;margin:0 0 35px}footer>p{color:#999;max-width:460px;font-size:12px;line-height:2}footer>a{margin-top:45px}.footerLine{border-top:1px solid var(--line);letter-spacing:.15em;color:#777;justify-content:space-between;padding-top:22px;font:8px Space Mono;display:flex;position:absolute;bottom:30px;left:4vw;right:4vw}.mobileNav{display:none}@media (width<=800px){header{height:72px;padding:0 20px}.logo{font-size:18px}nav,.lang{display:none}.menu{margin-left:auto;display:block}.mobileNav{z-index:15;background:#060708;flex-direction:column;gap:30px;padding:120px 30px;font-size:30px;display:flex;position:fixed;inset:0}.hero{height:100svh;min-height:720px}.heroCopy{width:90vw;top:20%;left:24px}.hero h1{font-size:clamp(42px,13vw,64px)}.heroCopy>p{font-size:11px}.circleCta{width:112px;height:112px;margin-top:38px}.scene{top:12%;left:-45%;right:-55%}.scene:after{background:linear-gradient(0deg,#040506 0,#0000 45%),linear-gradient(90deg,#040506d9,#0000)}.starLabels{display:none}.referencePreview{grid-template-columns:1fr;height:auto;min-height:330px}.referencePreview>div{padding:28px 22px}.previewTitle strong{margin-top:20px;font-size:68px}.previewSelected{border-top:1px solid var(--line)}.previewSelected strong{font-size:24px}.previewSelected small{font-size:8px}.previewOrbit{display:none}.service{grid-template-columns:1fr;min-height:70vh;padding:90px 24px}.serviceCopy{grid-column:1;align-self:center}.serviceCopy h2{font-size:54px}.serviceNum{font-size:220px}.works,.process{padding:90px 24px}.works h2,.process h2,footer h2{margin:80px 0;font-size:15vw}.workVisual{height:50vh}.planet{width:72vw}.workFoot{display:block}.steps{grid-template-columns:1fr}.steps>div{border-right:0;border-bottom:1px solid var(--line);padding:28px 0}.steps span{margin:28px 0 10px}.footerLine span:nth-child(2){display:none}footer{padding:0 24px}.sun{width:80vw!important;top:-40vw!important}.sectionIndex{font-size:8px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.referencePreview{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#050608;grid-template-columns:41% 25% 34%;height:28svh;min-height:255px;display:grid;overflow:hidden}.referencePreview>div{border-right:1px solid var(--line);padding:32px 3vw;position:relative}.referencePreview span{letter-spacing:.2em;color:var(--gold);font:8px Space Mono}.previewTitle strong{color:#e8e1d2a1;letter-spacing:-.04em;margin-top:18px;font:300 clamp(88px,10vw,170px)/.74 Cormorant Garamond;display:block}.previewSelected strong{color:#e6bf78;margin:16px 0 10px;font:300 clamp(28px,3vw,48px)/1 Noto Serif JP;display:block}.previewSelected small{color:#999187;letter-spacing:.08em;max-width:280px;font-size:10px;line-height:1.8;display:block}.previewOrbit{background:radial-gradient(#b279311f,#0000 65%)}.previewOrbit:before{content:"";aspect-ratio:1;border:1px solid #dfbd7dbf;border-radius:50%;width:34%;position:absolute;top:26%;left:38%;box-shadow:0 0 30px #dca65047}.previewOrbit i{border:1px solid #dfbd7d59;border-radius:50%;width:80%;height:30%;position:absolute;top:35%;left:10%;transform:rotate(-13deg)}.previewOrbit i:nth-child(2){transform:rotate(12deg)}.previewOrbit i:nth-child(3){transform:rotate(-28deg)}.scene{cursor:grab;touch-action:none}.scene:active{cursor:grabbing}.star-hover .scene{cursor:pointer}.starDock{z-index:9;border-left:1px solid var(--gold);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040506b3;width:255px;padding:18px 48px 18px 18px;transition:all .4s;position:absolute;bottom:84px;right:4vw}.starDock span{color:var(--gold);letter-spacing:.14em;font:8px Space Mono}.starDock strong{margin:10px 0 5px;font:300 18px Noto Serif JP;display:block}.starDock p{color:#aaa;letter-spacing:.08em;margin:0;font-size:9px}.starDock button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:32px;height:32px;transition:all .3s;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.starDock button:hover{background:var(--gold);color:#050505}.starDock svg{width:13px}.gesture{z-index:7;letter-spacing:.2em;color:#777;white-space:nowrap;font:7px Space Mono;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}@media (width>=801px){.starDock,.gesture{display:none}}.serviceCopy{animation:.55s both serviceReveal}@keyframes serviceReveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (width<=1100px) and (width>=801px){nav{gap:24px}.heroCopy{width:50vw}.hero h1{font-size:clamp(54px,7vw,78px)}.starLabels button{font-size:9px}.starDock{width:220px}.works h2,.process h2,footer h2{font-size:10vw}}@media (width<=800px){.scene{bottom:4%}.starDock{background:#040506d1;width:auto;padding:13px 48px 13px 15px;bottom:70px;left:24px;right:24px}.starDock strong{margin:5px 0;font-size:15px}.gesture{text-align:center;width:100%;font-size:6px;bottom:43px}.scroll{display:none}}@media (width<=480px){.hero{min-height:660px}.heroCopy{top:18%}.hero h1{font-size:clamp(38px,12.2vw,53px);line-height:1.3}.heroCopy>p{max-width:270px;line-height:1.8}.circleCta{width:102px;height:102px;margin-top:24px}.service{padding-top:72px}.serviceCopy h2{font-size:48px}.works h2,.process h2,footer h2{font-size:14vw}.footerLine{font-size:6px}}@media (height<=720px) and (width<=800px){.heroCopy{top:16%}.circleCta{width:88px;height:88px;margin-top:18px}.starDock{bottom:32px}.gesture{display:none}}.starLabels{z-index:8;pointer-events:none;position:absolute;inset:0}.starLabels button{pointer-events:auto}