@import url("https://fonts.googleapis.com/css2?family=DM+Mono&family=Playfair+Display:wght@700&family=Space+Grotesk:wght@500;700&display=swap");:root{--ink:#17233b;--red:#e34438;--blue:#214da2;--yellow:#e7b33e;--cream:#f7f0df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Space Grotesk;overflow-x:hidden;background-image:radial-gradient(#17233b22 1px,transparent 1px);background-size:6px 6px}.top{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:14px max(17px,calc((100vw - 1160px)/2));background:#f7f0ddeb;border-bottom:2px solid var(--ink);backdrop-filter:blur(12px)}.brand{font-weight:700;text-decoration:none;color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;background:var(--red);color:#fff;text-decoration:none;font-weight:700;box-shadow:4px 4px 0 var(--ink)}.hero{width:min(1160px,calc(100% - 34px));margin:28px auto;display:grid;grid-template-columns:1fr 1fr;min-height:590px;border:3px solid var(--ink);background:#fffaf0;overflow:hidden}.copy{padding:clamp(28px,5vw,64px)}.ey{font:11px 'DM Mono';color:var(--red)}h1,h2{font-family:Playfair Display,serif;letter-spacing:-.04em}h1{font-size:clamp(54px,7vw,98px);line-height:.86;margin:16px 0}h2{font-size:clamp(34px,4.4vw,61px);line-height:.96;margin:10px 0 18px}.lead,p{line-height:1.68}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.ghost{background:#fff;color:var(--ink);border:2px solid var(--ink)}.notice{font-size:17px;line-height:1.72;border-left:4px solid var(--red);padding-left:16px}.visual,.media{position:relative;min-height:420px;overflow:hidden}.visual img,.media img{width:100%;height:100%;object-fit:cover;display:block}.signature{position:absolute;bottom:22px;left:22px;width:190px;height:58px;border-bottom:3px solid var(--yellow);transform:scaleX(0);transform-origin:left;animation:sign 2.5s ease forwards 350ms}@keyframes sign{to{transform:scaleX(1)}}.trail{width:min(1160px,calc(100% - 34px));margin:14px auto;display:flex;gap:9px;overflow:auto}.trail a{white-space:nowrap;padding:9px 13px;border:1px solid var(--ink);background:#fff;color:var(--ink);font:11px 'DM Mono';text-decoration:none}.story{width:min(1160px,calc(100% - 34px));margin:35px auto}.block{display:grid;grid-template-columns:76px 1fr 400px;min-height:450px;border:2px solid var(--ink);background:#fffaf0;margin-top:18px}.block:nth-child(even){grid-template-columns:400px 1fr 76px;background:#f3e3d8}.block:nth-child(even) .media{grid-column:1}.block:nth-child(even) .copy{grid-column:2}.block:nth-child(even) .num{grid-column:3}.num{padding:26px 12px;color:var(--red);font:12px 'DM Mono'}.block .copy{align-self:center}.block .media{min-height:100%}.faq,.legal{width:min(980px,calc(100% - 34px));margin:55px auto;padding:clamp(25px,4vw,54px);background:#fffaf0;border:2px solid var(--ink)}.legal p{font-size:18px;line-height:1.75}details{padding:14px 0;border-top:1px solid #b8a998}summary{cursor:pointer;font-weight:700}.sigline{display:inline-block;border-bottom:2px solid var(--red);transform:scaleX(0);transform-origin:left;animation:sign 2s ease forwards 700ms}footer{width:min(1160px,calc(100% - 34px));margin:30px auto;padding:28px 0 48px;border-top:2px solid var(--ink);display:flex;justify-content:center}footer a{color:var(--blue)}@media(max-width:800px){.top{height:66px;padding:10px 17px}.hero{width:100%;margin:0;display:flex;flex-direction:column;border:0}.hero .copy{padding:30px 20px}.hero h1{font-size:49px}.hero .visual{min-height:245px;max-height:245px}.trail{width:100%;padding:12px 17px;margin:0}.story{width:100%;padding:0 17px;margin:0}.block,.block:nth-child(even){display:flex;flex-direction:column;margin:20px 0}.block .num,.block:nth-child(even) .num{order:0;padding:10px 16px}.block .copy,.block:nth-child(even) .copy{order:1;padding:25px 18px}.block .media,.block:nth-child(even) .media{order:2;min-height:220px;height:220px}.block h2{font-size:33px}.block .btn{width:100%}.signature{width:130px}.faq,.legal{width:calc(100% - 34px);margin:28px auto;padding:25px 18px}.legal p{font-size:17px;line-height:1.72}footer{width:100%;margin:0;padding:24px 17px 36px}.actions,.btn{width:100%}}

/* Explicit Dada chapter pairing: prevent even-row media from dropping under text */
.story .block:nth-child(odd){grid-template-columns:76px minmax(0,1fr) 400px!important}.story .block:nth-child(odd) .num{grid-column:1!important;grid-row:1!important}.story .block:nth-child(odd) .copy{grid-column:2!important;grid-row:1!important}.story .block:nth-child(odd) .media{grid-column:3!important;grid-row:1!important}.story .block:nth-child(even){grid-template-columns:400px minmax(0,1fr) 76px!important}.story .block:nth-child(even) .media{grid-column:1!important;grid-row:1!important}.story .block:nth-child(even) .copy{grid-column:2!important;grid-row:1!important}.story .block:nth-child(even) .num{grid-column:3!important;grid-row:1!important}.story .block .copy{align-self:center!important}.story .block .media{min-height:100%!important;align-self:stretch!important}.story .block .media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}@media(max-width:800px){.story .block:nth-child(odd),.story .block:nth-child(even){grid-template-columns:1fr!important}.story .block:nth-child(odd) .num,.story .block:nth-child(even) .num{grid-column:1!important;grid-row:1!important}.story .block:nth-child(odd) .copy,.story .block:nth-child(even) .copy{grid-column:1!important;grid-row:2!important}.story .block:nth-child(odd) .media,.story .block:nth-child(even) .media{grid-column:1!important;grid-row:3!important;min-height:220px!important}}


/* Proportional editorial frame: photo is a deliberate 4:3 panel, never a stretched text-height column. */
@media(min-width:801px){
 .story .block,.story .block:nth-child(even){grid-template-columns:68px minmax(0,1.06fr) minmax(340px,.94fr)!important;align-items:center;min-height:0!important;padding:28px 0}
 .story .block:nth-child(even){grid-template-columns:minmax(340px,.94fr) minmax(0,1.06fr) 68px!important}
 .story .block .copy{align-self:center!important;padding-top:28px!important;padding-bottom:28px!important}
 .story .block .media{align-self:center!important;justify-self:stretch!important;min-height:0!important;height:clamp(310px,27vw,410px)!important;max-height:410px!important;margin:0 0 0 10px;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--yellow)}
 .story .block:nth-child(even) .media{margin:0 10px 0 0}
 .story .block .media img{height:100%!important;aspect-ratio:4/3!important;object-fit:cover!important;object-position:center!important}
 .story .block .num{align-self:stretch!important}
}
@media(max-width:800px){.story .block .media,.story .block:nth-child(even) .media{height:250px!important;min-height:250px!important;margin:0!important;border-top:2px solid var(--ink)}.story .block .media img{aspect-ratio:4/3!important;object-fit:cover!important}}
