.page-header,main,.page-footer { width:min(1120px,calc(100% - 64px)); margin-inline:auto; }
.page-header { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:116px; }
.brand { display:flex; align-items:center; gap:11px; min-height:44px; color:var(--ink); font-size:24px; font-weight:800; letter-spacing:-1px; text-decoration:none; }
.page-header>span { color:var(--muted); font-size:13px; }
@media(max-width:420px) { .page-header>span { display:none; } }
a { overflow-wrap:anywhere; }
a:hover { text-decoration-thickness:2px; }
.skip { position:absolute; top:-100px; padding:12px; color:var(--ink); background:var(--yellow); z-index:2; }
.skip:focus { top:8px; }
.intro { display:grid; grid-template-columns:1.2fr 1fr; gap:32px; align-items:center; position:relative; padding:42px 48px; color:var(--surface); background:var(--blue); border-radius:6px 6px 38px 6px; }
.eyebrow { margin:0 0 24px; font-size:14px; }
h1 { margin:0; font-family:var(--font-display); font-size:clamp(62px,8vw,104px); font-weight:400; line-height:.95; letter-spacing:-1px; }
.intro-copy { display:flex; flex-direction:column; align-items:flex-start; gap:22px; }
.sticker { display:inline-block; padding:12px 22px; color:var(--ink); background:var(--yellow); font-size:23px; font-weight:800; line-height:1.1; transform:rotate(5deg); box-shadow:4px 4px 0 rgba(0,0,0,.16); }
.lead { max-width:30ch; margin:0; font-size:19px; line-height:1.55; }
.contents { display:flex; flex-wrap:wrap; gap:8px; margin:28px 0 12px; }
.contents a { display:inline-flex; align-items:center; min-height:46px; padding:10px 18px; color:var(--blue); background:var(--surface); border:1px solid var(--line); border-radius:24px; font-size:14px; font-weight:600; text-decoration:none; }
.contents a:hover { border-color:var(--blue); background:var(--yellow); }
.articles { max-width:780px; margin:16px auto 0; }
section { padding-block:32px; border-bottom:1px solid var(--line); scroll-margin-top:24px; }
section:last-child { border-bottom:0; }
.section-heading { margin-bottom:16px; }
h2 { margin:0; font-size:27px; line-height:1.25; letter-spacing:-.6px; }
section p { margin:14px 0; line-height:1.75; }
section p:last-child { margin-bottom:0; }
#origine p:last-child { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
#origine p:last-child a { display:inline-flex; align-items:center; min-height:44px; color:var(--blue); }
.page-footer { display:flex; justify-content:space-between; align-items:center; gap:32px; margin-top:24px; padding-block:32px; border-top:2px solid var(--ink); }
.motto { margin:0; color:var(--ink); font-family:var(--font-display); font-size:30px; font-weight:400; line-height:1.1; }
.page-footer>div { display:flex; flex-direction:column; align-items:flex-end; color:var(--muted); font-size:13px; }
.page-footer a { display:inline-flex; align-items:center; gap:8px; min-height:44px; color:var(--blue); }
@media(max-width:700px) { .page-header,main,.page-footer { width:calc(100% - 32px); } .page-header { min-height:76px; gap:16px; } .brand { gap:8px; font-size:22px; } .page-header>span { max-width:90px; text-align:right; font-size:12px; } .intro { grid-template-columns:1fr; gap:28px; padding:30px 24px; border-bottom-right-radius:28px; } h1 { font-size:clamp(60px,13vw,82px); } .eyebrow { font-size:12px; margin-bottom:20px; } .intro-copy { gap:20px; } .sticker { align-self:flex-end; margin-top:-14px; font-size:18px; padding:10px 18px; } .lead { font-size:17px; max-width:36ch; } .contents { margin-top:22px; gap:7px; } .contents a { padding:10px 14px; font-size:13px; } section { padding-block:26px; } h2 { font-size:24px; } .page-footer { flex-direction:column; align-items:flex-start; gap:20px; } .page-footer>div { align-items:flex-start; } .motto { font-size:27px; } }
@media print { .page-header,main,.page-footer { width:100%; } .skip,.contents,.sticker { display:none; } .intro { display:block; padding:24px 0; color:var(--ink); background:none; } h1 { font-size:42px; margin-bottom:16px; } .lead { max-width:none; } .articles { max-width:none; } section { break-inside:avoid; padding-block:20px; } }