/* Brand colours and shared measurements. Change these to customise the site. */
:root{--blue:#005b82;--navy:#06354b;--green:#c6f2df;--yellow:#ffe331;--ink:#102d3c;--muted:#49606c;--line:#d9e4e9;--width:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:16px;line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}p{margin:0 0 1.2rem}h1,h2,h3{line-height:1.12;letter-spacing:-.045em;margin:0 0 1.4rem}h1{font-size:clamp(3.1rem,5.7vw,5rem)}h2{font-size:clamp(2.1rem,3.5vw,3rem)}h3{font-size:1.9rem}.wrap{width:min(var(--width),calc(100% - 64px));margin-inline:auto}.section{padding-block:92px}.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.15em;margin-bottom:22px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;background:var(--blue);color:#fff;border-radius:6px;font-size:.94rem;font-weight:700;line-height:1.4;min-height:48px;border:2px solid transparent;transition:background .15s,transform .15s}.button:hover{background:var(--navy);transform:translateY(-2px)}.button.yellow{background:var(--yellow);color:var(--navy)}.button.yellow:hover{background:#ffef80}.button.small{padding:11px 18px;min-height:44px}.text-link{display:inline-block;border-bottom:1px solid currentColor;font-weight:700;padding-bottom:3px}.text-link:hover{color:var(--blue)}.light:hover{color:var(--yellow)}a:focus-visible{outline:3px solid #ed9800;outline-offset:5px}.skip{position:absolute;left:16px;top:-100px;background:#fff;padding:10px;z-index:10}.skip:focus{top:10px}.header{background:#fff}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px}.brand{display:flex;align-items:center;gap:10px;font-size:1.2rem;line-height:1.1;letter-spacing:-.03em}.brand img{width:72px;height:51px;object-fit:contain}.brand strong{display:block}.nav nav{display:flex;gap:28px;font-size:.9rem;font-weight:600}.nav nav a:hover{color:var(--blue)}
/* Main introduction and mascot. */
.hero{background:var(--blue);color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:18px;min-height:580px;padding-block:64px}.hero h1 span{color:var(--yellow)}.intro{font-size:1.13rem;max-width:490px;color:#e3f2f7}.actions{display:flex;align-items:center;gap:24px;margin-top:30px;flex-wrap:wrap}.hero-note{font-size:.84rem;color:#c9e4ef;margin-top:20px;margin-bottom:0}.hero-art{position:relative;display:flex;flex-direction:column;align-items:center}.hero-art img{width:100%;height:auto;filter:drop-shadow(0 24px 20px #003a5344);transform:rotate(-5deg)}.art-caption{font-size:.85rem;font-weight:600;color:#d9edf5;margin-top:10px}.qualities{background:var(--navy);color:#fff}.qualities .wrap{display:flex;justify-content:space-between;gap:16px;padding-block:19px;font-size:.74rem;letter-spacing:.12em;font-weight:700}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about p:not(.eyebrow){color:var(--muted)}
/* Sellers only need an email, not a form or account. */
.sell-section{background:var(--green);padding-block:76px}.sell-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.sell-grid>div>p:not(.eyebrow){max-width:410px}.email-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 8px 0 #06354b0d}.number{display:block;font-size:.75rem;letter-spacing:.12em;font-weight:700;color:var(--blue);margin-bottom:24px}.email-card p{color:var(--muted)}.email-card .reassurance{font-size:.94rem;border-left:3px solid #2bbb8a;padding-left:15px;margin-block:24px}.email{display:block;text-decoration:underline;font-size:.94rem;margin-top:18px;overflow-wrap:anywhere}.watch-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px}.video-player{aspect-ratio:16/9;background:var(--navy);border-radius:12px;overflow:hidden}.video-player iframe{display:block;width:100%;height:100%;border:0}.watch-grid p:not(.eyebrow){color:var(--muted)}.socials{display:flex;flex-wrap:wrap;gap:24px;margin-top:26px;font-size:.9rem;font-weight:700}.socials a{border-bottom:1px solid var(--line);padding-bottom:4px}.socials a:hover{color:var(--blue)}.contact-section{background:var(--navy);color:#fff;padding-block:64px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.contact-grid p{color:#d1e4ed;max-width:440px}.contact-grid h2{margin-bottom:16px}.contact-email{display:block;font-size:clamp(1.1rem,2.2vw,1.65rem);font-weight:700;letter-spacing:-.025em;overflow-wrap:anywhere;margin-bottom:20px}.contact-email:hover{text-decoration:underline}.footer{display:grid;grid-template-columns:1fr 1.5fr auto;gap:36px;align-items:start;padding-block:30px;font-size:.75rem;color:var(--muted)}.footer p{margin:0}.footer a{text-decoration:underline}
/* Responsive layouts: no JavaScript menu is needed for this one-page site. */
@media(max-width:900px){.nav{gap:16px;flex-wrap:wrap;padding-block:18px}.nav nav{order:3;width:100%;justify-content:center;gap:26px;border-top:1px solid var(--line);padding-top:14px}.hero-grid{min-height:auto;gap:0;padding-block:54px}.hero-art img{width:115%;max-width:none}.about,.sell-grid,.watch-grid{gap:40px}.email-card{padding:28px}.contact-grid{gap:24px}.footer{grid-template-columns:1fr 1.5fr}.footer>a{grid-column:1/-1}}
@media(max-width:620px){.wrap{width:calc(100% - 40px)}.brand{font-size:1rem}.brand img{width:52px;height:40px}.button.small{font-size:.8rem;padding:10px 12px}.nav nav{gap:20px;font-size:.8rem}.hero-grid{grid-template-columns:1fr;padding-top:42px;padding-bottom:30px}.hero h1{font-size:3.15rem}.hero-art{max-width:380px;width:100%;margin:22px auto 0}.hero-art img{width:100%;max-width:100%}.art-caption{margin-top:0}.qualities .wrap{flex-wrap:wrap;justify-content:center;font-size:.65rem;gap:8px 20px;padding-block:15px}.section{padding-block:56px}.about,.sell-grid,.watch-grid,.contact-grid{grid-template-columns:1fr;gap:24px}.about h2{margin-bottom:0}.sell-section{padding-block:50px}.email-card{padding:26px}.email-card .button{width:100%}.watch-grid{gap:30px}.contact-section{padding-block:48px}.footer{grid-template-columns:1fr;gap:14px;font-size:.75rem}.footer>a{grid-column:auto}.actions{gap:18px}.hero .intro{font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}