@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&family=Manrope:wght@400;500;600;700&display=swap');

:root{
  --red:#e31b23;
  --red-dark:#bd1118;
  --ink:#11151b;
  --muted:#68717d;
  --line:#e7e9ec;
  --paper:#ffffff;
  --soft:#f6f7f8;
  --charcoal:#15181d;
  --max:1420px;
  --shadow:0 18px 50px rgba(15,18,24,.07);
  --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:'Manrope',Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;opacity:1;transition:opacity .45s ease}
body.is-loaded{opacity:1}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
::selection{background:var(--red);color:#fff}
.container{width:min(calc(100% - 48px),var(--max));margin:auto}
.serif{font-family:'Cormorant Garamond',Georgia,serif}
.eyebrow{font-size:.74rem;letter-spacing:.26em;text-transform:uppercase;font-weight:700;color:var(--red);display:flex;align-items:center;gap:12px}
.eyebrow:before{content:"";width:30px;height:2px;background:var(--red);display:block}
.section{padding:92px 0}
.section.soft{background:var(--soft)}
.section.dark{background:#0f1114;color:#fff}
.section-title{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.4rem,5vw,4.7rem);line-height:.96;font-weight:600;letter-spacing:-.035em;margin:16px 0 18px}
.section-copy{max-width:650px;color:var(--muted);font-size:1.02rem}
.dark .section-copy{color:#c9cdd3}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05);transition:padding .3s var(--ease),box-shadow .3s var(--ease)}
.site-header.is-scrolled{box-shadow:0 8px 28px rgba(17,21,27,.06)}
.header-inner{height:82px;display:grid;grid-template-columns:minmax(330px,1.05fr) auto minmax(190px,.65fr);align-items:center;gap:28px;transition:height .3s var(--ease)}
.site-header.is-scrolled .header-inner{height:70px}
.brand{display:flex;align-items:center;gap:16px;min-width:0;max-width:390px}
.brand-mark{width:58px;height:58px;object-fit:contain;flex:0 0 auto}
.brand-divider{width:1px;height:58px;background:#d3d7dc}
.brand-copy{line-height:1.08;white-space:nowrap;display:block;min-width:0}
.brand-copy strong{display:block;font-size:1.08rem;letter-spacing:.015em;font-weight:700}
.brand-copy .brand-line{display:block;font-size:.84rem;font-weight:700;letter-spacing:.018em;margin-top:1px}
.brand-copy .brand-sub{display:block;font-size:.75rem;color:#59616b;margin-top:4px}
.brand-copy .brand-mini{display:block;font-size:.67rem;color:#69727c;margin-top:5px;letter-spacing:.035em}
.main-nav{display:flex;align-items:center;gap:30px;font-size:.83rem;font-weight:600}
.main-nav a{position:relative;padding:10px 0}
.main-nav a:after{content:"";position:absolute;height:2px;left:50%;right:50%;bottom:0;background:var(--red);transition:left .25s var(--ease),right .25s var(--ease)}
.main-nav a:hover:after,.main-nav a.active:after{left:0;right:0}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px}
.lang{font-size:.76rem;color:#737b86;letter-spacing:.08em}
.lang a.active{color:var(--ink);font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border:1px solid transparent;font-size:.82rem;font-weight:700;letter-spacing:.02em;transition:transform .25s var(--ease),background .25s,color .25s,border-color .25s}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--red);color:#fff}
.btn-primary:hover{background:var(--red-dark)}
.btn-outline{border-color:#bfc5cb;background:rgba(255,255,255,.04)}
.btn-outline:hover{border-color:var(--ink);background:#fff}
.dark .btn-outline{border-color:rgba(255,255,255,.5);color:#fff}
.dark .btn-outline:hover{background:#fff;color:#111}
.btn .arrow{transition:transform .25s var(--ease)}
.btn:hover .arrow{transform:translateX(5px)}
.menu-toggle{display:none;background:none;border:0;width:42px;height:42px;padding:0}
.menu-toggle span{display:block;width:23px;height:2px;background:#15181d;margin:5px auto}

/* Hero */
.home-hero{min-height:570px;background:#fff;overflow:hidden;position:relative}
.home-hero .hero-grid{display:grid;grid-template-columns:45% 55%;min-height:570px}
.hero-copy{padding:70px 0 54px 3px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.hero-copy h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(3.45rem,6.2vw,5.65rem);font-weight:600;line-height:.9;letter-spacing:-.05em;margin:18px 0 23px;max-width:660px}
.hero-copy p{max-width:610px;color:#4f5965;font-size:1.06rem}
.hero-actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.hero-kicker{font-size:.73rem;letter-spacing:.17em;text-transform:uppercase;font-weight:700;color:#79818b;margin-bottom:18px}
.hero-trust{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:24px;padding-top:18px;border-top:1px solid rgba(17,21,27,.1);font-size:.78rem;color:#5d6671;letter-spacing:.01em}
.hero-trust span{display:inline-flex;align-items:center;gap:10px}
.hero-trust span:not(:first-child):before{content:"";width:4px;height:4px;border-radius:50%;background:#c7cdd3;display:block;margin-right:8px}
.hero-visual{position:relative;overflow:hidden;border-radius:0 0 0 22px}
.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.78) 11%,rgba(255,255,255,.34) 28%,rgba(255,255,255,0) 48%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.02));pointer-events:none}
.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center right}

.hero-visual{position:relative;min-height:570px;overflow:hidden;background:#15181d}
.hero-visual:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 8%,rgba(255,255,255,.82) 23%,rgba(255,255,255,.34) 42%,rgba(255,255,255,.06) 58%,rgba(255,255,255,0) 69%);pointer-events:none}
.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:54% center;filter:contrast(1.07) saturate(.92) brightness(.96);transform:scale(1.025);animation:heroIn 1.3s var(--ease) forwards}
.hero-visual:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(270deg,rgba(10,12,15,.14) 0%,rgba(10,12,15,.04) 24%,transparent 48%);pointer-events:none}
@keyframes heroIn{to{transform:scale(1)}}
.hero-values{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.value{display:flex;gap:13px;padding:19px 26px;align-items:flex-start;border-right:1px solid var(--line)}
.value:last-child{border-right:0}
.value-icon{width:32px;height:32px;border:0;display:grid;place-items:center;font-weight:700;color:#171b20;font-size:1.05rem}
.value strong{display:block;font-size:.83rem}
.value span{font-size:.72rem;color:#737d88;display:block;margin-top:3px}

/* comfort */
.comfort{display:grid;grid-template-columns:1.05fr .95fr;min-height:420px;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}
.comfort-image{position:relative;overflow:hidden;min-height:384px;margin-left:18px;padding:12px;border:1px solid #e4e7ea;border-radius:18px;background:#fff;box-shadow:0 18px 50px rgba(15,18,24,.06)}
.comfort-image img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:12px;transition:transform .8s var(--ease),filter .8s var(--ease);filter:saturate(.96) contrast(1.02)}
.comfort:hover .comfort-image img{transform:scale(1.012);filter:saturate(.98) contrast(1.025) brightness(1.02)}
.comfort-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,15,.045),transparent 58%);pointer-events:none}
.comfort-copy{padding:58px 7vw 54px 64px;display:flex;flex-direction:column;justify-content:center}
.comfort-copy h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.65rem,5vw,4.6rem);line-height:.95;margin:14px 0 18px;letter-spacing:-.035em}
.comfort-points{display:flex;gap:28px;flex-wrap:wrap;margin-top:28px;color:#4e5762;font-size:.78rem}
.comfort-points span{display:flex;align-items:center;gap:8px}
.dot-icon{width:24px;height:24px;border:1px solid #c7ccd1;border-radius:50%;display:grid;place-items:center;color:var(--red);font-size:.7rem}

/* Process */
.process-wrap{padding:54px 0 64px;background:#fff}
.process-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}
.process-head h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.3rem,4.5vw,4rem);line-height:.95;margin:8px 0 0}
.process-link{font-size:.73rem;text-transform:uppercase;letter-spacing:.17em;border-bottom:1px solid #b7bdc4;padding-bottom:7px}
.process-row{display:grid;grid-template-columns:repeat(5,1fr);position:relative;gap:0}
.process-row:before{content:"";position:absolute;left:10%;right:10%;top:24px;height:1px;background:#e2e5e8}
.process-row:after{content:"";position:absolute;left:10%;top:24px;height:1px;width:0;background:var(--red);transition:width 1.15s var(--ease)}
.process-row.in-view:after{width:80%}
.process-step{position:relative;z-index:2;text-align:center;padding:0 18px}
.process-icon{width:48px;height:48px;margin:0 auto 15px;background:#fff;border:1px solid #dfe3e6;border-radius:50%;display:grid;place-items:center;color:var(--ink);transition:border .25s,color .25s,transform .25s}
.process-step:hover .process-icon{border-color:var(--red);color:var(--red);transform:translateY(-2px)}
.process-step strong{font-size:.82rem;display:block}
.process-step p{font-size:.74rem;color:#717b86;margin:7px auto 0;max-width:160px;line-height:1.45}

/* Services preview */
.services-preview{padding:88px 0;background:var(--soft)}
.services-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.service-list{border-top:1px solid #d9dde1}
.service-row{display:grid;grid-template-columns:88px 1fr auto;gap:22px;align-items:center;padding:18px 0;border-bottom:1px solid #d9dde1;transition:background .25s,padding .25s}
.service-row:hover{background:#fff;padding-left:10px;padding-right:10px}
.service-thumb{width:88px;height:58px;object-fit:cover;filter:saturate(.8)}
.service-row strong{display:block;font-size:.94rem;margin-bottom:3px}
.service-row small{color:#747e89}
.service-arrow{font-size:1.2rem;color:#89929c;transition:transform .25s,color .25s}
.service-row:hover .service-arrow{transform:translateX(6px);color:var(--red)}

/* Training teaser & training page */
.training-teaser{display:grid;grid-template-columns:.9fr 1.1fr;min-height:520px;background:#0d0f12;color:white;overflow:hidden}
.training-teaser-copy{padding:78px 6vw;display:flex;flex-direction:column;justify-content:center}
.training-teaser-copy h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(3rem,5vw,5rem);line-height:.9;margin:20px 0 22px}
.training-teaser-copy p{color:#c7cbd0;max-width:600px}
.training-teaser-media{position:relative;overflow:hidden}
.training-teaser-media img{width:100%;height:100%;object-fit:cover}
.training-teaser-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d0f12 0%,rgba(13,15,18,.78) 13%,transparent 44%)}

.training-hero{background:#0c0e10;color:#fff;position:relative;overflow:hidden}
.training-hero-grid{min-height:560px;position:relative;display:block}
.training-hero-copy{padding:72px 0 64px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;width:43%;min-height:560px}
.training-hero-copy h1{font-size:clamp(3.2rem,6vw,5.6rem);line-height:.92;margin:20px 0 20px;letter-spacing:-.04em}
.training-hero-copy p{color:#d2d5d9;max-width:560px}
.training-hero-media{position:absolute;top:0;right:0;bottom:0;left:28%;overflow:hidden;z-index:0}
.training-hero-media:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0c0e10 0%,rgba(12,14,16,.96) 10%,rgba(12,14,16,.72) 26%,rgba(12,14,16,.28) 45%,rgba(12,14,16,0) 67%)}
.training-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 47%}
.training-benefits{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line);background:white}
.training-benefit{padding:24px 18px;display:flex;gap:13px;align-items:center;border-right:1px solid var(--line);font-size:.78rem}
.training-benefit:last-child{border-right:0}
.training-benefit b{color:var(--red);font-size:1.35rem;font-weight:500}
.learning{padding:68px 0 72px;background:#fff}
.learning-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:25px}
.learning-head h2{font-size:1.02rem;letter-spacing:.12em;text-transform:uppercase;margin:0}
.learning-head p{font-size:.78rem;color:#6f7984}
.learning-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.learning-card{border:1px solid #e1e4e7;padding:28px 20px 25px;min-height:260px;background:#fff;transition:transform .28s var(--ease),box-shadow .28s,border-color .28s}
.learning-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d5d9dd}
.learning-card .lc-icon{font-size:2rem;color:#111;margin-bottom:18px}
.learning-card h3{font-size:.92rem;line-height:1.35;margin:0 0 14px}
.learning-card p{font-size:.77rem;color:#6c7580;margin:0}
.practice{display:grid;grid-template-columns:.45fr .55fr;min-height:430px;background:#0f1114;color:#fff}
.practice-copy{padding:65px 42px 60px max(24px,calc((100vw - var(--max))/2));display:flex;flex-direction:column;justify-content:center}
.practice-copy h2{font-size:clamp(2.8rem,5vw,4.8rem);line-height:.92;margin:16px 0 18px}
.practice-copy p{color:#d0d4d8;max-width:560px}
.practice-media{overflow:hidden}
.practice-media img{width:100%;height:100%;object-fit:cover}
.training-tiles{display:grid;grid-template-columns:repeat(4,1fr);background:#000}
.training-tile{height:240px;position:relative;overflow:hidden;border-right:1px solid rgba(255,255,255,.65)}
.training-tile:last-child{border-right:0}
.training-tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease),filter .4s}
.training-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.62),transparent 58%)}
.training-tile:hover img{transform:scale(1.035);filter:brightness(1.06)}
.tile-label{position:absolute;z-index:2;left:24px;bottom:20px;color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;display:flex;align-items:center;gap:9px}
.tile-label:before{content:"";width:20px;height:2px;background:var(--red)}
.audience{padding:66px 0;background:#fff}
.audience-grid{display:grid;grid-template-columns:1.05fr .8fr .7fr;gap:70px;align-items:center}
.audience h2{font-size:clamp(2.2rem,4vw,3.8rem);line-height:.98;margin:14px 0}
.audience p{color:#69737e}
.check-list{display:grid;gap:12px;font-size:.85rem}
.check-list span{display:flex;gap:9px;align-items:center}.check-list span:before{content:"✓";width:20px;height:20px;border:1px solid var(--red);color:var(--red);border-radius:50%;display:grid;place-items:center;font-size:.65rem}
.audience-note{border-left:1px solid #e0e3e6;padding-left:34px}
.audience-note b{display:block;font-size:1.12rem}

/* Services page */
.page-hero{background:var(--soft);border-bottom:1px solid var(--line)}
.page-hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:470px;align-items:stretch}
.page-hero-copy{padding:82px 0 70px;display:flex;flex-direction:column;justify-content:center}
.page-hero-copy h1{font-size:clamp(3rem,6vw,5.7rem);line-height:.92;margin:18px 0}
.page-hero-media{position:relative;overflow:hidden}
.page-hero-media:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,var(--soft),rgba(246,247,248,.15) 35%,transparent 65%)}
.page-hero-media img{width:100%;height:100%;object-fit:cover}
.services-full{padding:78px 0}
.service-item{display:grid;grid-template-columns:1fr 1.4fr auto;gap:40px;padding:34px 0;border-bottom:1px solid var(--line);align-items:start}
.service-item h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:2.15rem;line-height:1;margin:0}
.service-item p{color:#68727d;margin:0;max-width:680px}
.service-item .tag{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:var(--red)}
.trust-band{background:#111419;color:#fff;padding:54px 0}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.trust{padding:8px 30px;border-right:1px solid rgba(255,255,255,.15)}.trust:last-child{border-right:0}
.trust strong{display:block;font-size:1.02rem}.trust span{display:block;color:#adb5be;font-size:.76rem;margin-top:5px}

/* Contact */
.contact-page{padding:82px 0;background:#f7f8f9}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.contact-form{background:#fff;border:1px solid #e1e4e7;padding:38px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}
label{font-size:.72rem;font-weight:700;color:#4f5862;display:block;margin-bottom:6px}
input,select,textarea{width:100%;border:1px solid #d9dde1;background:#fff;padding:13px 14px;outline:none;transition:border .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{border-color:#9da5ad;box-shadow:0 0 0 3px rgba(0,0,0,.035)}
textarea{min-height:120px;resize:vertical}
.contact-card{background:#101317;color:#fff;overflow:hidden}
.contact-card img{width:100%;height:280px;object-fit:cover;filter:brightness(.82)}
.contact-card-body{padding:34px}
.contact-line{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:.84rem}
.contact-line span:first-child{color:#aeb5bd}.contact-line a:hover{color:#fff;text-decoration:underline}

/* Footer */
.site-footer{background:#0b0d10;color:#fff;padding:22px 0}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.footer-brand{display:flex;gap:14px;align-items:center}.footer-brand img{width:48px;height:48px;object-fit:contain}.footer-brand strong{display:block;font-size:.9rem}.footer-brand small{display:block;color:#9da6b0;font-size:.67rem;margin-top:3px}
.socials{display:flex;gap:18px;align-items:center}.socials a{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.18);font-size:.72rem;font-weight:700;transition:color .2s,border .2s,transform .2s}.socials a:hover{color:var(--red);border-color:var(--red);transform:translateY(-2px)}

/* reveal */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s var(--ease),transform .65s var(--ease)}
.reveal.in-view{opacity:1;transform:none}

/* responsive */
@media (max-width:1050px){
  .header-inner{grid-template-columns:1fr auto}.main-nav{position:fixed;left:0;right:0;top:88px;background:#fff;border-top:1px solid var(--line);display:none;flex-direction:column;align-items:flex-start;padding:24px;gap:8px}.site-header.is-scrolled .main-nav{top:72px}.main-nav.open{display:flex}.menu-toggle{display:block}.header-actions .btn{display:none}.brand-copy .brand-mini{display:none}.home-hero .hero-grid,.page-hero-grid,.training-hero-grid,.services-grid,.contact-grid{grid-template-columns:1fr}.hero-visual,.page-hero-media{min-height:430px}.hero-copy{padding:65px 0}.comfort,.training-teaser,.practice{grid-template-columns:1fr}.comfort-copy{padding:55px 28px}.comfort-image{min-height:390px;margin:0 18px;border-radius:12px}.training-teaser-media{min-height:430px}.training-hero-copy{width:100%;min-height:auto}.training-hero-media{position:relative;left:auto;right:auto;top:auto;bottom:auto;min-height:500px}.practice-media{min-height:430px}.learning-grid{grid-template-columns:repeat(2,1fr)}.training-benefits{grid-template-columns:repeat(2,1fr)}.training-benefit{border-bottom:1px solid var(--line)}.audience-grid{grid-template-columns:1fr}.audience-note{border-left:0;border-top:1px solid #e0e3e6;padding-left:0;padding-top:28px}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust{border-bottom:1px solid rgba(255,255,255,.15)}
}
@media (max-width:760px){
  .container{width:min(calc(100% - 28px),var(--max))}.section{padding:68px 0}.header-inner{height:76px;gap:14px}.site-header.is-scrolled .header-inner{height:68px}.brand-mark{width:43px;height:43px}.brand-divider{height:44px}.brand-copy strong{font-size:.92rem}.brand-copy .brand-line{font-size:.72rem}.brand-copy .brand-sub{font-size:.68rem}.lang{display:none}.main-nav{top:76px}.site-header.is-scrolled .main-nav{top:68px}.home-hero .hero-grid{min-height:auto}.hero-copy{padding:52px 0 40px}.hero-kicker{font-size:.66rem;letter-spacing:.13em;margin-bottom:14px}.hero-copy h1{font-size:3.65rem}.hero-trust{gap:8px 14px;font-size:.72rem;margin-top:20px;padding-top:16px}.hero-visual{min-height:360px;border-radius:16px}.hero-values{grid-template-columns:1fr}.value{border-right:0;border-bottom:1px solid var(--line)}.comfort-image{min-height:330px;margin:0 14px;border-radius:10px}.process-head{align-items:flex-start;flex-direction:column}.process-row{grid-template-columns:1fr;gap:20px}.process-row:before,.process-row:after{display:none}.process-step{text-align:left;display:grid;grid-template-columns:48px 1fr;column-gap:14px;align-items:start;padding:0}.process-icon{margin:0}.process-step strong,.process-step p{grid-column:2;max-width:none;margin-left:0}.services-grid{gap:35px}.service-row{grid-template-columns:76px 1fr auto}.service-thumb{width:76px;height:52px}.training-hero-grid{min-height:auto}.training-hero-copy{padding:60px 0 40px;width:100%;min-height:auto}.training-hero-media{position:relative;left:auto;right:auto;top:auto;bottom:auto;min-height:390px}.training-benefits{grid-template-columns:1fr}.learning-grid{grid-template-columns:1fr}.learning-card{min-height:auto}.training-tiles{grid-template-columns:1fr 1fr}.training-tile{height:190px}.practice-copy{padding:56px 28px}.trust-grid{grid-template-columns:1fr}.trust{border-right:0}.service-item{grid-template-columns:1fr;gap:14px}.form-grid{grid-template-columns:1fr}.contact-form{padding:24px}.footer-inner{flex-direction:column;align-items:flex-start}.page-hero-copy{padding:58px 0 40px}.page-hero-media{min-height:330px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* === Final1 / Final2 fidelity overrides === */
@media (min-width:1051px){
  .site-header .container{width:min(calc(100% - 64px),1420px)}
  .home-hero .container{width:min(calc(100% - 80px),1420px)}
  .hero-values.container{width:min(calc(100% - 80px),1420px)}
  .comfort{width:min(calc(100% - 80px),1420px);margin:0 auto}
  .process-wrap .container{width:min(calc(100% - 80px),1420px)}
  .training-hero .container{width:min(calc(100% - 64px),1420px)}
}
.training-hero-copy h1{
  font-family:'Manrope',Arial,sans-serif;
  font-size:clamp(2.8rem,4.4vw,4.7rem);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:700;
  margin:18px 0 20px;
}
.training-hero-copy p{max-width:570px;color:#d6d9dd;font-size:.94rem;line-height:1.65}
.training-hero-media:before{background:linear-gradient(90deg,#0c0e10 0%,rgba(12,14,16,.96) 10%,rgba(12,14,16,.72) 26%,rgba(12,14,16,.28) 45%,rgba(12,14,16,0) 67%)}
.learning{padding:56px 0 62px}
.learning-card{min-height:235px;padding:24px 18px 22px;box-shadow:none}
.practice{min-height:390px}
.practice-copy h2{font-family:'Manrope',Arial,sans-serif;font-size:clamp(2.3rem,4vw,3.8rem);line-height:1.02;letter-spacing:-.04em;font-weight:700}
.training-tile{height:215px}
.audience{padding:54px 0 58px}
.audience h2{font-family:'Manrope',Arial,sans-serif;font-size:clamp(2rem,3.2vw,3rem);line-height:1.04;letter-spacing:-.04em;font-weight:700}
/* stack brand descriptor cleanly; never allow inline run-on */
.brand-copy > *{display:block}
@media (max-width:1220px) and (min-width:1051px){
  .header-inner{grid-template-columns:minmax(300px,.95fr) auto minmax(165px,.55fr);gap:20px}
  .main-nav{gap:20px;font-size:.78rem}
  .header-actions{gap:12px}
  .header-actions .btn{padding:0 16px;min-height:44px}
  .brand-copy .brand-line{font-size:.78rem}
  .brand-copy .brand-sub{font-size:.7rem}
  .brand-copy .brand-mini{font-size:.62rem}
}

/* === Premium continuous curtain page transition === */
.page-transition{
  position:fixed;
  inset:0;
  z-index:9999;
  overflow:hidden;
  visibility:hidden;
  pointer-events:none;
}
.page-transition.is-visible{
  visibility:visible;
  pointer-events:auto;
}
.page-transition__sheet{
  position:absolute;
  inset:-1px;
  background:#fff;
  transform:translate3d(-104%,0,0);
  will-change:transform;
  transition:transform .43s cubic-bezier(.76,0,.24,1);
}
/* Feathered leading edge makes the white layer feel like a soft curtain instead of a hard wipe. */
.page-transition__sheet:after{
  content:"";
  position:absolute;
  top:0;
  right:-96px;
  bottom:0;
  width:110px;
  background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.96) 25%,rgba(255,255,255,.66) 58%,rgba(255,255,255,0) 100%);
  pointer-events:none;
}
.page-transition.is-covering .page-transition__sheet{
  transform:translate3d(0,0,0);
}
.page-transition.is-arrival .page-transition__sheet{
  transform:translate3d(0,0,0);
  transition:none;
}
.page-transition.is-arrival.is-revealing .page-transition__sheet{
  transform:translate3d(104%,0,0);
  transition:transform .43s cubic-bezier(.76,0,.24,1);
}
.page-transition__mark{
  position:fixed;
  left:50%;
  top:50%;
  width:76px;
  height:76px;
  object-fit:contain;
  transform:translate(-50%,-50%) scale(.985);
  opacity:0;
  filter:drop-shadow(0 10px 24px rgba(227,27,35,.07));
  transition:opacity .15s ease,transform .24s var(--ease);
  will-change:opacity,transform;
}
.page-transition.is-covering .page-transition__mark{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
  transition-delay:.18s, .13s;
}
.page-transition.is-arrival .page-transition__mark{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
  transition:none;
}
.page-transition.is-arrival.is-revealing .page-transition__mark{
  opacity:0;
  transform:translate(-50%,-50%) scale(1.01);
  transition:opacity .17s ease .04s,transform .26s var(--ease);
}
body.is-leaving,body.is-arriving{overflow:hidden}
body.is-leaving > *:not(.page-transition){pointer-events:none}
@media (max-width:760px){
  .page-transition__mark{width:62px;height:62px}
  .page-transition__sheet{transition-duration:.37s}
  .page-transition.is-arrival.is-revealing .page-transition__sheet{transition-duration:.37s}
}
@media (prefers-reduced-motion:reduce){
  .page-transition__sheet,.page-transition__mark{transition:none!important}
  .page-transition__mark{opacity:1;transform:translate(-50%,-50%)}
}

/* ========================================================================== */
/* HOBITEK 2026 — PREMIUM HOMEPAGE V1 / HEADER + HERO                        */
/* Keeps the existing HOBITEK type system: Cormorant Garamond + Manrope.     */
/* ========================================================================== */
body.new-home{
  opacity:1;
  margin:0;
  background:#08090b;
  color:#f4f4f2;
  overflow-x:hidden;
  font-family:'Manrope',Arial,sans-serif;
}
.new-home *{box-sizing:border-box}
.new-home a{text-decoration:none;color:inherit}

.premium-header{
  position:fixed;
  z-index:100;
  top:26px;
  left:0;
  width:100%;
  padding:0 28px;
  pointer-events:none;
  transition:top .38s var(--ease);
}
.premium-header.is-scrolled{top:14px}
.premium-nav-shell{
  pointer-events:auto;
  width:min(980px,calc(100vw - 56px));
  min-height:70px;
  margin:0 auto;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:28px;
  padding:8px 10px 8px 18px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:rgba(10,11,13,.76);
  backdrop-filter:blur(22px) saturate(120%);
  -webkit-backdrop-filter:blur(22px) saturate(120%);
  box-shadow:0 16px 48px rgba(0,0,0,.22);
  transition:min-height .35s var(--ease), background .35s ease, border-color .35s ease;
}
.premium-header.is-scrolled .premium-nav-shell{
  min-height:62px;
  background:rgba(8,9,11,.91);
  border-color:rgba(255,255,255,.17);
}
.premium-brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.premium-mark{
  display:grid;
  place-items:center;
  width:38px;height:38px;
  overflow:hidden;
}
.premium-mark img{width:47px;height:38px;object-fit:contain;object-position:left center;filter:saturate(1.04) contrast(1.06)}
.premium-brand-name{font-size:.85rem;letter-spacing:.30em;font-weight:600;color:#fff}
.premium-nav{display:flex;justify-content:center;align-items:center;gap:26px;font-size:.73rem;color:#9fa3aa}
.premium-nav a{position:relative;padding:11px 0;transition:color .25s ease}
.premium-nav a:hover,.premium-nav a.active{color:#fff}
.premium-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:4px;height:1px;background:#e31b23;transition:left .3s var(--ease),right .3s var(--ease)}
.premium-nav a:hover:after,.premium-nav a.active:after{left:0;right:0}
.premium-cta{
  min-width:138px;
  min-height:50px;
  display:flex;align-items:center;justify-content:center;gap:12px;
  padding:0 20px;
  border-radius:999px;
  background:#e31b23;
  color:#fff!important;
  font-size:.75rem;font-weight:700;
  box-shadow:0 8px 24px rgba(227,27,35,.18);
  transition:transform .3s var(--ease),background .3s ease;
}
.premium-cta:hover{transform:translateY(-1px);background:#f02029}
.premium-cta span{font-size:1rem;transition:transform .3s var(--ease)}
.premium-cta:hover span{transform:translateX(3px)}
.premium-menu-toggle{display:none}

.premium-main{background:#08090b}
.premium-hero{
  position:relative;
  min-height:100svh;
  overflow:hidden;
  isolation:isolate;
  padding:150px max(5.8vw,48px) 74px;
  background:
    radial-gradient(circle at 74% 42%,rgba(255,255,255,.038),transparent 27%),
    linear-gradient(180deg,#0a0b0d 0%,#08090b 62%,#090a0c 100%);
}
.premium-hero:before{
  content:"";
  position:absolute;inset:0;
  pointer-events:none;
  opacity:.24;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:84px 84px;
  mask-image:linear-gradient(to bottom,transparent 0%,#000 22%,#000 72%,transparent 100%);
}
.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.055);border-radius:50%;pointer-events:none;z-index:-1}
.hero-orbit-one{width:860px;height:860px;right:-390px;top:-350px}
.hero-orbit-two{width:1040px;height:640px;right:11%;bottom:-560px;transform:rotate(-10deg)}

.premium-hero-grid{
  width:min(1450px,100%);
  min-height:calc(100svh - 224px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(390px,.82fr) minmax(560px,1.18fr);
  align-items:center;
  gap:clamp(48px,6vw,104px);
}
.premium-hero-copy{position:relative;z-index:3;padding-top:20px}
.hero-micro{display:flex;align-items:center;gap:14px;margin-bottom:30px;color:#92979f;font-size:.65rem;font-weight:600;letter-spacing:.26em}
.hero-micro span{width:42px;height:1px;background:#e31b23}
.premium-hero-copy h1{
  margin:0;
  max-width:690px;
  color:#f3f1ed;
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:clamp(4.1rem,6.05vw,7rem);
  font-weight:500;
  line-height:.83;
  letter-spacing:-.052em;
}
.premium-hero-copy h1 em{color:#e31b23;font-weight:500}
.premium-hero-copy p{max-width:570px;margin:32px 0 0;color:#9da2aa;font-size:.96rem;line-height:1.75}
.premium-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.hero-btn{min-height:52px;padding:0 25px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:22px;font-size:.76rem;font-weight:700;transition:transform .3s var(--ease),background .3s ease,border-color .3s ease,color .3s ease}
.hero-btn span{font-size:1rem;transition:transform .3s var(--ease)}
.hero-btn:hover span{transform:translateX(3px)}
.hero-btn-primary{background:#e31b23;color:#fff!important;border:1px solid #e31b23}
.hero-btn-primary:hover{background:#f0222a;transform:translateY(-1px)}
.hero-btn-ghost{border:1px solid rgba(255,255,255,.24);color:#f4f4f2!important;background:rgba(255,255,255,.018)}
.hero-btn-ghost:hover{border-color:rgba(255,255,255,.46);background:rgba(255,255,255,.04);transform:translateY(-1px)}
.hero-meta{display:flex;align-items:center;gap:12px;margin-top:38px;color:#6f747d;font-size:.61rem;letter-spacing:.16em;text-transform:uppercase}
.hero-meta i{width:3px;height:3px;border-radius:50%;background:#e31b23;opacity:.82}

.premium-media-wrap{position:relative;min-height:590px;display:flex;align-items:center;justify-content:center}
.premium-media{
  position:absolute;
  inset:34px 18px 30px 0;
  overflow:hidden;
  background:#13161a;
  border:1px solid rgba(255,255,255,.18);
  border-radius:82px 42px 92px 46px;
  box-shadow:0 36px 90px rgba(0,0,0,.34);
  clip-path:path('M 78 0 H 810 Q 866 0 866 58 V 75 Q 866 112 900 126 Q 920 134 940 134 H 970 Q 1010 134 1010 176 V 470 Q 1010 540 940 540 H 260 Q 205 540 172 512 L 112 459 Q 82 433 40 433 H 0 V 82 Q 0 0 78 0 Z');
}
@supports not (clip-path:path('M 0 0')){
  .premium-media{clip-path:none;border-radius:74px 38px 88px 42px}
}
.premium-media img{width:100%;height:100%;object-fit:cover;object-position:center 56%;filter:saturate(.64) contrast(1.07) brightness(.78);transform:scale(1.02);transition:transform 1.3s var(--ease),filter .8s ease}
.premium-media-wrap:hover .premium-media img{transform:scale(1.045);filter:saturate(.73) contrast(1.08) brightness(.82)}
.media-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,8,.16),transparent 36%),linear-gradient(180deg,transparent 54%,rgba(4,5,7,.76) 100%)}
.media-caption{position:absolute;left:42px;bottom:34px;display:flex;flex-direction:column;gap:8px}
.caption-kicker{font-size:.58rem;letter-spacing:.22em;color:#9fa4aa}
.media-caption strong{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:1.55rem;color:#fff}
.media-play{
  position:absolute;
  z-index:6;
  right:0;
  top:64px;
  width:62px;height:62px;
  border:8px solid #08090b;
  border-radius:50%;
  background:#e31b23;
  box-shadow:0 14px 35px rgba(0,0,0,.25);
  display:grid;place-items:center;
  cursor:pointer;
  transition:transform .35s var(--ease),background .3s ease;
}
.media-play:hover{transform:scale(1.06);background:#f2262f}
.play-triangle{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #fff;margin-left:3px}
.media-corner-line{position:absolute;right:16px;bottom:18px;width:156px;height:156px;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);border-radius:0 0 58px 0;pointer-events:none}

.coming-section{min-height:38vh;display:grid;place-items:center;padding:80px 24px;background:#0c0d0f;border-top:1px solid rgba(255,255,255,.055);color:#fff}
.coming-section.muted{background:#0a0b0d}
.coming-inner{text-align:center;display:flex;flex-direction:column;gap:12px}
.coming-inner span{font-size:.62rem;color:#6f747c;letter-spacing:.24em}
.coming-inner strong{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2rem,4vw,4.2rem);font-weight:500;color:#565b63}

@media (max-width:1180px){
  .premium-nav-shell{width:min(930px,calc(100vw - 36px));gap:20px}
  .premium-nav{gap:18px}
  .premium-hero{padding-left:40px;padding-right:40px}
  .premium-hero-grid{grid-template-columns:minmax(340px,.85fr) minmax(470px,1.15fr);gap:42px}
  .premium-media-wrap{min-height:540px}
  .premium-media{clip-path:none;border-radius:66px 34px 78px 40px}
}
@media (max-width:980px){
  .premium-header{top:16px;padding:0 16px}
  .premium-nav-shell{width:100%;grid-template-columns:auto auto auto;justify-content:space-between;padding-left:14px;gap:14px}
  .premium-nav{position:absolute;left:0;right:0;top:78px;display:flex;flex-direction:column;gap:0;align-items:stretch;padding:14px;background:rgba(9,10,12,.97);border:1px solid rgba(255,255,255,.12);border-radius:26px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:.28s var(--ease)}
  .premium-menu-open .premium-nav{opacity:1;visibility:visible;transform:none}
  .premium-nav a{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06)}
  .premium-nav a:last-child{border-bottom:0}
  .premium-cta{min-width:124px;min-height:46px}
  .premium-menu-toggle{display:block;position:relative;width:42px;height:42px;border:0;background:transparent;border-radius:50%}
  .premium-menu-toggle span{position:absolute;left:10px;right:10px;height:1px;background:#fff;transition:.3s var(--ease)}
  .premium-menu-toggle span:first-child{top:17px}.premium-menu-toggle span:last-child{top:24px}
  .premium-menu-open .premium-menu-toggle span:first-child{top:21px;transform:rotate(45deg)}
  .premium-menu-open .premium-menu-toggle span:last-child{top:21px;transform:rotate(-45deg)}
  .premium-hero{padding:132px 28px 58px;min-height:auto}
  .premium-hero-grid{grid-template-columns:1fr;gap:38px;min-height:auto}
  .premium-hero-copy{max-width:720px;padding-top:22px}
  .premium-hero-copy h1{font-size:clamp(4rem,11vw,6.5rem);max-width:780px}
  .premium-media-wrap{min-height:560px}
  .premium-media{inset:20px 0 25px 0;border-radius:58px 32px 72px 36px}
  .media-play{right:14px;top:48px}
}
@media (max-width:680px){
  .premium-header{padding:0 10px;top:10px}
  .premium-nav-shell{min-height:60px;border-radius:22px;padding:6px 8px 6px 12px;grid-template-columns:1fr auto}
  .premium-brand-name{font-size:.76rem;letter-spacing:.22em}
  .premium-mark{width:31px;height:31px}.premium-mark img{width:38px;height:31px}
  .premium-cta{display:none}
  .premium-menu-toggle{grid-column:2}
  .premium-nav{top:68px;border-radius:20px}
  .premium-hero{padding:104px 18px 42px}
  .hero-micro{font-size:.56rem;letter-spacing:.19em;margin-bottom:20px}
  .hero-micro span{width:28px}
  .premium-hero-copy h1{font-size:clamp(3.25rem,17vw,5.2rem);line-height:.86}
  .premium-hero-copy p{font-size:.88rem;line-height:1.65;margin-top:24px}
  .premium-hero-actions{margin-top:26px}
  .hero-btn{min-height:49px;padding:0 20px;gap:14px;font-size:.72rem}
  .hero-meta{gap:8px;margin-top:26px;font-size:.52rem;letter-spacing:.12em;flex-wrap:wrap}
  .premium-media-wrap{min-height:415px;margin-top:2px}
  .premium-media{inset:12px 0 16px 0;border-radius:38px 22px 50px 26px}
  .premium-media img{object-position:center 50%}
  .media-play{width:54px;height:54px;border-width:7px;right:7px;top:30px}
  .media-caption{left:25px;bottom:24px}
  .media-caption strong{font-size:1.25rem}
  .media-corner-line{display:none}
  .coming-section{min-height:30vh}
}


/* ========================================================================== */
/* HOBITEK 2026 — PREMIUM HOMEPAGE V2 / ANTHRACITE + MEDIA-FIRST HERO         */
/* Reference refinement: larger media, shorter copy, quieter red, less UI noise. */
/* ========================================================================== */
body.new-home{
  --premium-bg:#17191c;
  --premium-bg-deep:#131518;
  --premium-panel:#1b1e21;
  --premium-red:#a7232c;
  --premium-red-hover:#b92a34;
  background:var(--premium-bg);
  color:#f3f2ef;
}
.premium-main{background:var(--premium-bg)}
.premium-header{top:27px}
.premium-nav-shell{
  width:min(990px,calc(100vw - 56px));
  min-height:68px;
  background:rgba(18,20,23,.82);
  border-color:rgba(255,255,255,.115);
  box-shadow:0 16px 42px rgba(0,0,0,.18);
  backdrop-filter:blur(20px) saturate(108%);
  -webkit-backdrop-filter:blur(20px) saturate(108%);
}
.premium-header.is-scrolled .premium-nav-shell{
  background:rgba(18,20,23,.94);
  border-color:rgba(255,255,255,.14);
}
.premium-nav a:after{background:var(--premium-red)}
.premium-cta{
  background:var(--premium-red);
  box-shadow:none;
  min-width:136px;
  min-height:48px;
}
.premium-cta:hover{background:var(--premium-red-hover)}

.premium-hero{
  min-height:100svh;
  padding:144px max(4.5vw,42px) 58px;
  background:linear-gradient(180deg,#191b1e 0%,#17191c 62%,#16181b 100%);
}
.premium-hero:before{
  opacity:.08;
  background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px);
  background-size:108px 108px;
}
.hero-orbit{display:none}
.premium-hero-grid{
  width:min(1510px,100%);
  min-height:calc(100svh - 202px);
  grid-template-columns:minmax(320px,.64fr) minmax(690px,1.36fr);
  gap:clamp(34px,4vw,66px);
}
.premium-hero-copy{padding-top:6px;align-self:center}
.hero-micro{
  margin-bottom:26px;
  color:#a5a9ae;
  font-size:.61rem;
  letter-spacing:.24em;
}
.hero-micro span{width:34px;background:var(--premium-red)}
.premium-hero-copy h1{
  max-width:520px;
  color:#f4f3f0;
  font-size:clamp(3.8rem,5.25vw,6.35rem);
  line-height:.84;
  letter-spacing:-.047em;
}
.premium-hero-copy h1 em{
  color:#f4f3f0;
  font-weight:500;
}
.premium-hero-copy p{
  max-width:470px;
  margin-top:28px;
  color:#a8acb1;
  font-size:.91rem;
  line-height:1.68;
}
.premium-hero-actions{margin-top:30px}
.hero-btn{min-height:50px;padding:0 23px}
.hero-btn-primary{
  background:var(--premium-red);
  border-color:var(--premium-red);
  box-shadow:none;
}
.hero-btn-primary:hover{background:var(--premium-red-hover);border-color:var(--premium-red-hover)}
.hero-btn-ghost{border-color:rgba(255,255,255,.20);background:rgba(255,255,255,.01)}
.hero-meta{margin-top:30px;color:#7d8289}
.hero-meta i{background:#7b242a;opacity:.76}

.premium-media-wrap{
  min-height:650px;
  align-self:stretch;
}
.premium-media{
  inset:8px 6px 8px 0;
  background:#202327;
  border-color:rgba(255,255,255,.16);
  border-radius:76px 34px 88px 42px;
  box-shadow:0 34px 80px rgba(0,0,0,.28);
  clip-path:path('M 76 0 H 855 Q 914 0 914 58 V 72 Q 914 108 948 122 Q 968 130 990 130 H 1020 Q 1056 130 1056 169 V 520 Q 1056 590 985 590 H 238 Q 190 590 159 563 L 106 518 Q 75 492 35 492 H 0 V 80 Q 0 0 76 0 Z');
}
@supports not (clip-path:path('M 0 0')){
  .premium-media{clip-path:none;border-radius:76px 34px 88px 42px}
}
.premium-media img{
  object-position:center 54%;
  filter:saturate(.70) contrast(1.055) brightness(.82);
}
.premium-media-wrap:hover .premium-media img{
  filter:saturate(.76) contrast(1.06) brightness(.84);
}
.media-shade{background:linear-gradient(90deg,rgba(10,11,13,.10),transparent 28%),linear-gradient(180deg,transparent 62%,rgba(9,10,12,.60) 100%)}
.media-caption{left:38px;bottom:30px;gap:6px}
.caption-kicker{color:#b8bbc0;font-size:.54rem}
.media-caption strong{font-size:1.35rem}
.media-play{
  right:1px;
  top:54px;
  width:58px;
  height:58px;
  border:7px solid var(--premium-bg);
  background:var(--premium-red);
  box-shadow:0 12px 30px rgba(0,0,0,.24);
}
.media-play:hover{background:var(--premium-red-hover)}
.media-corner-line{border-color:rgba(255,255,255,.085)}

.coming-section{background:#191b1e;border-top-color:rgba(255,255,255,.05)}
.coming-section.muted{background:#16181b}

@media (max-width:1280px) and (min-width:981px){
  .premium-hero{padding-left:34px;padding-right:34px}
  .premium-hero-grid{grid-template-columns:minmax(320px,.72fr) minmax(570px,1.28fr);gap:34px}
  .premium-media-wrap{min-height:590px}
  .premium-media{clip-path:none;border-radius:66px 30px 76px 38px;inset:16px 0 16px 0}
  .premium-hero-copy h1{font-size:clamp(3.55rem,5.3vw,5.6rem)}
}
@media (max-width:980px){
  .premium-hero{background:linear-gradient(180deg,#191b1e 0%,#17191c 100%)}
  .premium-hero-grid{grid-template-columns:1fr}
  .premium-hero-copy h1{max-width:650px}
  .premium-media-wrap{min-height:570px}
  .premium-media{inset:18px 0;border-radius:56px 28px 68px 34px}
}
@media (max-width:680px){
  .premium-hero{padding-left:18px;padding-right:18px}
  .premium-hero-copy h1{font-size:clamp(3.15rem,16vw,4.75rem);line-height:.87}
  .premium-hero-copy p{max-width:350px}
  .premium-media-wrap{min-height:430px}
  .premium-media{inset:8px 0 12px;border-radius:36px 20px 46px 24px}
  .media-play{width:52px;height:52px;border-width:6px;top:28px;right:5px}
}

/* ========================================================================== */
/* HOBITEK 2026 — V4 HEADER REFINEMENT / CENTERED NARROW CAPSULE              */
/* Reference: Autoluxe top bar, adapted with linear H symbol + script wordmark */
/* ========================================================================== */
body.new-home{
  --premium-accent:#9f564d;
  --premium-accent-hover:#b3665a;
}
body.new-home .premium-header{
  top:28px;
  padding:0 20px;
}
body.new-home .premium-nav-shell{
  width:min(820px,calc(100vw - 120px));
  min-height:72px;
  gap:24px;
  padding:8px 9px 8px 22px;
  border-color:rgba(255,255,255,.10);
  background:rgba(18,20,23,.72);
  box-shadow:0 10px 28px rgba(0,0,0,.16);
}
body.new-home .premium-header.is-scrolled .premium-nav-shell{
  min-height:66px;
  background:rgba(18,20,23,.90);
}
body.new-home .premium-brand{
  gap:14px;
  align-items:flex-start;
}
body.new-home .premium-mark{
  width:28px;
  height:34px;
  transform:translateY(7px);
}
body.new-home .premium-mark-line svg{
  width:100%;
  height:100%;
  overflow:visible;
}
body.new-home .premium-mark-line path{
  fill:none;
  stroke:#f5f2ee;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.92;
}
body.new-home .premium-brand-name,
body.new-home .premium-brand-script{
  font-family:"Cormorant Garamond", Georgia, serif;
  font-style:italic;
  font-weight:500;
  font-size:2rem;
  line-height:1;
  letter-spacing:.01em;
  text-transform:none;
  color:#f2eee8;
}
body.new-home .premium-nav{
  gap:24px;
  font-size:.80rem;
}
body.new-home .premium-nav a{
  color:#a7aaaE;
  padding:11px 0;
}
body.new-home .premium-nav a:hover,
body.new-home .premium-nav a.active{color:#fff}
body.new-home .premium-nav a:after{
  background:rgba(255,255,255,.92);
  height:1px;
  opacity:.75;
}
body.new-home .premium-cta{
  min-width:152px;
  min-height:54px;
  padding:0 24px;
  border-radius:999px;
  background:var(--premium-accent);
  color:#fff!important;
  box-shadow:none;
  font-size:.92rem;
  letter-spacing:.01em;
  font-weight:700;
}
body.new-home .premium-cta:hover{
  background:var(--premium-accent-hover);
}
body.new-home .premium-cta span{font-size:1.1rem}

@media (max-width: 1100px){
  body.new-home .premium-nav-shell{
    width:min(860px,calc(100vw - 44px));
    gap:20px;
  }
}
@media (max-width: 820px){
  body.new-home .premium-header{padding:0 12px;top:16px}
  body.new-home .premium-nav-shell{
    width:100%;
    min-height:64px;
    grid-template-columns:1fr auto;
    padding:7px 8px 7px 16px;
    gap:10px;
  }
  body.new-home .premium-brand-name,
  body.new-home .premium-brand-script{font-size:1.58rem}
  body.new-home .premium-mark{width:24px;height:30px;transform:translateY(5px)}
  body.new-home .premium-nav{display:none}
  body.new-home .premium-cta{display:none}
}

/* ========================================================================== */
/* HOBITEK 2026 — V5 HEADER + HERO REBALANCE                                  */
/* User refinement: tighter Autoluxe-like bar, true script wordmark, frosted  */
/* glass feel, gentler CTA, and calmer hero spacing between copy and media.    */
/* ========================================================================== */
body.new-home .premium-header{
  top:26px;
}
body.new-home .premium-nav-shell{
  width:min(744px,calc(100vw - 220px));
  min-height:70px;
  grid-template-columns:auto 1fr auto;
  gap:26px;
  padding:8px 10px 8px 20px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(19,21,24,.42);
  box-shadow:0 12px 34px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.03);
  backdrop-filter:blur(30px) saturate(118%);
  -webkit-backdrop-filter:blur(30px) saturate(118%);
}
body.new-home .premium-header.is-scrolled .premium-nav-shell{
  min-height:66px;
  background:rgba(19,21,24,.54);
  border-color:rgba(255,255,255,.105);
  box-shadow:0 10px 30px rgba(0,0,0,.13), inset 0 1px 0 rgba(255,255,255,.04);
}
body.new-home .premium-brand{
  gap:10px;
  align-items:center;
}
body.new-home .premium-mark{
  width:24px;
  height:28px;
  transform:none;
  opacity:.95;
}
body.new-home .premium-mark-line path{
  stroke:#f4f1ec;
  stroke-width:1.4;
}
body.new-home .premium-brand-name,
body.new-home .premium-brand-script{
  font-family:"Snell Roundhand","Apple Chancery","Zapfino","URW Chancery L",cursive;
  font-style:normal;
  font-weight:500;
  font-size:2rem;
  line-height:1;
  letter-spacing:0;
  color:#f4f0ea;
  transform:translateY(1px);
}
body.new-home .premium-nav{
  gap:22px;
  font-size:.79rem;
}
body.new-home .premium-nav a{color:#a8acae}
body.new-home .premium-nav a:after{
  background:rgba(255,255,255,.85);
  opacity:.6;
}
body.new-home .premium-cta{
  min-width:150px;
  min-height:52px;
  padding:0 23px;
  background:#b36c5f;
  font-size:.91rem;
}
body.new-home .premium-cta:hover{background:#c17868}

body.new-home .premium-hero{
  padding-top:158px;
}
body.new-home .premium-hero-grid{
  width:min(1450px,100%);
  min-height:calc(100svh - 220px);
  grid-template-columns:minmax(280px,.54fr) minmax(580px,1.02fr);
  gap:clamp(64px,6vw,110px);
  align-items:center;
}
body.new-home .premium-hero-copy{
  max-width:410px;
  padding-top:0;
}
body.new-home .hero-micro{
  margin-bottom:24px;
  color:#90959b;
  font-size:.58rem;
  letter-spacing:.22em;
}
body.new-home .hero-micro span{
  width:28px;
  background:#7c4741;
}
body.new-home .premium-hero-copy h1{
  max-width:410px;
  font-size:clamp(3.7rem,5vw,5.95rem);
  line-height:.9;
  letter-spacing:-.04em;
}
body.new-home .premium-hero-copy p{
  max-width:340px;
  margin-top:22px;
  color:#9da2a8;
  font-size:.90rem;
  line-height:1.66;
}
body.new-home .premium-hero-actions{margin-top:28px}
body.new-home .hero-meta{margin-top:28px}
body.new-home .premium-media-wrap{
  min-height:610px;
  width:min(930px,100%);
  justify-self:end;
}
body.new-home .premium-media{
  inset:10px 0 10px 0;
  border-radius:70px 32px 82px 40px;
  box-shadow:0 28px 68px rgba(0,0,0,.22);
  clip-path:path('M 70 0 H 790 Q 850 0 850 56 V 68 Q 850 103 883 115 Q 902 122 920 122 H 944 Q 980 122 980 160 V 515 Q 980 580 916 580 H 220 Q 172 580 143 554 L 98 515 Q 71 491 35 491 H 0 V 74 Q 0 0 70 0 Z');
}
body.new-home .premium-media img{
  object-position:center 54%;
  filter:saturate(.68) contrast(1.05) brightness(.83);
}
body.new-home .media-caption{left:34px;bottom:28px}
body.new-home .caption-kicker{font-size:.52rem;color:#b2b6bb}
body.new-home .media-caption strong{font-size:1.22rem}
body.new-home .media-play{
  top:52px;
  right:6px;
  width:56px;
  height:56px;
  border-width:6px;
  background:#a95f55;
}
body.new-home .media-play:hover{background:#bb6d61}

@media (max-width: 1260px){
  body.new-home .premium-nav-shell{width:min(760px,calc(100vw - 90px))}
  body.new-home .premium-hero-grid{
    grid-template-columns:minmax(270px,.58fr) minmax(500px,1fr);
    gap:56px;
  }
  body.new-home .premium-media-wrap{min-height:560px}
  body.new-home .premium-media{clip-path:none}
}
@media (max-width: 980px){
  body.new-home .premium-nav-shell{width:min(100%,calc(100vw - 34px))}
  body.new-home .premium-hero-grid{grid-template-columns:1fr;gap:42px}
  body.new-home .premium-hero-copy{max-width:520px}
  body.new-home .premium-hero-copy p{max-width:420px}
  body.new-home .premium-media-wrap{width:100%;min-height:540px}
}
@media (max-width: 820px){
  body.new-home .premium-brand-name,
  body.new-home .premium-brand-script{font-size:1.72rem}
  body.new-home .premium-mark{width:22px;height:26px}
}
@media (max-width: 680px){
  body.new-home .premium-hero{padding-top:132px}
  body.new-home .premium-hero-copy h1{font-size:clamp(3.2rem,16vw,4.7rem)}
  body.new-home .premium-media-wrap{min-height:420px}
}

/* ========================================================================== */
/* HOBITEK 2026 — V6 HERO ALIGNMENT / MEDIA EXPANSION                         */
/* User refinement: lower left copy slightly, keep video larger, and make     */
/* copy/video top-bottom rhythm feel more aligned.                             */
/* ========================================================================== */
body.new-home .premium-hero-grid{
  grid-template-columns:minmax(255px,.48fr) minmax(660px,1.12fr);
  gap:clamp(52px,5.2vw,90px);
  align-items:center;
}
body.new-home .premium-hero-copy{
  max-width:392px;
  align-self:center;
  transform:translateY(34px);
}
body.new-home .premium-hero-copy h1{
  max-width:390px;
}
body.new-home .premium-hero-copy p{
  max-width:336px;
}
body.new-home .premium-media-wrap{
  width:min(980px,100%);
  min-height:640px;
  justify-self:end;
}
body.new-home .premium-media{
  inset:6px 0 6px 0;
  clip-path:path('M 70 0 H 840 Q 904 0 904 58 V 70 Q 904 105 937 118 Q 957 126 978 126 H 1004 Q 1040 126 1040 164 V 540 Q 1040 606 974 606 H 226 Q 176 606 145 579 L 98 538 Q 72 515 36 515 H 0 V 76 Q 0 0 70 0 Z');
}
body.new-home .media-play{
  top:56px;
  right:8px;
}

@media (max-width: 1260px){
  body.new-home .premium-hero-grid{
    grid-template-columns:minmax(255px,.52fr) minmax(560px,1.04fr);
    gap:46px;
  }
  body.new-home .premium-hero-copy{transform:translateY(24px)}
  body.new-home .premium-media-wrap{min-height:580px;width:100%}
}
@media (max-width: 980px){
  body.new-home .premium-hero-copy{transform:none;max-width:520px}
  body.new-home .premium-media-wrap{min-height:540px;width:100%}
}

/* ========================================================================== */
/* HOBITEK 2026 — V7 HERO VERTICAL RHYTHM / REFERENCE-ALIGNED                 */
/* Align the left editorial column to the media top/bottom instead of centering. */
/* ========================================================================== */
body.new-home .premium-hero-grid{
  align-items:stretch;
}
body.new-home .premium-hero-copy{
  max-width:392px;
  min-height:640px;
  padding:20px 0 18px;
  transform:none;
  align-self:stretch;
  display:flex;
  flex-direction:column;
}
body.new-home .hero-micro{
  margin-bottom:28px;
}
body.new-home .premium-hero-copy h1{
  margin:0;
}
body.new-home .premium-hero-copy p{
  margin-top:24px;
}
body.new-home .premium-hero-actions{
  margin-top:30px;
}
body.new-home .hero-lower-accent{
  margin-top:auto;
  display:flex;
  align-items:center;
  gap:12px;
  padding-top:34px;
  color:#a95f55;
  font-size:.52rem;
  font-weight:700;
  letter-spacing:.24em;
}
body.new-home .hero-lower-accent span{
  width:46px;
  height:1px;
  background:#a95f55;
  opacity:.82;
}
body.new-home .hero-lower-accent b{
  font:inherit;
  font-weight:700;
}
body.new-home .hero-meta{
  margin-top:14px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.08);
}
body.new-home .premium-media-wrap{
  min-height:640px;
}

@media (max-width:1260px){
  body.new-home .premium-hero-copy{min-height:580px;padding-top:18px}
  body.new-home .premium-media-wrap{min-height:580px}
}
@media (max-width:980px){
  body.new-home .premium-hero-copy{min-height:auto;padding:0;display:block}
  body.new-home .hero-lower-accent{margin-top:34px;padding-top:0}
  body.new-home .hero-meta{margin-top:14px}
}

/* ========================================================================== */
/* HOBITEK 2026 — V8 TOP NAV TYPOGRAPHY / BRAND LOCKUP                        */
/* Refined against the supplied Autoluxe reference: no active underline,      */
/* editorial italic wordmark, circular line H mark, quieter hover animation.  */
/* ========================================================================== */
body.new-home .premium-nav-shell{
  width:min(840px,calc(100vw - 180px));
  min-height:70px;
  padding:8px 10px 8px 18px;
  gap:24px;
  border:1px solid rgba(255,255,255,.085);
  background:rgba(18,20,22,.44);
  backdrop-filter:blur(28px) saturate(112%);
  -webkit-backdrop-filter:blur(28px) saturate(112%);
  box-shadow:0 12px 30px rgba(0,0,0,.13), inset 0 1px 0 rgba(255,255,255,.025);
}
body.new-home .premium-header.is-scrolled .premium-nav-shell{
  min-height:66px;
  background:rgba(18,20,22,.56);
  border-color:rgba(255,255,255,.10);
}
body.new-home .premium-brand{
  gap:9px;
  align-items:center;
  padding-right:2px;
}
body.new-home .premium-mark{
  width:31px;
  height:31px;
  transform:none;
  opacity:.92;
}
body.new-home .premium-mark-line svg{width:100%;height:100%;overflow:visible}
body.new-home .premium-mark-line circle,
body.new-home .premium-mark-line path{
  fill:none;
  stroke:#e8e4de;
  stroke-width:1.15;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.new-home .premium-mark-line circle{opacity:.68}
body.new-home .premium-mark-line path{opacity:.95}
body.new-home .premium-brand-name,
body.new-home .premium-brand-script{
  font-family:"Cormorant Garamond", Georgia, serif;
  font-style:italic;
  font-weight:500;
  font-size:1.62rem;
  line-height:1;
  letter-spacing:-.015em;
  color:#f0ece6;
  transform:none;
}
body.new-home .premium-nav{
  gap:21px;
  font-family:"Manrope", Arial, sans-serif;
  font-size:.78rem;
  font-weight:500;
  letter-spacing:-.01em;
}
body.new-home .premium-nav a{
  color:#9da09f;
  padding:12px 0;
  transform:translateY(0);
  transition:color .28s ease, transform .32s var(--ease), opacity .28s ease;
}
body.new-home .premium-nav a::after{display:none!important}
body.new-home .premium-nav a.active{
  color:#eeeae4;
  transform:none;
}
body.new-home .premium-nav a:hover{
  color:#fff;
  transform:translateY(-2px);
}
body.new-home .premium-cta{
  min-width:148px;
  min-height:52px;
  padding:0 22px;
  background:#a85e55;
  font-family:"Manrope",Arial,sans-serif;
  font-size:.89rem;
  font-weight:700;
  letter-spacing:0;
}
body.new-home .premium-cta:hover{
  background:#b86b61;
  transform:translateY(-1px);
}
@media (max-width:1260px){
  body.new-home .premium-nav-shell{width:min(840px,calc(100vw - 70px));gap:20px}
  body.new-home .premium-nav{gap:18px;font-size:.76rem}
}
@media (max-width:980px){
  body.new-home .premium-nav-shell{width:min(100%,calc(100vw - 34px))}
}
@media (max-width:820px){
  body.new-home .premium-mark{width:28px;height:28px}
  body.new-home .premium-brand-name,
  body.new-home .premium-brand-script{font-size:1.48rem}
}

/* ========================================================================== */
/* HOBITEK 2026 — V9 MOTION / THEME / AMBIENT LAYERS                          */
/* Adds subtle motion, light mode toggle, richer hero meta, and media trace.  */
/* ========================================================================== */
:root{
  --theme-bg:#0f1114;
  --theme-bg-soft:#14171b;
  --theme-surface:rgba(18,20,22,.46);
  --theme-text:#f3efe9;
  --theme-muted:#a6abb2;
  --theme-border:rgba(255,255,255,.09);
  --theme-red:#c3262f;
  --theme-red-strong:#d52831;
  --theme-red-soft:#a85e55;
}
html[data-theme="light"]{
  --theme-bg:#f3f1ec;
  --theme-bg-soft:#f8f6f2;
  --theme-surface:rgba(255,255,255,.62);
  --theme-text:#181b20;
  --theme-muted:#535862;
  --theme-border:rgba(17,22,28,.10);
  --theme-red:#c2262f;
  --theme-red-strong:#d12f37;
  --theme-red-soft:#c87063;
}

body,
body.new-home,
body.page-shell,
body.site-body{
  background:var(--theme-bg);
  color:var(--theme-text);
}
body.new-home{
  background:
    radial-gradient(circle at 18% 18%, rgba(196,34,46,.07), transparent 28%),
    radial-gradient(circle at 76% 24%, rgba(255,255,255,.03), transparent 25%),
    linear-gradient(180deg, var(--theme-bg) 0%, var(--theme-bg-soft) 100%);
}
body.new-home .premium-main{
  position:relative;
  overflow:hidden;
}
body.new-home .premium-main::before,
body.new-home .premium-main::after{
  content:"";
  position:absolute;
  inset:auto;
  pointer-events:none;
  opacity:.28;
}
body.new-home .premium-main::before{
  top:180px;
  left:-100px;
  width:420px;
  height:420px;
  border-radius:50%;
  border:1px solid rgba(201,48,58,.08);
  box-shadow:0 0 0 80px rgba(201,48,58,.015), 0 0 0 160px rgba(255,255,255,.015);
  animation:ambientFloat 18s ease-in-out infinite;
}
body.new-home .premium-main::after{
  right:-120px;
  bottom:120px;
  width:560px;
  height:260px;
  background:linear-gradient(90deg, transparent, rgba(201,48,58,.028), transparent);
  transform:rotate(-12deg);
  filter:blur(1px);
}

body.new-home .premium-nav-shell,
body.new-home .coming-section,
body.new-home .premium-media-wrap,
body.new-home .premium-media,
body.new-home .media-corner-line,
body.new-home .hero-btn-ghost{
  border-color:var(--theme-border);
}
body.new-home .premium-nav-shell{
  background:var(--theme-surface);
}
body.new-home .premium-brand-name,
body.new-home .premium-brand-script,
body.new-home .premium-hero-copy h1,
body.new-home .premium-nav a.active,
body.new-home .premium-nav a:hover{
  color:var(--theme-text);
}
body.new-home .premium-nav a,
body.new-home .premium-hero-copy p,
body.new-home .caption-kicker,
body.new-home .hero-meta,
body.new-home .hero-micro,
body.new-home .coming-inner span{
  color:var(--theme-muted);
}
body.new-home .premium-nav{
  font-weight:600;
}
body.new-home .premium-cta,
body.new-home .hero-btn-primary{
  background:var(--theme-red);
  border-color:var(--theme-red);
}
body.new-home .premium-cta:hover,
body.new-home .hero-btn-primary:hover{
  background:var(--theme-red-strong);
  border-color:var(--theme-red-strong);
}
body.new-home .premium-cta{
  background:var(--theme-red);
}
body.new-home .premium-hero-copy p{
  font-weight:500;
}
body.new-home .hero-micro{
  font-weight:600;
}
body.new-home .hero-lower-accent,
body.new-home .hero-lower-accent span,
body.new-home .hero-meta i{
  color:var(--theme-red-soft);
  background:var(--theme-red-soft);
}
body.new-home .hero-lower-accent b,
body.new-home .hero-meta span{
  font-weight:600;
}
body.new-home .hero-meta{
  display:flex;
  flex-wrap:wrap;
  row-gap:10px;
}
body.new-home .hero-meta span{
  position:relative;
}
body.new-home .hero-meta i{
  opacity:.66;
}

/* gentle motion throughout */
.hero-orbit{
  opacity:.18;
  animation:ambientPulse 11s ease-in-out infinite;
}
.hero-orbit-two{animation-delay:-5s}
body.new-home .premium-nav a,
body.new-home .hero-btn,
body.new-home .premium-cta,
body.new-home .premium-media-wrap,
body.new-home .media-play,
body.new-home .premium-brand{will-change:transform}
body.new-home .premium-brand:hover{transform:translateY(-1px)}
body.new-home .hero-btn-ghost:hover{transform:translateY(-1px); border-color:rgba(255,255,255,.40)}
body.new-home .premium-media-wrap{
  animation:mediaFloat 12s ease-in-out infinite;
}
body.new-home .media-play{
  background:var(--theme-red-soft);
  animation:playPulse 6s ease-in-out infinite;
}
body.new-home .media-play:hover{background:var(--theme-red)}
body.new-home .media-trace{
  position:absolute;
  inset:-18px -18px -18px -18px;
  width:calc(100% + 36px);
  height:calc(100% + 36px);
  pointer-events:none;
  opacity:.5;
  filter:drop-shadow(0 0 6px rgba(255,255,255,.05));
}
body.new-home .media-trace path{
  fill:none;
  stroke:rgba(255,255,255,.26);
  stroke-width:1;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:220 2600;
  stroke-dashoffset:0;
  animation:traceRun 11s linear infinite;
}
body.new-home .media-corner-line{
  opacity:.35;
}
body.new-home .coming-section{
  position:relative;
  isolation:isolate;
}
body.new-home .coming-section::before{
  content:"";
  position:absolute;
  inset:auto 10% 18% auto;
  width:120px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(201,48,58,.28), transparent);
  opacity:.65;
}
body.new-home .coming-inner strong{font-weight:600}

/* theme toggle */
.theme-toggle{
  position:fixed;
  left:16px;
  top:20px;
  z-index:130;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:999px;
  border:1px solid var(--theme-border);
  background:var(--theme-surface);
  color:var(--theme-text);
  backdrop-filter:blur(18px) saturate(110%);
  -webkit-backdrop-filter:blur(18px) saturate(110%);
  box-shadow:0 8px 22px rgba(0,0,0,.12);
  transition:transform .3s ease, background .3s ease, border-color .3s ease;
}
.theme-toggle:hover{transform:translateY(-2px)}
.theme-toggle__sun,
.theme-toggle__moon{position:absolute;transition:opacity .3s ease, transform .4s ease}
.theme-toggle__sun{
  width:14px;height:14px;border-radius:50%;
  border:1.6px solid currentColor;
  box-shadow:0 -10px 0 -8px currentColor, 0 10px 0 -8px currentColor, 10px 0 0 -8px currentColor, -10px 0 0 -8px currentColor, 7px 7px 0 -8px currentColor, -7px -7px 0 -8px currentColor, 7px -7px 0 -8px currentColor, -7px 7px 0 -8px currentColor;
}
.theme-toggle__moon{
  width:14px;height:14px;border-radius:50%;
  box-shadow:7px -3px 0 0 currentColor;
  transform:scale(.65) translateX(-2px);
  opacity:0;
}
.theme-toggle[data-mode="light"] .theme-toggle__sun{opacity:0;transform:scale(.7) rotate(50deg)}
.theme-toggle[data-mode="light"] .theme-toggle__moon{opacity:1;transform:scale(1) translateX(0)}
html[data-theme="light"] .theme-toggle{box-shadow:0 8px 22px rgba(11,16,21,.07)}

/* light mode for homepage + generic sections */
html[data-theme="light"] body.new-home .premium-main::before{border-color:rgba(201,48,58,.10); box-shadow:0 0 0 80px rgba(201,48,58,.018),0 0 0 160px rgba(0,0,0,.012)}
html[data-theme="light"] body.new-home .premium-nav-shell{box-shadow:0 12px 30px rgba(32,36,40,.08), inset 0 1px 0 rgba(255,255,255,.48)}
html[data-theme="light"] body.new-home .hero-btn-ghost{background:rgba(17,22,28,.02); border-color:rgba(17,22,28,.15); color:#1a1d22!important}
html[data-theme="light"] body.new-home .media-trace path{stroke:rgba(17,22,28,.24)}
html[data-theme="light"] body.new-home .coming-section{background:#ece8e2;color:#171a1f;border-top-color:rgba(17,22,28,.08)}
html[data-theme="light"] body.new-home .coming-section.muted{background:#f3f0ea}
html[data-theme="light"] body.new-home .premium-media img{filter:saturate(.82) contrast(1.02) brightness(.96)}
html[data-theme="light"] body.new-home .premium-nav a:hover,
html[data-theme="light"] body.new-home .premium-nav a.active,
html[data-theme="light"] body.new-home .premium-brand-name,
html[data-theme="light"] body.new-home .premium-brand-script,
html[data-theme="light"] body.new-home .premium-hero-copy h1{color:#171a1f}

/* generic reveal sections from below */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}
.reveal.in-view{opacity:1;transform:translateY(0)}

@keyframes ambientPulse{0%,100%{transform:scale(1);opacity:.16}50%{transform:scale(1.02);opacity:.28}}
@keyframes ambientFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(18px,-14px,0)}}
@keyframes mediaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes playPulse{0%,100%{box-shadow:0 0 0 0 rgba(195,38,47,.0)}50%{box-shadow:0 0 0 10px rgba(195,38,47,.06)}}
@keyframes traceRun{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-2820}}

@media (max-width:980px){
  .theme-toggle{top:74px;left:12px;width:40px;height:40px}
  body.new-home .media-trace{display:none}
  body.new-home .premium-media-wrap{animation:none}
}

/* ========================================================================== */
/* HOBITEK 2026 — V10 THEME FIX + MINIMAL EXPERTISE DIVIDER                  */
/* ========================================================================== */
body.new-home .hero-lower-accent{
  margin-top:auto;
  display:flex;
  align-items:center;
  gap:12px;
  padding-top:30px;
  background:transparent!important;
  color:#a95f55;
  font-size:.50rem;
  letter-spacing:.22em;
}
body.new-home .hero-lower-accent span{
  display:block;
  width:42px!important;
  height:1px!important;
  flex:0 0 42px;
  background:#a95f55!important;
  opacity:.82;
}
body.new-home .hero-lower-accent b{
  display:block;
  background:transparent!important;
  color:#a95f55;
  font:inherit;
  font-weight:700;
}
body.new-home .hero-meta{
  margin-top:13px;
  padding-top:15px;
  border-top:1px solid rgba(255,255,255,.075);
}
html[data-theme="light"] body.new-home .hero-meta{
  border-top-color:rgba(20,24,29,.10);
}

/* make the actual page surfaces follow theme variables */
body.new-home .premium-main,
body.new-home .premium-hero{
  background:var(--theme-bg)!important;
  color:var(--theme-text);
}
body.new-home .premium-hero{
  background:
    radial-gradient(circle at 80% 35%, rgba(255,255,255,.025), transparent 30%),
    linear-gradient(180deg,var(--theme-bg-soft) 0%,var(--theme-bg) 100%)!important;
}
html[data-theme="light"] body.new-home .premium-hero{
  background:
    radial-gradient(circle at 79% 33%, rgba(170,62,68,.045), transparent 28%),
    linear-gradient(180deg,#f7f5f0 0%,#efede7 100%)!important;
}
html[data-theme="light"] body.new-home .premium-main{background:#efede7!important}
html[data-theme="light"] body.new-home .premium-nav-shell{
  background:rgba(250,248,244,.58)!important;
  border-color:rgba(23,27,32,.10)!important;
}
html[data-theme="light"] body.new-home .premium-header.is-scrolled .premium-nav-shell{
  background:rgba(250,248,244,.72)!important;
}
html[data-theme="light"] body.new-home .premium-mark-line circle,
html[data-theme="light"] body.new-home .premium-mark-line path{stroke:#23262b}
html[data-theme="light"] body.new-home .premium-nav a{color:#666b72}
html[data-theme="light"] body.new-home .premium-nav a:hover,
html[data-theme="light"] body.new-home .premium-nav a.active{color:#171a1f}
html[data-theme="light"] body.new-home .premium-hero-copy p,
html[data-theme="light"] body.new-home .hero-micro,
html[data-theme="light"] body.new-home .hero-meta{color:#666b72}
html[data-theme="light"] body.new-home .media-caption strong{color:#fff}

/* theme toggle must be visible and clickable above normal site chrome */
.theme-toggle{
  z-index:9999!important;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}
.theme-toggle:focus-visible{outline:2px solid var(--theme-red);outline-offset:3px}

@media (max-width:980px){
  body.new-home .hero-lower-accent{margin-top:32px;padding-top:0}
}

/* ========================================================================== */
/* HOBITEK 2026 — V11 TOP BAR COMPACT SPACING                                 */
/* Brand, nav items and CTA pulled closer together per user feedback.          */
/* ========================================================================== */
body.new-home .premium-nav-shell{
  width:min(810px,calc(100vw - 180px));
  gap:14px;
  padding:8px 10px 8px 16px;
}
body.new-home .premium-brand{
  gap:7px;
  padding-right:0;
}
body.new-home .premium-mark{
  width:29px;
  height:29px;
}
body.new-home .premium-brand-name,
body.new-home .premium-brand-script{
  font-size:1.56rem;
}
body.new-home .premium-nav{
  gap:15px;
  justify-content:flex-start;
}
body.new-home .premium-nav a{
  padding:12px 0;
}
body.new-home .premium-cta{
  min-width:132px;
  min-height:50px;
  padding:0 18px;
  margin-left:2px;
}
@media (max-width:1260px){
  body.new-home .premium-nav-shell{width:min(810px,calc(100vw - 64px));gap:12px}
  body.new-home .premium-nav{gap:13px;font-size:.75rem}
  body.new-home .premium-cta{min-width:126px;padding:0 16px}
}

/* ========================================================================== */
/* HOBITEK 2026 — V12 DARKER ANTHRACITE + BAR REPOSITION                      */
/* Restores the bar proportions closer to the reference and darkens the page.  */
/* ========================================================================== */
:root{
  --theme-bg:#090a0d;
  --theme-bg-soft:#0d0f12;
  --theme-surface:rgba(17,18,21,.44);
}
body.new-home{
  background:
    radial-gradient(circle at 18% 18%, rgba(196,34,46,.045), transparent 26%),
    radial-gradient(circle at 76% 24%, rgba(255,255,255,.018), transparent 24%),
    linear-gradient(180deg, var(--theme-bg) 0%, var(--theme-bg-soft) 100%);
}
body.new-home .premium-main::before{
  opacity:.22;
}
body.new-home .premium-nav-shell{
  width:min(780px,calc(100vw - 190px));
  min-height:70px;
  grid-template-columns:auto max-content auto;
  justify-content:center;
  align-items:center;
  gap:18px;
  padding:8px 10px 8px 14px;
  background:rgba(17,18,21,.42);
  border-color:rgba(255,255,255,.075);
  box-shadow:0 10px 28px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.02);
}
body.new-home .premium-header.is-scrolled .premium-nav-shell{
  background:rgba(17,18,21,.52);
}
body.new-home .premium-brand{
  gap:8px;
  padding-right:0;
}
body.new-home .premium-mark{
  width:30px;
  height:30px;
}
body.new-home .premium-brand-name,
body.new-home .premium-brand-script{
  font-size:1.58rem;
}
body.new-home .premium-nav{
  gap:18px;
  justify-content:flex-start;
  font-size:.775rem;
}
body.new-home .premium-nav a{
  padding:11px 0;
}
body.new-home .premium-cta{
  min-width:144px;
  min-height:52px;
  padding:0 20px;
  margin-left:4px;
}
@media (max-width:1260px){
  body.new-home .premium-nav-shell{width:min(780px,calc(100vw - 76px));gap:16px}
  body.new-home .premium-nav{gap:16px}
}
@media (max-width:980px){
  body.new-home .premium-nav-shell{width:min(100%,calc(100vw - 34px))}
}

/* ========================================================================== */
/* HOBITEK 2026 — V13 FOCUS RAIL / BRAND EXPERTISE                            */
/* Horizontal autonomous rail; brands sharpen and scale at the center focus.   */
/* ========================================================================== */
.focus-rail-section{
  position:relative;
  min-height:78vh;
  overflow:hidden;
  padding:112px 0 104px;
  background:#08090b;
  color:#f4f3ef;
  border-top:1px solid rgba(255,255,255,.055);
  border-bottom:1px solid rgba(255,255,255,.055);
  isolation:isolate;
}
.focus-rail-section::before{
  content:"";
  position:absolute;
  left:50%;top:0;bottom:0;
  width:1px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.07) 22%,rgba(194,38,47,.16) 50%,rgba(255,255,255,.07) 78%,transparent);
  opacity:.45;
  pointer-events:none;
}
.focus-rail-section::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 52%,rgba(255,255,255,.035),transparent 18%),radial-gradient(circle at 50% 52%,rgba(194,38,47,.04),transparent 35%);
  pointer-events:none;
}
.focus-rail-head{
  position:relative;
  z-index:3;
  width:min(1320px,calc(100% - 72px));
  margin:0 auto 76px;
  display:grid;
  grid-template-columns:minmax(220px,.72fr) minmax(520px,1.28fr);
  column-gap:72px;
  align-items:end;
}
.focus-rail-kicker{
  display:flex;
  align-items:center;
  gap:13px;
  color:#8e939a;
  font-size:.58rem;
  font-weight:700;
  letter-spacing:.24em;
  text-transform:uppercase;
}
.focus-rail-kicker span{width:36px;height:1px;background:#9f564d;opacity:.9}
.focus-rail-head h2{
  margin:0;
  color:#f4f1ec;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(3.2rem,5.25vw,6.2rem);
  line-height:.88;
  letter-spacing:-.045em;
  font-weight:500;
}
.focus-rail-head h2 em{font-weight:500;color:#f4f1ec}
.focus-rail-head p{
  grid-column:2;
  max-width:520px;
  margin:22px 0 0;
  color:#8f949b;
  font-size:.91rem;
  line-height:1.7;
  font-weight:500;
}
.focus-rail-stage{
  position:relative;
  z-index:2;
  width:100%;
  height:220px;
  overflow:hidden;
  display:flex;
  align-items:center;
  mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%);
}
.focus-rail-center{
  position:absolute;
  left:50%;top:50%;
  width:190px;height:150px;
  transform:translate(-50%,-50%);
  border-left:1px solid rgba(255,255,255,.06);
  border-right:1px solid rgba(255,255,255,.06);
  border-radius:50%;
  opacity:.28;
  pointer-events:none;
}
.focus-rail-track{
  display:flex;
  align-items:center;
  gap:clamp(70px,7vw,120px);
  width:max-content;
  will-change:transform;
  padding:0 8vw;
}
.focus-brand{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:max-content;
  color:#fff;
  font-family:"Manrope",Arial,sans-serif;
  font-size:clamp(1rem,1.6vw,1.55rem);
  font-weight:650;
  letter-spacing:.08em;
  white-space:nowrap;
  opacity:.16;
  filter:blur(3px);
  transform:scale(.62) translateZ(0);
  transform-origin:center center;
  transition:filter .12s linear,opacity .12s linear;
  will-change:transform,opacity,filter;
}
.focus-brand.is-center{
  text-shadow:0 0 18px rgba(255,255,255,.08);
}
.focus-rail-foot{
  position:relative;
  z-index:3;
  width:min(760px,calc(100% - 44px));
  margin:58px auto 0;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:18px;
  color:#70757d;
  font-size:.52rem;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.focus-rail-foot span{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12))}
.focus-rail-foot span:last-child{background:linear-gradient(90deg,rgba(255,255,255,.12),transparent)}
.focus-rail-foot b{font:inherit;font-weight:700;color:#8d9299}

.focus-rail-section.reveal{transform:translateY(46px);opacity:0}
.focus-rail-section.reveal.in-view{transform:translateY(0);opacity:1}
.focus-rail-section .focus-rail-head,
.focus-rail-section .focus-rail-stage,
.focus-rail-section .focus-rail-foot{
  opacity:0;
  transform:translateY(34px);
  transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform .85s cubic-bezier(.22,.61,.36,1);
}
.focus-rail-section.in-view .focus-rail-head{opacity:1;transform:none;transition-delay:.06s}
.focus-rail-section.in-view .focus-rail-stage{opacity:1;transform:none;transition-delay:.18s}
.focus-rail-section.in-view .focus-rail-foot{opacity:1;transform:none;transition-delay:.30s}

@media (max-width:980px){
  .focus-rail-section{min-height:auto;padding:92px 0 84px}
  .focus-rail-head{width:min(100% - 36px,760px);grid-template-columns:1fr;gap:24px;margin-bottom:52px}
  .focus-rail-head p{grid-column:1;margin-top:0}
  .focus-rail-stage{height:180px}
  .focus-rail-track{gap:64px;padding:0 18vw}
  .focus-brand{font-size:1rem}
}
@media (max-width:680px){
  .focus-rail-section{padding:76px 0 70px}
  .focus-rail-head h2{font-size:clamp(3rem,14vw,4.8rem)}
  .focus-rail-stage{height:150px}
  .focus-rail-center{width:126px;height:112px}
  .focus-rail-track{gap:48px}
  .focus-rail-foot{font-size:.46rem;gap:10px}
}

/* ========================================================================== */
/* HOBITEK 2026 — V14 FOCUS RAIL LOGO + NAME REFINEMENT                       */
/* Adds logo-like monochrome marks, clearer names, and more spacing.           */
/* ========================================================================== */
.focus-rail-stage{
  height:244px;
}
.focus-rail-track{
  gap:clamp(92px,8vw,146px);
  padding:0 10vw;
}
.focus-brand{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:16px;
  min-width:152px;
  color:#fff;
  opacity:.16;
  filter:blur(3px);
  transform:scale(.62) translateZ(0);
  transform-origin:center center;
  transition:filter .12s linear,opacity .12s linear;
  will-change:transform,opacity,filter;
}
.focus-brand-mark{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  font-family:"Manrope",Arial,sans-serif;
  font-weight:800;
  font-size:.82rem;
  letter-spacing:.08em;
  color:rgba(255,255,255,.92);
}
.focus-brand-label{
  font-family:"Manrope",Arial,sans-serif;
  font-size:.86rem;
  font-weight:700;
  letter-spacing:.14em;
  line-height:1.2;
  white-space:nowrap;
}
.focus-brand.is-center .focus-brand-mark{
  border-color:rgba(255,255,255,.58);
  box-shadow:0 0 0 10px rgba(255,255,255,.02);
}
.focus-brand.is-center .focus-brand-label{
  color:#fff;
}
@media (max-width: 980px){
  .focus-rail-stage{height:208px}
  .focus-rail-track{gap:74px;padding:0 13vw}
  .focus-brand{min-width:132px;gap:12px}
  .focus-brand-mark{width:44px;height:44px;font-size:.72rem}
  .focus-brand-label{font-size:.74rem;letter-spacing:.12em}
}
@media (max-width: 640px){
  .focus-rail-stage{height:184px}
  .focus-rail-track{gap:58px;padding:0 16vw}
  .focus-brand{min-width:116px;gap:10px}
  .focus-brand-mark{width:38px;height:38px;font-size:.66rem}
}

/* ========================================================================== */
/* HOBITEK 2026 — V15 FOCUS RAIL PREMIUM SVG MARKS                            */
/* Replaces monograms with monochrome vector-style brand marks + names.        */
/* ========================================================================== */
.focus-rail-stage{
  height:256px;
}
.focus-rail-track{
  gap:clamp(110px,9vw,170px);
  padding:0 11vw;
}
.focus-brand{
  min-width:168px;
  gap:18px;
}
.focus-brand-mark{
  width:82px;
  height:60px;
  display:grid;
  place-items:center;
  border:none;
  border-radius:0;
}
.focus-brand-mark svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:rgba(255,255,255,.95);
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  overflow:visible;
}
.focus-brand-label{
  font-size:.82rem;
  letter-spacing:.18em;
  text-align:center;
}
.focus-brand.is-center .focus-brand-mark{
  filter:drop-shadow(0 0 14px rgba(255,255,255,.08));
}
.focus-brand.is-center .focus-brand-mark svg{
  stroke:#ffffff;
}
@media (max-width: 980px){
  .focus-rail-stage{height:220px}
  .focus-rail-track{gap:84px;padding:0 14vw}
  .focus-brand{min-width:142px;gap:14px}
  .focus-brand-mark{width:68px;height:50px}
  .focus-brand-label{font-size:.72rem;letter-spacing:.14em}
}
@media (max-width: 640px){
  .focus-rail-stage{height:194px}
  .focus-rail-track{gap:66px;padding:0 17vw}
  .focus-brand{min-width:124px;gap:10px}
  .focus-brand-mark{width:56px;height:42px}
  .focus-brand-label{font-size:.66rem}
}

/* ========================================================================== */
/* HOBITEK 2026 — V16 QA FIXES                                                */
/* Browser-tested: restore true single-column hero on tablet/mobile.          */
/* Later desktop refinements had overridden the earlier responsive rule.       */
/* ========================================================================== */
@media (max-width:980px){
  body.new-home .premium-hero-grid{
    grid-template-columns:1fr !important;
    gap:42px;
  }
  body.new-home .premium-hero-copy{
    width:100%;
    max-width:560px;
  }
  body.new-home .premium-media-wrap{
    width:100% !important;
    justify-self:stretch;
    min-width:0;
  }
}
@media (max-width:680px){
  body.new-home .premium-hero-grid{gap:30px}
  body.new-home .premium-media-wrap{
    min-height:390px;
    margin-top:8px;
  }
  body.new-home .premium-media{
    inset:10px 0 14px;
  }
}

/* ========================================================================== */
/* HOBITEK 2026 — V17 MOBILE MENU QA FIX                                      */
/* V8's mobile display:none was overriding the open-state rule.               */
/* ========================================================================== */
@media (max-width:820px){
  body.new-home.premium-menu-open .premium-nav{
    display:flex !important;
    opacity:1;
    visibility:visible;
    transform:translateY(0);
  }
}

/* ========================================================================== */
/* HOBITEK 2026 — V18 REAL BRAND LOGO FOCUS RAIL                              */
/* Real brand marks, no text labels; larger breathing room between logos.      */
/* ========================================================================== */
.focus-rail-stage{height:246px}
.focus-rail-track{
  gap:clamp(128px,10vw,196px);
  padding:0 12vw;
}
.focus-brand{
  min-width:176px;
  gap:0;
}
.focus-brand-mark{
  width:112px;
  height:76px;
  border:0;
  display:grid;
  place-items:center;
  overflow:visible;
}
.focus-brand-mark img,
.focus-brand-fallback,
.focus-brand-fallback svg{
  display:block;
  width:100%;
  height:100%;
}
.focus-brand-mark img{
  object-fit:contain;
  object-position:center;
  filter:grayscale(1) brightness(0) invert(1);
  opacity:.98;
}
.focus-brand-fallback svg{
  fill:none;
  stroke:rgba(255,255,255,.95);
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.focus-brand-label{display:none!important}
.focus-brand--audi .focus-brand-mark{width:132px;height:64px}
.focus-brand--jaguar .focus-brand-mark{width:144px;height:54px}
.focus-brand--land-rover .focus-brand-mark{width:118px;height:72px}
.focus-brand--ford .focus-brand-mark{width:128px;height:68px}
.focus-brand--porsche .focus-brand-mark{width:74px;height:88px}
.focus-brand--renault .focus-brand-mark{width:70px;height:88px}
.focus-brand--mercedes .focus-brand-mark,
.focus-brand--bmw .focus-brand-mark,
.focus-brand--volkswagen .focus-brand-mark,
.focus-brand--volvo .focus-brand-mark{width:82px;height:82px}
.focus-brand.is-center .focus-brand-mark{
  filter:drop-shadow(0 0 18px rgba(255,255,255,.08));
}
.focus-brand.is-center .focus-brand-mark img{
  opacity:1;
}
@media (max-width:980px){
  .focus-rail-stage{height:214px}
  .focus-rail-track{gap:94px;padding:0 15vw}
  .focus-brand{min-width:144px}
  .focus-brand-mark{transform:scale(.86)}
}
@media (max-width:640px){
  .focus-rail-stage{height:184px}
  .focus-rail-track{gap:72px;padding:0 18vw}
  .focus-brand{min-width:120px}
  .focus-brand-mark{transform:scale(.72)}
}

/* ========================================================================== */
/* HOBITEK 2026 — V19 FOCUS→GALLERY CINEMATIC TRANSITION                      */
/* Darkens the handoff, adds masked title reveal, subtle scan line, layered    */
/* teaser cards and a thin travelling edge-light around the gallery preview.   */
/* ========================================================================== */
.morph-teaser{
  position:relative;
  min-height:82vh;
  padding:108px 24px 112px;
  background:
    radial-gradient(circle at 50% -10%, rgba(255,255,255,.03), transparent 26%),
    radial-gradient(circle at 24% 28%, rgba(195,38,47,.055), transparent 28%),
    linear-gradient(180deg, #07080b 0%, #0a0c10 42%, #0b0e12 100%);
  overflow:hidden;
}
.morph-teaser::before,
.morph-teaser::after{
  content:"";
  position:absolute;
  inset:auto;
  pointer-events:none;
}
.morph-teaser::before{
  top:-120px;
  left:50%;
  transform:translateX(-50%);
  width:min(88vw,1180px);
  height:220px;
  background:radial-gradient(circle at 50% 0%, rgba(255,255,255,.045), transparent 72%);
  opacity:.7;
}
.morph-teaser::after{
  right:10%;
  bottom:14%;
  width:240px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(195,38,47,.28), transparent);
}
.morph-teaser__inner{
  width:min(1240px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(300px,.78fr) minmax(500px,1fr);
  gap:clamp(42px,6vw,96px);
  align-items:center;
}
.morph-teaser__copy{
  max-width:430px;
}
.morph-teaser__kicker{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:22px;
  font:700 .66rem/1 "Manrope",Arial,sans-serif;
  letter-spacing:.26em;
  color:#8f949c;
}
.morph-teaser__kicker span{
  width:34px;
  height:1px;
  background:#9f564d;
}
.morph-teaser h3{
  margin:0;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(3.4rem,5.7vw,6.1rem);
  line-height:.92;
  letter-spacing:-.045em;
  color:#f4f1ec;
}
.morph-teaser p{
  margin:22px 0 0;
  max-width:360px;
  font:500 1rem/1.7 "Manrope",Arial,sans-serif;
  color:#9da2a8;
}
.mask-reveal{display:grid;gap:.08em}
.mask-reveal > span{
  display:block;
  overflow:hidden;
}
.mask-reveal > span > em{font-style:italic}
.mask-reveal > span,
.mask-reveal--soft > span{position:relative}
.mask-reveal > span::after,
.mask-reveal--soft > span::after{
  content:attr(data-text);
  position:absolute;
}
.morph-teaser.reveal h3 > span,
.morph-teaser.reveal p > span{
  display:block;
  transform:translateY(118%);
  opacity:.02;
  transition:transform .95s cubic-bezier(.22,.61,.36,1), opacity .95s cubic-bezier(.22,.61,.36,1);
}
.morph-teaser.reveal p > span{transition-delay:.14s}
.morph-teaser.reveal.in-view h3 > span,
.morph-teaser.reveal.in-view p > span{
  transform:translateY(0);
  opacity:1;
}
.morph-teaser__visual{
  position:relative;
  min-height:520px;
  perspective:1400px;
}
.morph-card{
  position:absolute;
  inset:0;
  margin:auto;
  border-radius:36px;
  background:linear-gradient(180deg, rgba(16,18,21,.98), rgba(8,9,11,.98));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 28px 80px rgba(0,0,0,.28);
}
.morph-card--back{
  width:78%;
  height:76%;
  transform:translate3d(74px,-10px,-180px) rotateY(-19deg) rotateX(7deg);
  opacity:.34;
  filter:blur(1px);
}
.morph-card--mid{
  width:84%;
  height:82%;
  transform:translate3d(26px,18px,-80px) rotateY(-11deg) rotateX(4deg);
  opacity:.56;
}
.morph-card--front{
  width:92%;
  height:90%;
  transform:translate3d(0,0,0) rotateY(-3deg) rotateX(1.3deg);
  overflow:hidden;
}
.morph-card--front::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 14% 18%, rgba(195,38,47,.09), transparent 24%),
    linear-gradient(120deg, rgba(255,255,255,.03), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.02), transparent 42%);
}
.morph-card__grid{
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:32px 32px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.75), transparent 92%);
  opacity:.38;
}
.morph-card__scan{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, transparent 0%, rgba(255,255,255,.055) 48%, transparent 100%);
  transform:translateY(-115%);
  animation:morphScan 6.8s ease-in-out infinite;
  opacity:.48;
}
.morph-card__trace{
  position:absolute;
  border:1px solid rgba(255,255,255,.15);
  border-radius:28px;
  opacity:.66;
}
.morph-card__trace--one{
  inset:22px 24px auto auto;
  width:136px;
  height:112px;
}
.morph-card__trace--two{
  inset:auto auto 26px 24px;
  width:168px;
  height:132px;
}
.morph-card__caption{
  position:absolute;
  left:28px;
  bottom:24px;
  font:700 .68rem/1 "Manrope",Arial,sans-serif;
  letter-spacing:.22em;
  color:#8f949c;
}
.morph-card--front::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:36px;
  background:conic-gradient(from 0deg, transparent 0 8%, rgba(255,255,255,.95) 10%, transparent 13% 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  padding:1px;
  opacity:.52;
  animation:edgeTrace 9.5s linear infinite;
}
.morph-teaser.reveal .morph-teaser__visual{
  opacity:0;
  transform:translateY(54px) scale(.98);
  transition:transform 1s cubic-bezier(.22,.61,.36,1), opacity 1s cubic-bezier(.22,.61,.36,1);
}
.morph-teaser.reveal.in-view .morph-teaser__visual{
  opacity:1;
  transform:translateY(0) scale(1);
}
.morph-teaser.reveal.in-view .morph-card--back{animation:morphFloatBack 8.5s ease-in-out infinite}
.morph-teaser.reveal.in-view .morph-card--mid{animation:morphFloatMid 7.2s ease-in-out infinite}
.morph-teaser.reveal.in-view .morph-card--front{animation:morphFloatFront 6.4s ease-in-out infinite}

@keyframes morphScan{
  0%,12%{transform:translateY(-115%)}
  55%{transform:translateY(115%)}
  100%{transform:translateY(115%)}
}
@keyframes edgeTrace{to{transform:rotate(360deg)}}
@keyframes morphFloatBack{0%,100%{transform:translate3d(74px,-10px,-180px) rotateY(-19deg) rotateX(7deg)}50%{transform:translate3d(82px,-18px,-180px) rotateY(-17deg) rotateX(7deg)}}
@keyframes morphFloatMid{0%,100%{transform:translate3d(26px,18px,-80px) rotateY(-11deg) rotateX(4deg)}50%{transform:translate3d(18px,10px,-80px) rotateY(-12.5deg) rotateX(4deg)}}
@keyframes morphFloatFront{0%,100%{transform:translate3d(0,0,0) rotateY(-3deg) rotateX(1.3deg)}50%{transform:translate3d(-6px,-6px,0) rotateY(-4deg) rotateX(1.3deg)}}

html[data-theme="light"] .morph-teaser{
  background:linear-gradient(180deg, #ece9e2 0%, #f4f1eb 44%, #f6f3ee 100%);
}
html[data-theme="light"] .morph-teaser h3{color:#171a1f}
html[data-theme="light"] .morph-teaser p,
html[data-theme="light"] .morph-teaser__kicker,
html[data-theme="light"] .morph-card__caption{color:#5b6169}
html[data-theme="light"] .morph-card{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,238,232,.98));
  border-color:rgba(15,20,28,.08);
  box-shadow:0 22px 60px rgba(30,34,38,.08);
}
html[data-theme="light"] .morph-card__grid{background-image:linear-gradient(rgba(16,20,26,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(16,20,26,.05) 1px, transparent 1px)}
html[data-theme="light"] .morph-card__trace{border-color:rgba(15,20,28,.12)}
html[data-theme="light"] .morph-card--front::after{background:conic-gradient(from 0deg, transparent 0 8%, rgba(20,24,29,.7) 10%, transparent 13% 100%)}

@media (max-width: 1024px){
  .morph-teaser{min-height:auto;padding:92px 22px 96px}
  .morph-teaser__inner{grid-template-columns:1fr;gap:42px}
  .morph-teaser__copy{max-width:560px}
  .morph-teaser__visual{min-height:420px}
}
@media (max-width: 640px){
  .morph-teaser{padding:74px 18px 82px}
  .morph-teaser__kicker{font-size:.58rem;letter-spacing:.22em}
  .morph-teaser h3{font-size:clamp(2.8rem,14vw,4rem)}
  .morph-teaser p{font-size:.93rem;max-width:100%}
  .morph-teaser__visual{min-height:300px}
  .morph-card{border-radius:26px}
  .morph-card--front::after{border-radius:26px}
  .morph-card__trace--one{width:104px;height:86px;inset:16px 16px auto auto}
  .morph-card__trace--two{width:122px;height:100px;inset:auto auto 16px 16px}
}

/* ========================================================================== */
/* HOBITEK V20 — MECHANICAL DEPARTMENT SHOWROOM                               */
/* Local-preview-safe layered build: outer/inner PNG rings rotate independently */
/* while the supplied GLBs remain bundled for the later hosted 3D upgrade.     */
/* ========================================================================== */
.mechanical-showroom{
  position:relative;
  height:455vh;
  background:#07090b;
}
.mechanical-showroom__sticky{
  position:sticky;
  top:0;
  height:100vh;
  min-height:680px;
  overflow:hidden;
  isolation:isolate;
  background:#07090b;
}
.mechanical-showroom__backgrounds,
.mechanical-bg,
.mechanical-showroom__shade{
  position:absolute;
  inset:0;
}
.mechanical-showroom__backgrounds{z-index:0;overflow:hidden}
.mechanical-bg{
  background-position:center;
  background-size:cover;
  opacity:0;
  transform:perspective(1500px) translate3d(2.4%,0,-18px) rotateY(4.5deg) scale(1.045);
  transform-origin:72% 50%;
  filter:saturate(.78) contrast(1.04) brightness(.78);
  transition:opacity .95s cubic-bezier(.22,.61,.36,1), transform 1.18s cubic-bezier(.22,.61,.36,1), filter 1.05s ease;
  will-change:opacity,transform;
}
.mechanical-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(4,5,7,.78) 0%,rgba(4,5,7,.66) 22%,rgba(4,5,7,.36) 46%,rgba(4,5,7,.12) 68%,rgba(4,5,7,.22) 100%);
}
.mechanical-bg.is-active{
  opacity:1;
  transform:perspective(1500px) translate3d(0,0,0) rotateY(0) scale(1.005);
  filter:saturate(.84) contrast(1.04) brightness(.82);
  animation:mechBgArrival 8.6s cubic-bezier(.22,.61,.36,1) both;
}
.mechanical-bg.was-active{
  opacity:0;
  transform:perspective(1500px) translate3d(-2.6%,0,-30px) rotateY(-5.5deg) scale(.992);
}
@keyframes mechBgArrival{
  0%{background-size:106%;background-position:53% center;}
  18%{background-size:104.4%;background-position:52% center;}
  100%{background-size:100%;background-position:50% center;}
}
.mechanical-showroom__shade{
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(5,6,8,.22) 0%,transparent 22%,transparent 70%,rgba(5,6,8,.24) 100%),
    radial-gradient(circle at 84% 50%,transparent 0 28%,rgba(5,6,8,.06) 47%,rgba(5,6,8,.2) 70%);
}
.mechanical-showroom__content{
  position:relative;
  z-index:5;
  width:min(1320px,calc(100% - 96px));
  height:100%;
  margin:0 auto;
  display:flex;
  align-items:center;
  pointer-events:none;
}
.mechanical-showroom__copy{
  width:min(48vw,650px);
  margin-top:-2vh;
  pointer-events:auto;
}
.mechanical-showroom__kicker{
  margin-bottom:24px;
  font:700 .68rem/1 "Manrope",Arial,sans-serif;
  letter-spacing:.29em;
  color:rgba(245,243,239,.72);
}
.mechanical-showroom__copy h2{
  margin:0;
  max-width:680px;
  font-family:"Manrope",Arial,sans-serif;
  font-size:clamp(4.7rem,7.7vw,8.9rem);
  line-height:.88;
  letter-spacing:-.072em;
  font-weight:640;
  color:#f6f4f0;
  text-wrap:balance;
}
.mechanical-showroom__copy p{
  max-width:470px;
  margin:28px 0 0;
  font:500 clamp(1rem,1.25vw,1.28rem)/1.58 "Manrope",Arial,sans-serif;
  color:rgba(245,243,239,.72);
}
.mechanical-showroom__link{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-top:32px;
  padding-bottom:7px;
  border-bottom:1px solid rgba(255,255,255,.28);
  color:#f5f3ef;
  text-decoration:none;
  font:700 .72rem/1 "Manrope",Arial,sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
  transition:border-color .3s ease,opacity .3s ease;
}
.mechanical-showroom__link:hover{border-color:#a95850;opacity:.86}
.mechanical-showroom__link span{font-size:.95rem;letter-spacing:0}
.mechanical-showroom__copy.is-changing .mechanical-showroom__kicker,
.mechanical-showroom__copy.is-changing h2,
.mechanical-showroom__copy.is-changing p,
.mechanical-showroom__copy.is-changing .mechanical-showroom__link{
  opacity:0;
  transform:translateY(20px);
}
.mechanical-showroom__kicker,
.mechanical-showroom__copy h2,
.mechanical-showroom__copy p,
.mechanical-showroom__link{
  transition:opacity .48s ease,transform .68s cubic-bezier(.22,.61,.36,1),border-color .35s ease;
}
.mechanical-showroom__copy h2{transition-delay:.06s}
.mechanical-showroom__copy p{transition-delay:.11s}
.mechanical-showroom__link{transition-delay:.16s}

.mechanical-showroom__mechanism{
  position:absolute;
  z-index:3;
  top:50%;
  right:clamp(-570px,-31vw,-360px);
  width:min(92vw,1420px);
  aspect-ratio:1;
  transform:translateY(-50%);
  filter:drop-shadow(-32px 28px 44px rgba(0,0,0,.25));
  pointer-events:none;
}
.mechanical-layer{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  transform-origin:50% 50%;
  will-change:transform;
  user-select:none;
  -webkit-user-drag:none;
}
.mechanical-layer--outer{z-index:1;transform:rotate(var(--outer-rotation,0deg))}
.mechanical-layer--inner{z-index:2;transform:rotate(var(--inner-rotation,0deg))}
.mechanical-layer--selector{z-index:4;transform:rotate(0deg)}
.mechanical-showroom__mechanism::after{
  content:"";
  position:absolute;
  inset:10%;
  border-radius:50%;
  box-shadow:inset 0 0 70px rgba(255,255,255,.025),0 0 80px rgba(0,0,0,.15);
  pointer-events:none;
}
.mechanical-showroom__counter{
  position:absolute;
  left:48px;
  bottom:46px;
  display:flex;
  align-items:center;
  gap:10px;
  color:rgba(255,255,255,.55);
  font:700 .66rem/1 "Manrope",Arial,sans-serif;
  letter-spacing:.14em;
}
.mechanical-showroom__counter i{width:38px;height:1px;background:rgba(255,255,255,.24)}
.mechanical-showroom__counter span:first-child{color:#f6f4f0}
.mechanical-showroom__progress{
  position:absolute;
  z-index:6;
  left:0;
  bottom:0;
  width:100%;
  height:2px;
  background:rgba(255,255,255,.06);
}
.mechanical-showroom__progress span{
  display:block;
  width:100%;
  height:100%;
  transform:scaleX(var(--mech-progress,0));
  transform-origin:left center;
  background:linear-gradient(90deg,#88433e,#b9665f 74%,#d0a49f);
  will-change:transform;
}

/* Keep the mechanical selector readable even over very light source imagery. */
.mechanical-showroom__sticky::after{
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  right:0;
  width:56%;
  height:100%;
  background:linear-gradient(90deg,transparent 0%,rgba(4,5,7,.04) 30%,rgba(4,5,7,.22) 100%);
  pointer-events:none;
}

html[data-theme="light"] .mechanical-showroom,
html[data-theme="light"] .mechanical-showroom__sticky{background:#0a0b0d}

@media (max-width:1100px){
  .mechanical-showroom{height:460vh}
  .mechanical-showroom__sticky{min-height:640px}
  .mechanical-showroom__content{width:min(100% - 52px,980px)}
  .mechanical-showroom__copy{width:56vw}
  .mechanical-showroom__copy h2{font-size:clamp(4.2rem,9vw,6.6rem)}
  .mechanical-showroom__mechanism{width:min(108vw,1180px);right:clamp(-620px,-47vw,-420px);opacity:.8}
  .mechanical-showroom__counter{left:26px}
}
@media (max-width:760px){
  .mechanical-showroom{height:420vh}
  .mechanical-showroom__sticky{min-height:0;height:100svh}
  .mechanical-showroom__content{width:calc(100% - 36px);align-items:flex-start;padding-top:21svh}
  .mechanical-showroom__copy{width:88%;margin:0}
  .mechanical-showroom__kicker{font-size:.54rem;letter-spacing:.22em;margin-bottom:14px}
  .mechanical-showroom__copy h2{max-width:88%;font-size:clamp(3.15rem,14vw,5rem);line-height:.9}
  .mechanical-showroom__copy p{max-width:82%;margin-top:17px;font-size:.94rem;line-height:1.5}
  .mechanical-showroom__link{margin-top:20px;font-size:.62rem}
  .mechanical-showroom__mechanism{
    top:auto;
    bottom:-10svh;
    right:-54vw;
    width:126vw;
    transform:none;
    opacity:.82;
  }
  .mechanical-bg{background-position:44% center}
  .mechanical-bg::after{background:linear-gradient(180deg,rgba(4,5,7,.78) 0%,rgba(4,5,7,.56) 35%,rgba(4,5,7,.18) 64%,rgba(4,5,7,.28) 100%)}
  .mechanical-showroom__sticky::after{display:none}
  .mechanical-showroom__counter{left:18px;bottom:18px;font-size:.56rem}
}
@media (prefers-reduced-motion:reduce){
  .mechanical-bg,.mechanical-showroom__kicker,.mechanical-showroom__copy h2,.mechanical-showroom__copy p,.mechanical-showroom__link{transition:none!important}
}


/* ==========================================================================
   HOBITEK V21 — TRUE PINNED MECHANICAL SHOWROOM
   The previous .premium-main overflow:hidden prevented Safari's sticky
   positioning from pinning the showroom. Keep horizontal clipping on the
   page, but allow vertical sticky positioning to use the viewport.
   ========================================================================== */
html, body.new-home{
  overflow-x:clip;
}
body.new-home .premium-main{
  overflow:visible !important;
}
.mechanical-showroom{
  height:340vh;
}
.mechanical-showroom__sticky{
  position:-webkit-sticky;
  position:sticky;
  top:0;
  height:100vh;
  height:100svh;
  min-height:0;
}
@supports not (overflow:clip){
  html, body.new-home{overflow-x:hidden;}
}


/* ========================================================================== */
/* HOBITEK V23 — PREMIUM MECHANICAL SHOWROOM MOTION                            */
/* Softer mechanism, entrance reveal, compositor-only photo motion,             */
/* idle rotation + scroll acceleration + 5 s auto-advance timer.                */
/* ========================================================================== */
.mechanical-showroom__backgrounds{
  opacity:0;
  transform:translate3d(0,68px,0) scale(.995);
  transition:opacity 1.05s cubic-bezier(.22,.61,.36,1),transform 1.12s cubic-bezier(.22,.61,.36,1);
  will-change:transform,opacity;
}
.mechanical-showroom__content{
  opacity:0;
  transform:translate3d(0,34px,0);
  transition:opacity .9s ease .12s,transform 1s cubic-bezier(.22,.61,.36,1) .12s;
}
.mechanical-showroom__mechanism{
  right:clamp(-840px,-44vw,-540px) !important;
  width:min(96vw,1480px) !important;
  opacity:0;
  transform:translate3d(0,58px,0) translateY(-50%);
  transition:opacity 1.1s ease .18s,transform 1.18s cubic-bezier(.22,.61,.36,1) .18s;
  filter:drop-shadow(-28px 26px 42px rgba(0,0,0,.18));
}
.mechanical-showroom.is-entered .mechanical-showroom__backgrounds{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
}
.mechanical-showroom.is-entered .mechanical-showroom__content{
  opacity:1;
  transform:translate3d(0,0,0);
}
.mechanical-showroom.is-entered .mechanical-showroom__mechanism{
  opacity:.70;
  transform:translate3d(0,0,0) translateY(-50%);
}

/* Avoid Safari shimmer: only transform/opacity animate; background-size stays fixed. */
.mechanical-bg{
  background-size:cover !important;
  background-position:center !important;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform:perspective(1500px) translate3d(1.8%,0,-14px) rotateY(3.2deg) scale(1.024);
  transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .82s cubic-bezier(.22,.61,.36,1),filter .82s ease;
}
.mechanical-bg.is-active{
  animation:mechPhotoArrivalV23 6.6s cubic-bezier(.22,.61,.36,1) both !important;
}
.mechanical-bg.was-active{
  animation:none !important;
  transform:perspective(1500px) translate3d(-2.1%,0,-24px) rotateY(-4deg) scale(.997);
}
@keyframes mechPhotoArrivalV23{
  0%{transform:perspective(1500px) translate3d(1.15%,0,0) rotateY(1.1deg) scale(1.026)}
  22%{transform:perspective(1500px) translate3d(.55%,0,0) rotateY(.5deg) scale(1.020)}
  100%{transform:perspective(1500px) translate3d(0,0,0) rotateY(0) scale(1.006)}
}

.mechanical-layer--selector{
  filter:drop-shadow(0 0 11px rgba(170,55,48,.12));
}

/* Auto-change timer: discreet five-second sweep, with quiet index ticks. */
.mechanical-showroom__progress{
  left:48px;
  bottom:22px;
  width:min(360px,36vw);
  height:1px;
  background:rgba(255,255,255,.11);
  overflow:visible;
}
.mechanical-showroom__progress::after{
  content:"";
  position:absolute;
  inset:-3px 0;
  pointer-events:none;
  background:repeating-linear-gradient(90deg,transparent 0 calc(20% - 1px),rgba(255,255,255,.16) calc(20% - 1px) 20%);
  opacity:.42;
}
.mechanical-showroom__progress span{
  position:relative;
  z-index:1;
  transform:scaleX(var(--mech-progress,0));
  background:linear-gradient(90deg,#8c4741,#b96860 76%,#d4aaa6);
  box-shadow:0 0 14px rgba(180,82,74,.12);
}

/* Slightly richer depth around the fixed selector without adding UI clutter. */
.mechanical-showroom__shade::after{
  content:"";
  position:absolute;
  right:11%;
  top:50%;
  width:min(24vw,330px);
  aspect-ratio:1;
  transform:translateY(-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(173,72,64,.055) 0%,rgba(173,72,64,.018) 38%,transparent 70%);
  filter:blur(8px);
  pointer-events:none;
}

@media (max-width:1100px){
  .mechanical-showroom__mechanism{
    right:clamp(-700px,-50vw,-440px) !important;
    width:min(110vw,1190px) !important;
  }
  .mechanical-showroom__progress{left:26px;width:min(310px,42vw)}
}
@media (max-width:760px){
  .mechanical-showroom__backgrounds{transform:translate3d(0,46px,0) scale(.997)}
  .mechanical-showroom__content{transform:translate3d(0,24px,0)}
  .mechanical-showroom__mechanism{
    top:auto !important;
    bottom:-10svh !important;
    right:-57vw !important;
    width:128vw !important;
    transform:translate3d(0,42px,0) !important;
  }
  .mechanical-showroom.is-entered .mechanical-showroom__mechanism{
    opacity:.68;
    transform:translate3d(0,0,0) !important;
  }
  .mechanical-showroom__progress{left:18px;bottom:12px;width:min(240px,62vw)}
}
@media (prefers-reduced-motion:reduce){
  .mechanical-showroom__backgrounds,
  .mechanical-showroom__content,
  .mechanical-showroom__mechanism{opacity:1;transform:none;transition:none!important}
  .mechanical-bg.is-active{animation:none!important}
}


/* ==========================================================================
   HOBİTEK V11 — ASTRA MECHANISM FRAMING
   Visual master preserved. Only the common rotation axis is moved left so the
   detailed Astra inner rotor is visible instead of reading like the old ring.
   ========================================================================== */
body.new-home .mechanical-showroom__mechanism{
  right:clamp(-600px,-34vw,-360px) !important;
  width:min(96vw,1480px) !important;
}
body.new-home .mechanical-showroom.is-entered .mechanical-showroom__mechanism{
  opacity:.70;
}
@media (max-width:1100px){
  body.new-home .mechanical-showroom__mechanism{
    right:clamp(-520px,-38vw,-320px) !important;
    width:min(108vw,1190px) !important;
  }
}
@media (max-width:760px){
  body.new-home .mechanical-showroom__mechanism{
    right:-43vw !important;
    width:128vw !important;
  }
}


/* ==========================================================================
   V14 — NETLIFY / SAFARI VISIBILITY FAIL-SAFE
   Core showroom content must never disappear just because JS reveal observers
   fail or are delayed. JS now enhances the motion; it no longer gates content.
   ========================================================================== */

/* Focus Rail: visible by default, animate only when .in-view arrives. */
body.new-home .focus-rail-section.reveal{
  opacity:1 !important;
  transform:none !important;
}
body.new-home .focus-rail-section .focus-rail-head,
body.new-home .focus-rail-section .focus-rail-stage,
body.new-home .focus-rail-section .focus-rail-foot{
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
}
body.new-home .focus-rail-section.in-view .focus-rail-head{
  animation:v14FocusIn .85s cubic-bezier(.22,1,.36,1) both;
}
body.new-home .focus-rail-section.in-view .focus-rail-stage{
  animation:v14FocusIn .9s cubic-bezier(.22,1,.36,1) .10s both;
}
body.new-home .focus-rail-section.in-view .focus-rail-foot{
  animation:v14FocusIn .9s cubic-bezier(.22,1,.36,1) .18s both;
}
@keyframes v14FocusIn{
  from{opacity:0;transform:translateY(28px)}
  to{opacity:1;transform:translateY(0)}
}

/* Remote logo fallback: if CDN/Wikimedia fails, the brand rail still exists. */
.focus-brand-fallback{
  display:none;
  color:#f3f1ed;
  font:650 clamp(.85rem,1.25vw,1.15rem)/1 "Manrope",Arial,sans-serif;
  letter-spacing:.08em;
  white-space:nowrap;
}

/* Mechanical showroom: visible by default. .is-entered only adds entrance motion. */
body.new-home .mechanical-showroom__backgrounds{
  opacity:1 !important;
  transform:none !important;
}
body.new-home .mechanical-showroom__content{
  opacity:1 !important;
  transform:none !important;
}
body.new-home .mechanical-showroom__mechanism{
  opacity:.70 !important;
  transform:translate3d(0,0,0) translateY(-50%) !important;
}
body.new-home .mechanical-showroom.is-entered .mechanical-showroom__backgrounds{
  animation:v14SceneIn 1.0s cubic-bezier(.22,1,.36,1) both;
}
body.new-home .mechanical-showroom.is-entered .mechanical-showroom__content{
  animation:v14SceneIn .9s cubic-bezier(.22,1,.36,1) .08s both;
}
body.new-home .mechanical-showroom.is-entered .mechanical-showroom__mechanism{
  animation:v14MechanismIn 1.08s cubic-bezier(.22,1,.36,1) .12s both;
}
@keyframes v14SceneIn{
  from{opacity:0;transform:translateY(34px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes v14MechanismIn{
  from{opacity:0;transform:translate3d(0,42px,0) translateY(-50%)}
  to{opacity:.70;transform:translate3d(0,0,0) translateY(-50%)}
}

@media(max-width:760px){
  body.new-home .mechanical-showroom__mechanism{
    transform:translate3d(0,0,0) !important;
  }
  body.new-home .mechanical-showroom.is-entered .mechanical-showroom__mechanism{
    animation:v14MechanismInMobile 1s cubic-bezier(.22,1,.36,1) both;
  }
  @keyframes v14MechanismInMobile{
    from{opacity:0;transform:translate3d(0,34px,0)}
    to{opacity:.68;transform:translate3d(0,0,0)}
  }
}

@media(prefers-reduced-motion:reduce){
  body.new-home .focus-rail-section.in-view .focus-rail-head,
  body.new-home .focus-rail-section.in-view .focus-rail-stage,
  body.new-home .focus-rail-section.in-view .focus-rail-foot,
  body.new-home .mechanical-showroom.is-entered .mechanical-showroom__backgrounds,
  body.new-home .mechanical-showroom.is-entered .mechanical-showroom__content,
  body.new-home .mechanical-showroom.is-entered .mechanical-showroom__mechanism{
    animation:none!important;
  }
}