:root{--bg:#07171d;--paper:#ebf3f2;--ink:#122c34;--white:#effaf8;--muted:#98b0b7;--cyan:#61e2f2;--pink:#ff9f92;--purple:#b6a4ff;--line:rgba(213,241,241,.16);--pad:clamp(24px,5vw,90px);--font:'Manrope','Noto Sans KR',sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}::selection{color:var(--bg);background:var(--cyan)}:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}img{max-width:100%}.skip{position:fixed;top:-80px;left:24px;z-index:100;background:var(--cyan);color:var(--bg);padding:15px}.skip:focus{top:20px}.reading-progress{position:fixed;top:0;left:0;height:2px;background:var(--cyan);width:0;z-index:90}.site-header{position:absolute;z-index:30;top:0;left:0;width:100%;padding:26px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-size:38px;font-weight:800;letter-spacing:-2.2px;line-height:1;display:flex;align-items:center;gap:9px}.brand-star{font-size:27px;color:var(--cyan);font-weight:400}.site-header nav{display:flex;gap:32px;font-size:14px}.site-header nav a{color:#d7e4e6;transition:color .2s}.site-header nav a:hover{color:var(--cyan)}.header-contact{font-size:14px;border:1px solid var(--line);padding:12px 18px;border-radius:100px;display:flex;align-items:center;gap:26px}.header-contact span{font-size:19px}.menu-toggle{display:none;background:transparent;border:0;width:42px;height:42px;padding:10px}.menu-toggle span{display:block;height:1px;background:var(--white);margin:7px 0}.hero{position:relative;isolation:isolate;min-height:830px;height:min(1020px,100svh);overflow:hidden;background:#020a0f}.hero-art{position:absolute;inset:0;z-index:-3;overflow:hidden}.hero-art img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center;will-change:transform}.hero-art-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,10,15,.7),transparent 55%),linear-gradient(0deg,#07171d 0%,transparent 24%)}#hero-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.65}.hero-meta{position:absolute;top:132px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:13px;color:#bdcfd4;letter-spacing:.04em}.location{display:flex;gap:20px}.hero-content{position:relative;padding:210px var(--pad) 150px;max-width:1240px}.hero h1{margin:0 0 36px;line-height:1.02;font-size:clamp(70px,8.9vw,144px);letter-spacing:-.07em;font-weight:500}.hero h1>span{display:block}.hero h1 .second-line{font-size:.91em}.period{color:var(--cyan)}.hero-caption{display:flex;gap:22px;align-items:flex-start;max-width:460px;margin-bottom:28px}.little-orbit{font-size:35px;line-height:1.2;color:var(--cyan)}.hero-caption h2{font-size:18px;font-weight:500;margin:0 0 12px;letter-spacing:-.04em}.hero-caption p{font-size:15px;line-height:1.85;color:#adbec4;margin:0;letter-spacing:-.02em}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:55px;padding:0 24px;border-radius:80px;font-size:14px;font-weight:700;transition:background .25s,color .25s,transform .25s}.button.light{background:var(--white);color:var(--bg)}.button.light:hover{background:var(--cyan)}.button-icon{font-size:23px;font-weight:400}.hero-footer{position:absolute;bottom:40px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:flex-end;color:#99b2bc;font-size:12px;line-height:1.6}.scroll-hint{display:flex;align-items:center;gap:16px}.scroll-line{height:39px;width:1px;background:linear-gradient(transparent,var(--cyan))}.hero-coordinate{position:absolute;right:25px;top:55%;writing-mode:vertical-rl;color:#7b969f;font-size:11px;letter-spacing:.15em}.section-pad{padding:110px var(--pad)}.section-kicker{font-size:14px;color:var(--muted)}.intro{background:var(--paper);color:var(--ink)}.intro h2{font-size:clamp(40px,5vw,80px);font-weight:500;letter-spacing:-.065em;line-height:1.35;margin:36px 0}.intro p{max-width:620px;line-height:1.9;font-size:18px}.intro .section-kicker{color:#547078}footer a{font-size:clamp(20px,4vw,64px)}footer p{color:var(--muted);font-size:14px}
@media(min-width:1600px){.hero-art img{object-position:center 43%}.hero-content{padding-top:235px}.hero h1{font-size:150px}}
@media(max-width:900px){.site-header nav{gap:20px}.hero{min-height:790px;height:95svh}.hero-art img{width:145%;max-width:none;left:-22%;object-position:center}.hero-art-shade{background:linear-gradient(90deg,rgba(2,10,15,.85),rgba(2,10,15,.1)),linear-gradient(0deg,#07171d,transparent 36%)}.hero-content{padding-top:230px}.hero h1{font-size:clamp(74px,10.5vw,110px)}.hero-coordinate{display:none}}
@media(max-width:620px){.site-header{padding-top:24px}.wordmark{font-size:31px}.brand-star{font-size:23px}.site-header nav{display:none}.header-contact{margin-left:auto;font-size:13px;padding:9px 14px;gap:15px}.menu-toggle{display:block}.hero{min-height:780px;height:100svh;max-height:960px}.hero-meta{top:102px;font-size:12px}.location{gap:10px}.hero-art img{width:165%;left:-45%;object-position:62% center;opacity:.7}.hero-art-shade{background:linear-gradient(90deg,rgba(2,10,15,.8),rgba(2,10,15,.12)),linear-gradient(0deg,#07171d 0%,transparent 40%)}.hero-content{padding-top:240px;padding-bottom:145px}.hero h1{font-size:clamp(56px,14.2vw,88px);letter-spacing:-.068em;margin-bottom:36px}.hero-caption{gap:14px}.little-orbit{font-size:29px}.hero-caption h2{font-size:17px}.hero-caption p{font-size:14px}.hero-footer{bottom:28px}.hero-footer>span{max-width:130px}.section-pad{padding:80px var(--pad)}.intro h2{font-size:43px}.intro p{font-size:16px}.site-header.menu-open nav{display:flex;position:absolute;top:85px;left:20px;right:20px;flex-direction:column;padding:25px;background:#102a32;border:1px solid var(--line);border-radius:16px;font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}#hero-canvas{display:none}}
/* Shared surfaces and interaction states */
.site-header{transition:background .3s,border-color .3s,transform .3s}.site-header.scrolled{position:fixed;padding-top:18px;padding-bottom:18px;background:rgba(5,22,29,.85);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.site-header.scrolled .wordmark{font-size:30px}.contact-spark{color:var(--cyan)}.header-contact:hover{background:rgba(97,226,242,.09)}.button.dark{background:#172b36;color:#f4f8f9}.button.dark:hover{background:#324555}.text-link{display:inline-flex;align-items:center;gap:28px;font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding:12px 0}.text-link span{font-size:22px;font-weight:400}.cursor-halo{position:fixed;width:38px;height:38px;border:1px solid rgba(97,226,242,.5);border-radius:50%;pointer-events:none;z-index:100;top:0;left:0;transform:translate(-100px,-100px);mix-blend-mode:screen;opacity:0;transition:width .25s,height .25s,background .25s,opacity .25s}.cursor-halo.over-link{width:66px;height:66px;background:rgba(97,226,242,.08)}
body.ready .hero h1>span{animation:title-enter 1.1s cubic-bezier(.2,.7,.1,1) both}body.ready .hero h1>span:nth-child(2){animation-delay:.12s}body.ready .hero-caption{animation:caption-enter 1s .22s both}body.ready .hero-content>.button{animation:caption-enter 1s .3s both}@keyframes title-enter{from{opacity:0;transform:translateY(50px);filter:blur(7px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes caption-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0d252d;padding:28px 0}.ticker-track{display:flex;width:max-content;gap:52px;align-items:center;animation:ticker 36s linear infinite;will-change:transform}.ticker-track span{font-size:clamp(32px,4vw,58px);font-weight:500;letter-spacing:-.04em}.ticker-track i{font-style:normal;color:var(--cyan);font-size:39px}@keyframes ticker{to{transform:translateX(-50%)}}.intro{padding-top:110px;padding-bottom:80px;position:relative}.intro-top{display:flex;justify-content:space-between;align-items:center}.section-aside{font-size:14px!important;color:#5a747a!important;margin:0!important;max-width:none!important}.intro-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:9vw;margin:70px 0 100px;align-items:center}.intro h2{margin:0;line-height:1.45;font-size:clamp(40px,5.55vw,90px);font-weight:500;letter-spacing:-.072em}.joy-word{display:inline-block;position:relative;z-index:1}.joy-word::before{content:'';position:absolute;z-index:-1;left:-6%;bottom:12%;width:112%;height:61%;background:#aad8dc;border-radius:50%;transform:rotate(-5deg) scaleX(var(--joy-scale,.7));transition:transform .15s linear}.intro-dot{color:#588588}.intro-copy{max-width:430px}.intro-flower{font-size:78px;color:#5d8a91;display:block;line-height:1;margin:0 0 24px}.intro .intro-lead{font-size:24px;color:var(--ink);margin:0 0 22px;font-weight:500;line-height:1.6}.intro-copy>p:not(.intro-lead){font-size:16px;line-height:1.85;color:#5c747c;margin:0 0 19px;word-break:keep-all}.intro-copy .text-link{margin-top:14px}.beliefs{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;border-top:1px solid #c8d9db;padding-top:34px}.beliefs div{padding-right:30px}.beliefs span{font-weight:700;font-size:17px;letter-spacing:-.025em}.beliefs p{font-size:14px;color:#5b747c;line-height:1.8;margin:16px 0 0}
/* Product worlds */
.worlds{padding-top:110px;padding-bottom:120px;background:var(--bg)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:62px}.section-heading h2,.lab h2{font-size:clamp(40px,4.55vw,72px);letter-spacing:-.06em;line-height:1.35;font-weight:500;margin:28px 0 0}.section-heading>p{color:var(--muted);font-size:15px;line-height:1.85;margin-bottom:6px}.world-stack{display:flex;flex-direction:column;gap:38px;position:relative}.world-card{position:sticky;top:108px;border-radius:28px;display:grid;grid-template-columns:1fr 1.04fr;min-height:610px;overflow:hidden;color:#232d43;box-shadow:0 30px 60px rgba(0,0,0,.2);isolation:isolate}.world-card:nth-child(2){top:128px}.saju-card{background:#b9b4ed}.world-copy{padding:48px 48px 45px;position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start}.product-meta{display:flex;align-items:center;justify-content:space-between;gap:25px;width:100%;font-size:12px;margin-bottom:42px;color:#414666}.product-status{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}.product-status i{width:5px;height:5px;background:currentColor;border-radius:50%}.world-copy h3{font-size:clamp(37px,3.7vw,60px);font-weight:600;letter-spacing:-.065em;margin:0 0 16px;line-height:1.3}.product-subtitle{margin:0 0 24px;font-size:23px;font-weight:500;letter-spacing:-.05em}.product-description{font-size:15px;line-height:1.95;letter-spacing:-.025em;margin:0 0 25px;color:#424968;word-break:keep-all}.product-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:35px;font-size:12px}.product-tags span{padding:7px 13px;border:1px solid rgba(32,40,61,.23);border-radius:40px}.world-copy .button{margin-top:auto}.product-domain{display:block;font-size:12px;opacity:.7;margin:14px 0 0 9px}.product-visual{position:relative;min-height:590px;align-self:stretch;overflow:hidden}.saju-visual{background:radial-gradient(ellipse at 50% 52%,#e0dcff,transparent 65%)}.orbit-map{position:absolute;width:550px;height:550px;left:50%;top:48%;transform:translate(-50%,-50%)}.orbit-ring{border:1px solid rgba(73,55,127,.25);border-radius:50%;position:absolute;inset:0}.ring-two{inset:55px}.ring-three{inset:108px;border-style:dashed}.orbit-map::before,.orbit-map::after{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(73,55,127,.12);transform:rotate(45deg)}.orbit-map::after{transform:rotate(-45deg)}.element{position:absolute;background:rgba(224,220,255,.8);border:1px solid rgba(73,55,127,.18);width:48px;height:48px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:19px;color:#6b5f94}.wood{left:15px;top:150px}.fire{right:30px;top:100px}.earth{right:-10px;bottom:150px}.metal{bottom:-7px;left:260px}.water{bottom:140px;left:-5px}.myodosa{position:absolute;width:410px;max-width:86%;height:auto;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-6deg);mix-blend-mode:multiply;animation:myodosa-float 7s ease-in-out infinite}.visual-caption{position:absolute;top:58px;left:50%;transform:translateX(-50%) rotate(-5deg);z-index:1;font-size:20px;letter-spacing:-.055em;white-space:nowrap;border-bottom:1px solid currentColor;padding-bottom:8px}.floating-note{position:absolute;z-index:3;background:rgba(244,243,255,.82);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.65);border-radius:16px;box-shadow:0 14px 30px rgba(54,48,98,.12);display:flex;gap:13px;align-items:center;padding:17px 22px;transform:rotate(-4deg)}.floating-note small{font-size:11px;display:block;opacity:.6;margin-bottom:5px}.floating-note strong{font-size:14px;font-weight:600;letter-spacing:-.03em;display:block}.fortune-note{left:6%;bottom:62px}.fortune-note>span{font-size:28px;color:#7d5ac6}.meow-card{background:#f3bcb3;color:#44292e}.meow-card .product-meta,.meow-card .product-description{color:#704a50}.meow-visual{background:radial-gradient(ellipse at 54% 42%,#ffd7be,transparent 65%)}.record{position:absolute;border-radius:50%;width:415px;height:415px;top:45px;left:45%;transform:translateX(-50%) rotate(-20deg);background:repeating-radial-gradient(circle,#242b30 0 2px,#41444a 3px,#242b30 5px);box-shadow:0 22px 60px rgba(48,28,40,.26);animation:record-turn 28s linear infinite}.record::after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 0 40deg,rgba(255,255,255,.3) 50deg,transparent 65deg 210deg,rgba(255,255,255,.25) 220deg,transparent 240deg)}.record-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#d6e8df;color:#273e3f;border-radius:50%;width:150px;height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1.05;font-size:32px;font-weight:800;letter-spacing:-1.7px;z-index:2}.record-label span{font-size:8px;letter-spacing:0;font-weight:500;margin-top:10px}.beatnyang{position:absolute;bottom:12px;right:4%;width:385px;max-width:82%;height:auto;transform:rotate(7deg);filter:drop-shadow(0 18px 10px rgba(83,47,55,.16));animation:beatnyang-float 6s ease-in-out infinite}.sound-note{bottom:63px;left:2%;background:rgba(255,237,227,.85);color:#644144;transform:rotate(4deg)}.equalizer{height:27px;display:flex;align-items:center;gap:3px}.equalizer i{height:21px;width:3px;background:#a96371;border-radius:3px;animation:equalize 1.15s ease-in-out infinite}.equalizer i:nth-child(2n){animation-delay:-.45s}.equalizer i:nth-child(3n){animation-delay:-.75s}.meow-burst{position:absolute;right:6%;top:110px;font-size:110px;color:#c27385;line-height:1;animation:burst-turn 14s linear infinite}@keyframes myodosa-float{50%{transform:translate(-50%,-53%) rotate(-2deg)}}@keyframes beatnyang-float{50%{transform:translateY(-12px) rotate(4deg)}}@keyframes record-turn{to{transform:translateX(-50%) rotate(340deg)}}@keyframes burst-turn{to{transform:rotate(360deg)}}@keyframes equalize{50%{transform:scaleY(.25)}}
/* An interactive light instrument */
.feeling{position:relative;padding-top:45px;padding-bottom:45px;background:#041017;isolation:isolate;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feeling-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.interaction-hint{font-size:13px;color:#89a4ad;display:flex;align-items:center;gap:12px}.interaction-hint>span{color:var(--purple);font-size:22px}.feeling-stage{height:570px;position:relative;margin:0 -2vw}.feeling-message{position:absolute;left:2vw;top:50%;transform:translateY(-50%);pointer-events:none;z-index:2}.feeling-message>p:first-child{font-size:14px;color:#90b5c1;margin:0 0 24px}.feeling-message h2{font-size:clamp(72px,8vw,126px);font-weight:500;line-height:1.06;letter-spacing:-.065em;margin:0;color:#cfe9f0}.feeling-message>p:last-child{font-size:14px;color:#95acb6;margin-top:28px;max-width:360px;word-break:keep-all;line-height:1.8}#feeling-canvas{width:100%;height:100%;display:block;touch-action:pan-y}.feeling-orbit-label{position:absolute;bottom:40px;right:25px;font-size:11px;color:#728e9b;letter-spacing:.05em}.feeling-controls{border-top:1px solid var(--line);padding-top:25px;display:flex;align-items:center;gap:12px}.feeling-choice{display:flex;gap:10px;align-items:center;background:none;color:#adc4cc;border:1px solid var(--line);border-radius:30px;padding:12px 23px;font-size:14px;transition:background .3s,color .3s}.feeling-choice:hover{border-color:#739fae}.feeling-choice.active{background:#cfe9f0;color:#153340;border-color:#cfe9f0}.mood-dot{height:9px;width:9px;border-radius:50%}.mood-dot.wonder{background:#927af1}.mood-dot.joy{background:#f49680}.mood-dot.calm{background:#69c4d0}.motion-control{margin-left:auto;display:flex;gap:12px;align-items:center;background:none;color:#91acb7;border:0;padding:13px 5px;font-size:13px}.motion-control>span:first-child{font-size:16px}
/* From operating products to a reusable service */
.lab{background:#09212a;padding-top:110px;padding-bottom:75px}.lab-heading{display:flex;align-items:center;gap:18px;justify-content:space-between}.lab-badge{font-size:12px;color:#aac9d1;background:#1a3640;border:1px solid #37525d;padding:7px 14px;border-radius:30px}.lab-top{display:grid;grid-template-columns:1.2fr 1fr;gap:10vw;align-items:end;margin:8px 0 60px}.lab-intro{max-width:440px;padding-bottom:10px}.lab-intro>p:first-child{font-size:24px;margin:0 0 20px;line-height:1.6;letter-spacing:-.035em}.lab-intro>p:last-child{font-size:15px;line-height:1.95;color:#94b1be;word-break:keep-all;margin:0}.lab-workbench{border:1px solid #36535f;border-radius:25px;padding:30px;background:linear-gradient(140deg,rgba(91,155,171,.08),rgba(24,44,67,.25));box-shadow:0 28px 100px rgba(0,0,0,.16)}.lab-selector{display:grid;grid-template-columns:1fr 50px 1fr 50px 1fr;align-items:center;margin-bottom:36px}.lab-step{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid transparent;background:transparent;color:#9ab6c3;border-radius:16px;padding:22px 10px;transition:background .3s,border-color .3s}.lab-step:hover{background:rgba(83,136,153,.1)}.lab-step.active{background:#1b3b47;border-color:#547d8d;color:#e6f4f5;box-shadow:0 0 35px rgba(94,207,213,.08)}.step-icon{font-size:33px;color:#83b8c6;margin-bottom:8px;height:38px;line-height:1}.lab-step.active .step-icon{color:var(--cyan)}.lab-step>span:nth-child(2){font-size:15px;font-weight:600}.lab-step>small{font-size:12px;color:#88a4b0}.flow-line{display:block;height:1px;background:linear-gradient(90deg,#375865,#73b0bc,#375865);position:relative}.flow-line::after{content:'';position:absolute;left:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#92d9df;animation:flow 2.3s infinite linear}@keyframes flow{to{transform:translateX(50px)}}.lab-detail{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;border-top:1px solid #304f5c;gap:6vw;padding:45px 20px 15px}.lab-detail-text{max-width:410px}.lab-detail-text>span:first-child{font-size:13px;color:#71b9c8}.lab-detail h3{font-size:clamp(24px,2.7vw,42px);letter-spacing:-.05em;font-weight:500;line-height:1.5;margin:19px 0}.lab-detail p{font-size:14px;line-height:1.9;color:#94b1be;word-break:keep-all}.lab-note{font-size:11px;color:#7e9eac;display:block;margin-top:30px;line-height:1.7}.lab-demo{border:1px solid #466370;padding:18px;background:rgba(10,27,35,.7);border-radius:20px;transform:perspective(1000px) rotateY(-5deg) rotateZ(2deg);transition:transform .6s}.lab-demo:hover{transform:perspective(1000px) rotateY(0) rotateZ(0)}.demo-header{display:flex;justify-content:space-between;align-items:center;color:#93b1be;font-size:12px;padding:1px 3px 17px}.demo-spark{color:var(--cyan);font-size:23px}.demo-canvas{padding:28px;background:radial-gradient(ellipse at 85% 15%,#84bbca,transparent 60%),linear-gradient(130deg,#d5e7dc,#aacdd0);border-radius:10px;min-height:280px;color:#153b44;position:relative;overflow:hidden}.demo-mini{font-size:14px;font-weight:800;letter-spacing:-.025em}.demo-canvas strong{font-size:clamp(24px,2.8vw,43px);letter-spacing:-.06em;font-weight:600;line-height:1.3;display:block;margin:25px 0 34px}.demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px}.demo-orbit{font-size:49px;color:#4c818e;line-height:1}.demo-chips{display:flex;gap:7px;margin-top:15px;flex-wrap:wrap}.demo-chips span{font-size:10px;border:1px solid #41606f;padding:5px 9px;border-radius:15px;color:#a7c1cb}.lab-roadmap{display:flex;gap:30px;justify-content:space-between;align-items:center;margin-top:46px}.lab-roadmap p{font-size:15px;line-height:1.8;color:#a4bdc7}.lab-roadmap .text-link{color:#ccdee4}
.manifesto{background:var(--paper);color:var(--ink);padding-top:80px;padding-bottom:65px;overflow:hidden}.manifesto-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:55px}.manifesto .section-kicker{color:#64848b}.manifesto-star{font-size:75px;color:#75a6ae;line-height:1;animation:burst-turn 24s infinite linear}.manifesto h2{font-size:clamp(38px,5.5vw,87px);letter-spacing:-.066em;font-weight:500;line-height:1.55;margin:0}.manifesto h2 span{background:linear-gradient(120deg,#376779,#8686b4,#376779);background-size:200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ink-shift 8s infinite alternate}@keyframes ink-shift{to{background-position:100%}}.manifesto-bottom{border-top:1px solid #c8d9db;margin-top:60px;padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:30px}.manifesto-bottom p{font-size:14px;line-height:1.85;color:#5b747c;margin:0}.manifesto-sign{font-size:37px;font-weight:800;letter-spacing:-2px;color:#6f959d}
.contact{padding-top:115px;padding-bottom:115px;position:relative;overflow:hidden;isolation:isolate;background:#06151c}.contact-glow{position:absolute;z-index:-1;width:75%;aspect-ratio:1;left:40%;top:-40%;filter:blur(50px);background:radial-gradient(ellipse,rgba(73,114,138,.28),rgba(51,95,103,.07) 40%,transparent 70%);pointer-events:none}.contact h2{font-size:clamp(42px,6.8vw,106px);line-height:1.35;font-weight:500;letter-spacing:-.067em;margin:30px 0 60px;position:relative}.contact h2>span{position:absolute;right:3%;top:5%;font-size:120px;color:#7cadbc;animation:burst-turn 26s infinite linear}.contact-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}.contact-bottom>p{font-size:16px;line-height:1.85;color:#9eb6c1;margin:0}.contact-actions{display:flex;align-items:flex-start;flex-direction:column;gap:21px}.copy-email{border:0;background:transparent;color:#b8cdd5;font-size:15px;letter-spacing:-.02em;padding:0 6px;display:flex;align-items:center;gap:24px}.copy-email:hover{color:var(--cyan)}.copy-email>span{font-size:20px}#copy-status{font-size:12px;color:var(--cyan);min-height:16px;margin-top:-7px}.site-footer{background:#07171d;padding:38px var(--pad) 27px;border-top:1px solid var(--line);overflow:hidden}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top .wordmark{font-size:30px}.footer-top .brand-star{font-size:22px}.footer-links{display:flex;gap:28px;align-items:center;font-size:13px;color:#9eb6c1}.footer-links button{color:inherit;font-size:inherit;border:0;background:none;padding:0}.footer-links a:hover,.footer-links button:hover{color:var(--cyan)}.back-top{font-size:12px;color:#9eb6c1;display:flex;align-items:center;gap:15px}.back-top span{font-size:20px}.footer-giant{font-size:clamp(150px,27vw,450px);font-weight:700;line-height:1.1;letter-spacing:-.065em;text-align:center;color:transparent;-webkit-text-stroke:1px #40626f;background:linear-gradient(180deg,rgba(124,169,181,.25),transparent 87%);-webkit-background-clip:text;background-clip:text;user-select:none;margin-top:10px;margin-bottom:25px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;color:#6f8e9c;font-size:11px;gap:20px}.site-footer .back-top:hover{color:var(--white)}dialog{border:1px solid #466470;color:var(--white);background:#0c2631;border-radius:22px;width:min(570px,calc(100% - 40px));padding:38px;box-shadow:0 30px 120px #0007}dialog::backdrop{background:rgba(0,10,17,.75);backdrop-filter:blur(8px)}dialog h2{font-size:29px;font-weight:500;letter-spacing:-.04em;margin:16px 0 27px}dialog dl{display:grid;grid-template-columns:120px 1fr;gap:18px 10px;font-size:14px;line-height:1.65}dialog dt{color:#89a6b4}dialog dd{margin:0;word-break:keep-all}dialog p{font-size:12px;line-height:1.8;color:#89a6b4;border-top:1px solid var(--line);padding-top:24px;margin-bottom:0}.dialog-close{position:absolute;right:19px;top:14px;border:0;background:none;color:#a6c3cf;font-size:33px;padding:3px 10px}.dialog-close:hover{color:var(--cyan)}body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation-play-state:paused!important}
@media(max-width:1100px){.world-copy{padding:39px 32px}.world-card{min-height:560px}.product-meta{gap:10px;font-size:11px}.product-visual{min-height:560px}.myodosa{width:370px}.record{width:355px;height:355px}.beatnyang{width:330px}.lab-detail{padding-left:5px;padding-right:5px;gap:4vw}.floating-note{padding:14px 17px}.floating-note strong{font-size:12px}.fortune-note{left:2%;bottom:70px}.meow-burst{font-size:85px;right:1%}.contact h2>span{font-size:95px;right:0}}
@media(max-width:900px){.intro-grid{gap:6vw}.intro h2{font-size:50px}.intro-copy .intro-lead{font-size:21px}.intro-copy>p:not(.intro-lead){font-size:14px}.beliefs{gap:25px}.beliefs div{padding-right:5px}.beliefs span{font-size:15px}.world-card{grid-template-columns:1fr 1fr;min-height:565px}.product-meta{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:28px}.world-copy{padding:32px 28px}.product-subtitle{font-size:19px}.product-description{font-size:14px;line-height:1.9}.product-description br{display:none}.product-tags{gap:5px;font-size:11px}.product-tags span{padding:5px 9px}.world-copy .button{gap:20px;padding:0 18px;font-size:12px}.product-visual{min-height:565px}.myodosa{max-width:100%;width:320px}.orbit-map{width:430px;height:430px}.record{top:85px;width:310px;height:310px;left:41%}.record-label{width:125px;height:125px;font-size:27px}.beatnyang{bottom:75px;width:300px;max-width:95%;right:-2%}.visual-caption{font-size:18px;top:80px}.fortune-note{left:4%;bottom:65px;padding:12px}.fortune-note strong{font-size:11px}.sound-note{left:-3%;bottom:80px}.sound-note strong{font-size:11px}.floating-note small{font-size:10px}.meow-burst{top:45px;font-size:70px}.feeling-stage{height:490px}.feeling-message h2{font-size:83px}.feeling-message>p:last-child{max-width:280px}.lab-top{gap:6vw}.lab h2{font-size:43px}.lab-intro>p:first-child{font-size:21px}.lab-intro>p:last-child{font-size:14px}.lab-workbench{padding:22px}.lab-selector{grid-template-columns:1fr 22px 1fr 22px 1fr}.flow-line::after{animation-name:flow-small}@keyframes flow-small{to{transform:translateX(22px)}}.lab-step{padding:18px 6px}.lab-step>span:nth-child(2){font-size:13px}.lab-step>small{font-size:11px}.lab-detail h3{font-size:27px}.lab-detail p{font-size:13px}.demo-canvas{padding:22px;min-height:245px}.demo-canvas strong{font-size:30px}.demo-bottom{font-size:10px}.demo-orbit{font-size:40px}.contact h2>span{font-size:80px;top:19%}.contact h2{font-size:62px}.footer-bottom>span:nth-child(2){display:none}}
@media(max-width:620px){.cursor-halo{display:none}.site-header.scrolled{padding-top:13px;padding-bottom:13px}.site-header.scrolled .wordmark{font-size:29px}.ticker{padding:19px 0}.ticker-track{gap:31px}.ticker-track span{font-size:33px}.ticker-track i{font-size:27px}.intro{padding-top:64px;padding-bottom:55px}.intro-top .section-aside{font-size:11px!important}.section-kicker{font-size:12px}.intro-grid{grid-template-columns:1fr;gap:48px;margin:43px 0 52px}.intro h2{font-size:clamp(43px,10.8vw,63px);line-height:1.42}.intro-copy{max-width:100%;display:grid;grid-template-columns:1fr;position:relative;padding-left:0}.intro-flower{position:absolute;right:5px;top:0;font-size:62px}.intro-copy .intro-lead{font-size:22px;padding-right:76px;margin-bottom:24px}.intro-copy>p:not(.intro-lead){font-size:15px;max-width:95%}.intro-copy .text-link{justify-self:start}.beliefs{grid-template-columns:1fr;gap:22px;padding-top:25px}.beliefs div{display:grid;grid-template-columns:1fr 1.1fr;align-items:start;gap:20px}.beliefs span{font-size:14px}.beliefs p{font-size:12px;margin:0;line-height:1.7}.worlds{padding-top:65px;padding-bottom:70px}.section-heading{margin-bottom:36px;display:block}.section-heading h2{font-size:38px;margin-top:22px;line-height:1.4}.section-heading>p{margin-top:25px;font-size:14px}.world-stack{gap:25px}.world-card,.world-card:nth-child(2){position:relative;top:auto;grid-template-columns:1fr;min-height:0;border-radius:21px;box-shadow:0 18px 40px #0003}.world-copy{padding:30px 25px 20px}.product-meta{flex-direction:row;align-items:center;margin-bottom:25px;font-size:11px}.world-copy h3{font-size:40px;margin-bottom:10px}.product-subtitle{font-size:20px;margin-bottom:18px}.product-description{font-size:14px;max-width:300px;margin-bottom:19px}.product-tags{margin-bottom:23px}.world-copy .button{font-size:13px;min-height:49px;gap:35px}.product-domain{font-size:11px;margin-left:5px}.product-visual{min-height:390px}.myodosa{width:310px;max-width:80%;top:46%}.orbit-map{height:365px;width:365px;top:49%}.element{width:38px;height:38px;font-size:17px}.wood{top:120px;left:15px}.fire{top:50px;right:25px}.earth{bottom:100px;right:6px}.metal{bottom:0;left:160px}.water{bottom:80px;left:5px}.visual-caption{top:10px;font-size:18px}.fortune-note{left:7%;bottom:30px;padding:12px 16px}.floating-note strong{font-size:12px}.floating-note small{font-size:10px}.record{width:270px;height:270px;left:43%;top:8px}.record-label{width:104px;height:104px;font-size:23px}.record-label span{font-size:7px;margin-top:7px}.beatnyang{width:280px;max-width:80%;bottom:20px;right:5%}.meow-burst{top:14px;right:5%;font-size:65px}.sound-note{left:6%;bottom:38px;padding:13px}.sound-note strong{font-size:12px}.feeling{padding-top:27px;padding-bottom:29px}.feeling-head{gap:10px}.interaction-hint{font-size:11px;gap:5px}.interaction-hint>span{font-size:18px}.feeling-stage{height:590px;margin:0 -24px}.feeling-message{left:24px;top:45px;transform:none}.feeling-message h2{font-size:69px}.feeling-message>p:first-child{font-size:12px;margin-bottom:15px}.feeling-message>p:last-child{font-size:12px;max-width:270px;margin-top:19px}.feeling-orbit-label{bottom:20px;right:24px;font-size:10px}.feeling-controls{gap:7px;flex-wrap:wrap;padding-top:20px}.feeling-choice{padding:10px 15px;font-size:12px;gap:7px}.motion-control{font-size:11px;padding-left:6px}.motion-label{display:none}.lab{padding-top:63px;padding-bottom:45px}.lab-top{grid-template-columns:1fr;gap:30px;margin:0 0 34px}.lab h2{font-size:38px;line-height:1.4;margin-top:24px}.lab-intro{max-width:100%;padding:0}.lab-intro>p:first-child{font-size:21px;margin-bottom:16px}.lab-intro>p:last-child{font-size:14px;line-height:1.85}.lab-workbench{padding:15px;border-radius:20px}.lab-selector{grid-template-columns:1fr 8px 1fr 8px 1fr;margin-bottom:21px}.lab-step{padding:16px 3px;gap:7px;border-radius:12px}.step-icon{font-size:28px;height:30px;margin-bottom:6px}.lab-step>span:nth-child(2){font-size:10px;letter-spacing:-.05em}.lab-step>small{font-size:9px;letter-spacing:-.03em}.flow-line::after{display:none}.lab-detail{grid-template-columns:1fr;gap:26px;padding:25px 9px 12px}.lab-detail h3{font-size:28px;margin-top:13px}.lab-detail p{font-size:13px}.lab-note{font-size:10px;margin-top:18px}.lab-demo{transform:rotate(1deg);padding:14px}.demo-canvas{min-height:248px}.demo-canvas strong{font-size:32px}.demo-bottom{font-size:10px}.demo-chips span{font-size:9px}.lab-roadmap{display:block;margin-top:24px}.lab-roadmap p{font-size:13px;line-height:1.85;margin-bottom:14px}.lab-roadmap .text-link{font-size:12px}.manifesto{padding-top:50px;padding-bottom:38px}.manifesto-top{margin-bottom:36px}.manifesto-star{font-size:55px}.manifesto h2{font-size:clamp(31px,8.1vw,48px);line-height:1.65}.manifesto-bottom{margin-top:37px;padding-top:23px;gap:15px}.manifesto-bottom p{font-size:12px}.manifesto-sign{font-size:26px;letter-spacing:-1px}.contact{padding-top:70px;padding-bottom:65px}.contact h2{font-size:clamp(34px,9.1vw,53px);margin:26px 0 36px;line-height:1.45}.contact h2>span{display:none}.contact-bottom{display:block}.contact-bottom>p{font-size:14px;margin-bottom:30px}.contact-actions{gap:20px}.copy-email{font-size:14px}.site-footer{padding-top:27px;padding-bottom:20px}.footer-top{flex-wrap:wrap;gap:24px 15px}.footer-top .wordmark{font-size:28px}.footer-links{order:3;width:100%;gap:24px;font-size:12px}.back-top{margin-left:auto;font-size:11px}.footer-giant{font-size:28vw;margin:25px 0}.footer-bottom{font-size:10px;gap:15px}.footer-bottom>span:last-child{font-size:9px}dialog{padding:27px}dialog dl{grid-template-columns:95px 1fr;font-size:12px;gap:15px 8px}dialog p{font-size:11px}}
/* Brand lockup */
.logo-filter-defs{position:absolute;pointer-events:none;overflow:hidden}
.wordmark{display:block;flex:0 0 auto;gap:0;width:230px;font-size:0;letter-spacing:0;line-height:0}
.brand-lockup{display:block;width:100%;height:auto;overflow:visible}
.header-contact .header-contact-label{font-size:inherit;white-space:nowrap}
.footer-top .wordmark{width:205px;font-size:0}
.footer-links a{font-size:inherit}
.manifesto-sign{display:block;flex:0 0 auto;width:210px;line-height:0}
.manifesto-sign .brand-lockup{filter:brightness(.25)}
.footer-giant{width:100%;margin:55px 0 45px;font-size:0;line-height:0;background:none;-webkit-text-stroke:0}
.footer-giant .brand-lockup{width:100%;opacity:.52}
@media(max-width:1100px){.site-header{gap:18px}.wordmark{width:205px}.site-header nav{gap:20px}.header-contact{gap:14px;padding:11px 14px}}
@media(min-width:621px) and (max-width:760px){.wordmark{width:190px}.site-header nav{gap:14px;font-size:12px}.header-contact{font-size:12px;padding:10px 12px}}
@media(max-width:620px){.site-header{gap:10px}.wordmark,.site-header.scrolled .wordmark{width:176px;font-size:0}.header-contact{gap:0;padding:10px 12px}.header-contact .contact-spark{display:none}.header-contact-label{white-space:nowrap}.footer-top .wordmark{width:174px;font-size:0}.manifesto-bottom{flex-wrap:wrap;gap:25px}.manifesto-sign{width:182px}.footer-giant{margin:32px 0;font-size:0;-webkit-text-stroke:0}.menu-toggle{flex:0 0 38px;width:38px;padding:8px}}
@media(max-width:420px){.header-contact{display:none}}
@media(pointer:coarse){.cursor-halo{display:none}.magnetic{transform:none!important}}
@media(prefers-reduced-motion:reduce){.hero-art img{transform:none!important}.ticker-track{animation:none}.myodosa{animation:none}.beatnyang{animation:none}.record{animation:none}.feeling-message{transition:none}.lab-demo{transform:none}.cursor-halo{display:none}#feeling-canvas{opacity:.75}body.ready .hero h1>span,body.ready .hero-caption,body.ready .hero-content>.button{animation:none}}
@media(max-width:620px){.hero-caption p,.intro-copy>p:not(.intro-lead),.product-description,.lab-intro>p:last-child,.lab-detail p,.contact-bottom>p{font-size:16px}.lab-selector{grid-template-columns:1fr;gap:9px}.lab-selector .flow-line{display:none}.lab-step{flex-direction:row;justify-content:flex-start;align-items:center;gap:13px;padding:13px 15px}.lab-step .step-icon{font-size:25px;height:28px;width:29px;margin:0}.lab-step>span:nth-child(2){font-size:14px;flex:1;text-align:left;letter-spacing:-.035em}.lab-step>small{font-size:11px}.feeling-choice{font-size:14px;padding:10px 14px}.motion-control{margin-left:auto}.product-visual{min-height:390px}.lab-note{font-size:11px}.feeling-message>p:last-child{font-size:14px}.feeling-message>p:first-child{font-size:14px}.world-copy .button{font-size:14px}.intro-top .section-aside{font-size:12px!important}.section-kicker{font-size:14px}}

/* Shared vector icons keep decorative marks consistent across platforms. */
.icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em;flex-shrink:0;overflow:visible}
.contact-spark,.little-orbit,.button-icon,.intro-flower,.step-icon,.demo-spark,.demo-orbit,.manifesto-star,.meow-burst,.interaction-hint>span{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}
.intro-flower{width:max-content}
.ticker-track i{display:flex;align-items:center;justify-content:center;line-height:1;font-style:normal}
.motion-control>span:first-child{display:flex;font-size:21px}
.dialog-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:9px;font-size:26px}
.copy-email>span,.back-top>span,.text-link>span{display:inline-flex;align-items:center}
.contact h2>span{display:inline-flex;line-height:1}
p{word-break:keep-all;overflow-wrap:break-word}
.wordmark{min-height:44px;display:flex;align-items:center}
.menu-toggle{min-width:44px;min-height:44px}
.feeling-choice,.motion-control,.copy-email,.text-link,.back-top,.footer-links a,.footer-links button{min-height:44px}
.footer-links a,.footer-links button{display:inline-flex;align-items:center}
.footer-bottom{color:#94aeb9;font-size:12px;line-height:1.6}
.lab-note{color:#a1bbc6;font-size:12px}
@media(max-width:620px){
  .site-header.menu-open nav{top:calc(100% + 8px)}
  .hero-caption{align-items:flex-start}
  .little-orbit{margin-top:3px}
  .intro-lead{word-break:keep-all}
  .manifesto-bottom{flex-direction:column;align-items:flex-start;gap:25px}
  .manifesto-bottom p{font-size:14px}
  .manifesto-sign{width:165px}
  .motion-control{min-width:44px;justify-content:center;padding:10px;border:1px solid var(--line);border-radius:50%}
  .footer-links{font-size:14px;gap:22px}
  .footer-bottom{font-size:11px;flex-wrap:wrap;gap:8px 20px}
  .footer-bottom>span:last-child{font-size:11px}
  .lab-note{font-size:12px}
  dialog dd{overflow-wrap:anywhere}
  .contact h2>span{display:none}
}
@media(max-width:360px){
  .hero-content{padding-top:220px}
  .hero-caption{gap:12px}
  .hero-caption h2{font-size:16px;line-height:1.6;word-break:keep-all}
  .hero-caption p{font-size:15px}
  .intro-copy .intro-lead{font-size:20px;padding-right:62px}
  .intro-flower{font-size:48px}
  .lab-step{gap:10px;padding:12px}
  .lab-step>small{max-width:66px;line-height:1.5;word-break:keep-all}
  .feeling-controls{gap:6px}
  .feeling-choice{padding:10px 11px;font-size:13px}
  .footer-top .wordmark{width:160px}
}

.lab-detail h3,.demo-canvas strong{word-break:keep-all;overflow-wrap:break-word}
.menu-toggle span{transition:transform .25s,opacity .25s}
.site-header.menu-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}
.site-header.menu-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}
@media(max-width:620px){
  .site-header.menu-open nav{gap:6px}
  .site-header.menu-open nav a{display:flex;align-items:center;min-height:44px}
  .lab-detail{padding-left:0;padding-right:0}
  .demo-canvas{padding:20px}
  .demo-canvas strong{font-size:clamp(24px,7vw,32px)}
  .feeling-message{width:calc(100% - 48px);max-width:calc(100% - 48px)}
  .feeling-message h2{font-size:clamp(54px,16.5vw,69px)}
}
@media(max-width:360px){
  .feeling-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 44px;gap:6px}
  .feeling-choice{padding:10px 4px;gap:5px;justify-content:center}
  .motion-control{margin:0}
}

@media(max-width:360px){
  dialog{max-height:calc(100svh - 32px);overflow-y:auto}
  dialog dl{grid-template-columns:1fr;gap:5px}
  dialog dd{font-size:13px;margin-bottom:12px}
  dialog dd:last-child{margin-bottom:0}
}

.header-contact{background:rgba(5,22,29,.62);backdrop-filter:blur(12px);border-color:#48616b}
.header-contact:hover{background:#183b46;border-color:#8acbd6}

/* Responsive composition for cinema-sized screens and handheld layouts. */
:root{--pad:max(clamp(24px,5vw,90px),calc((100vw - 1600px)/2))}
.hero{min-height:760px;height:clamp(760px,100svh,1020px)}
.hero-content{max-width:none;padding-top:clamp(190px,23svh,240px)}
.hero-meta{color:#d0e0e5}
.intro-copy>p:not(.intro-lead){font-size:17px;line-height:1.9}
.orbit-map{width:min(550px,calc(100% - 32px));height:auto;aspect-ratio:1;top:50%}
.orbit-map .ring-two{inset:10%}
.orbit-map .ring-three{inset:20%}
.orbit-map .wood{left:0;top:28%}
.orbit-map .fire{right:6%;top:12%}
.orbit-map .earth{right:0;bottom:28%}
.orbit-map .metal{left:50%;bottom:0;transform:translateX(-50%)}
.orbit-map .water{left:0;bottom:24%}
@media(min-width:621px) and (max-width:900px){
  .world-copy{padding:32px 26px}
  .product-description{font-size:15px}
  .product-meta{margin-bottom:24px}
  .product-visual .element{width:36px;height:36px;font-size:16px}
  .visual-caption{top:48px;font-size:17px}
  .fortune-note{left:5%;right:5%;bottom:48px;justify-content:center;gap:10px}
  .sound-note{left:5%;right:5%;bottom:48px;justify-content:center;gap:10px}
  .floating-note strong{font-size:12px}
  .floating-note small{font-size:11px}
  .lab-top{grid-template-columns:1fr;gap:28px;margin-bottom:40px}
  .lab-intro{max-width:620px}
  .lab-intro>p:last-child{font-size:16px}
  .lab-detail{grid-template-columns:1fr;gap:32px;padding:30px 8px 8px}
  .lab-detail-text{max-width:560px}
  .lab-detail p{font-size:16px}
  .lab-demo{max-width:560px;width:100%;justify-self:center}
  .intro-copy>p:not(.intro-lead){font-size:16px}
}
@media(max-width:900px){
  .feeling-stage{height:auto;margin:0 calc(-1 * var(--pad));padding:32px var(--pad) 24px;display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
  .feeling-message{position:static;transform:none;width:100%;max-width:none;grid-row:1}
  .feeling-message h2{font-size:clamp(60px,10vw,80px)}
  .feeling-message>p:last-child{font-size:15px;max-width:380px}
  #feeling-canvas{grid-row:2;height:clamp(310px,86vw,430px);width:100%}
  .feeling-orbit-label{position:static;grid-row:3;justify-self:end;line-height:1.5}
}
@media(max-width:620px){
  .hero{min-height:720px;height:100svh;max-height:none}
  .hero-content{padding-top:clamp(190px,27svh,250px);padding-bottom:140px}
  .hero h1{font-size:clamp(54px,16.1vw,76px);letter-spacing:-.065em}
  .hero-caption h2{word-break:keep-all;line-height:1.65}
  .hero-footer{font-size:12px}
  .intro-copy>p:not(.intro-lead){font-size:16px}
  .product-visual .orbit-map{width:min(365px,calc(100% - 32px));top:50%}
  .product-visual .element{width:36px;height:36px;font-size:16px}
  .fortune-note,.sound-note{max-width:calc(100% - 36px)}
  .floating-note strong{word-break:keep-all}
  .feeling-stage{height:auto}
  .feeling-message h2{font-size:clamp(54px,16.5vw,69px)}
  .feeling-message>p:last-child{font-size:14px;max-width:300px}
}
@media(max-height:600px) and (min-width:621px){
  .hero{height:auto;min-height:670px}
  .hero-content{padding-top:160px;padding-bottom:125px}
  .hero h1{font-size:clamp(64px,8vw,100px)}
  .hero-meta{top:112px}
}

.hero-art::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,10,15,.5),transparent 32%)}
.hero-meta>span{padding:0;margin:0;background:none;border-radius:0;backdrop-filter:none;text-shadow:0 1px 10px #020a0f}
.orbit-map .metal{left:auto;right:13%;bottom:1%;transform:none}
@media(max-width:620px) and (max-height:700px){
  .hero{min-height:680px}
  .hero-content{padding-top:170px}
  .hero h1{margin-bottom:28px}
  .hero-caption{margin-bottom:24px}
  .hero-footer{bottom:24px}
}

body.motion-paused .hero h1>span,body.motion-paused .hero-caption,body.motion-paused .hero-content>.button{animation:none!important}