/* Written for these two independent websites, October 2026. No builder styles. */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:.25em}button,summary{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.1;font-weight:500}p+p{margin-top:1.1rem}h2+p,h3+p{margin-top:1.4rem}ul{padding-left:1.25rem}::selection{background:var(--accent);color:var(--paper)}:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.wrap{width:min(1184px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;z-index:50;top:1rem;left:1rem;padding:.6rem 1rem;background:var(--ink);color:var(--paper);transform:translateY(-200%)}.skip:focus{transform:none}.site-header{position:relative;z-index:20;border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{text-decoration:none;display:flex;align-items:center;gap:1rem;line-height:1.1}.brand-label{display:block}.desktop-nav{display:flex;align-items:center;gap:2rem}.desktop-nav a,.mobile-nav a{text-decoration:none;font-size:.88rem}.desktop-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:.6rem}.nav-contact{border:1px solid var(--ink);padding:.65rem 1.2rem}.mobile-menu{display:none}.eyebrow{display:block;font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;padding:.95rem 1.4rem;background:var(--ink);color:var(--paper);text-decoration:none;font-size:.9rem;line-height:1.5;border:1px solid var(--ink)}.button:hover{background:var(--accent);border-color:var(--accent);color:var(--paper)}.text-link{display:inline-flex;align-items:center;gap:1.5rem;margin-top:1.8rem;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.25rem}.section{padding-block:96px}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:4rem;margin-bottom:3.5rem}.section-head h2{font-size:clamp(2rem,4vw,3.6rem);max-width:18ch;letter-spacing:-.035em}.section-head>p{max-width:48ch}.muted{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.split h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.03em}.split .eyebrow{margin-bottom:1.8rem}.photo-note{font-size:.72rem;color:var(--muted);padding-top:.65rem}.contact-band{padding-block:76px;background:var(--ink);color:var(--paper)}.contact-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:3rem}.contact-band h2{font-size:clamp(2rem,4vw,3.5rem);max-width:20ch;letter-spacing:-.035em}.contact-band .button{background:var(--paper);color:var(--ink);border-color:var(--paper);white-space:nowrap}.site-footer{padding:58px 0 26px;border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:3rem;padding-bottom:3rem}.footer-top p{font-size:.87rem}.footer-top .eyebrow{margin-bottom:1rem}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:1.3rem;font-size:.72rem;color:var(--muted)}.legal-links{display:flex;gap:1.5rem}.legal-links a{text-decoration:none}.page-intro{padding:72px 0 64px;border-bottom:1px solid var(--line)}.page-intro .eyebrow{margin-bottom:1.4rem}.page-intro h1{font-size:clamp(3rem,6vw,5.5rem);letter-spacing:-.05em;max-width:17ch}.page-intro p{margin-top:1.5rem;max-width:55ch;color:var(--muted)}.legal{max-width:780px;margin-inline:auto;padding-block:64px 96px}.legal h2{font-size:1.5rem;margin-top:2.6rem;margin-bottom:1rem}.legal h2:first-child{margin-top:0}.legal h3{font-size:1.1rem;margin:1.8rem 0 .8rem}.legal p,.legal li{font-size:1rem}.legal a{overflow-wrap:anywhere}.legal .notice{border-left:3px solid var(--accent);padding-left:1.5rem;margin-block:2rem}.contact-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:6rem;align-items:start}.contact-layout h2{font-size:2.5rem;margin-bottom:2rem}.contact-email{display:inline-block;font-size:clamp(1.1rem,2.4vw,1.7rem);margin-block:1.8rem;overflow-wrap:anywhere}.address{border-top:1px solid var(--line);padding-top:1.8rem}.address h3{font-size:1.1rem;margin-bottom:1rem}.not-found{padding-block:6rem}.not-found h1{font-size:3rem;margin-bottom:2rem}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.desktop-nav{gap:1.25rem}.split{gap:3rem}.section-head{gap:2.5rem}.contact-layout{gap:3rem}}
@media(max-width:760px){html{scroll-padding-top:2rem}.wrap{width:calc(100% - 40px)}.header-inner{min-height:80px;gap:1rem}.desktop-nav{display:none}.mobile-menu{display:block}.mobile-menu summary{list-style:none;cursor:pointer;border:1px solid var(--line);padding:.45rem .7rem;font-size:.85rem}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary::after{content:' +';margin-left:.75rem}.mobile-menu[open] summary::after{content:' −'}.mobile-nav{position:absolute;top:100%;inset-inline:0;background:var(--paper);border-bottom:1px solid var(--line);padding:1rem 20px;display:grid;gap:.3rem;box-shadow:0 15px 20px #0000000a}.mobile-nav a{display:block;padding:.7rem 0}.section{padding-block:64px}.section-head{grid-template-columns:1fr;gap:1.2rem;margin-bottom:2.5rem}.split{grid-template-columns:1fr;gap:2.5rem}.contact-band{padding-block:52px}.contact-band .wrap{display:block}.contact-band .button{margin-top:2rem;white-space:normal}.footer-top{grid-template-columns:1fr;gap:2rem}.footer-bottom{display:block}.legal-links{margin-top:1rem}.page-intro{padding:52px 0 42px}.page-intro h1{font-size:clamp(2.8rem,12vw,4.5rem)}.legal{padding-block:42px 64px}.contact-layout{grid-template-columns:1fr;gap:3rem}.contact-layout h2{font-size:2rem}.contact-email{font-size:1.15rem}.site-footer{padding-top:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.footer-tagline{margin-top:1.5rem}
@media(max-width:760px){.mobile-menu{flex-shrink:0}.mobile-menu summary{white-space:nowrap}}
@media(max-width:380px){.header-inner{gap:.6rem}.brand{gap:.6rem}.veronica .brand-label{font-size:1.15rem}.veronica .brand-label small{font-size:.42rem}.veronica .brand-flower{font-size:1.6rem}.v8 .brand-label{font-size:.48rem;letter-spacing:.1em}.v8 .v8-mark{font-size:2.2rem}}
