/* HDP heritage: original artwork, badge and signature orange. */
:root{--ink:#e9e6e0;--paper:#191919;--muted:#aaa59e;--line:#3c3935;--lime:#f8941d}
body{background:#111 url('assets/hdp-original-background.jpg') center top / 1700px auto fixed no-repeat;color:var(--ink)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-color:#f8941d}
.topline{background:#101010;color:#a9a49b;border-bottom:1px solid #333;font-size:12px}
.heritage-masthead{min-height:150px;display:flex;align-items:center;justify-content:center;gap:26px;background:linear-gradient(90deg,#1118,#1113,#1118);padding:22px 5%}
.heritage-masthead .heritage-badge{width:78px;height:78px;object-fit:contain}
.heritage-masthead .heritage-wordmark{width:430px;max-width:65vw;height:auto}
.heritage-signoff{font-size:11px;letter-spacing:3px;color:#d6c6ae;text-align:center;margin:12px 0 0}
header{max-width:1250px;margin:auto;height:68px;background:#111;border-top:2px solid #f8941d;border-bottom:1px solid #4c3e2b;padding:0 27px;gap:22px}
header .brand{font-size:17px}header .brand small{font-size:8px;letter-spacing:2px}.brand-badge{width:44px;height:44px;object-fit:contain}
header nav{gap:21px}header nav a{font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:.8px;font-size:17px;text-transform:uppercase;padding:22px 0}
header nav a.active{color:#f8941d}header nav a.active:after{background:#f8941d;bottom:8px;height:2px}
.shop-link{color:#f8941d;font-size:13px;padding-left:18px}.header-actions{gap:12px}
.wrap{max-width:1250px;background:#191919f5;padding:0 28px}
.intro{padding:21px 0 17px}.intro .eyebrow{color:#f8941d}.intro .eyebrow:before{background:#f8941d}
.hero{min-height:445px;border:1px solid #504231;border-radius:0;background:#111}
.hero-copy{padding:35px 38px;max-width:650px}.hero h1{font-size:clamp(70px,7vw,94px);margin:22px 0 18px;letter-spacing:-.5px}
.hero>img{filter:saturate(.55);object-position:center 61%}.hero:after{background:linear-gradient(90deg,#080808e6,#08080845 80%),linear-gradient(0deg,#08080866,transparent)}
.hero-copy p{color:#ded9d1;font-size:16px}.hero .outline{color:#fff;border-color:#96816a;background:#1116}.hero-bottom{color:#c7b8a4}
.btn{color:#17120c;border-radius:0;background:#f8941d;font-size:14px}.btn:hover{background:#ffa93f}.btn.outline{background:transparent;color:#e4dfd7;border-color:#706253}.btn.outline:hover{background:#302820}
.quicklinks{background:#121212;margin-bottom:32px;border-bottom:1px solid #7c5224;padding:21px 15px}.quicklinks a:first-child{padding-left:10px}.quicklinks .num{color:#f8941d}.quicklinks strong{font-family:'Barlow Condensed',sans-serif;font-size:19px;text-transform:uppercase;letter-spacing:.5px}
section{margin-bottom:40px}.section-head{border-bottom:2px solid #a76522;padding-bottom:13px;align-items:end}.section-head h2{color:#f8941d;font-size:42px;letter-spacing:1px}.section-label{color:#aaa093;letter-spacing:1.5px}.section-head a{color:#ddd2c4;border:0}
.tabs{gap:0;border-bottom:1px solid #51483c}.tabs button{border:0;border-right:1px solid #403a32;border-radius:0;padding:10px 20px;color:#c2bbb0;background:#22211f}.tabs button.active{color:#17120c;background:#f8941d;border-color:#f8941d}.tabs button:hover{color:#fff;background:#473827}.tabs button.active:hover{background:#ffab43;color:#111}
.grid{gap:22px}.card{background:#202020;border-bottom:1px solid #62513b;padding-bottom:16px}.card h3,.card>.meta,.card>.price,.card>.account-link{margin-left:15px;margin-right:15px}.card h3{font-size:20px}.card-image{border-radius:0;background:#2b2823}.card-image img{filter:saturate(.8)}.card-tag{background:#171717e8;color:#f9ad50;border-left:2px solid #f8941d;font-size:12px}.meta .category{color:#eea04c}.price{color:#ffa139}.card>.account-link{display:inline-block}
.culture-band{background:#111;border-top:2px solid #b16c24;border-bottom:1px solid #59442c;margin:40px 0}.culture-copy h2{color:#f8941d}.culture-copy p{color:#c5beb3}
.community-panel{border-top:1px solid #7f552b;padding:30px 0 36px}.community-panel h2{color:#f8941d}.topic-icon{background:#2f2921;color:#f8941d;border:1px solid #675035;border-radius:2px}.topic:hover strong{color:#f8ab4e}
.page-title{color:#f8941d}.page-head{padding-top:38px}.notice{background:#2c2721;color:#d2c5b3;border-color:#bb782c}.empty{background:#24211e;color:#ddd3c5}.filters input,.filters select,input[type=search],.draft-form input,.draft-form select,.draft-form textarea,.product-options select,.product-options input{background:#232220;color:#eee4d7;border:1px solid #625440;border-radius:0;color-scheme:dark}
.date-block{background:#111;border-top:2px solid #f8941d}.date-block strong{color:#f8941d}.product-detail>img{background:#e6e3dd}.product-image img{filter:none}.about h2{color:#f8941d}.about a.account-link{color:#f5ae55}
footer{max-width:1250px;margin:auto;background:#101010;border-top:3px solid #f8941d;color:#e6e0d7;padding:36px 28px 22px}.footer-bottom{border-color:#43372a;color:#afa699}.footer-top p{color:#e9ad61}
dialog{background:#1d1c1a;color:#ece5db;border:1px solid #98703f;border-radius:0}dialog::backdrop{background:#000b}.dialog-head h2{color:#f8941d}#toast{background:#f8941d;color:#17120c}.skip{background:#f8941d;color:#151515}
@media(min-width:1500px){header{padding:0 27px}.topline{padding:9px max(4%,calc((100% - 1194px)/2))}}
@media(max-width:1150px){header .brand>span{display:none}header{gap:15px}header nav{gap:18px}header nav a{font-size:16px}.shop-link{font-size:13px}}
@media(max-width:900px){header{height:65px;padding:0 5%}.heritage-masthead{min-height:132px}.heritage-masthead .heritage-wordmark{width:370px}.heritage-masthead .heritage-badge{width:64px;height:64px}header .brand>span{display:block}header nav{top:65px;background:#151515;border-bottom:1px solid #f8941d}header nav a{font-size:18px;padding:12px}.wrap{padding:0 22px}.hero-copy{padding:32px}.quicklinks a{padding:5px 13px}.quicklinks strong{font-size:17px}}
@media(max-width:600px){.topline{font-size:10px}.heritage-masthead{min-height:114px;gap:15px;padding:19px 5%}.heritage-masthead .heritage-badge{width:51px;height:51px}.heritage-masthead .heritage-wordmark{width:245px}.heritage-signoff{font-size:9px;letter-spacing:1.8px;margin-top:9px}header .brand{font-size:15px}.brand-badge{width:36px;height:36px}header .brand small{font-size:7px}.shop-link{font-size:12px;padding-left:8px}.header-actions{gap:6px}.wrap{padding:0 16px}.intro .eyebrow{font-size:11px}.hero{min-height:480px}.hero-copy{padding:29px 23px}.hero h1{font-size:clamp(62px,18vw,78px);line-height:.94}.hero>img{object-position:62% center}.hero:after{background:linear-gradient(90deg,#080808d9,#08080873),linear-gradient(0deg,#08080866,transparent)}.hero-copy p{font-size:14px}.hero .outline{margin:10px 0 0}.hero .btn{padding:12px 15px}.quicklinks{padding:17px 5px;gap:19px 0}.quicklinks a{padding:0 8px}.quicklinks a:first-child,.quicklinks a:nth-child(3){padding-left:5px}.quicklinks strong{font-size:16px}.quicklinks small{font-size:12px}.tabs button{padding:10px 13px}.section-head h2{font-size:36px}.grid{gap:23px}.card h3{font-size:20px}.culture-copy{padding:28px}.culture-copy h2{font-size:49px}.community-panel h2{font-size:46px}.page-title{font-size:57px}.culture-band{margin:32px 0}footer{padding:30px 20px}.section-head a{font-size:14px}}

.language-switch{display:flex;align-items:center;border:1px solid #6e6e6e;border-radius:4px;overflow:hidden;flex-shrink:0}.language-switch button{font:600 14px "Noto Sans Thai",sans-serif;color:#ddd;background:transparent;border:0;padding:8px 10px;cursor:pointer;min-height:40px}.language-switch button[aria-pressed="true"]{background:#f8941d;color:#141414}.language-switch button:focus-visible{outline:2px solid white;outline-offset:-3px}html[lang="th"] header nav a{font-family:"Noto Sans Thai",sans-serif;font-size:14px;letter-spacing:0} @media(max-width:600px){.header-actions{gap:5px}.language-switch button{padding:7px 8px}.brand{gap:6px}.brand span{font-size:20px}.brand small{font-size:10px}.brand-badge{width:35px}}

header nav .mobile-shop{display:none}@media(max-width:900px){header nav .mobile-shop{display:block}}@media(max-width:600px){header .brand span{font-size:15px}header .brand small{font-size:7px}.header-actions .shop-link{display:none}header{gap:8px}.header-actions{gap:4px}.language-switch button{padding:7px}.hero-copy{min-width:0}}

/* Condensed racing-inspired wordmark, with the original HDP badge. */
header .brand-lockup{display:block}header .brand-name{display:block;font-family:"Barlow Condensed",sans-serif;font-style:italic;font-weight:800;font-size:29px;line-height:1;letter-spacing:-.5px;white-space:nowrap;color:#f3ede3}header .brand-name em{font-style:inherit;color:#f8941d}header .brand-lockup small{font-family:"Barlow",sans-serif;font-size:8px;font-weight:600;letter-spacing:2.3px;margin-top:6px;color:#c2b6a6}
@media(min-width:901px) and (max-width:1150px){header{padding:0 18px;gap:12px}header .brand-name{font-size:25px}header nav{gap:12px}header nav a{font-size:14px}.header-actions{gap:7px}}
@media(max-width:600px){header .brand-name{font-size:26px}header .brand-lockup small{font-size:7px;letter-spacing:1.8px}header .brand{gap:8px}}
@media(max-width:360px){header .brand-name{font-size:23px}.language-switch button{padding:7px 5px}.icon-button{padding:7px}header .brand-badge{width:30px;height:30px}}


header .brand-lockup small{font-size:7px;letter-spacing:1.05px;white-space:nowrap}@media(max-width:600px){header .brand-lockup small{font-size:6px;letter-spacing:.8px}}@media(max-width:360px){header .brand-lockup small{font-size:5.5px;letter-spacing:.6px}}


/* Readable brand subtitle at every screen size. */
header .brand-lockup small{font-family:"Barlow Condensed",sans-serif;font-size:11px;font-weight:600;letter-spacing:.65px;line-height:1.15;color:#eee4d6;margin-top:5px}@media(max-width:600px){header .brand-lockup small{font-size:10px;letter-spacing:.35px}}@media(max-width:360px){header .brand-lockup small{font-size:9px;letter-spacing:.2px}}

/* Display the supplied white-on-dark logo without redrawing its artwork. */
.wing-logo{display:block;width:190px;aspect-ratio:2115 / 743;background:url('assets/hdp-wing-logo-gold.png') center / contain no-repeat;filter:contrast(1.4);mix-blend-mode:screen;flex-shrink:0}
header .brand>.wing-logo{display:block}header{height:82px}header nav{top:82px}
.heritage-masthead{min-height:145px;padding:14px 5%;gap:20px}
.heritage-masthead .masthead-logo{width:255px}
.heritage-message{max-width:600px;min-width:0}
.heritage-tagline{margin:0;color:#f3efe7;font-family:"Barlow Condensed",sans-serif;font-size:30px;font-weight:700;line-height:1.1;letter-spacing:0;text-wrap:balance}
.heritage-signoff{margin:6px 0 0;font-family:"Barlow Condensed",sans-serif;font-size:17px;font-weight:600;line-height:1.15;letter-spacing:1px;text-align:left;color:#d6c6ae}
@media(max-width:900px){.heritage-masthead{gap:16px}.heritage-masthead .masthead-logo{width:200px}.heritage-tagline{font-size:26px}.heritage-signoff{font-size:16px}.header-actions{margin-left:auto}}
@media(max-width:600px){.heritage-masthead{padding:16px 20px;gap:10px;min-height:0;flex-direction:column}.heritage-masthead .masthead-logo{width:215px}.heritage-message{text-align:center;max-width:390px}.heritage-tagline{font-size:25px;line-height:1.08}.heritage-signoff{font-size:15px;letter-spacing:.65px;text-align:center;margin-top:5px}header{padding:0 14px;gap:6px;height:76px}header .wing-logo{width:170px}header nav{top:76px}.header-actions{gap:3px}.language-switch button{padding:7px 6px}}
@media(max-width:360px){header .wing-logo{width:145px}.header-actions{gap:1px}.heritage-tagline{font-size:23px}}
.heritage-masthead .masthead-circle-logo{display:block;width:100px;height:100px;object-fit:contain;flex-shrink:0}
@media(max-width:600px){.heritage-masthead .masthead-circle-logo{width:82px;height:82px}}