:root { --ink:#202433; --paper:#fffaf1; --turquoise:#2bcac5; --pink:#f6b6cb; --sun:#ffd45b; --line:rgba(32,36,51,.16); }
* { box-sizing:border-box; }
body { background:var(--paper); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,sans-serif; margin:0; }
a { color:inherit; text-underline-offset:.16em; }
.site-header { align-items:center; border-bottom:1px solid var(--line); display:flex; height:76px; justify-content:space-between; padding:0 clamp(1.1rem,5vw,5.8rem); }
.brand { font-family:Georgia,serif; font-size:2rem; font-weight:700; letter-spacing:-.08em; text-decoration:none; }
.brand span { color:var(--pink); }
nav { display:flex; gap:clamp(.9rem,2.8vw,2.4rem); margin-left:auto; margin-right:clamp(1rem,3vw,3rem); }
nav a { font-family:Georgia,serif; font-size:1.05rem; font-weight:700; letter-spacing:-.035em; text-decoration:none; }
nav a:first-child { background:var(--sun); border:1.5px solid var(--ink); padding:.32rem .5rem; }
.header-sticker { background:var(--sun); border:2px solid var(--ink); border-radius:999px; font-size:.69rem; font-weight:800; padding:.48rem .75rem; transform:rotate(3deg); }
.privacy-hero { background:var(--turquoise); padding:clamp(3rem,8vw,7rem) clamp(1.2rem,10vw,10rem); }
.eyebrow { font-size:.7rem; font-weight:900; letter-spacing:.13em; margin:0 0 1rem; text-transform:uppercase; }
.privacy-hero h1,.privacy-content h2 { font-family:Georgia,serif; font-weight:500; letter-spacing:-.065em; line-height:.93; }
.privacy-hero h1 { font-size:clamp(3.5rem,8vw,7rem); margin:0; }
.privacy-hero > p:not(.eyebrow) { font-family:Georgia,serif; font-size:clamp(1.15rem,2vw,1.55rem); line-height:1.35; margin:1.7rem 0 0; max-width:680px; }
.privacy-content { margin:auto; max-width:860px; padding:clamp(3.6rem,8vw,7rem) clamp(1.2rem,5vw,4rem); }
.privacy-content section { border-top:1px solid var(--line); padding:2rem 0; }
.privacy-content h2 { font-size:clamp(2rem,4vw,3.25rem); margin:0 0 1rem; }
.privacy-content p { font-family:Georgia,serif; font-size:1.12rem; line-height:1.55; margin:0 0 1rem; }
.privacy-choice { background:#fffdf7; border:2px solid var(--ink); box-shadow:6px 6px 0 var(--turquoise); margin-top:1.5rem; padding:1.15rem; }
.privacy-choice__current { color:#516173; font:700 .9rem/1.45 Arial,sans-serif !important; }
.privacy-choice__actions { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1rem; }
.privacy-choice__button { background:var(--pink); border:2px solid var(--ink); border-radius:0; color:var(--ink); cursor:pointer; font:700 .86rem/1 Arial,sans-serif; padding:.72rem .95rem; }
.privacy-choice__button--quiet { background:#fffdf7; }
.privacy-choice__button:hover,.privacy-choice__button:focus-visible { outline:3px solid var(--sun); outline-offset:2px; }
.privacy-content .updated { border-top:1px solid var(--line); color:#516173; font:700 .78rem/1.4 Arial,sans-serif; letter-spacing:.04em; margin-top:1rem; padding-top:1.5rem; text-transform:uppercase; }
footer { align-items:center; background:var(--pink); display:flex; gap:1.2rem; justify-content:space-between; padding:2rem clamp(1.2rem,9vw,9rem); }
footer .brand { font-size:1.8rem; } footer p,footer span { font-size:.8rem; font-weight:800; margin:0; }
@media (max-width:720px) { .site-header { height:65px; } .header-sticker { display:none; } nav { margin-right:0; } nav a:not(:first-child) { display:none; } footer { align-items:flex-start; flex-direction:column; } }
