@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#15181a;--orange:#ff6a1a;--paper:#f3f1eb;--line:#d6d4cd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.detail-header{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:#15181a;color:#fff}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand>span:last-child{display:flex;flex-direction:column}.brand b{font-size:16px;letter-spacing:.08em}.brand small{font-size:9px;color:#aeb2b3}.brand-mark{display:grid;grid-template-columns:repeat(3,7px);gap:3px;align-items:end;height:32px}.brand-mark i{display:block;background:var(--orange);transform:skewY(-28deg)}.brand-mark i:nth-child(1){height:18px}.brand-mark i:nth-child(2){height:26px}.brand-mark i:nth-child(3){height:32px}.detail-header nav{display:flex;gap:28px}.detail-header nav a{color:#b8bcbd;text-decoration:none;font-size:12px}.phone{color:#fff;text-decoration:none;font-weight:700}.detail-hero{display:grid;grid-template-columns:1fr 1.1fr;min-height:610px;background:#191c1e;color:#fff}.detail-copy{padding:95px 7vw}.back{color:#969b9c;text-decoration:none;text-transform:uppercase;font-size:9px;letter-spacing:.15em}.eyebrow{margin-top:70px;color:var(--orange);font-size:10px;text-transform:uppercase;letter-spacing:.18em}.detail-copy h1{font-size:clamp(45px,5vw,75px);line-height:1.02;letter-spacing:-.05em;margin:18px 0 25px}.detail-copy>p{color:#b6babb;line-height:1.75;font-size:15px;max-width:580px}.detail-image{position:relative;overflow:hidden}.detail-image img{width:100%;height:100%;object-fit:cover}.detail-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#191c1e,transparent 25%)}.button{display:inline-flex;margin-top:28px;padding:18px 25px;background:var(--orange);color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800}.detail-section{padding:105px 7vw}.intro-grid{display:grid;grid-template-columns:.75fr 1.4fr 1fr;gap:6vw;margin-bottom:60px}.num{font-size:10px;color:var(--orange)}h2{font-size:clamp(35px,4vw,58px);line-height:1.06;letter-spacing:-.04em;margin:0}.intro-grid p{color:#717677;line-height:1.75;font-size:13px;margin:0}.gallery{display:grid;grid-template-columns:1.4fr .8fr .8fr;grid-template-rows:360px;gap:14px}.gallery figure{margin:0;overflow:hidden;position:relative;background:#ddd}.gallery img{width:100%;height:100%;object-fit:cover;transition:.4s}.gallery figure:nth-child(2) img{transform:scale(1.35);object-position:left center}.gallery figure:nth-child(3) img{transform:scale(1.5);object-position:right center}.gallery figure:hover img{transform:scale(1.08)}.gallery figcaption{position:absolute;left:18px;bottom:16px;background:#171a1ccc;color:#fff;padding:8px 11px;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.possibilities{background:#dfdcd4;display:grid;grid-template-columns:1fr 1.3fr;gap:8vw}.possibilities h2{margin-top:15px}.product-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #bbb9b2}.product-list div{padding:22px 15px;border-bottom:1px solid #bbb9b2;font-size:13px}.product-list div:before{content:"◆";color:var(--orange);font-size:7px;margin-right:10px}.detail-cta{padding:90px 7vw;background:#1b1e20;color:#fff;display:flex;align-items:center;justify-content:space-between}.detail-cta h2{max-width:700px}.detail-cta .button{margin:0}.other{padding:70px 7vw}.other h3{text-transform:uppercase;font-size:10px;letter-spacing:.15em;color:#797e7f}.other-links{display:flex;flex-wrap:wrap;gap:10px}.other-links a{padding:13px 16px;border:1px solid var(--line);color:#333;text-decoration:none;font-size:11px}.detail-footer{background:#101214;color:#fff;padding:45px 7vw;display:flex;justify-content:space-between;align-items:center}.detail-footer p{font-size:11px;color:#9fa3a4;line-height:1.7}.detail-footer a{color:#fff;text-decoration:none}.legal{max-width:900px;margin:auto;padding:80px 25px 120px}.legal h1{font-size:45px}.legal h2{font-size:22px;margin-top:40px}.legal p,.legal li{font-size:14px;line-height:1.8;color:#555}.legal-note{padding:15px;border-left:3px solid var(--orange);background:#fff3ea}
@media(max-width:850px){.detail-header nav{display:none}.detail-hero{grid-template-columns:1fr}.detail-image{height:360px;order:-1}.detail-copy{padding:55px 25px}.eyebrow{margin-top:45px}.intro-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:300px 220px}.gallery figure:first-child{grid-column:1/-1}.possibilities{grid-template-columns:1fr}.detail-cta{align-items:flex-start;flex-direction:column;gap:25px}.detail-footer{align-items:flex-start;flex-direction:column}.phone{font-size:12px}}
@media(max-width:520px){.detail-header{padding:0 20px}.detail-header>.phone{display:none}.detail-image{height:300px}.detail-section{padding:75px 20px}.gallery{display:block}.gallery figure{height:240px;margin-bottom:10px}.product-list{grid-template-columns:1fr}.detail-cta,.other,.detail-footer{padding-left:20px;padding-right:20px}.legal h1{font-size:34px}}
.brand small{font-size:10px;color:#c2c6c7}.back{font-size:10px;color:#abb0b1}.eyebrow{font-size:11px}.num{font-size:11px}.gallery figcaption{font-size:10px}.other h3{font-size:11px;color:#6d7273}.detail-footer p{font-size:12px;color:#b5b9ba}
.back{width:max-content;display:inline-flex;align-items:center;gap:12px;color:#e4e6e6;text-decoration:none;font-weight:700;letter-spacing:.12em;transition:.2s}.back:before{content:"←";width:38px;height:38px;border:1px solid var(--orange);display:grid;place-items:center;color:var(--orange);font-size:17px;transition:.2s}.back:hover{color:#fff}.back:hover:before{background:var(--orange);color:#fff;transform:translateX(-3px)}
@media(max-width:520px){.back{font-size:9px;gap:9px}.back:before{width:34px;height:34px}}