/* Vinum Afiléon — monochrome style recreated from original WordPress blocks / screenshots | 2026 */
:root{--ink:#000;--panel:#101010;--text:#e9e9e9;--muted:#bdbdbd;--border:#636363;--width:665px;--condensed:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--serif:'Cormorant Garamond',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--ink);color:var(--text);margin:0;font:16px/1.72 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}a{color:inherit}img{max-width:100%;display:block}button{cursor:pointer}.skip-link{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:9px;z-index:101}.skip-link:focus{left:10px}
.site-header{max-width:780px;padding:22px 26px 0;margin:0 auto;position:relative;z-index:10}.header-content{min-height:105px;border-bottom:1px solid #686868;display:flex;align-items:flex-start;justify-content:space-between;position:relative;padding:0 16px 22px}.site-logo{display:block;width:99px;height:85px;flex:0 0 auto}.site-logo img{width:100%;height:100%;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}.menu-button{margin:28px 0 0 auto;background:none;border:0;color:#e7e7e7;width:30px;height:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-button span{width:18px;height:1px;background:currentColor;display:block}.menu-button:hover{opacity:.75}.menu-button:focus-visible,.text-link:focus-visible,.site-navigation a:focus-visible{outline:2px solid #fff;outline-offset:4px}.site-navigation[hidden]{display:none}.site-navigation{position:absolute;right:0;top:98px;z-index:20;width:min(280px,90vw);padding:12px 18px;background:#141414;border:1px solid #666;box-shadow:0 15px 30px #000b;display:grid;gap:0}.site-navigation a{font:700 20px/1.2 var(--condensed);letter-spacing:.055em;text-transform:uppercase;text-decoration:none;padding:11px 8px;border-bottom:1px solid #333}.site-navigation a:last-child{border:0}.site-navigation a:hover,.site-navigation a[aria-current=page]{background:#242424}
.site-main{max-width:var(--width);margin:0 auto;padding:38px 26px 30px}.artwork-frame{background:#101010;position:relative;overflow:hidden;margin:0 auto 18px;width:100%}.botanical-frame{height:min(112vw,690px);min-height:390px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #1b1b1b}.botanical-frame::before{content:'';position:absolute;inset:12px;border:1px solid #2c2c2c;pointer-events:none}.artwork-eyebrow{position:absolute;top:35px;text-align:center;letter-spacing:.22em;font:600 11px/1.3 var(--condensed);color:#d0d0d0}.elder-engraving{width:84%;height:86%;object-fit:contain;filter:grayscale(1) brightness(.94);opacity:.65}.artwork-title{font:800 clamp(44px,12vw,88px)/.98 var(--condensed);letter-spacing:.025em;text-shadow:0 2px 14px #000;position:absolute;top:53%;left:0;width:100%;text-align:center;color:#fff}.artwork-foot{position:absolute;bottom:35px;font:700 13px var(--condensed);letter-spacing:.18em}
.text-flow h1,.text-flow h2{font:800 clamp(27px,5.2vw,35px)/1.12 var(--condensed);letter-spacing:-.006em;color:#f1f1f1;margin:17px 0 14px;text-transform:uppercase}.text-flow h2{font-size:29px;margin-top:30px}.text-flow h3{font:700 18px/1.24 var(--condensed);letter-spacing:.018em;margin:5px 0 16px;color:#f2f2f2}.text-flow p{margin:0 0 19px;max-width:57ch}.text-flow p:not(.small-note):not(.latin){color:#dadada}.text-flow a:hover{color:#fff}.story-section{padding-top:14px}.story-section h2:not(:first-child){margin-top:36px}.heritage-header .artwork-frame{max-width:500px}.heritage-header .text-flow h1{margin-top:17px}.hero-feature{padding:0}.house-crest-frame{max-width:500px;aspect-ratio:1/1;background:#080808;padding:0;display:flex;justify-content:center;align-items:center}.house-crest-frame img{height:100%;width:100%;object-fit:cover}
.text-link{text-decoration:none;border-bottom:1px solid #bfbfbf;font:700 16px/1.4 var(--condensed);letter-spacing:.07em;padding-bottom:3px;display:inline-flex;gap:12px}.edition-box{border-top:1px solid #666;border-bottom:1px solid #666;margin:28px 0 22px;padding:22px 0;text-align:center}.edition-numbers{font:700 clamp(17px,3.7vw,25px)/1.6 var(--condensed);letter-spacing:.04em;word-spacing:.25em}.edition-numbers span{color:#959595}.edition-box p{font:700 12px/1.4 var(--condensed);letter-spacing:.12em;text-align:center;margin:10px 0 0;max-width:none;color:#bcbcbc}.latin{font:italic 22px/1.35 var(--serif);letter-spacing:.035em;text-align:center;margin-top:35px!important}
.affiliations{padding-bottom:20px}.affiliation{display:grid;grid-template-columns:100px minmax(0,1fr);gap:20px;padding:22px 0;border-top:1px solid #333;align-items:start}.affiliation h3{font-size:22px;margin:0 0 5px}.affiliation p{font-size:14px;line-height:1.65;margin-bottom:14px}.affiliate-mark{height:100px;width:100px;background:#161616;overflow:hidden;display:flex;align-items:center;justify-content:center}.affiliate-mark img{width:100%;height:100%;object-fit:cover}.racing-mark{background:#101010;color:#ffec00;font:800 70px/1 var(--condensed);letter-spacing:-.05em}.vinum-mark img{width:78%;height:78%;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}
.enquiry-form{display:grid;gap:8px;margin-top:25px}.enquiry-form>label:not(.checkbox-line){font:700 15px/1.3 var(--condensed);letter-spacing:.04em;margin-top:9px}.enquiry-form input:not([type=checkbox]),.enquiry-form select,.enquiry-form textarea{width:100%;padding:12px 13px;color:#f6f6f6;background:#0d0d0d;border:1px solid #777;border-radius:0;outline-offset:2px;min-height:44px}.enquiry-form textarea{resize:vertical}.enquiry-form input:focus-visible,.enquiry-form textarea:focus-visible,.enquiry-form select:focus-visible{outline:2px solid #fff;outline-offset:1px}.enquiry-form ::placeholder{color:#a8a8a8}.checkbox-line{display:flex;gap:11px;align-items:flex-start;font-size:13px;line-height:1.6;margin:7px 0 0}.checkbox-line input{margin-top:4px;accent-color:#f1f1f1}.submit-button{margin:16px 0 0;min-height:52px;border:1px solid #fff;background:#f1f1f1;color:#080808;text-align:left;font:800 19px var(--condensed);padding:13px 17px;display:flex;justify-content:space-between}.submit-button:hover{background:#ddd}.submit-button:disabled{opacity:.55;cursor:wait}.form-status{margin:4px 0 0!important;font-size:14px}.form-status.error{color:#ffb8b8}.form-status.success{color:#d4f7d4}.small-note{color:#a8a8a8;font-size:13px;line-height:1.6}.enquiry-form .small-note{margin-top:6px}.trap{position:absolute!important;width:1px;height:1px;overflow:hidden;left:-9999px}.legal-page{padding-bottom:50px}.legal-page h2{margin-top:29px}.legal-page a{text-underline-offset:3px}
.site-footer{max-width:780px;padding:0 26px 45px;margin:30px auto 0}.footer-rule{border-top:1px solid #777;margin:0 0 19px}.footer-inner{display:flex;justify-content:space-between;gap:18px;padding-bottom:14px}.footer-monogram{width:86px}.footer-monogram img{height:66px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}.footer-links{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:flex-end;align-items:flex-start}.footer-links a{text-decoration:none;font:700 11px/1.5 var(--condensed);letter-spacing:.04em}.footer-links a:hover{text-decoration:underline}.footer-small{margin:5px 0 0;font:500 11px/1.7 var(--condensed);letter-spacing:.04em;color:#aaa}
.age-gate[hidden]{display:none}.age-gate{position:fixed;inset:0;background:#000f;z-index:100;display:grid;place-items:center;padding:22px}.age-panel{width:min(100%,425px);padding:42px 25px;background:#0b0b0b;border:1px solid #707070;text-align:center}.age-panel .gate-logo{width:104px;height:105px;object-fit:contain;margin:0 auto 30px;filter:grayscale(1) brightness(0) invert(1)}.age-panel h2{font:800 31px var(--condensed);margin:0 0 17px}.age-panel p{font-size:15px;line-height:1.6;color:#d6d6d6}.gate-actions{display:grid;gap:10px;margin-top:26px}.gate-actions button{padding:12px;font:700 18px var(--condensed);border:1px solid #aaa;background:#fff;color:#111}.gate-actions .gate-leave{background:transparent;color:#fff}.gated{overflow:hidden}
@media(min-width:800px){.site-header{padding-top:35px}.header-content{min-height:115px;padding:0 20px 25px}.site-logo{height:90px;width:115px}.site-main{padding-top:42px}.menu-button{margin-top:33px}.site-navigation{top:105px}.text-flow p{font-size:17px}.botanical-frame{max-height:660px}.artwork-title{font-size:92px}}
@media(max-width:420px){.site-header{padding:20px 22px 0}.header-content{min-height:105px;padding:0 12px 19px}.site-logo{width:90px;height:87px}.site-main{padding:37px 27px 20px}.site-footer{padding-left:27px;padding-right:27px}.botanical-frame{min-height:390px;height:150vw;max-height:645px}.text-flow h1{font-size:28px}.text-flow h2{font-size:27px}.text-flow h3{font-size:17px}.text-flow p{font-size:15px;line-height:1.71}.affiliation{grid-template-columns:77px minmax(0,1fr);gap:14px}.affiliate-mark{width:77px;height:77px}.racing-mark{font-size:54px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Legacy WordPress structure: .vinum-hero, .vinum-story, .vinum-product, .vinum-footer */
.vinum-hero,.vinum-story,.vinum-product,.vinum-footer{background-color:#000;color:#fff}
.afileon-monogram-frame{max-width:500px;min-height:390px;aspect-ratio:4/5;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:45px 30px;gap:22px;border:1px solid #242424}
.afileon-monogram-frame img{width:58%;max-height:230px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}
.monogram-caption{font:700 17px/1.35 var(--condensed);letter-spacing:.18em;text-align:center}
.elderberry-heritage-frame{max-width:500px}
.elderberry-heritage-frame .artwork-title{font-size:clamp(44px,10vw,73px)}
@media(max-width:420px){.afileon-monogram-frame{min-height:340px}.monogram-caption{font-size:14px}}

/* The official gold Motorsport emblem replaces the temporary race number 77 in House affiliation cards. */
.racing-mark{background:#000;color:inherit;font:inherit;letter-spacing:normal}
.racing-mark img{display:block;object-fit:contain;width:100%;height:100%;}

/* Lord of Ash network mark: fit full arms within existing monochrome affiliate layout. */
.affiliation .ash-mark img {width:100%;height:100%;max-height:116px;object-fit:contain;display:block;}