/* Transparent, slanted surfaces echo the approved logo without altering it. */
.button,.button.dark,.service .button{position:relative;isolation:isolate;background:transparent;color:var(--button-text,#e8f4ec);border:0;border-radius:9px;padding:17px 35px;box-shadow:none}.button::before{content:'';position:absolute;inset:0;z-index:-1;background:rgba(182,218,203,.13);border:1px solid rgba(182,218,203,.6);border-radius:9px;transform:skewX(-13deg);transition:background .2s,box-shadow .2s;backdrop-filter:blur(4px)}.button::after{content:'';position:absolute;right:11px;top:23%;height:54%;width:5px;border-inline:1px solid currentColor;transform:skewX(-13deg);opacity:.5}.button:hover,.button.dark:hover,.service .button:hover{color:var(--button-text,#fff);background:transparent}.button:hover::before{background:rgba(182,218,203,.25);box-shadow:0 6px 24px #0002}.button:active::before{background:rgba(182,218,203,.35)}.button:disabled{opacity:.45;cursor:not-allowed}.service,.resin-panel{--button-text:#142720}.platform{background:#b6dacb0a;border-radius:11px;border-color:#b6dacb55}.platform:hover{background:#b6dacb16}
.carbon-twill{background-color:#142720;background-image:linear-gradient(110deg,#142720ed,#14272090),repeating-linear-gradient(135deg,#79938835 0 3px,#06110d90 3px 7px,#63786d35 7px 10px,#07120e90 10px 14px)}.carbon-plain{background-color:#13241d;background-image:linear-gradient(135deg,#29453ccc,#0d1b17e8),repeating-conic-gradient(#82958c45 0 25%,#06110dbb 0 50%);background-size:auto,12px 12px}.carbon-forged{background-color:#11241b;background-image:linear-gradient(115deg,#0e1c1690,#152e23c9),repeating-conic-gradient(from 35deg at 20% 40%,#8a9b8840 0deg 12deg,#091910 12deg 35deg,#3b574670 35deg 42deg,#0b1911 42deg 75deg);background-size:auto,67px 43px}
.app-section{position:relative;gap:4vw;padding-block:80px;overflow:hidden;grid-template-columns:1.05fr 1fr}.app-section h2{font-size:clamp(40px,4.5vw,70px)}.app-showcase{position:relative;min-height:540px;padding:20px 65px 70px 5px;perspective:1000px;--showcase-progress:.5}.app-preview{position:relative;z-index:2;transform:rotateY(calc(-8deg + var(--showcase-progress)*14deg)) rotateZ(-4deg) translateY(calc(20px - var(--showcase-progress)*40px));padding:30px 25px;border-radius:22px;box-shadow:25px 30px 65px #0006,inset 1px 1px #c3ded135}.app-preview h3{font-size:34px;margin:28px 0}.app-preview>a,.app-preview>button{display:flex;align-items:center;gap:15px;border:0;border-top:1px solid var(--line);width:100%;padding:20px 0;font-size:14px;text-align:left}.app-preview>a:hover,.app-preview>button:hover{color:var(--mint)}.app-preview>b{margin-left:auto}.app-orbit{position:absolute;inset:5% -5% 5% -5%;border:1px solid #b6dacb22;border-radius:50%;transform:rotateX(55deg) rotateZ(calc(var(--showcase-progress)*70deg));box-shadow:0 0 45px #b6dacb0c}.showcase-tile{position:absolute;right:0;bottom:60px;padding:24px;z-index:3;min-width:195px;border:1px solid #b6dacb55;border-radius:14px;box-shadow:0 15px 35px #0005;transform:translateY(calc(25px - var(--showcase-progress)*50px)) rotate(6deg)}.showcase-tile strong{display:block;font-size:24px;line-height:1.1;margin:15px 0}.showcase-tile>span:last-child{font-size:12px}.carbon-samples{position:absolute;left:0;right:0;bottom:0;display:flex;gap:12px}.carbon-samples span{display:flex;align-items:flex-end;flex:1;height:62px;padding:9px 12px;border:1px solid #b6dacb33;border-radius:8px;font-size:10px;letter-spacing:.13em}.app-actions{gap:12px}.app-section .small-note{margin-top:18px}
.resin-orbit{position:absolute;right:7vw;top:24%;height:52%;width:30%;max-width:430px;perspective:900px;transform-style:preserve-3d;pointer-events:none;--resin-turn:0deg;--resin-rise:0px;--resin-tilt:0deg;--resin-glow:.5}.scrub-ready .resin-orbit{--resin-turn:inherit;--resin-rise:inherit;--resin-tilt:inherit;--resin-glow:inherit}.resin-bottle{position:absolute;width:auto;height:85%;max-width:60%;object-fit:contain;filter:drop-shadow(18px 26px 15px #0009);transform-origin:50% 75%}.resin-a{left:3%;bottom:9%;transform:translateY(var(--resin-rise)) rotateY(var(--resin-turn)) rotateZ(-7deg) rotateX(var(--resin-tilt))}.resin-b{right:0;bottom:0;transform:translateY(calc(var(--resin-rise)*-.4)) rotateY(calc(var(--resin-turn)*-.75)) rotateZ(6deg) rotateX(var(--resin-tilt))}.resin-halo{position:absolute;inset:10% -10% -10%;background:radial-gradient(ellipse,#b6dacb60,transparent 68%);opacity:var(--resin-glow);transform:rotateX(35deg)}.resin-spark{position:absolute;left:10%;right:0;top:15%;height:1px;box-shadow:0 0 18px 2px #d1ffdf44;background:linear-gradient(90deg,transparent,#e8fff5,transparent);transform:translateY(var(--resin-rise)) rotate(-23deg);opacity:var(--resin-glow)}.material-chapter .chapter-copy{max-width:56%;}.material-chapter .chapter-copy h2{font-size:clamp(42px,5vw,78px)}
.assistant-launch{position:fixed;right:24px;bottom:22px;z-index:35;display:flex;align-items:center;gap:12px;background:#163d30ef;border:1px solid #b6dacb8a;border-radius:12px;padding:14px 20px;box-shadow:0 8px 30px #0005;color:#e5f3eb;font-size:12px;backdrop-filter:blur(8px)}.assistant-launch b{display:block;font-size:15px;font-style:italic;letter-spacing:.08em}.assistant-launch:hover{background:#245e48}.story-guide{padding-right:210px}.footer .legal{padding-bottom:65px}#shikari-chat{position:fixed;inset:auto 22px 22px auto;margin:0;width:430px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 32px);padding:0;background:#11251d;border:1px solid #b6dacb60;border-radius:20px;box-shadow:0 25px 80px #0008}#shikari-chat[open]{display:flex;flex-direction:column}#shikari-chat::backdrop{background:#04110b70;backdrop-filter:blur(2px)}.chat-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line);gap:12px}.chat-heading h2{font-size:23px;letter-spacing:-.02em;margin:5px 0 0}.chat-heading .eyebrow{font-size:9px}.chat-close{font-size:28px;border:0;padding:4px 12px}.chat-status{font-size:12px;margin:0;padding:10px 22px;color:var(--mint)}.chat-model{display:grid;grid-template-columns:1fr 90px;gap:5px 12px;padding:0 22px 10px}.chat-model label{font-size:11px;grid-row:1}.chat-model input,.chat-model select,.chat-form textarea{background:#081a12;color:#eef5ee;border:1px solid #b6dacb50;border-radius:7px;padding:8px;width:100%;min-width:0;font-size:13px}.chat-model input,.chat-model select{grid-row:2}.chat-messages{overflow-y:auto;min-height:75px;max-height:260px;flex:1;padding:10px 22px;overscroll-behavior:contain}.chat-bubble{background:#203d30;border-radius:12px 12px 12px 3px;padding:13px;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 22px 12px 0}.chat-bubble.from-user{margin:0 0 12px 22px;background:#b6dacb;color:#142720;border-radius:12px 12px 3px 12px}.chat-suggestions{display:flex;gap:8px;padding:8px 22px}.chat-suggestions button{font-size:10px;padding:7px;border-radius:7px}.chat-form{padding:12px 22px 20px;border-top:1px solid var(--line)}.chat-form>label{font-size:12px}.chat-consent{display:flex;align-items:flex-start;gap:8px;margin-top:10px}.chat-consent input{margin-top:4px;accent-color:var(--mint)}.chat-note{font-size:10px;color:#b8c8be;margin:8px 0}.chat-actions{display:flex;justify-content:space-between;align-items:center;gap:15px}.chat-actions a{font-size:11px}.chat-actions .button{font-size:12px;min-height:40px;padding:10px 22px;margin-top:0}
@media(max-width:1000px){.app-showcase{padding-right:35px}.app-preview h3{font-size:28px}.showcase-tile{min-width:150px;right:-15px}.showcase-tile strong{font-size:21px}}
@media(max-width:760px){.button{padding:16px 29px;margin-inline:4px}.app-section{grid-template-columns:1fr;gap:25px;padding-block:55px}.app-showcase{min-height:495px;margin-top:15px;padding-right:40px}.app-preview{padding:25px 20px}.showcase-tile{right:0;bottom:65px;padding:18px}.material-chapter .chapter-copy{max-width:100%;align-self:flex-start}.material-chapter .chapter-copy h2{font-size:32px}.material-chapter .chapter-copy>p:not(.eyebrow){font-size:14px;margin-bottom:18px}.resin-orbit{height:180px;width:190px;top:auto;bottom:90px;right:10%;}.material-chapter:not(.scrub-ready .material-chapter){padding-bottom:300px}.assistant-launch{right:14px;bottom:14px;padding:11px 14px}.assistant-launch>span{font-size:10px}.assistant-launch b{font-size:12px}.story-guide{padding-right:175px;bottom:22px!important}.story-guide>a{display:none}#shikari-chat{right:14px;bottom:14px}.chat-heading{padding:15px 18px}.chat-form{padding:10px 18px 16px}.chat-model{padding-inline:18px}.chat-messages{padding-inline:18px}.chat-suggestions{padding-inline:18px}.resin-spark{box-shadow:none}}
@media(max-height:650px){#shikari-chat{overflow-y:auto}.chat-messages{flex:none;max-height:170px}.chat-heading{padding-block:10px}.chat-model{padding-bottom:5px}.material-chapter .chapter-copy{max-width:60%}.material-chapter .chapter-copy h2{font-size:30px}.resin-orbit{top:28%;bottom:auto;right:5%;height:180px;width:30%}.material-chapter:not(.scrub-ready .material-chapter){padding-bottom:90px}.chat-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.app-preview,.showcase-tile,.app-orbit,.resin-bottle{transform:none!important}.resin-spark{display:none}.assistant-launch,.button::before,#shikari-chat::backdrop{backdrop-filter:none}}
/* Type proposals are opt-in via ?type=01…05; no final font choice is persisted. */
[data-font="01"]{--font-head:"Helvetica Neue",Arial,sans-serif;--font-body:"Helvetica Neue",Arial,sans-serif;--font-nav:"Helvetica Neue",Arial,sans-serif;--head-weight:300;--head-style:normal}
[data-font="02"]{--font-head:"Arial Narrow",Arial,sans-serif;--font-body:Arial,sans-serif;--font-nav:"Arial Narrow",Arial,sans-serif;--head-weight:700;--head-style:italic}
[data-font="03"]{--font-head:"DIN Condensed","Arial Narrow",sans-serif;--font-body:"Helvetica Neue",Arial,sans-serif;--font-nav:"DIN Alternate",Arial,sans-serif;--head-weight:700;--head-style:normal}
[data-font="04"]{--font-head:"Trebuchet MS",Arial,sans-serif;--font-body:"Trebuchet MS",Arial,sans-serif;--font-nav:"Trebuchet MS",Arial,sans-serif;--head-weight:700;--head-style:normal}
[data-font="05"]{--font-head:"Arial Black",Arial,sans-serif;--font-body:Arial,sans-serif;--font-nav:"Arial Narrow",Arial,sans-serif;--head-weight:900;--head-style:italic}
html[data-font] body,.type-sample{font-family:var(--font-body)}html[data-font] h1,html[data-font] h2,html[data-font] h3,.type-sample h2,.type-sample h3{font-family:var(--font-head);font-weight:var(--head-weight);font-style:var(--head-style)}html[data-font] .site-header nav,.type-sample nav{font-family:var(--font-nav);font-weight:400;font-style:italic}html[data-font] .button,.type-sample .button{font-family:var(--font-nav)}
body:has(#shikari-chat[open]){overflow:hidden}

/* Keep the decorative material tile below the actionable preview rows. */
.app-showcase{padding-bottom:90px}.showcase-tile{position:relative;display:block;right:auto!important;bottom:auto!important;width:210px;min-width:0;margin:30px 0 30px auto}.carbon-samples{bottom:0}

/* Second review: opt-in type families, original option 05 stays available. */
[data-font="06"]{--font-head:"Helvetica Neue",Arial,sans-serif;--font-body:"Helvetica Neue",Arial,sans-serif;--font-nav:"Helvetica Neue",Arial,sans-serif;--head-weight:500;--head-style:italic}
[data-font="07"]{--font-head:"Avenir Next","Segoe UI",Arial,sans-serif;--font-body:"Avenir Next",Arial,sans-serif;--font-nav:"Avenir Next",Arial,sans-serif;--head-weight:500;--head-style:normal}
[data-font="08"]{--font-head:Arial,sans-serif;--font-body:Arial,sans-serif;--font-nav:Arial,sans-serif;--head-weight:400;--head-style:italic}
[data-font="09"]{--font-head:Verdana,Arial,sans-serif;--font-body:Verdana,Arial,sans-serif;--font-nav:Verdana,Arial,sans-serif;--head-weight:400;--head-style:normal}
[data-font="10"]{--font-head:"Trebuchet MS",Arial,sans-serif;--font-body:"Trebuchet MS",Arial,sans-serif;--font-nav:"Trebuchet MS",Arial,sans-serif;--head-weight:400;--head-style:normal}
/* Only the main story CTAs; original 14px × 1.15. Padding is unchanged. */
.chapter-copy>.button{font-size:16.1px;max-width:100%;gap:20px}
.carbon-twill,.carbon-plain,.carbon-forged{--weave:url("weave-carbon.webp");background-color:#112019;background-image:linear-gradient(110deg,#11241bb8,#10201930),var(--weave);background-size:auto,256px 256px}
.carbon-plain{--weave:url("weave-titanium.webp");background-size:auto,192px 192px}
.carbon-forged{--weave:url("weave-aluminium.webp");background-size:auto,288px 288px}
.app-section{--surface-light:50%}.app-preview,.showcase-tile,.carbon-samples>span{background-image:linear-gradient(115deg,transparent 30%,#d4e5df18 48%,transparent 66%),linear-gradient(110deg,#10201899,#10201844),var(--weave);background-size:250% 100%,auto,256px 256px;background-position:var(--surface-light) 0,0 0,0 0}
.showcase-tile{background-image:linear-gradient(115deg,transparent 38%,#dfbb6430 49%,transparent 60%),linear-gradient(110deg,#10201866,#10201844),var(--weave)}
.app-preview{background-image:linear-gradient(115deg,transparent 30%,#b0d3ed24 48%,transparent 66%),linear-gradient(110deg,#10201866,#10201844),var(--weave)}
.assistant-launch{background-color:#11231deF;background-image:linear-gradient(115deg,#10251ddd,#10201899),url("weave-carbon.webp");background-size:auto,128px 128px;border-color:#bad0c38c;backdrop-filter:blur(5px);font-family:"Helvetica Neue",Arial,sans-serif;box-shadow:0 5px 18px #0005;transition:border-color .18s,transform .18s}
.assistant-launch b{font-family:Arial,sans-serif;font-weight:600;font-style:italic;letter-spacing:.06em}.assistant-launch:hover{background-color:#203b30;background-image:linear-gradient(115deg,#234234cc,#10201888),url("weave-carbon.webp");border-color:#dbede2}.assistant-launch:focus-visible{outline:2px solid #effcf5;outline-offset:4px}.assistant-launch:active{transform:translateY(1px)}
.resin-orbit{perspective:none}.resin-spark,.resin-halo{display:none}.resin-model{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 15px #0005)}.resin-still{display:block;width:100%;height:100%;object-fit:contain}.resin-model[hidden],.resin-still[hidden]{display:none}
@media(max-width:760px){.app-section{--surface-light:50%!important}.chapter-copy>.button{gap:12px}.resin-orbit{width:210px;height:245px;bottom:55px;right:5%}}
@media(max-height:650px){.resin-orbit{height:190px;width:32%;bottom:auto;top:27%}}
@media(prefers-reduced-motion:reduce){.app-section{--surface-light:50%!important}.assistant-launch{transition:none;backdrop-filter:none}}

/* Approved option 07; compact upright navigation, including touch menu. */
html[data-font="07"] .site-header nav,.type-sample[data-font="07"] nav{font-style:normal;font-weight:400;font-size:12px;line-height:1.45;letter-spacing:.015em}
html[data-font="07"] .site-header .menu-toggle{font-family:var(--font-nav);font-style:normal;font-weight:400;font-size:12px}
@media(max-width:760px){html[data-font="07"] .site-header nav{font-size:14px;line-height:1.5}}
/* Block 06: photographed cloth; metal filaments are explicitly visual concepts. */
#apps.carbon-twill{--weave:url('cloth-photo-carbon.webp');background-image:linear-gradient(100deg,#0a1916ed 5%,#101a18a8 60%,#111a1670),var(--weave);background-size:auto,cover;background-repeat:no-repeat}
#apps .carbon-plain{--weave:url('cloth-photo-titanium.webp')}
#apps .carbon-forged{--weave:url('cloth-photo-aluminium.webp')}
#apps .app-preview,#apps .showcase-tile{background-size:250% 100%,auto,cover;background-repeat:no-repeat}
#apps .app-preview{background-image:linear-gradient(115deg,transparent 30%,#b0d3ed35 48%,transparent 66%),linear-gradient(110deg,#071813c9,#10201888),var(--weave)}
#apps .showcase-tile{background-image:linear-gradient(115deg,transparent 38%,#dfbb6445 49%,transparent 60%),linear-gradient(110deg,#0a1711a8,#10201870),var(--weave)}
#apps .app-showcase{padding-bottom:0}
#apps .carbon-samples{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:38px}
#apps .carbon-samples button{--weave:url('cloth-photo-carbon.webp');position:relative;min-width:0;min-height:120px;padding:18px 12px;border:1px solid #c9d8d48c;border-radius:12px;text-align:left;background-image:linear-gradient(0deg,#081410f5, #10201842),var(--weave);background-size:auto,cover;background-repeat:no-repeat;box-shadow:inset 0 1px #eaffef30,0 7px 15px #0004;transition:border-color .2s,transform .2s}
#apps .carbon-samples button.carbon-plain{--weave:url('cloth-photo-titanium.webp');border-color:#b0d3ed99}
#apps .carbon-samples button.carbon-forged{--weave:url('cloth-photo-aluminium.webp');border-color:#cfb16b99}
#apps .carbon-samples button>span{display:block;background:none;border:0;height:auto;padding:0;font:500 15px/1.35 'Avenir Next','Segoe UI',Arial,sans-serif;letter-spacing:0;color:#f3f6f4}
#apps .carbon-samples small{display:block;margin-top:12px;font-size:10px;line-height:1.4;color:#d4ded8}
#apps .carbon-samples button:hover{transform:translateY(-3px);border-color:#f1f7f4}
#apps .carbon-samples button:active{transform:translateY(0)}
.material-dialog{width:680px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 32px);padding:0;border:1px solid #b6dacb70;border-radius:18px;background:#10231c;color:#eef4ee;overflow:auto;overscroll-behavior:contain;box-shadow:0 22px 80px #0009}
.material-dialog::backdrop{background:#030b08c9}.material-dialog-top{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;position:sticky;top:0;background:#10231cf5;z-index:1}.material-dialog-top p{margin:0}.material-close{font-size:28px;line-height:1;padding:8px 13px;border-radius:8px}.material-photo{height:180px;background:url('cloth-photo-carbon.webp') center/cover}.material-photo.titanium{background-image:url('cloth-photo-titanium.webp')}.material-photo.aluminium{background-image:url('cloth-photo-aluminium.webp')}.material-dialog-copy{padding:26px 30px 34px}.material-dialog h2{font-size:clamp(27px,5vw,42px);letter-spacing:-.025em;margin-bottom:12px}.material-dialog h3{font-size:19px;line-height:1.4;letter-spacing:0}.material-dialog p{font-size:15px;line-height:1.65}.material-dialog .material-subtitle{color:#b6dacb}.material-note{padding:16px;border-left:2px solid #b6dacb77;background:#b6dacb09}.material-dialog .button{font-size:14px;max-width:100%}body:has(.material-dialog[open]){overflow:hidden}
@media(max-width:760px){#apps .carbon-samples{grid-template-columns:1fr}#apps .carbon-samples button{min-height:96px;padding:20px}#apps .carbon-samples button>span{font-size:18px}.material-dialog-copy{padding:22px}.material-photo{height:140px}}
@media(prefers-reduced-motion:reduce){#apps .carbon-samples button{transition:none}#apps .carbon-samples button:hover{transform:none}}
/* Mobile audit: safe areas, touch controls, readable forms and tablet menu. */
.assistant-launch{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}
@media(max-width:1100px){
 .site-header{padding:16px 5vw;gap:16px}.site-header .brand img{width:135px;height:40px}.menu-toggle{display:block;min-height:44px;min-width:44px}
 .site-header nav{display:none;position:absolute;top:77px;left:0;right:0;max-height:calc(100dvh - 77px);overflow-y:auto;background:#142720fa;padding:20px 6vw 30px;overscroll-behavior:contain}
 .site-header nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}
 html[data-font="07"] .site-header nav{font-size:14px;line-height:1.5}
 .site-header nav>a,.site-header summary{padding:14px 0;min-height:44px}.site-header .dropdown{position:static;width:auto;margin:8px 0;padding:12px;box-shadow:none}.site-header .nav-contact{display:block}
 .chat-model input,.chat-model select,.chat-form textarea,.request input,.request select,.request textarea{font-size:16px}
 .chat-close,.material-close,.brand-back{min-width:44px;min-height:44px}
 .chat-suggestions button{min-height:44px}.assistant-launch{min-height:52px}
 html{scroll-padding-top:94px}
}
/* Static chapters must reserve real space for bottles instead of overlaying copy. */
.story:not(.scrub-ready) .material-chapter{display:flex;flex-direction:column;align-items:stretch;padding-bottom:80px;gap:25px}
.story:not(.scrub-ready) .material-chapter .chapter-copy{max-width:100%}
.story:not(.scrub-ready) .resin-orbit{position:relative;inset:auto;align-self:center;width:min(300px,85%);height:320px}
@media(max-width:760px){#apps .app-showcase{padding-right:10px;padding-left:10px}.app-preview{transform:none!important}.story-guide{padding-right:150px}.story-mode{min-height:44px;font-size:10px}.footer{padding-bottom:100px}}
@media(max-height:550px){#shikari-chat{max-height:calc(100dvh - 24px);overflow-y:auto}.chat-heading,.chat-model,.chat-status,.chat-suggestions,.chat-form{flex-shrink:0}.chat-messages{min-height:80px}.material-dialog{max-height:calc(100dvh - 24px)}}
/* Keep scroll scrubbing on small phones: fit the composition, not a static mode. */
@media(max-width:760px) and (max-height:740px){
 .scrub-ready .story-chapter{padding:92px 6vw 78px;align-items:center}
 .scrub-ready .chapter-copy h1,.scrub-ready .chapter-copy h2{font-size:29px;line-height:1.05;margin-bottom:12px}
 .scrub-ready .chapter-copy>p{font-size:14px;line-height:1.4;margin-bottom:12px}
 .scrub-ready .chapter-copy .eyebrow{font-size:9px;margin-bottom:12px}
 .scrub-ready .chapter-copy .chapter-detail{font-size:10px!important}
 .scrub-ready .chapter-copy>.button{font-size:14px;padding:12px 23px;min-height:46px;margin-top:4px;gap:12px}
 .scrub-ready .material-chapter{align-items:flex-start}
 .scrub-ready .material-chapter .chapter-copy{max-width:100%}
 .scrub-ready .resin-orbit{width:140px;height:155px;top:auto;bottom:65px;right:6%}
}
@media(max-width:760px) and (max-height:600px){
 .scrub-ready .material-chapter .chapter-copy h2{font-size:26px}
 .scrub-ready .material-chapter .chapter-copy>p:not(.eyebrow){font-size:12px;line-height:1.4;margin-bottom:9px}
 .scrub-ready .material-chapter .chapter-detail{display:none}
 .scrub-ready .resin-orbit{height:135px;width:120px;bottom:67px}
}
@media(min-width:761px) and (max-height:550px){
 .scrub-ready .story-chapter{padding:90px 5vw 65px}
 .scrub-ready .chapter-copy{max-width:76%}
 .scrub-ready .chapter-copy h1,.scrub-ready .chapter-copy h2{font-size:30px;line-height:1.05;margin-bottom:10px}
 .scrub-ready .chapter-copy>p{font-size:13px;line-height:1.4;margin-bottom:10px}
 .scrub-ready .material-chapter .chapter-copy{max-width:62%}
 .scrub-ready .resin-orbit{top:95px;height:190px;width:25%;right:5%}
}

.footer-grid.footer-links-only{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.footer-grid.footer-links-only{grid-template-columns:1fr 1fr}.footer-grid.footer-links-only>div:first-child{grid-column:auto}}
/* Materials: use the space below the copy for the turntable; fill Safari's expanded viewport. */
@media(max-width:1100px){.scrub-ready .story-stage{height:100dvh}}
@media(max-width:760px){
 .scrub-ready .material-chapter{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;padding-bottom:66px;align-items:stretch}
 .scrub-ready .material-chapter .chapter-copy{max-width:100%;min-width:0}
 .scrub-ready .material-chapter .resin-orbit{position:relative;inset:auto;width:100%;height:100%;max-width:none;min-height:0;align-self:stretch;justify-self:center}
 .scrub-ready .story-guide{bottom:max(10px,env(safe-area-inset-bottom))!important}
 .footer{padding-bottom:76px}.footer .legal{padding-bottom:0}
}
.cta-arrow{flex:0 0 26px;display:block;color:inherit;align-self:center}
@media(max-width:1100px){
 .site-header .menu-toggle{position:relative;isolation:isolate;min-width:112px;width:112px;min-height:34px;height:34px;padding:5px 15px;border:0;border-radius:8px;background:transparent;letter-spacing:.035em;line-height:24px}
 .site-header .menu-toggle::before{content:'';position:absolute;inset:0;z-index:-1;border:1px solid #b6dacb80;border-radius:8px;background:#b6dacb0b;transform:skewX(-10deg)}
 .site-header .menu-toggle::after{content:'';position:absolute;left:-5px;right:-5px;top:-5px;bottom:-5px}
 .site-header .menu-toggle:hover::before,.site-header .menu-toggle[aria-expanded="true"]::before{background:#b6dacb20;border-color:#b6dacbcc}
 .site-header .menu-toggle:active::before{background:#b6dacb30}
}
/* Desktop dropdown glass: retain a dark veil for contrast over bright footage. */
@media(min-width:1101px){
 .site-header .dropdown{background:rgba(15,40,32,.76);border-color:rgba(182,218,203,.24);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 38px #0003}
}
/* Approved compact double chevron; short breaks echo sporting cuts. */
.cta-arrow{width:20px;height:20px;flex:0 0 20px;display:inline-block;vertical-align:middle}.dropdown a .cta-arrow{margin-left:auto}.chat-actions a{display:flex;align-items:center;gap:8px}
#shikari-chat{width:560px;max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;scroll-padding:20px}#shikari-chat[open]{display:block}.chat-heading{position:sticky;top:0;z-index:2;background:#11251df5}.chat-close{width:44px;height:44px;min-width:44px;flex:0 0 44px;padding:0;border:1px solid #b6dacb55;border-radius:9px;line-height:1}.chat-messages{max-height:none;min-height:0;overflow:visible}.chat-bubble{margin-bottom:0}.chat-bubble+.chat-bubble{margin-top:12px}.chat-model{grid-template-columns:minmax(0,1fr) 155px}.chat-note{font-size:12px;line-height:1.65}.chat-note a{text-decoration:underline}.chat-suggestions{flex-wrap:wrap}.chat-actions{flex-wrap:wrap}.chat-actions .button{margin-left:auto}.chat-form textarea{resize:vertical;min-height:80px}.chat-heading h2{font-size:25px}
.family-group{border-top:1px solid #b6dacb30}.family-group summary{display:flex;flex-direction:column;gap:3px}.family-group small{font-size:10px;letter-spacing:.08em;color:#b6dacb}.generation-list{padding:6px 12px 10px;border-left:1px solid #b6dacb55}.generation-list .eyebrow{font-size:10px}.generation-list a{display:flex;align-items:center;gap:16px}
.catalog-tree{display:flex;align-items:center;flex-wrap:wrap;gap:22px;padding:22px 0 30px;border-bottom:1px solid #b6dacb40;margin-bottom:35px}.catalog-tree>div{display:grid;gap:8px;border-left:1px solid #b6dacb40;padding-left:22px}.catalog-tree .eyebrow{font-size:10px}.generation-tags{display:flex;gap:10px}.generation-tags a{padding:7px 16px;border:1px solid #b6dacb50;border-radius:8px}.generation-tags a[aria-current]{background:#b6dacb;color:#142720}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}.catalog-grid .product{border:1px solid #b6dacb35;border-radius:20px;overflow:hidden;padding:0;background:linear-gradient(140deg,#1a3026,#101f19);margin:0}.product-photo{display:block;position:relative;margin:14px 14px 0;overflow:hidden;border-radius:13px;background:#0a1510}.product .product-photo img{display:block;width:100%;height:clamp(260px,28vw,430px);aspect-ratio:auto;object-fit:contain;background:transparent;border-radius:13px}.product-photo>span{position:absolute;bottom:12px;right:12px;border:1px solid #b6dacb55;background:#0a1911dc;padding:6px 11px;border-radius:7px;font-size:11px}.product-body{padding:26px}.product-body h2{font-size:clamp(24px,2.4vw,34px);line-height:1.2}.product-body h3{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#b6dacb;margin:0 0 12px}.product-description{margin:25px 0}.product-description p{font-size:15px;line-height:1.7;margin:0}.product-fit{border:1px solid #b6dacb25;background:#b6dacb08;padding:18px;border-radius:12px;margin-bottom:22px}.product-fit dl{margin:0;display:grid;gap:10px}.product-fit dl>div{display:flex;justify-content:space-between;gap:18px;font-size:13px}.product-fit dt{color:#afc4b8}.product-fit dd{margin:0;text-align:right}.product-body .button{font-size:14px;width:auto;display:flex;margin-top:20px}.product-body details{font-size:14px;line-height:1.7}.product-body .eyebrow{font-size:10px}
@media(max-width:760px){#shikari-chat{inset:12px 12px auto;width:calc(100vw - 24px);max-width:none;max-height:calc(100dvh - 24px)}.chat-heading h2{font-size:22px}.chat-heading .eyebrow{font-size:8px;line-height:1.5}.chat-model{grid-template-columns:minmax(0,1fr) 130px;gap:8px}.chat-model input,.chat-model select{font-size:16px}.chat-model input{padding-inline:7px}.chat-note{font-size:11px}.chat-bubble{font-size:14px}.catalog-grid{grid-template-columns:1fr}.product-body{padding:20px}.product .product-photo img{height:300px}.catalog-tree{gap:16px}.catalog-tree>div{padding-left:14px}.product-body .button{font-size:13px}.product-body h2{font-size:26px}}
@media(max-width:370px){.chat-model{grid-template-columns:1fr}.chat-model label,.chat-model input,.chat-model select{grid-row:auto}.chat-actions{gap:12px}.chat-actions .button{margin-left:0}.product .product-photo img{height:260px}}