@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Sans+KR:wght@400;500;700;900&family=Noto+Sans+SC:wght@400;500;700&display=swap');
:root{--bg:#111;--fg:#e7e7e7;--muted:#aaa;--line:#ffffff26;--orange:#ed6d40;--font:Arial,'Noto Sans KR',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:1.65}html[lang=ja]{--font:Arial,'Noto Sans JP',sans-serif}html[lang=zh-Hans]{--font:Arial,'Noto Sans SC',sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--orange);outline-offset:6px}button{border:1px solid var(--line);background:transparent}select{background:#111;border:0;padding:8px;max-width:126px}::selection{background:var(--orange);color:#111}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;top:-100px;background:var(--orange);color:#111;z-index:100;padding:10px}.skip:focus{top:0}.progress{height:2px;position:fixed;inset:0 auto auto 0;background:var(--orange);z-index:90;width:0}header{position:fixed;inset:0 0 auto;height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 3.5vw;z-index:50;background:#111e;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.logo{font-size:40px;font-weight:900;letter-spacing:-3px;line-height:1}.logo span{color:var(--orange)}.logo i{font-size:12px;vertical-align:top;letter-spacing:0;font-style:normal;margin-left:5px}nav{display:flex;gap:34px;font-size:14px}nav a{position:relative;overflow:hidden}nav a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--orange);transform:translateX(-102%);transition:transform .3s}nav a:hover:after{transform:translateX(0)}.header-tools{display:flex;align-items:center;gap:12px}.header-tools button{width:34px;height:34px;border-radius:50%;line-height:1}#menu{display:none}#mobile-nav{position:fixed;inset:76px 0 auto;background:#171717;padding:30px;z-index:49;border-bottom:1px solid var(--line)}#mobile-nav a{display:block;font-size:24px;padding:14px 0}.hero{min-height:850px;height:100svh;max-height:1250px;position:relative;overflow:hidden;padding:125px 3.5vw 45px;display:flex;flex-direction:column;justify-content:space-between}.hero canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.75;pointer-events:none}.hero-top,.hero-bottom,h1,.coordinates{position:relative;z-index:1}.hero-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.07em;color:#b5b5b5}.hero h1{font-size:clamp(58px,7.6vw,128px);font-weight:500;letter-spacing:-.065em;line-height:1.13;margin:70px auto 80px;text-align:center;width:100%;max-width:1400px;word-break:keep-all}.clip{display:block;overflow:hidden;padding:3px 0}.clip>span{display:block;animation:enter 1.2s cubic-bezier(.2,.8,.2,1) both}.clip:nth-child(2)>span{animation-delay:.15s}.clip:nth-child(3)>span{animation-delay:.3s}.accent{color:var(--orange)}@keyframes enter{from{transform:translateY(110%) rotate(3deg)}to{transform:translateY(0) rotate(0)}}.hero-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:end}.hero-bottom p{max-width:370px;font-size:16px;color:#bbb;margin:0}.button{justify-self:center;display:inline-flex;align-items:center;justify-content:space-between;gap:50px;padding:14px 14px 14px 24px;border:1px solid #747474;border-radius:40px;min-width:195px;font-size:15px;transition:background .3s,color .3s,transform .3s}.button b{font-size:25px;line-height:1;font-weight:400;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#111;transition:transform .3s}.button:hover{background:var(--fg);color:#111}.button:hover b{transform:rotate(45deg)}.scroll-label{justify-self:end;display:flex;align-items:center;gap:30px;font-size:13px}.scroll-label>span:last-child{font-size:30px}.coordinates{position:absolute;right:3.5vw;top:49%;font:10px/1.8 monospace;writing-mode:vertical-rl;color:#929292}.section{padding:100px 5vw;scroll-margin-top:0}.section-label{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.05em;color:#aaa;margin-bottom:70px}.section h2{font-weight:500;letter-spacing:-.05em;line-height:1.25;font-size:clamp(38px,5vw,80px);margin:0;word-break:keep-all}.about{padding-top:75px;padding-bottom:110px}.about .read-text{max-width:1200px;font-size:clamp(38px,4.8vw,76px);line-height:1.5}.read-text span{color:#565656;transition:color .35s}.read-text span.lit{color:var(--fg)}.about-bottom{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:60px;margin-top:70px;align-items:center}.asterisk{font-size:100px;color:var(--orange);line-height:1;display:inline-block;animation:rotate 24s linear infinite;width:100px}.about-bottom p{color:#aaa;font-size:17px}.text-link{justify-self:end;border-bottom:1px solid #777;padding:10px 0;font-size:15px}.marquee{overflow:hidden;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--orange);font-size:clamp(40px,7vw,110px);letter-spacing:-.05em;line-height:1.2}.marquee>div{width:max-content;animation:marquee 35s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:60px}.slider-tools{display:flex;gap:12px;align-items:center}.slider-tools span{font-size:13px;color:#aaa;margin-right:20px}.slider-tools button{border-radius:50%;width:44px;height:44px;font-size:22px}.slider-tools button:hover{background:var(--orange);color:#111}.brand-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;padding-bottom:8px}.brand-track.dragging{cursor:grabbing;scroll-snap-type:none}.brand-track::-webkit-scrollbar{display:none}.brand-card{flex:0 0 36%;min-height:410px;background:#1b1b1b;border:1px solid #333;padding:28px;display:flex;flex-direction:column;justify-content:space-between;scroll-snap-align:start;transition:background .4s,color .4s;user-select:none}.brand-card:nth-child(3n+1){--card:#e3e7d8}.brand-card:nth-child(3n+2){--card:#5c939f}.brand-card:nth-child(3n){--card:#ed6d40}.brand-card:hover,.brand-card:focus-within{background:var(--card);color:#111}.brand-index{display:flex;justify-content:space-between;font:13px monospace}.brand-name{font-size:clamp(35px,4vw,68px);font-weight:700;letter-spacing:-.055em;line-height:1.1;overflow-wrap:anywhere}.brand-description{font-size:16px;max-width:290px;min-height:54px}.brand-card a{border-bottom:1px solid currentColor;align-self:start;font-size:13px;padding-bottom:3px}.track-line{height:2px;background:#333;margin-top:28px}.track-line span{display:block;width:22%;height:2px;background:var(--orange);transform:translateX(0)}.business{background:#dadada;color:#111}.business .section-label,.process .section-label{border-color:#1114;color:#555}.business-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:9vw}.business-intro p{max-width:365px;font-size:17px;color:#555;margin:32px 0}.orbit{height:230px;width:230px;position:relative;display:grid;place-items:center;margin-top:70px;font:16px monospace}.orbit i{position:absolute;inset:0;border:1px solid #1117;border-radius:50%;transform:rotateX(55deg) rotateZ(25deg);animation:orbit 13s linear infinite}.orbit i:nth-child(3){animation-delay:-4s}.orbit i:nth-child(4){animation-delay:-8s}@keyframes orbit{to{transform:rotateX(55deg) rotateZ(385deg)}}details{border-top:1px solid #1115}details:last-child{border-bottom:1px solid #1115}summary{list-style:none;cursor:pointer;display:flex;gap:24px;align-items:center;padding:25px 0;font-size:23px;letter-spacing:-.03em}summary::-webkit-details-marker{display:none}summary small{font:12px monospace;color:#666}summary:after{content:'+';margin-left:auto;font-size:27px;font-weight:400}details[open] summary:after{content:'−'}details p{margin:0 40px 30px;color:#555;font-size:16px;animation:fade .4s}@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.process{background:#d2d2d2;color:#111;padding-top:30px}#steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:70px}.step{border-top:1px solid #1115;padding-top:25px}.step small{color:#555;font:13px monospace}.step h3{font-size:29px;font-weight:500;margin:30px 0 15px;letter-spacing:-.035em}.step p{font-size:16px;color:#555;max-width:330px}.contact{background:var(--orange);color:#111;padding-bottom:65px}.contact .section-label{border-color:#1115;color:#3c281e}.contact h2{font-size:clamp(52px,8.5vw,130px);max-width:1300px}.contact-bottom{display:flex;justify-content:space-between;gap:35px;align-items:center;margin:50px 0}.contact-bottom p{max-width:500px;font-size:18px}.dark-button{border-color:#111}.dark-button b{background:#111;color:var(--orange)}.email{display:inline-block;font-size:clamp(23px,3vw,45px);letter-spacing:-.03em;border-bottom:1px solid #1117}.email-note{font-size:14px;margin-top:16px}footer{padding:45px 5vw;display:flex;align-items:center;gap:35px;flex-wrap:wrap;font-size:13px;color:#aaa}footer .logo{margin-right:auto}footer p{max-width:280px}.cursor{position:fixed;top:0;left:0;width:46px;height:46px;background:var(--orange);color:#111;border-radius:50%;display:grid;place-items:center;pointer-events:none;z-index:80;opacity:0;transform:translate(-50%,-50%);transition:opacity .2s;mix-blend-mode:normal;font-size:22px}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(35px);transition:opacity .9s,transform .9s}.js-motion .reveal.visible{opacity:1;transform:none}@keyframes rotate{to{transform:rotate(360deg)}}.paused *{animation-play-state:paused!important;scroll-behavior:auto!important}.paused .reveal{opacity:1;transform:none}.paused .read-text span{color:var(--fg)}
@media(min-width:1500px){.section{padding-left:max(5vw,calc((100vw - 1500px)/2));padding-right:max(5vw,calc((100vw - 1500px)/2))}}@media(max-width:1000px){nav{gap:18px}.brand-card{flex-basis:48%}.business-layout{gap:6vw}.about-bottom{gap:30px}.hero{min-height:780px}.hero h1{font-size:8vw}.coordinates{display:none}}@media(max-width:700px){header{height:76px;padding:0 6vw}.logo{font-size:34px}nav{display:none}#menu{display:block}.header-tools{gap:7px}select{font-size:13px}.hero{height:100svh;min-height:720px;max-height:950px;padding:100px 6vw 30px}.hero-top{font-size:10px}.hero-top span:last-child{display:none}.hero h1{font-size:clamp(43px,10vw,68px);line-height:1.25;letter-spacing:-.065em;margin:65px 0}.hero-bottom{grid-template-columns:1fr auto;gap:28px}.hero-bottom p{grid-column:1/-1;font-size:15px;max-width:310px}.hero-bottom .button{justify-self:start}.button{gap:20px;min-width:175px}.scroll-label{font-size:11px;gap:12px}.section{padding:65px 6vw}.section-label{margin-bottom:45px;font-size:10px}.section h2{font-size:36px;line-height:1.35}.about .read-text{font-size:35px}.about-bottom{grid-template-columns:65px 1fr;gap:20px;margin-top:35px}.asterisk{font-size:65px;width:65px}.about-bottom p{font-size:15px}.text-link{grid-column:2;justify-self:start}.section-heading{display:block;margin-bottom:35px}.slider-tools{margin-top:25px;justify-content:flex-end}.brand-card{flex-basis:88%;min-height:365px;padding:25px}.brand-name{font-size:48px}.business-layout{grid-template-columns:1fr}.orbit{display:none}.business-intro p{font-size:16px}summary{font-size:20px;gap:20px}#steps{grid-template-columns:1fr;gap:24px;margin-top:35px}.step h3{margin-top:15px}.step p{max-width:none}.process{padding-top:20px}.contact h2{font-size:49px}.contact-bottom{flex-direction:column;align-items:start;margin:30px 0}.contact-bottom p{font-size:16px}.email{font-size:23px}footer{gap:20px;padding:35px 6vw}footer .logo{flex-basis:100%}footer p{flex-basis:100%}.cursor{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.read-text span{color:var(--fg)}}