/* The Porsche showroom: a single scene with independent reading and interaction areas. */
.restoration-journey{height:240svh}.showroom{height:100svh;min-height:680px;background:radial-gradient(ellipse at 51% 49%,#fffdf8 0%,#f1eee8 63%,#e2dfd9 100%)}
.nav nav{background:none;backdrop-filter:none;border:0;padding:9px 0;gap:34px}.nav{padding-top:29px}.ceiling-lines{display:none}
.hero-heading,.return-heading{top:16%;left:5%;right:auto;text-align:left;pointer-events:none;transform:none;max-width:550px}.hero-heading .eyebrow,.return-heading .eyebrow{font-size:11px;letter-spacing:2px;color:#916e6f}.hero-heading h1,.return-heading h2{font-size:clamp(65px,7.8vw,125px);line-height:.9;letter-spacing:-5px;margin-top:22px;font-weight:400}.hero-heading>p:last-child{font-size:13px;line-height:1.7;color:#795f61;margin:24px 0 0}.return-heading{top:16%;transform:translateY(var(--return-y,20px))}.return-heading h2{font-size:clamp(65px,7.8vw,125px)}
.car-stage{position:absolute;inset:29% -9% 9% 18%;z-index:4;pointer-events:none}.car-stage canvas{display:block;width:100%;height:100%;outline-offset:-8px;opacity:0;transition:opacity 1s;touch-action:pan-y}.car-stage[data-loaded=true] canvas{opacity:1}.car-stage[data-inspect=true]{pointer-events:auto;cursor:grab}.car-stage[data-inspect=true] canvas{touch-action:none}.car-stage:active{cursor:grabbing}.car-stage:focus-within{pointer-events:auto}.car-stage[data-failed=true]{background:url('/assets/porsche-poster.webp') center/contain no-repeat}.model-loading{position:absolute;inset:45% 0 auto;display:grid;justify-content:center;gap:15px;text-align:center;color:#895d65;font-size:10px;letter-spacing:2px}.loading-line{width:100px;height:1px;background:#c4aeb0;position:relative;margin:auto;overflow:hidden}.loading-line:after{content:'';position:absolute;inset:0;background:#862637;animation:load-line 1.5s infinite}@keyframes load-line{from{transform:translateX(-100%)}to{transform:translateX(100%)}}.car-stage[data-loaded=true] .model-loading,.car-stage[data-failed=true] .model-loading{display:none}
.side-note{display:none}.car-caption{position:absolute;right:5%;top:18%;text-align:right;z-index:5}.car-caption>span{font-size:11px;letter-spacing:3px;color:#826768}.car-caption strong{display:block;font-size:30px;font-weight:450;line-height:1.5;color:#5d3840}.car-caption em{font:italic 26px var(--serif);margin-left:5px}.car-caption p{font-size:10px;letter-spacing:.6px;color:#917477;margin-top:5px}
.paint-picker{position:absolute;right:5%;bottom:17%;z-index:6;display:flex;gap:11px;align-items:center}.paint-picker>span{font-size:12px;color:#81676a;margin-right:8px}.paint-picker button{width:22px;height:22px;border:3px solid #f4f0e9;border-radius:50%;background:var(--swatch);outline:1px solid #baaaa5;transition:transform .2s}.paint-picker button[aria-pressed=true]{outline:1px solid #6d2435;transform:scale(1.16)}
.vehicle-controls{position:absolute;bottom:18%;left:5%;display:flex;flex-direction:column;align-items:flex-start;gap:17px;z-index:8}.opening-control{display:flex;align-items:center;gap:12px}.opening-control button,.vehicle-controls>button{border:0;background:none;padding:7px 0;color:#956f76;font-size:12px}.opening-control button[aria-pressed=true]{color:#6a2738;font-weight:600}.opening-control input{width:100px;height:20px;padding:0;border:0;accent-color:#78273a;cursor:ew-resize}.vehicle-controls>button{border-bottom:1px solid #ab858c;color:#6a2738;padding-bottom:9px;font-size:14px}.camera-views{position:absolute;bottom:10.5%;left:50%;transform:translateX(-50%);display:flex;gap:22px;z-index:7}.camera-views button{font-size:11px;background:none;border:0;border-bottom:1px solid transparent;padding:8px 0;color:#91777a}.camera-views button[aria-pressed=true]{color:#78273a;border-color:#78273a}#orbit-hint{position:absolute;left:5%;bottom:11%;font-size:10px;color:#92767a;letter-spacing:.7px;z-index:7}.showroom-bottom{bottom:23px}.motion-button{background:none;border:0;border-bottom:1px solid #c2a7aa;border-radius:0;padding:4px 0;font-size:11px}.showroom-index,.scroll-label{font-size:10px;letter-spacing:1.5px}.scroll-label{margin-left:0}.asset-credit{padding:15px 5% 24px;background:#f5f0e7;font-size:10px;line-height:1.8;color:#907976;border-top:1px solid #e5d8ce}.asset-credit a{text-decoration:underline;text-underline-offset:3px}button:disabled,input:disabled{opacity:.4;cursor:wait}
@media(min-width:1600px){.car-stage{inset:24% -5% 8% 17%}.hero-heading,.return-heading{top:17%}}
@media(max-width:1100px) and (min-width:761px){.hero-heading,.return-heading{top:18%}.hero-heading h1,.return-heading h2{font-size:80px;letter-spacing:-3px}.car-stage{inset:33% -10% 11% 8%}.car-caption{top:20%}.vehicle-controls{bottom:17%}}
@media(max-width:760px){.restoration-journey{height:210svh}.showroom{min-height:650px}.nav{padding:24px}.hero-heading,.return-heading{top:17%;left:7%;right:7%;text-align:center;max-width:none}.hero-heading h1,.return-heading h2{font-size:65px;line-height:.93;letter-spacing:-2.8px;margin-top:16px}.hero-heading .eyebrow,.return-heading .eyebrow{font-size:10px;letter-spacing:1.4px}.hero-heading>p:last-child{font-size:12px;line-height:1.65;margin:17px auto 0}.car-stage{inset:38% -20% 18%;}.car-caption{top:auto;bottom:19%;left:7%;right:auto;text-align:left}.car-caption>span{display:none}.car-caption strong{font-size:18px}.car-caption em{font-size:18px}.car-caption p{display:none}.paint-picker{right:7%;bottom:19.5%;gap:9px}.paint-picker>span{display:none}.paint-picker button{width:20px;height:20px}.vehicle-controls{bottom:11.5%;left:7%;right:7%;flex-direction:row;align-items:center;justify-content:space-between;gap:15px}.opening-control{gap:9px}.opening-control input{width:75px}.vehicle-controls>button{font-size:12px;white-space:nowrap}.opening-control button{font-size:11px}.camera-views{bottom:6.4%;gap:25px}.camera-views button{font-size:10px;padding:5px 0}#orbit-hint{display:none}.showroom-bottom{left:7%;right:7%;bottom:16px}.showroom-index{font-size:9px;letter-spacing:.6px}.motion-button{font-size:10px}.scroll-label{display:none}}
@media(max-width:760px) and (max-height:700px){.showroom{min-height:0}.nav{padding:18px 21px}.hero-heading,.return-heading{top:19%}.hero-heading h1,.return-heading h2{font-size:47px;letter-spacing:-2px;margin-top:12px}.hero-heading>p:last-child{font-size:11px;line-height:1.5;margin-top:13px}.car-stage{inset:40% -15% 22%}.car-caption{bottom:22%}.paint-picker{bottom:22.5%}.vehicle-controls{bottom:13%;left:6%;right:6%;gap:8px}.opening-control input{width:55px}.camera-views{bottom:7.1%}.showroom-bottom{bottom:12px}.vehicle-controls>button{font-size:11px}.car-caption strong,.car-caption em{font-size:16px}}
@media(prefers-reduced-motion:reduce){.restoration-journey{height:auto}.showroom{position:relative}.car-stage canvas{transition:none}.model-loading .loading-line:after{animation:none}.hero-heading{opacity:1!important}.return-heading{display:none}.motion-button{display:block}}
@media(min-width:761px){.paint-picker{top:32%;bottom:auto}.car-stage{bottom:12%}}
.paint-picker button{position:relative}.paint-picker button:before{content:'';position:absolute;inset:-10px}
.hero-heading[aria-hidden=true],.return-heading[aria-hidden=true]{transition:opacity .15s ease}.hero-heading[aria-hidden=false],.return-heading[aria-hidden=false]{transition:opacity .25s ease .16s}
/* Compact floating navigation and tall display lettering. */
.nav nav{position:fixed;left:50%;top:25px;transform:translateX(-50%);display:flex;gap:3px;padding:5px;background:#24221f;color:#eae4dd;border:1px solid #44413a;border-radius:100px;box-shadow:0 7px 18px #24221f18;z-index:30}.nav nav a{padding:8px 17px;white-space:nowrap;font-size:11px;border-radius:100px;transition:background .25s,color .25s}.nav nav a:hover{color:#fff}.nav nav a.is-active{background:#f3eee5;color:#24221f}.hero-heading h1{font-size:clamp(94px,10vw,150px);text-transform:uppercase;letter-spacing:-5px;line-height:.92;transform:scaleX(.76);transform-origin:left top;width:131.5%;font-weight:400}.hero-heading h1 em{font-style:normal}.hero-heading>p:last-child{margin-top:22px}.hero-heading{top:15%}.return-heading h2{font-size:clamp(70px,7.2vw,110px);letter-spacing:-4px;transform:scaleX(.84);transform-origin:left top;width:119%}.nav-button{background:#f5f2edc9}.nav{z-index:30}.hero-heading,.return-heading{z-index:3}
@media(max-width:760px){.nav nav{top:90px;gap:2px;padding:4px;transition:top .25s}.nav nav a{padding:7px 15px;font-size:10px}body[data-nav-compact=true] .nav nav{top:15px}.hero-heading,.return-heading{top:25%}.hero-heading h1{font-size:72px;line-height:.94;letter-spacing:-3px;width:100%;transform:scaleX(.82);transform-origin:center top}.hero-heading>p:last-child{margin-top:16px}.return-heading h2{font-size:54px;transform:none;width:100%;letter-spacing:-2px}.car-stage{top:45%}.nav-button{background:none}.nav{padding:23px}.nav nav{display:flex}}
@media(max-width:760px) and (max-height:700px){.nav nav{top:77px}.hero-heading,.return-heading{top:25%}.hero-heading h1{font-size:51px;margin-top:10px;line-height:.94}.hero-heading .eyebrow{display:none}.hero-heading>p:last-child{margin-top:14px}.return-heading h2{font-size:41px}.car-stage{top:47%}.return-heading .eyebrow{display:none}}