/* Continuation of the approved petrol, machined-metal and warm-gold studio. */
html{scroll-behavior:smooth;scroll-padding-top:88px}.header nav a{font-size:15px;padding:12px 0;color:#c6cbcd}.header nav a:hover{color:#fff}
.chapter-nav{position:sticky;top:0;z-index:10;height:66px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #acbdc929;border-bottom:1px solid #acbdc929;background:#081217eb;backdrop-filter:blur(18px)}
.chapter-brand{font-size:16px;letter-spacing:.48em}.chapter-nav>div{display:flex;gap:36px}.chapter-nav>div a{font-size:11px;color:#a6b4bc;padding:20px 0}.chapter-nav>div a[aria-current=true]{color:#eccb9b}.chapter-enquire{font-size:11px;color:#ddbe92}.chapter-enquire span{margin-left:16px}
.chapter-nav>div button{font-size:11px;color:#a6b4bc;padding:20px 0}.product-details{margin:25px 0;font-size:11px}.product-details>div{display:flex;justify-content:space-between;gap:22px;border-bottom:1px solid #ffffff20;padding:13px 0}.product-details dt{color:#81949f}.product-details dd{margin:0;text-align:right}
body[data-graphics=unavailable] .stage-note,body[data-graphics=unavailable] .scene-tools{display:none}
.close{width:44px;height:44px}.chapter input[type=range]{height:44px}
.chapter{position:relative;isolation:isolate;min-height:820px;display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.2fr);grid-template-areas:'heading stage' 'tools stage';grid-template-rows:auto 1fr;gap:25px 30px;padding:100px 7.5% 90px;border-bottom:1px solid #a4b7c82b;background:#081217;overflow:hidden}
.chapter:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,#071015ee,#07101588 60%,#07101566),url('./assets/axis-studio-clean-plate-v1.jpg') center bottom/cover;opacity:.8}
.chapter-heading{grid-area:heading;position:relative;z-index:2}.chapter-index{margin:0 0 30px;font-size:10px;letter-spacing:.18em;color:#c8aa80;text-transform:uppercase}
.chapter h2,.study-chapter h2,.project-invitation h2{font-size:clamp(40px,4.2vw,76px);font-weight:400;letter-spacing:-.055em;line-height:1.03;margin:0 0 27px}
.chapter-intro{max-width:355px;font-size:13px;line-height:1.85;color:#98acb7;margin:0}.chapter-stage{grid-area:stage;position:relative;align-self:center;height:610px;min-width:0;isolation:isolate}
.chapter-stage .scene{inset:0;position:absolute;width:100%;height:100%}.chapter-stage .scene canvas{mask-image:none;-webkit-mask-image:none}.stage-placeholder{position:absolute;left:15%;right:15%;top:48%;text-align:center;color:#607582;font-size:12px;line-height:1.8}.chapter-stage:has(.scene)>.stage-placeholder{display:none}.stage-note{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#7e959f;pointer-events:none}.chapter-stage .scene-tools{right:4%;top:4%}
.chapter-tools{grid-area:tools;position:relative;z-index:2;max-width:390px}.anatomy-parts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #a4b7c829;margin-top:8px}.anatomy-parts button{padding:17px 12px 17px 0;border-bottom:1px solid #a4b7c829;display:flex;align-items:center;gap:12px;text-align:left;font-size:11px;color:#b4c0c7;min-height:48px}.anatomy-parts button>span{font-size:9px;color:#8c7557}.anatomy-parts button>i{font-size:12px;font-style:normal;margin-left:auto;color:#647d88}.anatomy-parts button[aria-pressed=true]{color:#e8c495}.anatomy-parts button[aria-pressed=true]>i{color:#e8c495}.anatomy-parts button:nth-child(odd){margin-right:20px}.component-story{min-height:147px;padding-top:24px}.component-story h3{font-size:18px;font-weight:400;letter-spacing:-.025em;margin:0 0 11px}.component-story p{font-size:12px;line-height:1.8;color:#8ea4b0;margin:0;max-width:350px}.chapter-range-label{font-size:10px;color:#b6c2c9;letter-spacing:.06em;display:flex;justify-content:space-between;margin:24px 0 7px}.chapter-range-label output{color:#b89970;font-size:9px;font-variant-numeric:tabular-nums}.chapter-range-ends{display:flex;justify-content:space-between;font-size:9px;color:#647d8a;margin-top:4px}.scene .inspector{right:4%;bottom:7%;max-width:calc(100% - 25px)}
.material-chapter{background:#0a141b;min-height:830px}.material-chapter:before{background:linear-gradient(90deg,#081217ee,#08121766),url('./assets/axis-studio-clean-plate-v1.jpg') center bottom/cover;opacity:.6}.material-chapter .chapter-stage{height:650px}.large-finishes{display:grid;gap:0;margin:10px 0 35px}.large-finishes button{display:flex;align-items:center;gap:20px;padding:22px 0;text-align:left;border-bottom:1px solid #a4b7c829;color:#b2bfc6}.large-finishes i{width:48px;height:48px;flex:none;border-radius:50%;outline:1px solid transparent;outline-offset:5px;box-shadow:inset 0 0 0 1px #ffffff30}.large-finishes span{font-size:13px}.large-finishes small{display:block;font-size:10px;color:#788f9c;margin-top:9px;line-height:1.6}.large-finishes [aria-pressed=true]{color:#efd2a7}.large-finishes [aria-pressed=true] i{outline-color:#d7ac77}.material-disclaimer{font-size:9px;line-height:1.7;color:#697f8b;margin:20px 0 0}
.project-invitation{padding:110px 7.5% 55px;display:grid;grid-template-columns:1.2fr 1fr;gap:0 10%;background:radial-gradient(ellipse at 16% 50%,#1a344355,transparent 70%),#071015}.project-invitation>.chapter-index{grid-column:1/-1}.project-invitation h2{font-size:clamp(45px,6.2vw,105px);line-height:.99}.project-invitation>div{align-self:end;padding-bottom:35px}.project-invitation>div p{font-size:14px;color:#93a9b5;line-height:1.9;max-width:380px;margin:0 0 28px}.invitation-link{display:flex;justify-content:space-between;gap:22px;padding:15px 0;color:#d8bc94;border-bottom:1px solid #a78962;font-size:12px;max-width:380px}.invitation-link span{font-size:17px}.return-top{grid-column:1/-1;justify-self:start;margin-top:70px;font-size:9px;color:#6f8a98;letter-spacing:.05em}.return-top span{margin-left:20px}
@media(min-width:761px) and (max-width:1100px){.header nav a{font-size:13px}.chapter{padding:75px 6%;column-gap:15px;grid-template-columns:1fr 1fr;min-height:780px}.chapter h2{font-size:43px}.chapter-intro{font-size:12px}.chapter-stage,.material-chapter .chapter-stage{height:510px}.chapter-tools{max-width:320px}.anatomy-parts button{font-size:10px;gap:8px}.study-chapter{padding:80px 6%;gap:20px 6%}.study-chapter h2{font-size:48px}.chapter-nav>div{gap:25px}}
@media(max-width:760px){html{scroll-padding-top:76px}.header nav a{font-size:10px}.header nav a:last-child{display:none}.chapter-nav{height:58px;padding:0 7%}.chapter-brand{font-size:12px}.chapter-nav>div{gap:17px}.chapter-nav>div a{font-size:9px}.chapter-enquire{display:none}.chapter{padding:64px 8% 60px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'heading' 'stage' 'tools';gap:0;min-height:0}.chapter-index{font-size:8px;letter-spacing:.16em;margin-bottom:24px}.chapter h2,.study-chapter h2{font-size:43px;letter-spacing:-.05em;margin-bottom:22px}.chapter-intro{font-size:12px;line-height:1.8;max-width:340px}.chapter-stage,.material-chapter .chapter-stage{height:360px;min-width:0;margin:20px -5%;width:110%}.chapter-stage .scene-tools{right:7%;top:2%}.chapter-stage .scene-tools button{width:40px;height:40px}.stage-note{font-size:7px;bottom:0}.chapter-tools{max-width:none}.anatomy-parts button{padding:18px 8px 18px 0;font-size:11px}.anatomy-parts button:nth-child(odd){margin-right:16px}.component-story{min-height:151px}.component-story p{font-size:12px}.large-finishes{margin:0 0 27px}.large-finishes button{padding:22px 0}.large-finishes small{font-size:9px}.study-chapter{padding:65px 8%;grid-template-columns:minmax(0,1fr);grid-template-areas:'heading' 'drawing' 'summary';gap:28px}.study-drawing{margin:0 -4%}.study-summary{max-width:none}.study-summary dl{font-size:10px;margin-top:0}.study-actions{gap:23px}.gold-button{font-size:10px;padding:15px 20px;gap:25px}.study-disclaimer{font-size:9px}.project-invitation{padding:65px 8% 40px;display:block}.project-invitation h2{font-size:56px;margin-bottom:35px}.project-invitation>div{padding-bottom:0}.project-invitation>div p{font-size:12px}.invitation-link{font-size:11px;line-height:1.6}.return-top{display:inline-block;margin-top:50px}.scene .inspector{padding:23px;width:260px}.scene .inspector h2{font-size:22px}}
@media(max-width:360px){.chapter-nav{padding:0 6%}.chapter-brand{letter-spacing:.35em}.chapter-nav>div{gap:13px}.chapter h2,.study-chapter h2{font-size:37px}.chapter-stage,.material-chapter .chapter-stage{height:310px}.project-invitation h2{font-size:49px}.study-actions{gap:15px}.gold-button{gap:18px;padding:14px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:760px){.chapter-nav>div button{font-size:9px}.header nav a,.header nav button{min-height:44px;display:inline-flex;align-items:center}.header nav button:last-child{display:none}.project-footer a{min-height:44px;display:inline-flex;align-items:center}.invitation-link{min-height:44px}}