@font-face{font-family:"Ultra";src:url(../assets/fonts/ultra.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Oswald";src:url(../assets/fonts/oswald-var.woff2) format("woff2");font-weight:200 700;font-display:swap}
@font-face{font-family:"Yellowtail";src:url(../assets/fonts/yellowtail.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Source Serif";src:url(../assets/fonts/sourceserif-400.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Source Serif";src:url(../assets/fonts/sourceserif-400i.woff) format("woff");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:"Source Serif";src:url(../assets/fonts/sourceserif-600.woff) format("woff");font-weight:600;font-display:swap}
:root{--paper:#ece7dc;--ink:#151412;--ink2:#2b2925;--spot:#006847}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);background-color:var(--paper);overflow-x:hidden;
 font:400 1.0625rem/1.5 "Source Serif",Georgia,"Times New Roman",serif;
 background-image:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .2  0 0 0 0 .18  0 0 0 0 .15  0 0 0 .9 -.32'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E"),
  linear-gradient(90deg,rgba(120,100,60,.07),rgba(0,0,0,0) 12%,rgba(0,0,0,0) 88%,rgba(120,100,60,.07))}
a{color:inherit}
a:focus-visible{outline:3px solid var(--spot);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.page{max-width:1240px;margin:0 auto;padding:clamp(12px,3vw,40px)}
.ad{border:3px solid var(--ink);outline:1px solid var(--ink);outline-offset:4px;padding:clamp(14px,3vw,44px);margin:6px}
.strip{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;font:500 1rem/1.2 "Oswald",sans-serif;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:.5rem;margin:-.25rem 0 0}
.strip a{text-decoration:none;border-bottom:1px solid transparent}
.strip a:hover{border-bottom-color:currentColor}
.kicker{font:400 clamp(1.6rem,3.6vw,2.6rem)/1.1 "Yellowtail",cursive;color:var(--spot);text-align:center;margin:clamp(1rem,2.5vw,1.75rem) 0 0}
h1{font:400 clamp(3.1rem,12.5vw,9.6rem)/.92 "Ultra",Georgia,serif;text-align:center;margin:.1em 0 .08em;letter-spacing:-.01em;text-transform:uppercase}
.deck{font:600 clamp(1.05rem,2.3vw,1.6rem)/1.25 "Oswald",sans-serif;letter-spacing:.08em;text-transform:uppercase;text-align:center;margin:0 auto;max-width:44ch;padding:.55rem 0;border-top:4px solid var(--ink);border-bottom:1px solid var(--ink);box-shadow:0 -7px 0 -6px var(--ink)}
figure{margin:0}
.hero{position:relative;margin:clamp(.5rem,2vw,1.25rem) calc(-1 * clamp(4px,1vw,16px)) 0}
.hero img,.pair img{display:block;width:100%;height:auto;mix-blend-mode:multiply;filter:contrast(1.08)}
.cap{font:italic 400 1rem/1.35 "Source Serif",Georgia,serif;text-align:center;color:var(--ink2);margin:.25rem 0 0}
.cap b{font:600 1rem "Oswald",sans-serif;font-style:normal;letter-spacing:.16em;text-transform:uppercase;margin-right:.4em}
.banner{margin:clamp(1.25rem,3vw,2rem) 0;padding:clamp(.6rem,1.6vw,1rem) 1rem;text-align:center;color:var(--paper);background-color:var(--ink);
 background-image:radial-gradient(rgba(236,231,220,.16) 28%,transparent 31%);background-size:6px 6px}
.banner p{margin:0;text-wrap:balance;font:400 clamp(1.7rem,5.2vw,3.6rem)/1.05 "Ultra",Georgia,serif;letter-spacing:.01em}
.cols{column-count:3;column-gap:2.25rem;column-rule:1px solid var(--ink);text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.cols section+section h2{margin-top:.25rem}
.cols h2{font:700 1.15rem/1.15 "Oswald",sans-serif;letter-spacing:.06em;text-transform:uppercase;text-align:left;margin:0 0 .4rem;padding-top:.1rem;break-after:avoid}
.cols h2::after{content:"";display:block;width:2.5rem;border-top:3px solid var(--spot);margin-top:.35rem}
.cols p{margin:0 0 1rem}
.cols section:first-child p:first-of-type::first-letter{float:left;font:400 3.9em/.8 "Ultra",Georgia,serif;margin:.06em .1em 0 0;color:var(--ink)}
.pairwrap{margin:clamp(1.5rem,3.5vw,2.5rem) 0 0;border-top:4px solid var(--ink);border-bottom:1px solid var(--ink);padding:.9rem 0 1rem}
.pairhead{font:600 1rem/1.2 "Oswald",sans-serif;letter-spacing:.22em;text-transform:uppercase;text-align:center;margin:0 0 .5rem}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.pair figure+figure{border-left:1px solid var(--ink);padding-left:1.5rem}
.enquiry{margin:clamp(1.75rem,4vw,2.75rem) auto 0;max-width:880px;position:relative;border:2px dashed var(--ink);padding:clamp(1rem,3vw,1.75rem)}
.enquiry::before{content:"\2702";position:absolute;top:-.85rem;left:1.25rem;background:var(--paper);padding:0 .35rem;font-size:1.25rem;line-height:1.4;color:var(--ink)}
.enq-in{display:grid;grid-template-columns:auto 1fr;gap:clamp(1rem,3vw,2rem);align-items:center;border:1px solid var(--ink);padding:clamp(1rem,2.5vw,1.5rem)}
.enq-in picture img{display:block;width:clamp(96px,12vw,132px);height:auto}
.enquiry h2{font:400 clamp(1.5rem,3.4vw,2.3rem)/1.1 "Ultra",Georgia,serif;margin:0 0 .35rem}
.enquiry .sub{font:600 1.05rem/1.3 "Oswald",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--spot);margin:0 0 .6rem}
.enquiry address{font-style:normal;margin:0 0 .5rem}
.enquiry .mail{font:600 1.05rem "Source Serif",Georgia,serif;overflow-wrap:anywhere}
.enquiry .note{font-style:italic;margin:.6rem 0 0}
.fine{margin:clamp(1.5rem,3vw,2rem) 0 0;padding-top:.6rem;border-top:1px solid var(--ink);text-align:center;font:italic 400 1rem/1.4 "Source Serif",Georgia,serif;color:var(--ink2)}
.fine p{margin:.15rem 0}
.sig{font:500 1rem "Oswald",sans-serif;letter-spacing:.2em;text-transform:uppercase;font-style:normal}
.specs{margin:clamp(1.5rem,3.5vw,2.5rem) auto 0;max-width:900px;border:3px double var(--ink);border-width:4px;border-style:double;padding:clamp(.9rem,2.5vw,1.5rem) clamp(1rem,3vw,2rem)}
.specs h2{font:400 clamp(1.5rem,3.2vw,2.1rem)/1.1 "Ultra",Georgia,serif;text-align:center;margin:0 0 .6rem;letter-spacing:.02em}
.specs table{width:100%;border-collapse:collapse;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.specs th,.specs td{padding:.4rem .25rem;border-bottom:1px dotted var(--ink2);vertical-align:baseline;font-size:1rem}
.specs tr:last-child th,.specs tr:last-child td{border-bottom:0}
.specs th{font:600 1rem/1.3 "Oswald",sans-serif;letter-spacing:.12em;text-transform:uppercase;text-align:left;width:34%;padding-right:1rem}
.specs td{text-align:left;line-height:1.4}
.specs td.tbc{font-style:italic;color:var(--ink2)}
.specnote{font-style:italic;text-align:center;margin:.6rem 0 0;color:var(--ink2)}
@media (max-width:1000px){.cols{column-count:2}}
@media (max-width:640px){
 .cols{column-count:1;text-align:left;hyphens:manual}
 .pair{grid-template-columns:1fr;gap:1rem}
 .pair figure+figure{border-left:0;padding-left:0;border-top:1px solid var(--ink);padding-top:1rem}
 .enq-in{grid-template-columns:1fr;text-align:center;justify-items:center}
 .strip{justify-content:center;text-align:center}
}

/* Period starburst: HTML text on a CSS-clipped star */
.burst{position:absolute;z-index:2;top:0;left:2%;width:clamp(150px,17vw,200px);aspect-ratio:1;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--paper);background:var(--spot);transform:rotate(-12deg);
 clip-path:polygon(50% 0%,57% 12%,69% 4%,72% 18%,85% 15%,82% 29%,96% 31%,88% 43%,100% 50%,88% 57%,96% 69%,82% 71%,85% 85%,72% 82%,69% 96%,57% 88%,50% 100%,43% 88%,31% 96%,28% 82%,15% 85%,18% 71%,4% 69%,12% 57%,0% 50%,12% 43%,4% 31%,18% 29%,15% 15%,28% 18%,31% 4%,43% 12%)}
.burst .b1{font:700 1rem/1.05 "Oswald",sans-serif;letter-spacing:.14em;text-transform:uppercase;padding-left:.14em}
.burst .b2{font:400 clamp(2rem,3.4vw,2.6rem)/1 "Ultra",Georgia,serif}
@media (max-width:640px){.burst{position:relative;top:auto;left:auto;margin:.5rem auto .25rem;width:150px}}
@media (max-width:640px){.specs th,.specs td{display:block;width:auto;padding:.15rem 0}.specs th{padding-top:.5rem;border-bottom:0}.specs td{padding-bottom:.5rem}}

/* v23 period ad: two-plate spread with copy between */
.period-ad{margin:clamp(1.5rem,3.5vw,2.5rem) 0 0;border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);box-shadow:0 -7px 0 -6px var(--ink),0 7px 0 -6px var(--ink);padding:clamp(1rem,2.5vw,1.6rem) 0 1rem}
.pa-kicker{font:400 clamp(1.5rem,3.2vw,2.2rem)/1.1 "Yellowtail",cursive;color:var(--spot);text-align:center;margin:0}
.period-ad h2{font:400 clamp(1.7rem,4.2vw,3rem)/1.08 "Ultra",Georgia,serif;text-align:center;text-wrap:balance;margin:.2rem auto clamp(1rem,2.5vw,1.6rem);max-width:22ch}
.pa-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);gap:clamp(1rem,2.5vw,2rem);align-items:start}
.pa-plate{margin:0}
.pa-plate.pa-2{margin-top:clamp(2rem,6vw,5rem)}
.pa-frame{position:relative;padding:5px;border:1px solid var(--ink);outline:1px solid var(--ink);outline-offset:3px;background:var(--paper)}
.pa-frame img{display:block;width:100%;height:auto;aspect-ratio:864/1152;filter:grayscale(1) contrast(1.05);mix-blend-mode:multiply}
.pa-frame::after{content:"";position:absolute;inset:5px;pointer-events:none;background:radial-gradient(rgba(21,20,18,.16) 30%,transparent 32%) 0 0/3px 3px;mix-blend-mode:multiply}
.pa-plate figcaption{margin:.75rem 0 0;text-align:center;font:italic 400 1rem/1.4 "Source Serif",Georgia,serif;color:var(--ink2)}
.pa-plate figcaption b{display:block;font:600 1rem/1.3 "Oswald",sans-serif;font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.pa-copy{border-left:1px solid var(--ink);border-right:1px solid var(--ink);padding:0 clamp(.9rem,2vw,1.5rem);text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.pa-copy p{margin:0 0 1rem;font-size:1rem;line-height:1.6}
.pa-lead{font:italic 400 1.2rem/1.45 "Source Serif",Georgia,serif;text-align:left}
.pa-lead::first-letter{float:left;font:400 3.4em/.8 "Ultra",Georgia,serif;margin:.06em .1em 0 0;font-style:normal}
.pa-sign{font:600 1.05rem/1.3 "Oswald",sans-serif;letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--spot);border-top:1px solid var(--ink);padding-top:.7rem;margin-top:1.2rem}
.nw{white-space:nowrap}
.pa-note{margin:1.2rem 0 0;text-align:center;font:italic 400 1rem/1.4 "Source Serif",Georgia,serif;color:var(--ink2)}
@media (max-width:900px){.pa-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto}.pa-plate.pa-2{margin-top:0}.pa-copy{border:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:1rem 0 .2rem}}
.pa-plate figcaption .pa-credit{display:block;font:400 1rem/1.35 "Source Serif",Georgia,serif;font-style:normal;font-variant:small-caps;letter-spacing:.06em;color:var(--ink);margin:.15rem 0 .2rem}

/* v30: pilot nickname subline under the credit */
.pa-plate figcaption .pa-nick{display:block;font:italic 400 1rem/1.35 "Source Serif",Georgia,serif;color:var(--ink);margin:0 0 .3rem}

/* v26 (20 Oct 2026): brand line */
.enquiry .brandline{margin:.9rem 0 .4rem;font-family:Georgia,serif;font-style:italic;font-size:1.25rem;line-height:1.35}
