@font-face{font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--bg:#080d11;--bg2:#111b21;--ink:#f4f3ee;--muted:#aeb6bd;--gold:#e5bd84;--blue:#80bceb;--green:#83d5ac;--line:rgba(220,230,236,.17);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}::selection{background:#e7bf89;color:#071016}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.skip-link{position:fixed;z-index:30;top:-60px;left:16px;padding:12px;background:white;color:black}.skip-link:focus{top:16px}
.site-header{height:88px;padding:0 clamp(24px,4vw,72px);display:flex;align-items:center;justify-content:space-between;gap:30px;position:absolute;z-index:20;top:0;width:100%;border-bottom:1px solid rgba(255,255,255,.055)}.brand{display:flex;align-items:center;gap:15px;white-space:nowrap;font-size:22px;font-weight:600;letter-spacing:-.045em}.brand-orbit{width:35px;height:35px;border-radius:50%;border:2px solid #e5b675;box-shadow:0 0 0 2px rgba(242,202,143,.12),0 0 16px 3px rgba(224,161,91,.42),inset 0 0 9px rgba(255,228,170,.35);display:inline-block;flex:none}.desktop-nav{display:flex;gap:clamp(25px,3vw,50px);font-size:13px}.desktop-nav a,.language-switch a{color:#d4d9dc;transition:color .25s}.desktop-nav a:hover,.language-switch a:hover{color:var(--gold)}.header-actions{display:flex;align-items:center;gap:28px}.language-switch{display:flex;gap:7px;align-items:center;font-size:12px;letter-spacing:.08em}.language-switch span{opacity:.4}.language-switch [aria-current="page"]{color:var(--gold)}.header-cta{border:1px solid rgba(237,204,163,.65);border-radius:40px;padding:12px 20px;white-space:nowrap;font-size:13px;transition:background .25s,transform .25s}.header-cta:hover{background:rgba(234,199,152,.12);transform:translateY(-2px)}.header-cta span{padding-left:10px}.menu-toggle,.mobile-nav{display:none}
.story{height:560vh;position:relative}.story-sticky{position:sticky;top:0;height:100vh;min-height:680px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 54% 42% at 56% 43%,rgba(42,69,81,.43),transparent 78%),radial-gradient(ellipse 47% 48% at 85% 18%,rgba(36,60,76,.32),transparent 80%),linear-gradient(165deg,#080c0e,#101b22 52%,#070a0c)}.story-sticky::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,7,9,.55),transparent 43%,rgba(4,7,9,.4)),radial-gradient(circle at 16% 28%,rgba(215,174,115,.08),transparent 30%);pointer-events:none}.story-sticky::after{content:"";position:absolute;bottom:0;left:0;right:0;height:25%;background:linear-gradient(transparent,rgba(2,5,7,.7));pointer-events:none}.scene-aura{position:absolute;left:47%;top:20%;width:55vw;height:58vh;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(178,145,104,.13),rgba(66,111,139,.1) 42%,transparent 72%);filter:blur(20px)}.orbital{position:absolute;left:51%;top:49%;width:min(55vw,790px);height:min(40vw,550px);border-radius:50%;transform:translate(-50%,-50%) rotate(-20deg);pointer-events:none;transition:width 1.2s var(--ease),height 1.2s var(--ease),opacity 1s}.orbital-gold{border:2px solid rgba(255,200,132,.72);box-shadow:0 0 16px rgba(255,173,86,.62),inset 0 0 12px rgba(255,188,118,.34);filter:drop-shadow(0 0 10px rgba(249,187,111,.32))}.orbital-blue{width:min(62vw,890px);height:min(34vw,480px);top:53%;transform:translate(-50%,-50%) rotate(26deg);border:1px solid rgba(123,185,227,.54);box-shadow:0 0 12px rgba(103,173,231,.38);opacity:.85}.orbital-small{width:min(43vw,620px);height:min(29vw,420px);top:47%;transform:translate(-50%,-50%) rotate(53deg);border:1px solid rgba(234,207,166,.22)}.scene-platform{position:absolute;width:min(55vw,850px);height:110px;left:51%;bottom:7%;transform:translateX(-50%);border:1px solid rgba(208,173,123,.35);border-radius:50%;background:radial-gradient(ellipse at 50% 12%,rgba(194,160,115,.18),rgba(19,29,33,.9) 55%,#060a0d 80%);box-shadow:0 9px 2px #06090b,0 18px 10px rgba(203,161,112,.22),0 38px 30px rgba(0,0,0,.75),inset 0 10px 12px rgba(170,208,219,.08);z-index:1}.scene-platform::after{content:"";position:absolute;inset:16px 5%;border:1px solid rgba(102,170,210,.4);border-radius:50%;box-shadow:0 0 10px rgba(89,174,234,.25)}
.copy-area{position:absolute;left:clamp(24px,4vw,72px);top:50%;transform:translateY(-48%);width:35%;z-index:6;pointer-events:none}.story-copy{position:absolute;top:50%;left:0;width:100%;transform:translateY(-39%) translateY(24px);opacity:0;visibility:hidden;transition:opacity .65s ease,transform .8s var(--ease),visibility .65s}.story-copy.is-current{opacity:1;visibility:visible;transform:translateY(-50%);pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:.36em;color:#a8b1b8;font-weight:700;line-height:1.5;margin:0 0 19px}.story h1,.story h2,.section-heading h2,.philosophy-section h2,.studio-section h2{font-size:clamp(54px,6.4vw,112px);line-height:.96;letter-spacing:-.075em;font-weight:500;margin:0}.story h1{white-space:nowrap}.story h1 em,.story h2 em,.philosophy-section h2 em,.studio-section h2 em{font-style:normal;color:var(--gold)}.story h2{font-size:clamp(58px,6vw,104px)}.hero-lead,.story-body{font-size:clamp(16px,1.5vw,21px);line-height:1.48;max-width:415px;color:#c4cbd0;margin:24px 0 0;letter-spacing:-.02em}.hero-buttons{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 20px;border-radius:100px;font-size:13px;font-weight:600;min-height:44px;transition:transform .25s,background .25s,box-shadow .25s}.button:hover{transform:translateY(-3px)}.button-primary{background:#f5f3ef;color:#101418;box-shadow:0 0 20px rgba(255,255,255,.18)}.button-primary:hover{background:#ead1ae}.button-outline{border:1px solid rgba(255,255,255,.6);background:rgba(12,18,22,.38)}.button-outline:hover{background:rgba(255,255,255,.1)}
.device-stage{position:absolute;inset:0;z-index:4;perspective:1200px;pointer-events:none}.phone{position:absolute;width:clamp(210px,19.5vw,322px);aspect-ratio:1125/2436;left:50%;top:49%;transition:transform 1.15s var(--ease),filter 1.15s var(--ease),opacity 1.15s var(--ease);will-change:transform}.phone-discipline{z-index:4;transform:translate(-60%,-53%) rotate(-7deg)}.phone-life{z-index:3;transform:translate(33%,-45%) rotate(9deg) scale(.9)}.phone-metal{width:100%;height:100%;padding:7px;border-radius:13%/6.3%;background:linear-gradient(110deg,#424b52,#0a0d10 6%,#77828a 9%,#12191c 13%,#161c20 86%,#a6a7a2 92%,#242b30 97%);border:1px solid rgba(255,255,255,.5);box-shadow:8px 18px 26px rgba(0,0,0,.66),-4px -3px 16px rgba(200,194,170,.2),inset 0 0 3px white}.phone-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:11%/5%;border:3px solid #020507;background:#0a1016}.phone-screen img{width:100%;height:100%;object-fit:cover}.dynamic-island{position:absolute;width:31%;height:2.7%;background:#030405;top:1.7%;left:34.5%;border-radius:20px;box-shadow:0 1px 2px rgba(255,255,255,.12)}.hero-aside{position:absolute;right:clamp(24px,4vw,72px);top:50%;transform:translateY(-50%);width:18%;z-index:6;transition:opacity .7s}.hero-aside .eyebrow{letter-spacing:.29em}.hero-aside a{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:24px 0}.hero-aside a>span:nth-child(2){flex:1}.hero-aside strong{display:block;font-size:16px;font-weight:500;white-space:nowrap}.hero-aside small{display:block;font-size:12px;line-height:1.35;color:#aeb8c2;margin-top:5px}.aside-orbit{display:block;width:33px;height:33px;border:3px solid var(--gold);border-radius:50%;flex:none;box-shadow:0 0 11px var(--gold),inset 0 0 8px var(--gold)}.aside-blue{border-color:var(--blue);box-shadow:0 0 11px var(--blue),inset 0 0 8px var(--blue)}.scroll-label{position:absolute;bottom:36px;left:clamp(24px,4vw,72px);z-index:6;font-size:10px;letter-spacing:.28em;color:#a4aeb6}.scroll-progress{position:absolute;bottom:0;left:0;height:2px;background:rgba(255,255,255,.14);width:100%;z-index:10}.scroll-progress span{display:block;background:var(--gold);height:100%;width:0}
.story[data-stage="1"] .hero-aside,.story[data-stage="2"] .hero-aside,.story[data-stage="3"] .hero-aside,.story[data-stage="4"] .hero-aside,.story[data-stage="5"] .hero-aside{opacity:0;pointer-events:none}.story[data-stage="1"] .phone-discipline{transform:translate(-82%,-50%) rotate(-5deg) scale(1.08)}.story[data-stage="1"] .phone-life{transform:translate(28%,-47%) rotate(8deg) scale(.94)}.story[data-stage="2"] .phone-discipline{transform:translate(-36%,-51%) rotate(-2deg) scale(1.2)}.story[data-stage="2"] .phone-life{transform:translate(70%,-46%) rotate(9deg) scale(.75);filter:brightness(.45) blur(2px)}.story[data-stage="3"] .phone-discipline{transform:translate(-36%,-51%) rotate(1deg) scale(1.2)}.story[data-stage="3"] .phone-life{transform:translate(70%,-46%) rotate(9deg) scale(.7);filter:brightness(.3) blur(3px)}.story[data-stage="4"] .phone-discipline{transform:translate(-100%,-46%) rotate(-10deg) scale(.78);filter:brightness(.36) blur(2px);z-index:2}.story[data-stage="4"] .phone-life{transform:translate(-30%,-51%) rotate(1deg) scale(1.2);filter:none;z-index:5}.story[data-stage="5"] .phone-discipline{transform:translate(-82%,-49%) rotate(-7deg) scale(.86);filter:none;z-index:4}.story[data-stage="5"] .phone-life{transform:translate(20%,-48%) rotate(7deg) scale(.84);filter:none;z-index:3}.story[data-stage="1"] .orbital,.story[data-stage="5"] .orbital{width:min(65vw,950px);height:min(42vw,610px)}.story[data-stage="4"] .orbital-gold{opacity:.45}.story[data-stage="4"] .orbital-blue{opacity:1;box-shadow:0 0 22px rgba(86,164,225,.55)}
.products-section,.philosophy-section,.support-section{padding:clamp(90px,10vw,170px) clamp(24px,5vw,90px)}.products-section{background:linear-gradient(#090f13,#0c1418)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:50px}.section-heading h2{font-size:clamp(50px,6vw,90px)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.product-card{border:1px solid rgba(203,216,222,.16);border-radius:22px;overflow:hidden;background:#111a1e;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;padding:24px 28px;font-size:10px;letter-spacing:.22em;color:#abb6bc}.product-image{height:clamp(360px,40vw,610px);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,rgba(50,94,76,.32),transparent 55%),linear-gradient(160deg,#152027,#0b1115)}.life-card .product-image{background:radial-gradient(ellipse at 50% 55%,rgba(58,103,139,.3),transparent 55%),linear-gradient(160deg,#172430,#0b1115)}.card-ring{position:absolute;width:60%;height:65%;border:1px solid rgba(235,192,135,.52);border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 25px rgba(237,180,111,.18)}.life-card .card-ring{border-color:rgba(124,189,240,.48);box-shadow:0 0 25px rgba(103,179,236,.18)}.product-image img{height:88%;width:auto;z-index:2;filter:drop-shadow(15px 18px 17px rgba(0,0,0,.68));border:5px solid #0c0f11;border-radius:32px;box-shadow:0 0 0 1px rgba(255,255,255,.26);transition:transform .6s var(--ease)}.product-card:hover .product-image img{transform:translateY(-10px) rotate(-2deg)}.card-bottom{display:flex;justify-content:space-between;gap:25px;padding:30px}.card-bottom h3{font-size:29px;letter-spacing:-.05em;font-weight:500;margin:0 0 12px}.card-bottom p{font-size:14px;line-height:1.6;color:#b1bdc2;margin:0;max-width:390px}.card-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:end;gap:16px;min-width:160px}.text-link{font-size:13px;white-space:nowrap;border-bottom:1px solid #d7b785;padding-bottom:6px}.text-link span{padding-left:8px}.text-link.secondary{color:#b7c1c6;border-color:#67737a}.availability,.pending-link{font-size:12px;color:#909da4}.asset-note{text-align:right;color:#6f7c82;font-size:11px;margin-top:18px}
.philosophy-section{background:#e8e6de;color:#111b1f}.philosophy-inner{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.philosophy-section .eyebrow{color:#5f6c6d}.philosophy-section h2{font-size:clamp(55px,6vw,100px)}.philosophy-section h2 em{color:#96704f}.large-body{font-size:clamp(19px,2vw,28px);line-height:1.4;letter-spacing:-.035em;margin:0 0 70px}.philosophy-right ol{padding:0;margin:0;list-style:none}.philosophy-right li{padding:22px 0;border-top:1px solid rgba(13,28,34,.2);font-size:20px;letter-spacing:-.03em}.philosophy-right li span{font-size:11px;color:#7d7770;letter-spacing:.15em;display:inline-block;width:55px}
.studio-section{padding:clamp(110px,14vw,230px) clamp(24px,5vw,90px);position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 50%,rgba(79,112,128,.17),transparent 55%),#0a1115}.studio-section h2{font-size:clamp(70px,10vw,155px);position:relative;z-index:2}.studio-section p:not(.eyebrow){color:#b9c5ca;font-size:clamp(18px,2vw,26px);max-width:470px;line-height:1.45;margin:34px 0}.studio-section .pending-link{display:block}.studio-orbit{position:absolute;width:65vw;height:40vw;right:-20vw;top:3%;border:1px solid rgba(227,181,122,.36);border-radius:50%;transform:rotate(-30deg);box-shadow:0 0 30px rgba(214,154,84,.13)}
.support-section{background:#111a1f}.support-head h2{font-size:clamp(50px,6vw,90px);font-weight:500;letter-spacing:-.07em;margin:0}.support-head>p:last-child{font-size:17px;color:#b4c0c6;max-width:470px;line-height:1.5}.support-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:80px}.support-layout h3{font-size:22px;font-weight:500;margin:0 0 25px}.support-links span{display:block;border-top:1px solid var(--line);padding:16px 0;color:#b8c1c4;font-size:14px}.faq details{border-top:1px solid var(--line);padding:17px 0}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:15px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';font-size:20px;color:var(--gold)}.faq details[open] summary::after{content:'−'}.faq details p{color:#aebac0;font-size:14px;line-height:1.5;max-width:470px;margin:18px 0 0}footer{display:flex;justify-content:space-between;gap:20px;padding:50px clamp(24px,5vw,90px);border-top:1px solid var(--line);background:#080d11;font-size:13px}footer .footer-brand{position:relative;padding-left:48px}footer .brand-orbit{position:absolute;left:0;top:-4px;width:30px;height:30px}footer strong{font-size:21px;font-weight:500;letter-spacing:-.05em}footer p{color:#859197;margin:12px 0 0}footer>div:last-child{text-align:right}footer a{border-bottom:1px solid #a6b1b6;padding-bottom:4px}
@media(max-width:1200px){.desktop-nav{gap:20px}.header-cta{display:none}.hero-aside{right:28px;width:19%}.hero-aside strong{font-size:14px}.copy-area{width:38%}.story h1{font-size:clamp(52px,6vw,82px)}.phone{width:clamp(210px,22vw,290px)}}
@media(max-width:900px){.site-header{height:72px}.desktop-nav{display:none}.menu-toggle{display:flex;width:36px;height:36px;background:none;border:0;flex-direction:column;align-items:center;justify-content:center;gap:6px}.menu-toggle span{width:20px;height:1px;background:#f5f5f2;display:block}.mobile-nav:not([hidden]){display:flex;position:absolute;top:72px;left:0;right:0;z-index:30;background:#0d1519;padding:25px;flex-direction:column;gap:24px;border-bottom:1px solid var(--line)}.story-sticky{min-height:600px}.hero-aside{display:none}.copy-area{width:42%;left:4%}.story h1,.story h2{font-size:clamp(48px,7vw,75px)}.phone{width:clamp(185px,25vw,260px)}.orbital{width:68vw;height:50vw}.scene-platform{width:65vw}.product-grid{gap:12px}.card-bottom{display:block}.card-actions{margin-top:22px;align-items:flex-start}.philosophy-inner{gap:5vw}}
@media(max-width:640px){.site-header{height:68px;padding:0 20px}.brand{font-size:18px;gap:10px}.brand-orbit{width:28px;height:28px}.header-actions{gap:14px}.language-switch{font-size:11px}.mobile-nav:not([hidden]){top:68px}.story{height:510vh}.story-sticky{height:100svh;min-height:620px}.copy-area{top:19%;left:22px;width:calc(100% - 44px);transform:none}.story-copy,.story-copy.is-current{top:0;transform:translateY(0)}.story-copy{transform:translateY(15px)}.story h1,.story h2{font-size:clamp(49px,13vw,65px);max-width:390px;white-space:normal}.hero-lead,.story-body{font-size:15px;margin-top:16px;max-width:310px}.eyebrow{font-size:9px;margin-bottom:10px}.hero-buttons{margin-top:18px;gap:8px}.button{font-size:11px;padding:9px 14px;min-height:40px;gap:8px}.device-stage{top:15%}.phone{width:clamp(170px,44vw,210px);top:57%}.phone-discipline{transform:translate(-73%,-48%) rotate(-7deg)}.phone-life{transform:translate(7%,-44%) rotate(9deg) scale(.88)}.story[data-stage="1"] .phone-discipline{transform:translate(-85%,-49%) rotate(-5deg) scale(1)}.story[data-stage="1"] .phone-life{transform:translate(13%,-45%) rotate(8deg) scale(.9)}.story[data-stage="2"] .phone-discipline,.story[data-stage="3"] .phone-discipline{transform:translate(-53%,-51%) rotate(-2deg) scale(1.08)}.story[data-stage="2"] .phone-life,.story[data-stage="3"] .phone-life{transform:translate(58%,-45%) rotate(9deg) scale(.68);filter:brightness(.4) blur(2px)}.story[data-stage="4"] .phone-discipline{transform:translate(-120%,-47%) rotate(-10deg) scale(.7)}.story[data-stage="4"] .phone-life{transform:translate(-45%,-50%) rotate(1deg) scale(1.09)}.story[data-stage="5"] .phone-discipline{transform:translate(-85%,-49%) rotate(-7deg) scale(.8)}.story[data-stage="5"] .phone-life{transform:translate(10%,-48%) rotate(7deg) scale(.8)}.scene-platform{left:50%;bottom:10%;width:115vw;height:70px}.orbital{top:67%;left:52%;width:115vw;height:78vw}.orbital-blue{width:120vw;height:72vw;top:67%}.orbital-small{width:90vw;height:70vw;top:66%}.scroll-label{left:22px;bottom:25px}.products-section,.philosophy-section,.support-section{padding:88px 22px}.section-heading{margin-bottom:32px}.section-heading h2{font-size:54px}.product-grid{grid-template-columns:1fr;gap:18px}.product-image{height:420px}.product-image img{height:90%}.card-bottom{padding:24px}.philosophy-inner{grid-template-columns:1fr;gap:40px}.philosophy-section h2{font-size:62px}.large-body{font-size:21px;margin-bottom:45px}.philosophy-right li{font-size:18px}.studio-section{padding:105px 22px}.studio-section h2{font-size:77px}.studio-orbit{width:140vw;height:95vw;right:-70vw}.support-layout{grid-template-columns:1fr;gap:55px;margin-top:55px}footer{padding:40px 22px;flex-direction:column}footer>div:last-child{text-align:left}}
@media(max-width:400px){.brand{font-size:17px}.hero-lead{max-width:290px}.phone{width:170px}.story h1,.story h2{font-size:48px}.device-stage{top:16%}.scene-platform{bottom:11%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.phone{will-change:auto}}
.hero-copy h1{font-size:clamp(52px,4.8vw,76px)}
@media(max-width:640px){.hero-copy h1{font-size:clamp(48px,12.4vw,63px)}.device-stage{top:22%}}
.support-links a{display:block;border-top:1px solid var(--line);padding:16px 0;color:#e2e9e9;font-size:14px;transition:color .2s}.support-links a:hover{color:var(--gold)}
@media(max-width:640px){.section-heading{display:block}.section-heading .eyebrow{margin-bottom:18px}}
/* All motion in this scene is a direct function of scroll position. */
.scrubbed .phone,.scrubbed .orbital,.scrubbed .story-copy,.scrubbed .hero-aside{transition:none!important}
.sequence-screen{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dynamic-island{z-index:10}
@media(min-width:641px){.story-copy[data-chapter="1"] h2{font-size:clamp(48px,4.7vw,76px)}}

/* One continuous, quiet orbital environment from the devices to the footer. */
.phone-screen::after{content:"";position:absolute;inset:-10% -45%;z-index:8;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(214,232,248,.55) 50%,transparent 65%);opacity:var(--screen-glow,0);transform:translateX(var(--screen-sweep,-70%))}
.products-section,.philosophy-section,.studio-section,.support-section{position:relative;isolation:isolate;overflow:hidden}
.products-section{background:linear-gradient(#080d11,#0c151b 65%,#101a20)}
.products-section::before,.philosophy-section::before,.studio-section::before,.support-section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 65% 50%,rgba(100,162,196,.09),transparent 66%);transform:translateY(var(--ambient-y,0px))}
.philosophy-section{background:linear-gradient(#101a20,#162127 45%,#111c22 80%,#10191f);color:var(--ink);padding-top:clamp(120px,13vw,210px);padding-bottom:clamp(120px,14vw,230px)}
.philosophy-section::before{background:radial-gradient(ellipse at 45% 40%,rgba(217,176,118,.075),transparent 65%)}
.philosophy-inner{display:block;position:relative;z-index:1;max-width:1120px;margin:auto}
.philosophy-inner>div:first-child{text-align:center}
.philosophy-section .eyebrow{color:#b1bec6}
.philosophy-section h2{font-size:clamp(60px,7.3vw,108px);line-height:1.04;letter-spacing:-.065em}
.philosophy-section h2 em{color:var(--gold)}
.philosophy-right{margin-top:65px}
.philosophy-right .large-body{color:#b8c5cd;max-width:670px;margin:0 auto 90px;text-align:center;font-size:clamp(19px,1.8vw,25px);line-height:1.65}
.philosophy-right ol{max-width:880px;margin:auto}
.philosophy-right li{padding:32px 0;border-top:1px solid rgba(204,224,232,.17);font-size:clamp(24px,3.2vw,46px);letter-spacing:-.045em;color:#e7edf0}
.philosophy-right li:nth-child(2){margin-left:7%}.philosophy-right li:nth-child(3){margin-left:14%}
.philosophy-right li span{color:var(--gold);font-size:12px;width:65px;vertical-align:middle}
.philosophy-orbit{position:absolute;width:115%;height:67%;left:-7%;top:15%;border:1px solid rgba(164,199,221,.13);border-radius:50%;transform:rotate(var(--orbit-angle,-24deg)) scale(var(--orbit-scale,1));box-shadow:0 0 28px rgba(113,175,205,.04);pointer-events:none}
.philosophy-orbit::after{content:"";position:absolute;inset:8%;border:1px solid rgba(231,188,126,.1);border-radius:50%;transform:rotate(18deg)}
.studio-section{background:linear-gradient(#10191f,#101a20 45%,#0d161c);min-height:85vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.studio-orbit{transform:rotate(var(--orbit-angle,-30deg)) scale(var(--orbit-scale,1));top:10%;right:-12vw;border-color:rgba(224,188,133,.28)}
.studio-orbit::after{content:"";position:absolute;inset:16%;border-radius:50%;border:1px solid rgba(131,183,220,.27);transform:rotate(30deg)}
.studio-contact{margin-top:30px;position:relative;z-index:2}.studio-section .eyebrow{position:relative;z-index:2}
.support-section{background:linear-gradient(#0d161c,#101b22 40%,#080d11);padding-top:140px}
.support-section::before{background:radial-gradient(ellipse at 85% 15%,rgba(119,184,223,.10),transparent 60%)}
.support-layout{position:relative}.support-layout::before{content:"";position:absolute;left:0;right:0;top:-30px;height:1px;background:linear-gradient(90deg,var(--gold),rgba(118,180,215,.45),transparent);transform:scaleX(var(--line-progress,1));transform-origin:left}
[data-reveal]{opacity:var(--reveal-opacity,1);transform:translate3d(0,var(--reveal-y,0px),0);transition:none!important}
.product-image img{transform:translate3d(0,var(--device-y,0px),0) rotate(var(--device-angle,0deg));transition:none}
.product-card:hover .product-image img{transform:translate3d(0,var(--device-y,0px),0) rotate(var(--device-angle,0deg))}
.card-ring{transform:rotate(var(--orbit-angle,-22deg)) scale(var(--orbit-scale,1));transition:none}
@media(max-width:640px){.philosophy-section{padding:115px 22px 120px}.philosophy-inner>div:first-child{text-align:left}.philosophy-section h2{font-size:clamp(50px,13vw,64px)}.philosophy-right{margin-top:40px}.philosophy-right .large-body{text-align:left;margin-bottom:60px;font-size:19px}.philosophy-right li{font-size:25px;line-height:1.35;padding:25px 0;display:flex;gap:18px}.philosophy-right li span{width:auto;flex:none;padding-top:9px}.philosophy-right li:nth-child(n){margin-left:0}.philosophy-orbit{height:68%;width:190%;left:-50%;top:20%}.studio-section{min-height:75svh;padding:115px 22px}.studio-section h2{font-size:clamp(59px,15vw,77px)}.studio-orbit{right:-75vw}.support-section{padding-top:100px}.support-head h2{line-height:1.1}}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1!important;transform:none!important}.product-image img,.product-card:hover .product-image img{transform:none}.phone-screen::after{display:none}}
.products-section::before,.philosophy-section::before,.studio-section::before,.support-section::before{mask-image:linear-gradient(transparent,black 25%,black 75%,transparent)}

/* The list retains semantic reading order while its visual beats follow scroll. */
.philosophy-section.has-principle-motion{overflow:clip}
.has-principle-motion .principles-track{height:calc(55svh + var(--principles-height,360px));position:relative}
.has-principle-motion .philosophy-right ol{position:sticky;top:18svh;width:100%;perspective:900px}
.has-principle-motion .philosophy-right li{opacity:0;transform-origin:left center;transition:none;will-change:transform,opacity,filter}
.has-principle-motion .philosophy-orbit{transform:translate3d(var(--mouse-x,0px),var(--mouse-y,0px),0) rotate(var(--orbit-angle,-24deg)) scale(var(--orbit-scale,1));transition:transform .22s ease-out}
.has-principle-motion::before{transform:translate3d(calc(var(--mouse-x,0px) * -.45),calc(var(--ambient-y,0px) + var(--mouse-y,0px) * -.45),0);transition:transform .3s ease-out}
@media(prefers-reduced-motion:reduce){.has-principle-motion .principles-track{height:auto}.has-principle-motion .philosophy-right ol{position:static}.has-principle-motion .philosophy-right li{opacity:1!important;filter:none!important;transform:none!important;will-change:auto}.has-principle-motion .philosophy-orbit{transform:rotate(-24deg)}.has-principle-motion::before{transform:none}}
