/* All product layers share the same scene; the case print uses its insert's exact outline. */
.clear-hero .r2-hero-grid{grid-template-columns:1fr 1.08fr;gap:28px;align-items:start;min-height:0;padding-top:26px}
.clear-hero .r2-hero-copy{padding:95px 0 30px}
.clear-hero .r2-hero-copy>.eyebrow{font-size:14px;line-height:1.6;letter-spacing:.12em;margin-bottom:25px}
.clear-hero .r2-hero-copy h1{font-size:clamp(64px,6.7vw,96px);line-height:1.06;letter-spacing:-.06em;text-shadow:none}
.clear-hero .r2-hero-copy>p{font-size:18px;line-height:1.8;max-width:470px;margin:29px 0}
.clear-hero .r2-hero-copy .btn{font-size:16px;min-height:55px;padding:16px 20px}
.hero-story-link{display:flex;gap:8px 12px;flex-wrap:wrap;align-items:center;width:fit-content;max-width:100%;min-height:44px;font-size:16px;line-height:1.7;margin-top:22px;color:#c3ccdb}
.hero-story-link strong{font-size:15px;color:#ffb478;display:inline-flex;gap:8px;align-items:center;font-weight:700}
.hero-story-link .icon{height:15px;width:15px}.hero-story-link:hover{color:#fff}.hero-story-link:hover strong{color:#ffd0a5;text-decoration:underline;text-underline-offset:4px}
.clear-hero .hero-address{display:flex;margin-top:12px;font-size:15px;line-height:1.7;flex-wrap:wrap;row-gap:6px}.clear-hero .hero-address>span{font-size:14px;margin-left:8px}
.clear-hero .hero-stage{position:relative;width:100%;max-width:660px;height:auto;min-height:0;margin:0;justify-self:end;perspective:none;isolation:auto}.clear-hero .hero-stage:before{display:none}
.hero-product-canvas{position:relative;width:100%;max-width:580px;margin-inline:auto;aspect-ratio:1;isolation:isolate;perspective:1100px;--tilt-x:0deg;--tilt-y:0deg;--scene-x:50%;--scene-y:50%}
.hero-product-canvas .depth-plane{position:absolute;inset:0;isolation:isolate}
.hero-product-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;animation:none!important;transform:none!important;opacity:1!important;filter:drop-shadow(2px 12px 14px #0005)}
.hero-case-model,.hero-callout-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.hero-case-model{z-index:1;filter:drop-shadow(5px 14px 18px #0007)}.hero-callout-lines{z-index:3}
.hero-callout-lines>path{fill:none;stroke:#d3a57970;stroke-width:1.15;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s}
.hero-callout-lines circle{fill:#ff9f3a0d;stroke:#efb37760;stroke-width:1;vector-effect:non-scaling-stroke}
.hero-callout-lines .style-connector,.hero-callout-lines .style-pin-ring{stroke:#bba7bf70}
.hero-callout-lines .accessory-connector{stroke:#a9d4d070;stroke-width:1.15;stroke-dasharray:none}
.hero-product-pin{position:absolute;z-index:5;width:44px;height:44px;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center;outline-offset:2px}
.hero-product-pin>span{width:24px;height:24px;border:1px solid #ffc489;border-radius:50%;background:#141c28f0;display:grid;place-items:center;font-size:13px;font-weight:800;color:#ffd4aa;box-shadow:0 0 0 5px #ffb25515;line-height:1}
.board-pin{left:60.2073%;top:48.0064%}.case-pin{left:87.7193%;top:51.8341%}.glass-pin{left:19.9362%;top:12.7592%}.cable-pin{left:4.1467%;top:47.8469%}
.case-pin>span{border-color:#e1bfdc;color:#f0d8ec;box-shadow:0 0 0 5px #e0b0d912}.accessory-pin>span{border-color:#a9d4d0;color:#cce9e7;box-shadow:0 0 0 5px #a9d4d012}
.hero-product-pin:hover>span{background:#3d2c1f;border-color:#ffe0bb}.case-pin:hover>span{background:#352936;border-color:#ffe0fa}.accessory-pin:hover>span{background:#203635;border-color:#e0ffff}
.hero-product-controls{display:grid;grid-template-columns:1fr 1.1fr;gap:12px;position:relative;z-index:6;margin-top:0}.hero-left-controls{display:grid;grid-template-rows:1fr 1fr;gap:10px;min-width:0}
.hero-service-card,.hero-style-card,.hero-accessory-card{border:1px solid #584333;border-radius:14px;padding:17px 18px;background:linear-gradient(135deg,#19212de8,#111822f5);box-shadow:0 12px 30px #0002;min-width:0}
.hero-service-card,.hero-accessory-card{display:flex;flex-direction:column;justify-content:center;transition:border-color .2s,background .2s}
.hero-style-card{border-color:#504153;background:linear-gradient(135deg,#211d28ef,#141821f5);scroll-margin-top:24px}.hero-accessory-card{border-color:#3c5558;background:linear-gradient(135deg,#18272aeb,#121b24f5)}
.hero-control-heading{display:flex;align-items:center;gap:9px;margin-bottom:9px;min-width:0}.hero-control-heading h3{font-size:19px;line-height:1.35;letter-spacing:-.025em;flex:1}
.hero-control-heading>.icon{width:16px;height:16px;color:#b8a38e;flex-shrink:0}.hero-control-number{height:23px;width:23px;border:1px solid #a2784a70;background:#ff9f2e06;border-radius:50%;color:#ffcc9a;display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0;line-height:1}
.hero-style-card .hero-control-number{border-color:#ab83ad77;color:#ebcde6}.hero-accessory-card .hero-control-number{border-color:#a9d4d070;color:#bfe1df}.hero-accessory-card .icon{color:#bfe1df}
.hero-service-card>p,.hero-style-card>p,.hero-accessory-card>p{font-size:15px;line-height:1.7;color:#acb6c7;margin:0}
.hero-style-card>p.hero-case-material{font-size:14px;color:#c6b6c9;line-height:1.65}
.hero-service-card:hover{border-color:#d29c66;background:#252936}.hero-service-card:hover h3{color:#ffd3a8}.hero-accessory-card:hover{border-color:#a9d4d0;background:#203036}.hero-accessory-card:hover h3{color:#d1f2ef}
.hero-case-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:14px}
.hero-case-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 4px;min-width:0;min-height:64px;border:1px solid #4c4656;border-radius:9px;background:#171d29;color:#bfc3d0;font-size:12px;line-height:1.4;font-weight:600;transition:border-color .2s,background .2s}
.hero-case-choice:hover{border-color:#ba8b69;background:#282631}.hero-case-choice[aria-pressed=true]{border-color:#f4ad6c;background:#3d2a21;color:#ffdbb8;box-shadow:0 0 0 1px #f4ad6c1c}.hero-case-choice[aria-pressed=true]:after{content:'✓';position:absolute;right:5px;top:2px;font-size:10px;color:#ffc082}
.hero-pattern{display:block;width:30px;height:30px;flex-shrink:0;border-radius:6px;border:1px solid #ffffff2b;background-size:cover;background-position:center}
.pattern-orange{background-image:url('/assets/design-orange.svg')}.pattern-sunset{background-image:url('/assets/design-sunset.svg')}.pattern-minimal{background-image:url('/assets/design-minimal.svg')}.pattern-photo{background-image:url('/assets/design-photo.webp');background-position:50% 65%}
.hero-case-detail{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;margin-top:12px}.hero-case-detail .hero-case-caption{margin:0;color:#c6b4c8;font-size:13px;line-height:1.65}.hero-case-detail>.text-link{font-size:14px;line-height:1.65;color:#e0c8df;gap:6px}.hero-case-detail>.text-link>.icon{height:13px;width:13px}
.hero-style-card:target{border-color:#e6a6d7;box-shadow:0 0 0 3px #e6a6d71a}.hero-product-note{font-size:13px;line-height:1.7;color:#8f9aaf;margin:14px 0 0;text-align:center;padding:0 8px}
.hero-stage:has(.board-pin:hover,.board-pin:focus-visible,.hero-service-card:hover,.hero-service-card:focus-visible) .service-connector{stroke:#ffbe7e}.hero-stage:has(.case-pin:hover,.case-pin:focus-visible,.hero-style-card:hover,.hero-style-card:focus-within) .style-connector{stroke:#efc5e8}.hero-stage:has(.accessory-pin:hover,.accessory-pin:focus-visible,.hero-accessory-card:hover,.hero-accessory-card:focus-visible) .accessory-connector{stroke:#d3fffa;stroke-width:1.6}
.clear-hero .hero-shortcuts{margin-top:35px}.clear-hero .hero-shortcuts .shortcut-desc{white-space:normal;line-height:1.6}.design-dot-photo{background:url('/assets/design-photo.webp') 50% 65%/cover}.design-switcher{flex-wrap:wrap}.design-switcher>button{min-height:44px}
@media(max-width:1150px){.clear-hero .r2-hero-grid{gap:22px;grid-template-columns:1fr 1.02fr}.clear-hero .r2-hero-copy h1{font-size:80px}.clear-hero .r2-hero-copy>.eyebrow{font-size:13px}.clear-hero .r2-hero-copy>p{max-width:420px}.clear-hero .r2-hero-copy .btn{font-size:15px;padding:15px 17px}.hero-control-heading h3{font-size:18px}.hero-service-card,.hero-style-card,.hero-accessory-card{padding:15px}.hero-service-card>p,.hero-style-card>p,.hero-accessory-card>p{font-size:14px}.hero-case-options{gap:6px}.hero-case-choice{font-size:12px;padding:8px 3px}.hero-story-link{font-size:15px}}
@media(max-width:950px){.clear-hero .r2-hero-grid{grid-template-columns:1fr 1fr;gap:20px;align-items:center}.clear-hero .r2-hero-copy{padding:28px 0 35px}.clear-hero .r2-hero-copy h1{font-size:66px}.clear-hero .r2-hero-copy>p{font-size:17px;line-height:1.75}.clear-hero .r2-hero-copy .btn{font-size:15px;min-height:52px}.clear-hero .hero-address{font-size:14px}.clear-hero .hero-address>span{font-size:13px}.hero-product-controls{gap:10px;grid-template-columns:1fr 1.1fr}.hero-service-card,.hero-style-card,.hero-accessory-card{padding:13px}.hero-control-heading{gap:7px;flex-wrap:wrap}.hero-control-heading h3{font-size:17px;flex-basis:calc(100% - 32px)}.hero-control-heading>.icon{display:none}.hero-control-number{width:21px;height:21px;font-size:12px}.hero-service-card>p,.hero-style-card>p,.hero-accessory-card>p{font-size:14px;line-height:1.65}.hero-case-options{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-pattern-name{display:none}.hero-case-choice{min-height:47px;padding:7px 3px}.hero-pattern{height:27px;width:27px}.hero-case-detail>.text-link{font-size:13px}.hero-product-note{font-size:12px}}
@media(max-width:740px){.clear-hero .r2-hero-grid{grid-template-columns:1fr;gap:24px;padding-top:24px}.clear-hero .r2-hero-copy{padding:0}.clear-hero .r2-hero-copy>.eyebrow{font-size:13px;letter-spacing:.1em;margin-bottom:18px}.clear-hero .r2-hero-copy h1{font-size:clamp(52px,12.7vw,76px);line-height:1.08;letter-spacing:-.055em}.clear-hero .r2-hero-copy>p{font-size:17px;line-height:1.75;max-width:530px;margin:23px 0 25px}.clear-hero .r2-hero-copy .hero-buttons>.btn{flex:1 1 180px;font-size:16px;min-height:54px;padding:15px 17px}.hero-story-link{font-size:15px;line-height:1.7;margin-top:19px;gap:3px 10px;min-height:44px}.hero-story-link strong{font-size:15px}.clear-hero .hero-address{font-size:15px;margin-top:9px;gap:8px}.clear-hero .hero-address>span{font-size:14px;margin-left:5px}.clear-hero .hero-stage{max-width:570px;justify-self:center}.hero-service-card,.hero-style-card,.hero-accessory-card{padding:14px}.hero-control-heading{gap:7px;margin-bottom:9px}.hero-control-heading h3{font-size:18px;flex-basis:calc(100% - 30px);line-height:1.4}.hero-service-card>p,.hero-style-card>p,.hero-accessory-card>p{font-size:14px;line-height:1.7}.hero-case-choice{min-height:48px;padding:7px 3px}.hero-pattern{width:29px;height:29px}.hero-case-detail>.text-link{font-size:14px}.hero-product-note{font-size:13px;line-height:1.7;margin-top:13px;padding-inline:0}.clear-hero .hero-shortcuts{margin-top:27px}.hero-product-pin>span{height:22px;width:22px;font-size:12px}.hero-callout-lines>path{stroke-width:1;stroke-dasharray:none}}
@media(max-width:380px){.clear-hero .r2-hero-copy h1{font-size:50px}.clear-hero .r2-hero-copy>.eyebrow{font-size:12px}.hero-service-card,.hero-style-card,.hero-accessory-card{padding:12px}.hero-control-heading h3{font-size:17px}.hero-control-number{height:20px;width:20px}.hero-service-card>p,.hero-style-card>p,.hero-accessory-card>p{font-size:13px}.hero-style-card>p.hero-case-material{font-size:13px}.hero-case-options{gap:5px}.hero-pattern{height:25px;width:25px}.hero-case-choice{padding:7px 2px;min-height:44px}.hero-case-detail .hero-case-caption,.hero-case-detail>.text-link{font-size:12px}.hero-story-link,.hero-story-link strong{font-size:14px}.hero-product-note{font-size:12px}}

.shortcut-title{font:inherit;white-space:nowrap}
@media(max-width:740px){.clear-hero .hero-shortcuts>a,.clear-hero .hero-shortcuts>a+a{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 22px auto;justify-items:center;align-items:center;align-content:start;text-align:center;padding:19px 5px 20px;gap:10px;font-size:15px;line-height:1.5}.clear-hero .hero-shortcuts>a>span:first-child{margin:0;grid-row:1}.clear-hero .hero-shortcuts>a>.icon:first-of-type{grid-row:2;width:20px;height:20px}.clear-hero .hero-shortcuts .shortcut-title{grid-row:3;letter-spacing:-.025em}.clear-hero .hero-shortcuts .shortcut-desc,.clear-hero .hero-shortcuts>a>.icon:last-child{display:none}}