*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0d0e;color:#f4f3ef;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto;padding:0 24px;position:sticky;top:0;background:#0b0d0eee;z-index:10;border-bottom:1px solid #272b2d}.brand{font-size:22px;font-weight:900}.brand i{font-style:normal;color:#ff8a00}nav{display:flex;gap:28px;font-size:13px;color:#bbb}.cart{background:#191d1f;border:0;color:white;padding:12px 16px}.cart b,small,.info b{color:#ff8a00}.hero{max-width:1200px;margin:auto;padding:120px 24px 110px;background:radial-gradient(circle at 75% 35%,#422606 0,transparent 30%)}small{font-weight:bold;letter-spacing:2px}.hero h1{font-size:clamp(60px,9vw,125px);line-height:.82;letter-spacing:-7px;margin:22px 0}.hero em{font-style:normal;color:#ff8a00}.hero p{max-width:610px;color:#aaa;font-size:19px;line-height:1.6}.cta{display:inline-block;background:#ff8a00;color:#111;font-weight:bold;padding:15px 20px;margin-top:12px}.split{max-width:1200px;margin:auto;padding:100px 24px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.split h2,.head h2,.faq h2{font-size:48px;letter-spacing:-2px;margin:15px 0}.split p{color:#aaa;line-height:1.7}.head{max-width:1200px;margin:auto;padding:70px 24px 30px}.products{max-width:1200px;margin:auto;padding:0 24px 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product{background:#15191b;border:1px solid #282d30;border-radius:8px;overflow:hidden}.visual{height:260px;background:linear-gradient(145deg,#272c2e,#101213);display:flex;align-items:center;justify-content:center}.visual:after{content:"H";font-size:90px;font-weight:900;color:#ffffff08}.copy{padding:22px}.copy p{color:#929796;font-size:13px;line-height:1.5;min-height:58px}.buy{display:flex;justify-content:space-between;align-items:center}.add{background:#ff8a00;border:0;padding:10px 12px;font-weight:bold}.add:disabled{background:#333;color:#777}.legacy{max-width:1152px;margin:0 auto 100px;padding:65px;background:#141719;border:1px solid #292e30}.legacy h2{font-size:64px;letter-spacing:-4px;margin:12px 0}.legacy>p{color:#aaa}.mods{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:35px}.mods span{background:#1d2123;padding:22px 12px;font-size:10px;line-height:2;color:#ccc}.info{max-width:1200px;margin:auto;padding:0 24px 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info article{background:#f2efe7;color:#17191a;padding:35px;min-height:210px}.info p{color:#666;line-height:1.5}.faq{max-width:1152px;margin:auto;padding:80px 0}.faq details{border-top:1px solid #292e30;padding:22px 0}.faq p,footer{color:#888}footer{border-top:1px solid #292e30;padding:50px max(24px,calc((100vw - 1152px)/2));line-height:2}#drawer{position:fixed;right:-420px;top:0;width:min(420px,92vw);height:100vh;background:#15191b;padding:30px;z-index:30;transition:.25s}#drawer.open{right:0}#shade{display:none;position:fixed;inset:0;background:#000a;z-index:20}#shade.open{display:block}#drawer>button{float:right;background:none;border:0;color:white;font-size:28px}.cartline{padding:14px 0;border-bottom:1px solid #333}.disabled{width:100%;padding:14px;background:#272b2d;color:#777;border:0}.legal{max-width:850px;margin:auto;padding:80px 25px 130px}.legal h1{font-size:48px}.legal p{color:#aaa;line-height:1.7}@media(max-width:800px){nav{display:none}.hero{padding-top:75px}.hero h1{letter-spacing:-4px}.split,.products,.info{grid-template-columns:1fr}.mods{grid-template-columns:1fr 1fr}.legacy{margin:0 18px 70px;padding:35px 22px}.legacy h2{font-size:44px}}
/* Brand lockup and responsive product hero. Original image files stay unchanged. */
header .brand{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;white-space:nowrap}
.brand-icon{display:block;width:34px;height:auto;flex-shrink:0}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;padding:100px 24px;background:none}
.hero-copy{min-width:0}
.hero h1{font-size:clamp(42px,5.4vw,66px);line-height:1;letter-spacing:-3px;margin:24px 0}
.hero p{max-width:470px;font-size:18px;line-height:1.7}
.hero-product{min-width:0;margin:0;isolation:isolate}
.hero-product img{display:block;width:100%;height:auto;object-fit:contain;-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 85%,transparent);mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 85%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
@media(max-width:800px){
  .hero{grid-template-columns:minmax(0,1fr);gap:32px;padding:56px 24px 48px}
  .hero h1{font-size:clamp(39px,8.5vw,66px);letter-spacing:-2px}
  .hero small{font-size:11px;letter-spacing:1.5px}
  .hero-product{width:100%;max-width:600px;justify-self:center}
}
@media(max-width:380px){
  header{padding-inline:16px;gap:12px}
  header .brand{font-size:18px;gap:5px}
  header .brand-icon{width:29px}
  header .cart{padding:10px;font-size:12px}
  .hero{padding-inline:20px}
}
/* Launch collection: image/imageAlt in products.js are ready for final photography. */
#shop .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#shop .product{display:flex;flex-direction:column;border-radius:12px}
#shop .visual{height:auto;aspect-ratio:3/2;background:radial-gradient(ellipse at 75% 15%,#ff8a0012,transparent 65%),linear-gradient(145deg,#23282a,#111416);border-bottom:1px solid #303537}
#shop .visual::after{content:none}
#shop .visual img{display:block;width:100%;height:100%;object-fit:contain}
#shop .product-image-pending{display:flex;align-items:center;flex-direction:column;gap:18px}
#shop .product-image-pending span{font-size:clamp(32px,4vw,54px);font-weight:700;letter-spacing:-2px;color:#7e8588}
#shop .product-image-pending small{font-size:10px;letter-spacing:2px;font-weight:400;color:#8b9194;text-transform:uppercase}
#shop .copy{display:flex;flex:1;flex-direction:column;padding:32px}
#shop .copy>small{font-size:11px;letter-spacing:2px}
#shop .copy h3{font-size:28px;line-height:1.2;letter-spacing:-.7px;margin:16px 0}
#shop .copy p{font-size:15px;line-height:1.65;min-height:0;margin:0 0 28px;color:#aab0b2}
#shop .buy{margin-top:auto;gap:16px;padding-top:24px;border-top:1px solid #303537;flex-wrap:wrap}
#shop .add{padding:13px 18px;border-radius:3px}
#shop .add:disabled{background:#ff8a0014;color:#d8a05e;border:1px solid #ff8a0033}
#legacy[hidden]{display:none}
@media(max-width:800px){#shop .products{grid-template-columns:minmax(0,1fr)}#shop .copy{padding:24px}#shop .copy h3{font-size:25px}}
#shop{scroll-margin-top:76px}
@media(min-width:801px){#shop .copy h3{min-height:2.4em}}

/* Shared legal pages, shop disclosures and permanent withdrawal access. */
.footer-links{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;color:#e3e4e2}
footer a{text-decoration:underline;text-underline-offset:4px}
footer a:hover,.legal a:hover,.shop-terms a:hover{color:#ff8a00}
footer{padding-bottom:100px}
.withdrawal-access{position:fixed;right:20px;bottom:18px;z-index:15;padding:12px 18px;background:#15191b;color:#ffad4b;border:1px solid #9a5b16;border-radius:5px;font-size:14px;font-weight:bold;box-shadow:0 4px 18px #0006}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #ff8a00;outline-offset:4px}
.shop-terms{max-width:1200px;margin:0 auto;padding:0 24px 28px;font-size:14px;color:#b7babc;line-height:1.6}
.shop-terms p{margin:6px 0}
.shop-terms a,.legal a{color:#ffad4b;text-decoration:underline;text-underline-offset:3px}
.legal{max-width:900px;padding-top:64px}
.legal h1{font-size:clamp(30px,5vw,48px);line-height:1.15;overflow-wrap:anywhere;letter-spacing:-1px}
.legal h2{font-size:24px;line-height:1.3;margin:38px 0 16px;color:#f4f3ef;overflow-wrap:anywhere}
.legal h3{font-size:18px;margin-top:28px;color:#f4f3ef}
.legal p{color:#b7babc;margin:10px 0;overflow-wrap:anywhere}
.legal-text{font-size:16px;line-height:1.7}
.withdrawal-panel{scroll-margin-top:96px;border:1px solid #393d3f;border-radius:8px;margin-top:56px;padding:28px;background:#15191b}
.withdrawal-panel h2{margin-top:0}
.withdrawal-panel .availability-note{padding:16px;border-left:3px solid #ff8a00;background:#ff8a000a;color:#e0c4a4}
#withdrawal-form{display:grid;gap:10px;margin-top:24px}
#withdrawal-form label{font-weight:bold;margin-top:8px}
#withdrawal-form input{width:100%;min-width:0;border:1px solid #555d61;border-radius:4px;background:#0b0d0e;color:#f4f3ef;padding:13px;font:inherit}
#withdrawal-form .cta{border:0;border-radius:4px;justify-self:start;font:inherit;font-weight:bold;cursor:pointer}
#withdrawal-status:not(:empty){margin-top:24px;padding:16px;border:1px solid #a66a24;color:#f0d6b4}
@media(max-width:800px){
  .legal{padding:40px 24px 70px}
  .legal h2{font-size:22px}
  .withdrawal-panel{padding:20px 16px}
  .withdrawal-access{right:12px;bottom:12px;font-size:13px}
  .footer-links{gap:6px 10px}
}
/* Compact footer: two rows on desktop, naturally wrapping links on small screens. */
footer.compact-footer{padding:22px max(24px,calc((100vw - 1152px)/2));line-height:1.5;display:grid;gap:12px}
.footer-meta{display:flex;align-items:center;gap:24px;font-size:12px}
.footer-meta .brand{font-size:18px;line-height:1}
.footer-copyright{margin-left:auto}
.compact-footer .footer-links{gap:8px 0;font-size:13px}
.compact-footer .footer-links a{white-space:nowrap}
.compact-footer .footer-links a+a{margin-left:14px;padding-left:14px;border-left:1px solid #444b4e}
@media(max-width:800px){
  footer.compact-footer{padding:20px 24px 72px}
  .footer-meta{gap:12px}
  .footer-tagline{display:none}
  .compact-footer .footer-links{gap:10px 16px}
  .compact-footer .footer-links a+a{margin-left:0;padding-left:0;border-left:0}
}
/* Reference design: dark outlined product and editorial cards. */
#shop .products{gap:26px;padding-bottom:26px}
#shop .product{border:1px solid transparent;border-radius:18px;background:linear-gradient(130deg,#181715,#0b0e0f 45%,#101112) padding-box,linear-gradient(135deg,#ff8a00 0%,#4a4034 17%,#303638 65%,#995619) border-box;box-shadow:0 12px 36px #0003}
#shop .copy{padding:28px}
#shop .copy h3{font-size:26px;letter-spacing:-.7px;min-height:0;margin:16px 0 22px}
#shop .copy p{font-size:16px;line-height:1.55;margin-bottom:22px}
.product-features{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;list-style:none;padding:22px 0 0;margin:0 0 28px;border-top:1px solid #292d2e;color:#c1c5c7;font-size:13px}
.product-features li{display:flex;align-items:center;gap:9px;white-space:nowrap}
.line-icon{width:24px;height:27px;flex:none;color:#ff8a00}
#shop .buy{border:0;padding:0}
#shop .buy>b{font-size:20px;color:#f4f3ef}
#shop .add:disabled{background:linear-gradient(120deg,#38230955,#0b0d0e,#36200b66);border:1px solid #a65b13;color:#ffba67;box-shadow:inset 0 0 15px #ff8a0018;opacity:1}
#shop .add{font-size:15px;border-radius:10px;padding:13px 20px}
#shop .add span{font-size:22px;margin-left:12px;vertical-align:-1px}
#wissen{gap:22px}
#wissen article{position:relative;isolation:isolate;overflow:hidden;border:1px solid #4a4137;border-radius:18px;padding:28px;background:#111415;color:#f4f3ef;min-height:300px}
#wissen article::before{content:"";position:absolute;inset:0;z-index:-2;background-image:url('images/info-scenes.png');background-size:300% 100%;background-position:0 center;opacity:.7}
#wissen .info-recovery::before{background-position:50% center}
#wissen .info-legacy::before{background-position:100% center}
#wissen article::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0a0d0eef,#0a0d0e80),linear-gradient(0deg,#0a0d0eaa,transparent)}
.info-label{display:flex;align-items:center;gap:16px;letter-spacing:2px;font-size:11px}
.info-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #ff8a00;border-radius:10px;box-shadow:inset 0 0 12px #ff8a001a}
#wissen h3{font-size:24px;line-height:1.2;letter-spacing:-.4px;margin:14px 0 20px}
#wissen p{font-size:16px;line-height:1.5;color:#bfc2c3;margin:0}
@media(max-width:1000px) and (min-width:801px){#wissen{gap:14px}#wissen article{padding:20px}#wissen h3{font-size:21px}}
@media(max-width:800px){#shop .copy{padding:24px}#shop .copy h3{font-size:25px}.product-features{gap:16px}#wissen article{min-height:270px}#wissen{gap:18px}}
/* Compact mission: heading row plus two lines of copy on desktop. */
.mission{max-width:1200px;margin:auto;padding:28px 24px 32px}
.mission-heading{display:flex;align-items:baseline;gap:24px;margin-bottom:12px}
.mission-heading small{font-size:11px;white-space:nowrap}
.mission h2{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:0}
.mission h2 span{color:#ff8a00}
.mission p{font-size:15px;line-height:1.65;color:#aaa;margin:0}
@media(max-width:800px){.mission{padding:24px}.mission-heading{display:block}.mission h2{font-size:clamp(23px,4.8vw,30px);margin-top:10px}.mission p br{display:none}}
/* Single product showcase with original photography and selectable views. */
#shop .products{grid-template-columns:minmax(0,1fr)}
#shop .product{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch}
#shop .product-gallery{min-width:0;padding:24px;background:linear-gradient(145deg,#242727,#131617);border-radius:17px 0 0 17px;display:flex;flex-direction:column;justify-content:center;gap:16px}
#shop .visual{aspect-ratio:3/2;border:0;border-radius:10px;overflow:hidden;background:#f8f8f8}
#shop .visual img{object-fit:contain;width:100%;height:100%;background:#f8f8f8}
.gallery-thumbs{display:flex;gap:12px;justify-content:center}
.gallery-thumb{width:86px;height:62px;padding:3px;border:1px solid #555;background:#f8f8f8;border-radius:6px;cursor:pointer;overflow:hidden}
.gallery-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.gallery-thumb[aria-pressed="true"]{border:2px solid #ff8a00;box-shadow:0 0 12px #ff8a0025}
#shop .copy{padding:40px;justify-content:center}
#shop .copy h3{font-size:clamp(27px,3vw,38px);line-height:1.12;margin:18px 0 24px}
#shop .copy p{font-size:17px;line-height:1.6}
#shop .product-features{gap:16px;font-size:13px;margin-bottom:32px}
#shop .buy{margin-top:12px;align-items:center}
#shop .buy>b{font-size:32px;letter-spacing:-1px}
#shop .add:not(:disabled){background:#ff8a00;color:#111;padding:16px 20px;font-weight:700;cursor:pointer;border:1px solid #ff8a00;transition:background .15s}
#shop .add:not(:disabled):hover{background:#ffa329}
@media(max-width:800px){#shop .product{grid-template-columns:minmax(0,1fr)}#shop .product-gallery{padding:18px;border-radius:17px 17px 0 0}#shop .copy{padding:26px}#shop .copy h3{font-size:30px}#shop .buy{gap:18px}}
@media(max-width:380px){#shop .copy{padding:20px}#shop .add{width:100%}}
/* Product description page shares the existing gallery and cart. */
.product-details-link,.back-shop{color:#ffad4b;text-decoration:underline;text-underline-offset:5px;font-size:14px}
.product-details-link{align-self:flex-start;margin:0 0 24px}
.product-detail{max-width:1200px;margin:auto;padding:40px 24px 64px}
.detail-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;margin:32px 0 64px}
.product-detail .product-gallery{min-width:0}
.product-detail .gallery-main{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:#f8f8f8;border-radius:14px;margin-bottom:16px}
.product-detail h1{font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-1.5px;margin:20px 0}
.product-detail p,.detail-benefits{color:#b7babc;line-height:1.75;font-size:17px}
.product-detail strong{color:#f4f3ef}
.detail-buy{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:28px}
.detail-buy>strong{font-size:32px}
.detail-buy .add{padding:16px 22px;border-radius:7px;font-size:16px;cursor:pointer}
.detail-feedback{min-height:1.75em;font-size:14px!important;color:#ffad4b!important}
.detail-body{max-width:1000px;margin:auto}
.detail-body section{padding:36px 0;border-top:1px solid #303537}
.detail-body h2{font-size:clamp(25px,3vw,34px);line-height:1.2;letter-spacing:-.7px;margin:0 0 22px}
.detail-benefits{display:grid;grid-template-columns:1fr 1fr;gap:14px 32px;padding-left:22px}
.detail-benefits li::marker{color:#ff8a00}
.detail-package{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.detail-package img{width:100%;height:auto;border-radius:12px}
.detail-closing>strong{color:#ff8a00;letter-spacing:2px}
@media(max-width:800px){.detail-intro,.detail-package,.detail-benefits{grid-template-columns:minmax(0,1fr)}.detail-intro{gap:32px;margin-bottom:40px}.product-detail{padding-top:28px}.detail-body section{padding:28px 0}}