/* Artwork invitation and customization journey. Scoped to avoid storefront changes. */
.artwork-invitation{padding:100px 0 0;background:#f6f8fb;color:#102a43;overflow:hidden}.ai-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:6%;align-items:center}.ai-copy{padding:40px 0}.artwork-invitation h2,.customization-page h1,.customization-page h2{font-weight:600;letter-spacing:-.045em;line-height:1.12;margin:18px 0 24px}.artwork-invitation h2{font-size:clamp(36px,4.1vw,62px)}.artwork-invitation em,.customization-page em{font-style:normal;color:#547caa}.ai-copy>p{max-width:450px;font-size:17px;line-height:1.8;color:#506374}.ai-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:28px}.ai-actions .button{gap:24px;min-height:50px;border-radius:99px}.ai-actions .text-link{font-size:14px}.ai-tones{display:flex;gap:14px;align-items:center;margin-top:32px;font-size:13px;font-weight:600}.ai-tones small{display:block;font-size:11px;color:#697d90;font-weight:400;margin-top:5px}.ai-swatches{display:flex;padding-right:6px}.ai-swatches i{width:20px;height:20px;border-radius:50%;border:1px solid #c4ced8;background:#192632;margin-right:-5px}.ai-swatches i:nth-child(2){background:linear-gradient(120deg,#cad1d8,#f0f3f5,#8797a6)}.ai-swatches i:last-child{background:white}.ai-object-scene{position:relative;display:block;height:540px;color:#102a43;text-decoration:none;isolation:isolate}.ai-object-scene:before{content:'';position:absolute;width:85%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#dde9f5 0,#edf2f8 52%,transparent 70%);left:7%;top:10%;z-index:-1}.ai-product{position:absolute;width:88%;height:88%;object-fit:contain;left:-5%;top:9%;mix-blend-mode:multiply}.ai-scene-title{position:absolute;left:3%;top:0;font-size:10px;letter-spacing:.14em;color:#687c90;z-index:2}.ai-scene-title b{display:block;font-size:20px;letter-spacing:-.03em;font-weight:500;color:#102a43;margin-top:6px}.ai-motif{position:absolute;width:158px;height:158px;right:1%;top:27%;border-radius:50%;background:linear-gradient(135deg,#fefefe,#d7e0e8 65%,#98a9b9);box-shadow:inset 0 0 0 1px #b7c5d1,0 25px 45px #163d6120;transform:rotate(-12deg) skewY(7deg);font-size:112px;font-weight:800;line-height:158px;text-align:center;color:#142330}.ai-motif-base,.ai-motif-float{position:absolute;inset:0}.ai-motif-base{opacity:.2;filter:blur(1px)}.ai-motif-float{transform:translate(-12px,-13px);text-shadow:5px 7px 0 #102a4314;transition:transform .7s ease}.ai-object-scene:hover .ai-motif-float,.ai-object-scene:focus-visible .ai-motif-float{transform:translate(-20px,-23px)}.ai-scene-caption{position:absolute;bottom:10px;left:3%;right:0;font-size:9px;letter-spacing:.1em;color:#627485;display:flex;align-items:center;justify-content:space-between}.ai-scene-caption b{font-size:26px;color:#2363e8}.ai-steps{list-style:none;padding-top:34px!important;padding-bottom:38px!important;margin-top:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid #dce5ef}.ai-steps li{display:flex;gap:18px}.ai-steps li>span{color:#2363e8;font-size:12px;padding-top:5px}.ai-steps h3{margin:0 0 7px;font-size:16px;font-weight:650}.ai-steps p{margin:0;font-size:13px;color:#627485;line-height:1.6}
.customization-page{color:#102a43}.customization-page .wrap{max-width:1280px}.customization-page p{color:#526779;line-height:1.8;font-size:16px}.customization-page h1{font-size:clamp(42px,5.2vw,76px)}.customization-page h2{font-size:clamp(30px,3.5vw,48px)}.custom-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:5%;align-items:center;padding-top:48px;padding-bottom:70px}.custom-back{display:block;color:#667c8d;font-size:12px;margin-bottom:40px;text-decoration:none}.custom-hero>div>p{max-width:530px}.custom-hero-visual{position:relative;background:#f8fafc;border-radius:50%;aspect-ratio:1}.custom-hero-visual img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:15px}.custom-hero-visual>span{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.12em;background:#fff;padding:18px 0}.custom-hero-visual b{display:block;letter-spacing:0;font-size:13px;font-weight:500;margin-top:6px}.custom-studio-band{padding:65px 0;background:#edf3f9}.custom-studio-grid{display:grid;grid-template-columns:.9fr 1fr;gap:8%;align-items:center}.studio-mark{height:350px;position:relative;max-width:400px;background:radial-gradient(ellipse,#d9e3ed,transparent 68%);perspective:800px}.studio-mark>span,.studio-mark>b{position:absolute;left:15%;top:12%;width:70%;height:75%;font-size:240px;font-weight:800;line-height:1.05;text-align:center;transform:rotateY(-28deg) rotateX(9deg);letter-spacing:-.05em}.studio-mark>span{opacity:.16;filter:blur(2px);left:20%;top:16%}.studio-mark>b{font-weight:800;text-shadow:2px 2px 0 #fff;color:#152c41}.studio-mark small{position:absolute;bottom:0;text-align:center;width:100%;font-size:9px;letter-spacing:.15em;color:#627485}.customization-page .custom-small{font-size:12px;margin-top:20px;max-width:530px}.custom-platforms,.custom-process,.custom-faq{padding-top:90px;padding-bottom:90px}.custom-heading{display:flex;gap:10%;justify-content:space-between;align-items:end;margin-bottom:42px}.custom-heading>p{max-width:440px;margin:0 0 25px}.custom-platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%}.custom-platform-grid img{width:100%;height:380px;object-fit:contain;display:block;margin-bottom:20px}.custom-platform-grid article>span{font-size:10px;letter-spacing:.12em;color:#627485}.custom-platform-grid h3{font-size:25px;letter-spacing:-.03em;margin:15px 0 12px}.custom-platform-grid p{margin:0 0 18px;max-width:470px}.custom-scope-band{background:#102a43;color:#fff;padding:75px 0}.custom-scope{display:grid;grid-template-columns:.85fr 1.2fr;gap:12%}.custom-scope h2{color:#fff}.custom-scope .eyebrow{color:#9cb8d4}.custom-scope p{color:#b8cadb}.custom-scope dl{margin:0}.custom-scope dl>div{padding:22px 0;border-bottom:1px solid #ffffff25}.custom-scope dl>div:first-child{padding-top:0}.custom-scope dt{font-size:21px;font-weight:600;display:flex;gap:20px;align-items:center}.custom-scope dt span{font-size:11px;color:#91b0ce}.custom-scope dd{margin:12px 0 0 34px;color:#bfd0de;font-size:14px;line-height:1.8}.custom-process ol{padding:0;list-style:none;margin:0}.custom-process li{display:grid;grid-template-columns:65px 1fr 190px;gap:25px;padding:30px 0;border-top:1px solid #dce5ed;align-items:start}.custom-process li>span{font-size:30px;color:#9ab0c5;font-weight:500}.custom-process h3{font-size:23px;margin:0 0 10px;letter-spacing:-.02em}.custom-process p{margin:0 0 15px;max-width:650px}.custom-process small{font-size:10px;letter-spacing:.05em;color:#65829e;line-height:1.9;padding-top:7px}.custom-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;border-top:1px solid #e2e8ee;padding-top:65px}.custom-faq details{border-bottom:1px solid #dce5ed;padding:20px 0}.custom-faq summary{font-size:17px;font-weight:600;cursor:pointer;line-height:1.6}.custom-faq details p{font-size:14px;margin:14px 0 0}.custom-final{padding:65px 0 80px;background:#f2f6fa;text-align:center}.custom-final .ai-actions{justify-content:center}.custom-final h2{margin-bottom:28px}.customization-page a:focus-visible,.artwork-invitation a:focus-visible{outline:3px solid #2363e8;outline-offset:6px}
@media(max-width:1000px){.ai-layout{gap:3%}.ai-object-scene{height:430px}.ai-motif{width:120px;height:120px;font-size:86px;line-height:120px}.custom-platform-grid img{height:300px}.custom-process li{grid-template-columns:45px 1fr 150px;gap:15px}.custom-scope{gap:7%}}@media(max-width:760px){.artwork-invitation{padding-top:45px}.ai-layout,.custom-hero,.custom-studio-grid,.custom-scope,.custom-faq{grid-template-columns:1fr}.ai-copy{padding:10px 0 20px}.ai-copy>p{font-size:16px}.ai-object-scene{height:390px;max-width:450px;width:100%;margin:15px auto 0}.ai-scene-title{top:0}.ai-motif{top:25%;right:2%}.ai-steps{grid-template-columns:1fr;gap:22px;margin-top:20px;padding-top:25px!important;padding-bottom:30px!important}.ai-steps h3{font-size:16px}.ai-steps p{font-size:13px}.custom-hero{padding-top:30px;padding-bottom:35px}.custom-back{margin-bottom:28px}.custom-hero-visual{max-width:430px;width:100%;margin:20px auto 0}.custom-studio-band{padding:35px 0 45px}.studio-mark{height:260px;width:100%;margin:0 auto 25px}.studio-mark>span,.studio-mark>b{font-size:180px}.custom-heading{display:block;margin-bottom:25px}.custom-heading>p{margin-bottom:0}.custom-platforms,.custom-process,.custom-faq{padding-top:50px;padding-bottom:50px}.custom-platform-grid{gap:30px;grid-template-columns:1fr}.custom-platform-grid img{height:310px;margin-bottom:15px}.custom-platform-grid h3{font-size:23px}.custom-scope-band{padding:45px 0}.custom-scope dl{margin-top:25px}.custom-process li{grid-template-columns:36px 1fr;gap:15px;padding:25px 0}.custom-process small{grid-column:2;padding:0}.custom-process h3{font-size:20px}.custom-process p{font-size:14px}.custom-faq{gap:10px}.custom-final{padding:45px 0 55px}.customization-page .ai-actions{gap:18px}.ai-tones{margin-top:25px}.ai-scene-caption{font-size:8px}}@media(prefers-reduced-motion:reduce){.ai-motif-float{transition:none}}
/* Three real product viewers in one transparent stage. */
.home-product-viewer{min-width:0;position:relative;padding:15px 0 0}.hp-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:0 10px 20px}.hp-heading .eyebrow{font-size:10px;margin:0;letter-spacing:.12em}.hp-live{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.1em;color:#55728e}.hp-live i{width:5px;height:5px;border-radius:50%;background:#2363e8}.hp-tabs{display:flex;gap:22px;padding:0 10px;border-bottom:1px solid #dce5ed}.hp-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:0 0 13px;margin-bottom:-1px;color:#63788a;font-family:inherit;font-size:13px;cursor:pointer;white-space:nowrap}.hp-tabs button[aria-selected=true]{border-bottom-color:#2363e8;color:#102a43;font-weight:700}.hp-product-panel{position:relative;min-width:0;isolation:isolate}.hp-product-panel:before{content:'';position:absolute;inset:10% 3% 15%;border-radius:50%;background:radial-gradient(ellipse,#e4edf7 0,#edf3f9 40%,transparent 70%);z-index:-1}.hp-product-panel iframe{display:block;width:100%;height:500px;border:0;background:transparent}.hp-loading{position:absolute;inset:0 0 55px;display:grid;place-content:center;text-align:center;background:#f6f8fb;color:#627485;font-size:13px;padding:30px;pointer-events:none}.hp-loading[hidden]{display:none}.hp-caption{display:flex;gap:15px;justify-content:space-between;align-items:center;margin:12px 10px 0;color:#526d86;font-size:11px;line-height:1.6}.hp-caption a{white-space:nowrap;color:#2363e8;text-decoration:none}.home-product-viewer .hp-note{color:#778b9d;font-size:10px;line-height:1.6;margin:9px 10px 0}.hp-tabs button:focus-visible{outline:3px solid #2363e8;outline-offset:4px}@media(max-width:1000px){.hp-tabs{gap:16px}.hp-tabs button{font-size:12px}.hp-heading{gap:8px}.hp-live{font-size:8px}.hp-caption{font-size:10px}}@media(max-width:760px){.home-product-viewer{margin-top:20px}.hp-heading{margin-bottom:18px}.hp-tabs{gap:24px}.hp-tabs button{font-size:13px}.hp-caption{font-size:11px}.home-product-viewer .hp-note{font-size:10px}.ai-layout{gap:5px}.ai-copy{padding-bottom:10px}}@media(max-width:460px){.hp-product-panel iframe{height:435px}.hp-loading{bottom:65px}.hp-heading{margin-left:5px;margin-right:5px}.hp-heading .eyebrow{font-size:9px}.hp-tabs{gap:18px;padding:0 5px}.hp-tabs button{font-size:12px}.hp-caption{align-items:flex-start;font-size:10px;margin-left:5px;margin-right:5px}.home-product-viewer .hp-note{margin-left:5px;margin-right:5px}}
/* A wide product atelier: deliberately broader than the homepage reading grid. */
.artwork-invitation{padding-top:72px;background:radial-gradient(ellipse at 76% 40%,#e4eef8 0,transparent 47%),linear-gradient(115deg,#f8fafc,#eef3f8);position:relative}
.artwork-invitation>.container{width:min(1760px,calc(100% - 112px));max-width:none}
.artwork-invitation .ai-layout{grid-template-columns:minmax(300px,.72fr) minmax(0,1.5fr);gap:6%;align-items:center}
.artwork-invitation .ai-copy{max-width:480px;padding:48px 0}
.artwork-invitation h2{font-size:clamp(42px,4.1vw,72px);line-height:1.07;letter-spacing:-.05em}
.artwork-invitation .ai-copy>p{font-size:18px;line-height:1.85;max-width:430px}
.artwork-invitation .ai-copy>.eyebrow{font-size:12px;color:#526d86;letter-spacing:.14em;margin-bottom:24px}
.artwork-invitation .ai-tones{font-size:14px}.artwork-invitation .ai-tones small{font-size:12px}
.artwork-invitation .home-product-viewer{padding-top:0}
.artwork-invitation .hp-product-panel iframe{height:660px}
.artwork-invitation .hp-heading{margin:0 12px 24px}.artwork-invitation .hp-heading .eyebrow{font-size:12px}.artwork-invitation .hp-live{font-size:10px}
.artwork-invitation .hp-tabs{gap:30px;padding:0 12px}.artwork-invitation .hp-tabs button{font-size:15px;padding-bottom:16px}
.artwork-invitation .hp-caption{font-size:13px;margin-top:10px}.artwork-invitation .hp-note{font-size:12px;color:#627485;margin-top:12px}
.artwork-invitation .ai-steps{margin-top:32px;padding-top:28px!important;padding-bottom:34px!important;gap:6%;border-color:#ccd9e6}
.artwork-invitation .ai-steps h3{font-size:18px}.artwork-invitation .ai-steps p{font-size:14px}
@media(min-width:1900px){.artwork-invitation>.container{width:min(1840px,calc(100% - 144px))}}
@media(max-width:1100px){.artwork-invitation>.container{width:calc(100% - 64px)}.artwork-invitation .ai-layout{grid-template-columns:.85fr 1.15fr;gap:4%}.artwork-invitation .hp-product-panel iframe{height:560px}.artwork-invitation .hp-tabs{gap:18px}.artwork-invitation .hp-tabs button{font-size:13px}.artwork-invitation .hp-live{display:none}.artwork-invitation .ai-copy>p{font-size:16px}}
@media(max-width:800px){.artwork-invitation{padding-top:40px}.artwork-invitation>.container{width:calc(100% - 40px)}.artwork-invitation .ai-layout{grid-template-columns:1fr;gap:20px}.artwork-invitation .ai-copy{max-width:600px;padding:12px 0}.artwork-invitation h2{font-size:clamp(40px,7.5vw,58px)}.artwork-invitation .ai-copy>p{max-width:560px}.artwork-invitation .home-product-viewer{margin-top:12px}.artwork-invitation .hp-tabs{gap:26px}.artwork-invitation .hp-tabs button{font-size:14px}.artwork-invitation .ai-steps{gap:22px;grid-template-columns:1fr}.artwork-invitation .hp-live{display:flex}}
@media(max-width:460px){.artwork-invitation .hp-product-panel iframe{height:470px}.artwork-invitation .hp-tabs{gap:20px;overflow-x:auto;scrollbar-width:none}.artwork-invitation .hp-tabs button{font-size:12px}.artwork-invitation .hp-heading .eyebrow{font-size:10px}.artwork-invitation .hp-caption{font-size:11px}.artwork-invitation .hp-note{font-size:11px}.artwork-invitation .hp-live{font-size:9px}}
.artwork-invitation .hp-tabs{overflow-x:auto;scrollbar-width:none}.artwork-invitation .hp-tabs::-webkit-scrollbar{display:none}
