:root{--paper:#f5efdf;--ink:#202921;--orange:#f78646;--teal:#193837}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}h1,h2,h3,p,figure{margin:0}h1,h2{line-height:.96;letter-spacing:-.065em;font-weight:800;text-wrap:balance}h1{font-size:clamp(64px,6.8vw,100px)}h2{font-size:clamp(44px,5.1vw,76px);margin:18px 0 24px}h3{font-size:23px;line-height:1.15;letter-spacing:-.035em;margin:13px 0 8px}i{font-family:Georgia,serif;color:#aa491d;font-weight:400}a{color:inherit}nav,.end{display:flex;justify-content:space-between;align-items:center;padding:16px max(5%,calc((100% - 1180px)/2));border-bottom:1px solid var(--ink)}nav a,.end a{text-decoration:none;font-weight:650}.brand{letter-spacing:-.04em}.brand b{display:inline-block;background:var(--orange);padding:0 8px;border:1px solid;margin-right:6px}.wrap{width:min(90%,1180px);margin:auto;padding:80px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.hero{padding-block:75px}.hero h1{margin:20px 0}.hero .lead{max-width:48ch}.lead,.intro{font-size:19px}.intro{max-width:46ch}small,figcaption,aside,.plate footer span{font:700 11px/1.55 ui-monospace,monospace;letter-spacing:.11em}aside{letter-spacing:.03em;font-weight:500;margin-top:12px}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--orange);color:#211e16;font-weight:750;text-decoration:none;border:2px solid #24291f;padding:12px 19px;box-shadow:4px 4px #24291f;margin-top:22px}.cta:hover{transform:translateY(-2px)}.plate{background:#fffaec;border:2px solid var(--ink);box-shadow:8px 8px var(--ink);transform:rotate(1.5deg)}figcaption,.plate footer{padding:11px 16px;display:flex;justify-content:space-between;align-items:center;gap:8px}.plate img{display:block;width:100%;height:auto}.plate footer strong{font:italic 21px Georgia}.tape{text-align:center;background:var(--orange);border-block:2px solid var(--ink);padding:11px 8px;font:700 clamp(12px,2vw,17px) monospace;letter-spacing:.12em}.tape em{margin:0 2vw}.dark{background:var(--teal);color:var(--paper)}.dark i{color:#ffab72}.statement{font:26px/1.45 Georgia,serif}.frames{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.frames article{border-top:2px solid}.frames svg{display:block;width:100%;background:#dce3d4;margin:0 0 14px}.frames article:nth-child(2) svg{background:#f1ddbb}.frames article:nth-child(3) svg{background:#e9ded1}.frames p,.steps p{color:#484e43}.process{border-block:1px solid #acae9d;background:#fffaf0}.steps article{display:flex;align-items:baseline;gap:23px;padding:18px 0;border-top:1px solid #a3aa99}.steps article b{font:italic 30px Georgia;color:#a44a22}.steps h3{margin:0 0 6px}.dark h3:not(:first-child){margin-top:26px}.ticket{display:grid;grid-template-columns:1.4fr 1fr;border:2px solid;background:#ffdfab;box-shadow:7px 7px var(--ink)}.ticket>div{padding:clamp(24px,4vw,54px)}.buy{border-left:2px dashed #7a714f;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.buy strong{font-size:54px;letter-spacing:-.06em;line-height:1.1}.offer{padding-bottom:30px}.faq{max-width:830px}.faq details{border-top:1px solid #a9ab99}.faq summary{padding:18px 3px;cursor:pointer;font-weight:650}.faq details p{padding:0 22px 18px}.closing{text-align:center}.end{border:0;font-size:13px}a:focus-visible,summary:focus-visible{outline:3px solid #d06731;outline-offset:4px}@media(max-width:740px){.split,.ticket{grid-template-columns:1fr;gap:25px}.wrap{padding:48px 0}.hero{padding-top:36px}.hero h1{font-size:clamp(58px,11vw,80px)}.hero .plate{margin:10px 5px 0 0}.frames{grid-template-columns:1fr;gap:25px}.frames article{display:flow-root}.frames svg{width:37%;float:left;margin:0 14px 8px 0}.frames h3{margin-top:5px}.frames p{font-size:15px}.ticket{gap:0}.buy{border:0;border-top:2px dashed #7a714f}.statement{font-size:22px}.tape em{margin:0}.end{gap:12px}.plate footer strong{font-size:17px}.wrap h2{margin-bottom:16px}.dark .split{gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.plate.product img{height:clamp(300px,35vw,450px);object-fit:contain;background:#fff}.gallery,.numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:30px 0}.gallery figure{border:1px solid var(--ink);background:#fffaf0}.gallery img{width:100%;height:165px;object-fit:contain;display:block;background:white}.gallery figcaption{border-top:1px solid;font-size:13px}.numbers>div{border-top:1px solid #9caba3;padding:16px 0}.numbers strong,.numbers span{display:block}.numbers strong{font:italic clamp(34px,4vw,60px) Georgia;color:#ffab72}.dark .statement+p{margin-top:18px}@media(max-width:740px){.gallery,.numbers{grid-template-columns:1fr 1fr;gap:10px}.gallery img{height:125px}.frames h3{margin-top:12px}}

@media (prefers-reduced-motion: no-preference) {
  .hero .plate {animation: portrait-in 950ms ease-out both}
  .cta span {display:inline-block;transition:transform .2s ease}
  .cta:hover span,.cta:focus-visible span {transform:translate(3px,-3px)}
  .entered {animation: entry .65s cubic-bezier(.2,.7,.2,1) backwards}
  .gallery .entered:nth-child(4n + 2),.numbers .entered:nth-child(2) {animation-delay:60ms}
  .gallery .entered:nth-child(4n + 3),.numbers .entered:nth-child(3) {animation-delay:120ms}
  .gallery .entered:nth-child(4n),.numbers .entered:nth-child(4) {animation-delay:180ms}
  .gallery img {transition:transform .3s ease}
  @media (hover:hover) {.gallery figure:hover img {transform:scale(.95)}}
  @keyframes entry {from {opacity:.15;transform:translateY(22px)} to {opacity:1;transform:none}}
  @keyframes portrait-in {from {opacity:.35;transform:translateY(18px) rotate(-2deg)} to {opacity:1;transform:rotate(1.5deg)}}
}