.opening{height:100svh;position:relative;overflow:hidden;background:#f7f5f1;isolation:isolate}.device-fallback{position:absolute;inset:0;pointer-events:none}.device-fallback img,.device-fallback picture{display:block;width:100%;height:100%;object-fit:contain}.device-fallback img{-webkit-mask-image:linear-gradient(transparent,#000 9%,#000 88%,transparent);mask-image:linear-gradient(transparent,#000 9%,#000 88%,transparent)}.opening[data-device-ready=true] .device-fallback{display:none}.device-scene{position:absolute;inset:0;pointer-events:none;z-index:3}.device-scene canvas{display:block;width:100%;height:100%}.hero-copy{position:absolute;top:25%;left:4.5%;z-index:4;width:48%;max-width:760px}.hero-copy h1{font-size:clamp(42px,4.55vw,78px);font-weight:400;letter-spacing:-.064em;line-height:1.08;margin:28px 0 26px}.hero-copy h1 span{display:block;white-space:nowrap}.hero-description{max-width:365px;font-size:16px;color:#5d5a60;line-height:1.65;margin-bottom:28px}.scene-foot{position:absolute;z-index:4;bottom:28px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:18px;font-size:11px;color:#625e66}.device-content{position:absolute;left:0;top:0;z-index:2;transform-origin:0 0;overflow:hidden;container-type:size;background:var(--purple);opacity:0;pointer-events:none;will-change:transform;border-radius:1px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.opening[data-device-ready=true] .device-content{opacity:1}.screen-panel{position:absolute;inset:0;padding:5.5cqw 6.5cqw;flex-direction:column;color:var(--paper)}.screen-bottom,.screen-nav,.screen-panel{display:flex;justify-content:space-between}.screen-bottom,.screen-nav{font-size:1.25cqw;gap:2cqw;align-items:center}.screen-nav>span:first-child{font-size:2.55cqw;letter-spacing:-.065em;font-weight:500}.screen-bottom{border-top:1px solid #ffffff50;padding-top:2cqw}.intro-composition{flex:1 1;display:flex;align-items:center;position:relative}.intro-composition p{font-size:8.8cqw;line-height:1.04;letter-spacing:-.055em;z-index:1}.screen-monogram{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:43cqw;line-height:.8;font-family:var(--serif);font-style:italic;color:#b7a0f5}.problem-panel,.solution-panel{visibility:hidden;opacity:0}.problem-panel{justify-content:center;background:var(--purple)}.reading-area{width:100%;margin:auto;display:flex;flex-direction:column;gap:3cqw}.reading-area>.eyebrow{font-size:1.2cqw}.problem-panel h2{max-width:100%;font-weight:400;font-size:6.6cqw;line-height:1.07;letter-spacing:-.05em}.reading-area>p:last-child{max-width:67cqw;font-size:1.95cqw;line-height:1.6}.solution-panel{background:var(--paper);color:var(--ink)}.solution-content{display:grid;grid-template-columns:1.45fr 1fr;align-items:center;grid-gap:7%;gap:7%;flex:1 1;padding:4cqw 0}.interface-title .eyebrow{font-size:1.1cqw;margin-bottom:2.2cqw}.interface-title h2{font-size:5.8cqw;line-height:1.07;font-weight:400;letter-spacing:-.055em}.interface-title i{color:var(--purple)}.interface-description p{font-size:1.9cqw;line-height:1.55}.sample-label{display:block;margin-top:2.7cqw;color:var(--purple)}.interface-footer,.sample-label{border-top:1px solid var(--line);padding-top:2cqw;font-size:1.1cqw}.interface-footer{display:flex;justify-content:space-between;gap:1.5cqw}.screen-home,.screen-island{display:none;position:absolute;left:50%;transform:translateX(-50%);z-index:4;background:#111115;pointer-events:none}.screen-island{top:3.2%;width:27%;height:3.5%;border-radius:30px}.screen-home{bottom:1.8%;width:34%;height:.6%;border-radius:5px}.device-content[data-format=phone] .screen-home,.device-content[data-format=phone] .screen-island{display:block}.mobile-caption{position:absolute;left:8%;top:35%;opacity:0;visibility:hidden;z-index:5;pointer-events:none}.mobile-caption h2{font-size:clamp(42px,5.8vw,84px);font-weight:400;line-height:1.03;letter-spacing:-.055em;margin:25px 0}.mobile-caption i{color:var(--purple)}.mobile-caption>p:last-child{color:#66616a}.device-content[data-layout=portrait] .screen-panel{padding:12cqw 8cqw 10cqw}.device-content[data-layout=portrait] :is(.screen-nav,.screen-bottom){font-size:2.6cqw}.device-content[data-layout=portrait] .screen-bottom{padding-top:5cqw}.device-content[data-layout=portrait] .reading-area{gap:6.5cqw}.device-content[data-layout=portrait] .reading-area>.eyebrow{font-size:2.6cqw}.device-content[data-layout=portrait] .problem-panel h2{font-size:9.6cqw}.device-content[data-layout=portrait] .reading-area>p:last-child{font-size:4.3cqw;max-width:none}.device-content[data-layout=portrait] .solution-content{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:7cqw;padding:8cqw 0}.device-content[data-layout=portrait] .interface-title .eyebrow{font-size:2.6cqw;margin-bottom:5cqw}.device-content[data-layout=portrait] .interface-title h2{font-size:10cqw}.device-content[data-layout=portrait] .interface-description p{font-size:4.25cqw}.device-content[data-layout=portrait] .sample-label{font-size:2.55cqw;margin-top:5cqw;padding-top:4cqw}.device-content[data-layout=portrait] .interface-footer{font-size:2.4cqw;gap:3cqw;padding-top:4cqw}.device-content[data-format=phone] .screen-nav>span:last-child{display:none}@media(max-width:1000px) and (min-width:769px){.hero-copy h1{font-size:4.6vw}.hero-copy .eyebrow{font-size:10px}.hero-description{max-width:315px;font-size:14px}.scene-foot{font-size:10px}}@media(max-width:768px){.hero-copy{top:118px;left:6%;right:6%;width:auto;max-width:none}.hero-copy h1{font-size:clamp(32px,8.4vw,54px);margin:20px 0;line-height:1.1;letter-spacing:-.058em}.hero-copy .eyebrow{font-size:10px;letter-spacing:.11em}.hero-description{font-size:14px;max-width:365px;margin-bottom:20px}.device-fallback{top:auto;bottom:35px;height:43%}.scene-foot{left:6%;right:6%;bottom:20px;font-size:10px;padding-top:13px}.scene-foot span:first-child,.scene-foot span:last-child{display:none}.mobile-caption{left:6%;top:105px}.mobile-caption h2{font-size:40px;margin:16px 0}.mobile-caption>p:last-child{display:none}.mobile-caption .eyebrow{font-size:10px}}@media(max-height:740px) and (min-width:769px){.hero-copy{top:21%}.hero-copy h1{margin:22px 0}.hero-description{font-size:14px;margin-bottom:22px}}@media(max-width:768px) and (max-height:740px){.hero-copy{top:106px}.hero-copy h1{font-size:clamp(29px,8vw,38px);margin:14px 0}.hero-copy .eyebrow{font-size:9px}.hero-description{font-size:13px;line-height:1.5;margin-bottom:16px}.hero-copy .button{min-height:42px;padding:12px 18px}.mobile-caption{top:98px}.mobile-caption h2{font-size:32px;margin:12px 0}}@media(prefers-reduced-motion:reduce),(scripting:none){.opening{height:auto;min-height:0;padding:130px 6% 60px;overflow:visible;display:flex;flex-direction:column}.hero-copy{position:relative;inset:auto;width:auto;max-width:none;margin:0 0 35px;order:0}.hero-copy h1{font-size:clamp(30px,5vw,70px)}.device-fallback,.device-scene,.scene-foot{display:none}.device-content{width:auto!important;height:auto!important;overflow:visible;container-type:normal;background:none;order:1}.device-content,.screen-panel{position:relative;inset:auto;opacity:1!important;visibility:visible!important;transform:none!important}.screen-panel{padding:35px 0;color:var(--ink)}.intro-panel{background:var(--purple);color:var(--paper);padding:30px;border-radius:8px;margin:20px 0 40px}.screen-bottom,.screen-nav{font-size:11px}.screen-nav>span:first-child{font-size:22px}.screen-bottom{padding-top:20px}.intro-composition p{font-size:clamp(38px,6vw,76px);margin:45px 0}.screen-monogram{font-size:clamp(140px,30vw,400px)}.problem-panel{background:none}.reading-area{gap:25px}.interface-title .eyebrow,.reading-area>.eyebrow{font-size:11px}.interface-description p,.reading-area>p:last-child{font-size:17px;max-width:720px}.interface-title h2,.problem-panel h2{font-size:clamp(32px,5vw,64px)}.solution-content{padding:35px 0;gap:30px}.interface-footer,.sample-label{font-size:11px;padding-top:20px}.interface-title .eyebrow{margin-bottom:22px}.sample-label{margin-top:25px}.mobile-caption{position:relative;inset:auto;opacity:1;visibility:visible;transform:none;margin-top:50px;order:2}.mobile-caption h2{font-size:clamp(36px,5vw,64px)}}.opening[data-device-error=true]{height:auto;min-height:0;padding:130px 6% 60px;overflow:visible;display:flex;flex-direction:column}.opening[data-device-error=true] .hero-copy{position:relative;inset:auto;width:auto;max-width:none;margin:0 0 35px;order:0;opacity:1;visibility:visible;transform:none}.opening[data-device-error=true] .hero-copy h1{font-size:clamp(30px,5vw,70px)}.opening[data-device-error=true] .hero-copy h1 span{white-space:normal}.opening[data-device-error=true] :is(.device-scene,.device-fallback,.scene-foot,.screen-island,.screen-home){display:none}.opening[data-device-error=true] .device-content{width:auto!important;height:auto!important;overflow:visible;container-type:normal;background:none;order:1;pointer-events:auto;will-change:auto}.opening[data-device-error=true] .device-content,.opening[data-device-error=true] .screen-panel{position:relative;inset:auto;opacity:1!important;visibility:visible!important;transform:none!important}.opening[data-device-error=true] .screen-panel{padding:35px 0;color:var(--ink)}.opening[data-device-error=true] .intro-panel{background:var(--purple);color:var(--paper);padding:30px;border-radius:8px;margin:20px 0 40px}.opening[data-device-error=true] :is(.screen-nav,.screen-bottom){font-size:11px}.opening[data-device-error=true] .screen-nav>span:first-child{font-size:22px}.opening[data-device-error=true] .screen-bottom{padding-top:20px}.opening[data-device-error=true] .intro-composition p{font-size:clamp(38px,6vw,76px);margin:45px 0}.opening[data-device-error=true] .screen-monogram{font-size:clamp(140px,30vw,400px)}.opening[data-device-error=true] .problem-panel{background:none}.opening[data-device-error=true] .reading-area{gap:25px}.opening[data-device-error=true] :is(.reading-area>.eyebrow,.interface-title .eyebrow){font-size:11px}.opening[data-device-error=true] :is(.reading-area>p:last-child,.interface-description p){font-size:17px;max-width:720px}.opening[data-device-error=true] :is(.problem-panel h2,.interface-title h2){font-size:clamp(32px,5vw,64px)}.opening[data-device-error=true] .solution-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));padding:35px 0;grid-gap:30px;gap:30px}.opening[data-device-error=true] :is(.interface-title,.interface-description){transform:none!important}.opening[data-device-error=true] :is(.sample-label,.interface-footer){font-size:11px;padding-top:20px}.opening[data-device-error=true] .interface-title .eyebrow{margin-bottom:22px}.opening[data-device-error=true] .sample-label{margin-top:25px}.opening[data-device-error=true] .mobile-caption{position:relative;inset:auto;opacity:1;visibility:visible;transform:none;margin-top:50px;order:2}.opening[data-device-error=true] .mobile-caption h2{font-size:clamp(36px,5vw,64px)}.opening{min-height:0}.opening[data-enhanced=true] .device-content{pointer-events:auto}.screen-logo{display:block;width:14cqw;height:auto}.screen-monogram{width:28cqw;height:35cqw;background:#b7a0f5;-webkit-mask:url(/brand/atar-symbol.svg) center/contain no-repeat;mask:url(/brand/atar-symbol.svg) center/contain no-repeat}.opening[data-device-error=true] .screen-logo{width:130px}.opening[data-device-error=true] .screen-monogram{width:34%;height:90%;max-height:320px}@media(prefers-reduced-motion:reduce),(scripting:none){.screen-logo{width:130px}.screen-monogram{width:34%;height:90%;max-height:320px}}.screen-nav .brand-lockup{font-size:2.3cqw;gap:.8cqw}.screen-nav .brand-symbol{width:3cqw;height:3cqw}.opening[data-device-error=true] .screen-nav .brand-lockup{font-size:25px;gap:8px}.opening[data-device-error=true] .screen-nav .brand-symbol{width:30px;height:30px}@media(prefers-reduced-motion:reduce),(scripting:none){.screen-nav .brand-lockup{font-size:25px;gap:8px}.screen-nav .brand-symbol{width:30px;height:30px}}.opening[data-enhanced=true] .device-scene{opacity:0;transition:opacity .18s ease-out}.opening[data-enhanced=true][data-device-ready=true] .device-scene{opacity:1}.opening[data-enhanced=true] .device-content{transition:opacity .18s ease-out}.screen-monogram{background:none;-webkit-mask:none;mask:none;color:#B69AFF;display:block}.solution-nav{justify-content:flex-end}.screen-panel .solution-nav>span{font-size:inherit;letter-spacing:normal;font-weight:400}.screen-surface{display:none}.opening[data-enhanced=true] .device-content{--screen-side:6.5cqw;--screen-edge:5.5cqw;contain:layout style paint}.opening[data-enhanced=true] .device-content[data-layout=portrait]{--screen-edge:10cqw}.opening[data-enhanced=true] .screen-surface{display:block;position:absolute;inset:0;background:var(--paper);opacity:0;visibility:hidden;will-change:opacity}.opening[data-enhanced=true] .screen-layout{position:absolute;inset:0;transform-origin:0 0;will-change:transform}.opening[data-enhanced=true] .screen-panel{padding:0;background:none}.opening[data-enhanced=true] .screen-nav{position:absolute;left:var(--screen-side);right:var(--screen-side);top:5.5cqw}.opening[data-enhanced=true] [data-layout=portrait] .screen-nav{top:12cqw}.opening[data-enhanced=true] :is(.intro-composition,.reading-area,.solution-content){position:absolute;left:var(--screen-side);right:var(--screen-side);top:50%;width:auto;height:auto;margin:0;padding:0;flex:none;translate:0 -50%;will-change:transform}.opening[data-enhanced=true] :is(.screen-bottom,.interface-footer){position:absolute;left:var(--screen-side);right:var(--screen-side);bottom:var(--screen-edge);will-change:transform}.interface-description-position,.interface-title-position{min-width:0;transform-origin:0 0}.opening[data-enhanced=true] :is(.interface-title-position,.interface-description-position){will-change:transform}.opening[data-enhanced=true] .solution-content{display:grid;grid-template-columns:1.45fr 1fr;align-items:center;grid-gap:7%;gap:7%;padding:0}.opening[data-enhanced=true] .interface-title .eyebrow{font-size:1.1cqw;margin-bottom:2.2cqw}.opening[data-enhanced=true] .interface-title h2{font-size:5.8cqw}.opening[data-enhanced=true] .interface-description p{font-size:1.9cqw}.opening[data-enhanced=true] .sample-label{font-size:1.1cqw;margin-top:2.7cqw;padding-top:2cqw}.opening[data-enhanced=true] .interface-footer{font-size:1.1cqw;gap:1.5cqw;padding-top:2cqw}.opening[data-enhanced=true] .interface-footer>span{will-change:transform}.opening[data-enhanced=true] :is(.hero-copy,.mobile-caption,.problem-panel,.interface-title,.interface-description){will-change:transform,opacity}