@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,summary,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}svg{flex-shrink:0;display:block}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}}@layer base{:root{color-scheme:light;--paper:#f5f3e9;--surface:#eeede2;--ink:#243c31;--muted:#626c60;--line:#d4d7c7;--yellow:#eeed62;--yellow-bright:#f3ef78;--button-ink:#203629;--panel:#fbfaf3;--glow:#eae879;--grid:#bbc3a9;--serif:"Fraunces Variable", "Songti SC", "Noto Serif CJK SC", "Yu Mincho", "Batang", Georgia, serif;--sans:"Manrope Variable", "PingFang SC", "Hiragino Kaku Gothic ProN", "Malgun Gothic", "Noto Sans", system-ui, sans-serif}:root[data-resolved-theme=dark]{color-scheme:dark;--paper:#101d19;--surface:#182720;--ink:#eef0df;--muted:#acb5a5;--line:#3d4b3a;--yellow:#eceb69;--yellow-bright:#e1e8a1;--button-ink:#203629;--panel:#1e2c24;--glow:#73752b;--grid:#3f513d}@media (prefers-color-scheme:dark){:root:not([data-resolved-theme]){color-scheme:dark;--paper:#101d19;--surface:#182720;--ink:#eef0df;--muted:#acb5a5;--line:#3d4b3a;--yellow:#eceb69;--yellow-bright:#e1e8a1;--button-ink:#203629;--panel:#1e2c24;--glow:#73752b;--grid:#3f513d}}html{scroll-behavior:smooth;scroll-padding-top:110px}body{font-family:var(--sans);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}::selection{color:#203629;background:#eeed62}:focus-visible{outline:2px solid var(--ink);outline-offset:5px;border-radius:3px}h1,h2,h3{text-wrap:balance;font-weight:500;line-height:1.13}h1,h2{font-family:var(--serif)}:lang(zh-CN) h1,:lang(zh-CN) h2,:lang(ja) h1,:lang(ja) h2,:lang(ko) h1,:lang(ko) h2{font-weight:600}:lang(ar){--serif:"Noto Naskh Arabic", "Geeza Pro", "Traditional Arabic", serif;--sans:"Noto Sans Arabic", "Geeza Pro", Tahoma, sans-serif}:lang(ar) h1,:lang(ar) h2{letter-spacing:0;line-height:1.45}:lang(ar) .eyebrow{letter-spacing:0}.eyebrow{letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:600;line-height:1.6}.skip-link{z-index:100;background:var(--yellow);color:var(--button-ink);padding:12px 20px;position:fixed;inset-block-start:12px;inset-inline-start:12px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}}@layer components{.site-header{z-index:20;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:28px;max-width:1600px;margin-inline:auto;padding:27px 5.4%;display:flex;position:relative}.brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-symbol{background:var(--yellow);width:40px;height:40px;color:var(--button-ink);border-radius:50%;place-items:center;display:grid}.brand-symbol svg{width:26px;height:26px}.brand-wordmark{letter-spacing:-.065em;flex-direction:column;font-size:20px;font-weight:750;line-height:.98;display:flex;position:relative}.brand-wordmark>span:not(.brand-dot){font-weight:450}.brand-wordmark .brand-dot{letter-spacing:0;font-size:9px;position:absolute;top:0;right:-12px}.main-nav{align-items:center;gap:clamp(20px,3.5vw,48px);font-size:12px;font-weight:550;display:flex}.main-nav a{align-items:center;gap:8px;min-height:44px;display:flex;position:relative}.main-nav a:after{content:"";bottom:7px;background:currentColor;width:0;height:1px;transition:width .25s;position:absolute;inset-inline-start:0}.main-nav a:hover:after{width:100%}.nav-dot{background:var(--ink);border-radius:50%;width:5px;height:5px}.header-controls{align-items:center;gap:13px;display:flex}.dropdown{position:relative}.dropdown summary{justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 5px;font-size:11px;display:flex}.language-menu summary svg:last-child{width:12px;height:12px}.theme-menu{border-inline-start:1px solid var(--line);padding-inline-start:13px}.theme-menu summary{width:36px}.dropdown-panel{top:calc(100% + 12px);border:1px solid var(--line);background:var(--panel);border-radius:12px;min-width:195px;padding:10px;position:absolute;inset-inline-end:0;box-shadow:0 16px 40px #00190b1a}.menu-caption{color:var(--muted);padding:5px 10px 9px;font-size:10px;display:block}.dropdown-panel a,.dropdown-panel button{text-align:start;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:9px;width:100%;min-height:40px;padding:8px 10px;font-size:13px;display:flex}.dropdown-panel a:hover,.dropdown-panel button:hover{background:var(--surface)}.dropdown-panel a[aria-current=page],.dropdown-panel button[aria-pressed=true]{background:var(--yellow);color:var(--button-ink)}.dropdown-panel button{justify-content:flex-start}.choice-check{visibility:hidden;margin-inline-start:auto}[aria-pressed=true] .choice-check{visibility:visible}.dark-icon,:root:not([data-resolved-theme]) .theme-menu,:root:not([data-resolved-theme]) .motion-toggle{display:none}[data-resolved-theme=dark] .dark-icon{display:inline}[data-resolved-theme=dark] .light-icon{display:none}.hero{isolation:isolate;grid-template-columns:1.06fr 1fr;max-width:1600px;margin-inline:auto;padding:73px 5.4% 24px;display:grid;position:relative;overflow:clip}.hero-grid{z-index:-2;pointer-events:none;background-image:radial-gradient(var(--grid) .7px, transparent .7px);opacity:.45;background-size:28px 28px;position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000 27%,#000 100%)}.hero-copy{z-index:2;align-self:center;min-width:0;padding-block:18px 55px;position:relative}.hero-eyebrow{align-items:center;gap:10px;margin-bottom:26px;display:flex}.tiny-orbit{border:1px solid var(--ink);border-radius:50%;width:14px;height:14px;position:relative}.tiny-orbit:after{content:"";background:var(--ink);border-radius:50%;width:4px;height:4px;position:absolute;top:1px;right:-1px}.hero h1{letter-spacing:-.047em;width:max-content;max-width:100%;font-size:clamp(48px,6.1vw,91px);line-height:1.1;position:relative}.hero h1>span{color:var(--ink)}:lang(zh-CN) .hero h1,:lang(ja) .hero h1,:lang(ko) .hero h1{letter-spacing:-.065em;line-height:1.22}.title-star{inset-inline-end:-46px;color:var(--ink);position:absolute;top:4px;transform:rotate(15deg)}.title-star svg{width:31px;height:31px}.hero-intro{color:var(--muted);white-space:pre-line;max-width:450px;margin-top:27px;font-size:14px;line-height:1.9}.button{border-radius:4px;justify-content:space-between;align-items:center;gap:35px;min-height:51px;padding:15px 24px;font-size:12px;font-weight:650;transition:transform .25s,box-shadow .25s;display:inline-flex}.button-primary{color:var(--button-ink);background:var(--yellow);border:1px solid #bfc351;margin-top:29px}.button:hover{transform:translateY(-3px);box-shadow:0 6px #8a955333}[dir=rtl] .button svg{transform:rotate(180deg)}.hero-art{aspect-ratio:1.05;align-self:center;min-width:0;margin-block-start:-20px;position:relative}.art-glow{aspect-ratio:1;background:radial-gradient(ellipse, var(--glow) 0, transparent 66%);opacity:.48;border-radius:50%;width:88%;position:absolute;inset:9% 7%}.art-coordinates{letter-spacing:.17em;color:var(--muted);justify-content:space-between;font-family:monospace;font-size:9px;display:flex;position:absolute;top:1%;left:8%;right:3%}.art-coordinates span:last-child{font-size:21px;line-height:.8}.orbit-field{transform:translate3d(var(--parallax-x,0px), var(--parallax-y,0px), 0);transition:transform .6s ease-out;position:absolute;inset:0}.orbit{border:1px solid var(--line);border-radius:50%;width:95%;height:47%;position:absolute;top:25%;left:3%}.orbit-one{z-index:3;border-bottom-color:#0000;transform:rotate(-28deg)}.orbit-two{border-color:var(--line);width:87%;height:62%;top:17%;left:7%;transform:rotate(38deg)}.orbit-three{opacity:.4;border-style:dashed;width:89%;height:77%;top:10%;left:5%;transform:rotate(86deg)}.orbital-node{background:var(--ink);width:8px;height:8px;box-shadow:0 0 0 5px var(--paper);border-radius:50%;position:absolute;top:14%;left:12%}.orbit-two .orbital-node{background:#869356;width:6px;height:6px;top:78%;left:11%}.lemon-float{z-index:2;position:absolute;inset:-1% -2% 0}.lemon-sculpture{filter:drop-shadow(0 14px 25px #6f641515);width:100%;height:100%}.crosshair{width:10px;height:10px;position:absolute}.crosshair:before,.crosshair:after{content:"";background:var(--muted);opacity:.7;position:absolute}.crosshair:before{width:10px;height:1px;top:5px}.crosshair:after{width:1px;height:10px;left:5px}.crosshair-one{top:25%;left:5%}.crosshair-two{bottom:16%;right:9%}.art-spark{z-index:4;position:absolute}.spark-one{top:11%;right:18%}.spark-one svg{width:26px;height:26px}.spark-two{color:var(--muted);font-size:25px;bottom:12%;left:23%}.art-caption{letter-spacing:.15em;color:var(--muted);align-items:center;gap:18px;font-family:monospace;font-size:8px;display:flex;position:absolute;bottom:0;left:20%;right:11%}.caption-line{background:var(--line);flex:1;height:1px}.hero-bottom{color:var(--muted);grid-column:1/-1;align-items:center;gap:22px;margin-top:35px;display:flex}.scroll-link{flex-shrink:0;align-items:center;gap:10px;min-height:44px;font-size:10px;display:flex}.scroll-glyph{border:1px solid var(--line);border-radius:50%;place-items:center;width:30px;height:30px;font-size:16px;display:grid}.hero-bottom-line{background:var(--line);flex:1;height:1px}.motion-toggle{background:0 0;border:0;align-items:center;gap:6px;min-height:44px;padding:10px 0 10px 8px;font-size:9px;display:flex}.motion-toggle svg{width:14px;height:14px}.play-icon,[data-motion=off] .pause-icon{display:none}[data-motion=off] .play-icon{display:block}.section-wrap{max-width:1600px;margin-inline:auto;padding-inline:5.4%;position:relative}.section-number{color:var(--muted);letter-spacing:.04em;font-family:monospace;font-size:10px}.section-number span{color:var(--line);margin-inline-start:8px}.workshop{grid-template-columns:60px 1.13fr 1fr;gap:35px;padding-block:105px 96px;display:grid}.workshop .section-number{margin-top:6px}.workshop-heading .eyebrow{align-items:center;gap:12px;margin-bottom:28px;display:flex}.label-dash{background:var(--ink);width:24px;height:1px}.workshop h2{letter-spacing:-.04em;font-size:clamp(29px,3vw,46px);line-height:1.4}.workshop h2 span{color:var(--muted)}.workshop-body{justify-self:end;max-width:375px;padding-top:3px}.workshop-seal{border:1px solid var(--line);border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:22px;display:grid;transform:rotate(-15deg)}.workshop-seal svg{width:25px;height:25px}.workshop-body p{color:var(--muted);font-size:14px;line-height:2}.signature{font-family:var(--serif);letter-spacing:-.05em;margin-top:24px;font-size:23px;font-style:italic;display:block}.spirit{grid-template-columns:60px 1fr;gap:35px;padding-block:25px 100px;display:grid}.spirit .eyebrow{margin-top:0}.pillars{grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:4px;display:grid}.pillar{border-top:1px solid var(--line);min-width:0;padding-top:18px}.pillar-illustration{background:radial-gradient(ellipse at center, var(--surface), transparent 65%);justify-content:center;align-items:center;height:140px;display:flex}.pillar-title{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.pillar-title h3{font-size:18px;font-weight:600}.pillar-title>span{color:var(--muted);font-family:monospace;font-size:9px}.pillar>p{color:var(--muted);max-width:270px;margin-top:15px;font-size:12px;line-height:1.9}.explore-shape{width:100px;height:100px;position:relative;transform:rotate(-25deg)}.explore-shape span{border:1px solid var(--ink);border-radius:50%;position:absolute;inset:0}.explore-shape span:nth-child(2){inset:0 25px}.explore-shape span:nth-child(3){inset:25px 0}.explore-shape b{background:var(--yellow);border:1px solid var(--ink);border-radius:50%;width:13px;height:13px;position:absolute;inset:17px 7px auto auto}.create-shape{width:100px;height:95px;position:relative}.create-shape span{border:1px solid var(--ink);width:58px;height:58px;position:absolute;transform:rotate(-28deg)skew(8deg,8deg)}.create-shape span:first-child{background:var(--yellow);top:2px;left:20px}.create-shape span:nth-child(2){top:22px;left:20px}.create-shape span:nth-child(3){top:42px;left:20px}.experience-shape{width:125px;height:100px;position:relative}.experience-shape span{border:1px solid var(--ink);border-radius:50%;position:absolute;inset:15px 0;transform:rotate(-30deg)}.experience-shape span:nth-child(2){transform:rotate(30deg)}.experience-shape span:nth-child(3){transform:rotate(90deg)}.experience-shape b{background:var(--yellow);border:1px solid var(--ink);border-radius:50%;width:21px;height:21px;position:absolute;top:39px;left:52px}.soon{isolation:isolate;text-align:center;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:86px 24px 75px;position:relative;overflow:clip}.soon-content{z-index:1;position:relative}.soon-spark{margin-bottom:17px;display:inline-flex}.soon-spark svg{width:28px;height:28px}.soon h2{letter-spacing:-.055em;margin-top:23px;font-size:clamp(46px,6vw,88px)}.soon-text{color:var(--muted);margin-top:21px;font-size:13px}.soon-marker{letter-spacing:.5em;margin-top:25px;font-size:18px;display:block}.soon-orbits{z-index:-1;opacity:.55;pointer-events:none;width:900px;height:270px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.soon-orbits span{border:1px solid var(--line);border-radius:50%;position:absolute;inset:0;transform:rotate(-12deg)}.soon-orbits span:nth-child(2){transform:rotate(12deg)}.soon-orbits span:nth-child(3){border-style:dashed;inset:-130px 220px;transform:rotate(40deg)}.site-footer{justify-content:space-between;align-items:center;gap:24px;max-width:1600px;margin-inline:auto;padding:31px 5.4%;display:flex}.footer-brand{align-items:center;gap:9px;min-height:44px;font-size:12px;font-weight:650;display:flex}.site-footer p,.footer-copy{color:var(--muted);font-size:9px}.not-found{text-align:center;place-items:center;min-height:100svh;padding:40px;display:grid}.not-found h1{margin-block:25px;font-size:clamp(32px,5vw,64px)}.not-found p{color:var(--muted)}}@layer responsive{@media (width>=1600px){.hero{padding-top:100px}.hero-copy{padding-bottom:70px}}@media (width<=1100px){.main-nav{gap:22px;font-size:11px}.site-header{padding-block:22px}.hero{padding-top:55px}.hero h1{font-size:clamp(46px,6.5vw,72px)}.title-star{inset-inline-end:-26px}.title-star svg{width:20px;height:20px}.hero-intro{font-size:12px}.hero-eyebrow{font-size:9px}.hero-copy{padding-bottom:25px}.workshop{grid-template-columns:30px 1.13fr 1fr;gap:20px}.spirit{grid-template-columns:30px 1fr;gap:20px}.pillars{gap:24px}.workshop-body p{font-size:12px}.workshop h2{font-size:31px}}@media (width<=760px){html{scroll-padding-top:30px}.site-header{gap:12px;padding:17px 6%}.main-nav{display:none}.brand-symbol{width:35px;height:35px}.brand-wordmark{font-size:18px}.header-controls{gap:8px}.theme-menu{padding-inline-start:8px}.hero{grid-template-columns:minmax(0,1fr);padding:43px 7% 17px}.hero-copy{padding-block:0}.hero-eyebrow{margin-bottom:22px}.hero h1{font-size:clamp(46px,10.5vw,76px)}.hero-intro{margin-top:23px;font-size:13px}.hero .button{margin-top:24px}.hero-art{margin-inline:auto;aspect-ratio:1.23;width:100%;max-width:520px;margin-top:22px}.art-coordinates{top:2%}.art-caption{bottom:-3%}.hero-bottom{gap:16px;margin-top:33px}.orbit{top:23%}.lemon-float{inset:-13% -4% -5%}.orbit-three{height:91%;top:0}.title-star{inset-inline-end:-35px;top:8px}.title-star svg{width:24px;height:24px}.section-wrap{padding-inline:7%}.workshop{grid-template-columns:25px 1fr;gap:18px;padding-block:70px 45px}.workshop h2{font-size:clamp(29px,6.5vw,44px)}.workshop-heading .eyebrow{margin-bottom:22px;font-size:10px}.workshop-body{grid-column:2;justify-self:start;max-width:100%;margin-top:16px}.workshop-seal{display:none}.workshop-body p{font-size:13px}.signature{margin-top:18px;font-size:22px}.spirit{grid-template-columns:25px 1fr;gap:18px;padding-block:24px 64px}.pillars{grid-template-columns:1fr;gap:32px}.pillar{grid-template-columns:1fr 105px;gap:0 14px;padding-top:24px;display:grid}.pillar-illustration{grid-area:1/2/3;align-self:center;height:100px}.pillar-title{align-self:start;margin-top:8px}.pillar-title>span{display:none}.pillar>p{margin-top:13px;font-size:12px}.explore-shape{width:75px;height:75px}.explore-shape span:nth-child(2){inset:0 19px}.explore-shape span:nth-child(3){inset:19px 0}.create-shape{transform:scale(.78)}.experience-shape{flex-shrink:0;transform:scale(.78)}.soon{padding-block:64px 55px}.soon h2{font-size:clamp(40px,9vw,65px)}.soon-orbits{width:670px;height:240px}.soon-orbits span:nth-child(3){inset:-75px 180px}.site-footer{flex-wrap:wrap;gap:4px 15px;padding:23px 7%}.site-footer p{order:3;width:100%}.footer-copy{font-size:8px}:lang(ar) .hero h1{font-size:58px}:lang(ar) .title-star{top:22px}}@media (width<=380px){.hero h1{font-size:43px}.title-star{display:none}.brand-wordmark{font-size:16px}.brand-symbol{width:31px;height:31px}.hero-bottom{gap:9px}.motion-toggle,.hero-eyebrow{font-size:8px}.pillar{grid-template-columns:1fr 82px}.pillar-illustration{transform:scale(.85)}}}@layer motion{@keyframes float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-14px)rotate(2deg)}}@keyframes orbit-one{0%{transform:rotate(-28deg)}to{transform:rotate(332deg)}}@keyframes orbit-two{0%{transform:rotate(38deg)}to{transform:rotate(-322deg)}}@keyframes turn{0%{transform:rotate(15deg)}to{transform:rotate(375deg)}}@keyframes enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){[data-motion=on] .lemon-float{animation:7s ease-in-out infinite float}[data-motion=on] .orbit-one{animation:65s linear infinite orbit-one}[data-motion=on] .orbit-two{animation:85s linear infinite orbit-two}[data-motion=on] .title-star{animation:45s linear infinite turn}[data-motion=on] .hero-copy{animation:.85s ease-out both enter}[data-motion=on] .hero-art{animation:1.1s ease-out .12s both enter}[data-motion=on].motion-ready .reveal{opacity:0;transition:opacity .75s,transform .75s;transform:translateY(20px)}[data-motion=on].motion-ready .reveal.is-visible{opacity:1;transform:none}[data-motion=on] .pillar:hover .explore-shape{transform:rotate(10deg)}[data-motion=on] .pillar:hover .create-shape{transform:translateY(-7px)}[data-motion=on] .pillar:hover .experience-shape{transform:rotate(15deg)}.explore-shape,.create-shape,.experience-shape{transition:transform .6s}}[data-motion=off] *,[data-motion=off] :before,[data-motion=off] :after{transition:none!important;animation:none!important}[data-motion=off]{scroll-behavior:auto}[data-motion=off] .orbit-field{transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.orbit-field{transform:none}.reveal{opacity:1!important;transform:none!important}.button:hover{transform:none}.motion-toggle{display:none}}}
