:root{--ink:#10213a;--paper:#f3efe6;--lime:#d7fb61;--red:#f45b4e;--muted:#7c796f;--sans:"Bricolage Grotesque",sans-serif;--serif:"Instrument Serif",serif;--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#d9d1c1;color:var(--ink);font-family:var(--sans)}a{color:inherit}.site-shell{max-width:1480px;margin:auto;min-height:100vh;background:var(--paper);box-shadow:0 0 40px #342e243b}.header{height:77px;padding:0 clamp(22px,4vw,60px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #10213a3b}.wordmark{font-size:32px;font-weight:800;letter-spacing:-.12em;text-decoration:none}.wordmark span{vertical-align:top;font:9px var(--mono);letter-spacing:0;margin-left:3px}.header p,.header>a:last-child{font:10px var(--mono);letter-spacing:.06em}.header>a:last-child{padding:9px 11px;border:1px solid var(--ink);text-decoration:none}.sequence{position:relative;display:grid;grid-template-columns:minmax(340px,.89fr) minmax(430px,1.11fr);gap:clamp(25px,5vw,86px);min-height:700px;padding:clamp(55px,8vw,112px) clamp(22px,7vw,110px) 78px;overflow:hidden}.sequence:before{content:"";position:absolute;top:-225px;right:-160px;width:560px;height:560px;border-radius:50%;background:var(--lime);opacity:.72}.sequence:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--ink)}.paper-label{position:absolute;top:27px;left:clamp(22px,7vw,110px);display:flex;gap:15px;font:10px var(--mono);letter-spacing:.08em}.paper-label b{color:var(--red)}.copy-column{position:relative;z-index:1}.eyebrow{margin:0;color:var(--red);font:10px var(--mono);letter-spacing:.1em}.copy-column h1{margin:20px 0 22px;font-size:clamp(53px,6.3vw,95px);font-weight:750;line-height:.82;letter-spacing:-.09em}.copy-column h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-.08em}.intro{max-width:355px;margin:0;font-size:16px;line-height:1.45}.moment-copy{margin-top:60px;max-width:390px;border-top:2px solid var(--ink);padding-top:14px}.moment-time{margin:0;color:var(--red);font:10px var(--mono);letter-spacing:.08em}.moment-copy h2{margin:7px 0 8px;font-size:30px;line-height:.95;letter-spacing:-.06em}.moment-copy>p:last-child{margin:0;max-width:315px;font-size:14px;line-height:1.35}.next-button{margin-top:21px;padding:12px 14px;cursor:pointer;border:1px solid var(--ink);background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--red);font:500 11px var(--mono);letter-spacing:.04em}.next-button:hover{background:var(--red);box-shadow:4px 4px 0 var(--ink)}.next-button span{margin-left:20px;font-size:16px}.image-column{position:relative;z-index:1;align-self:center;min-height:465px}.image-frame{position:absolute;inset:0 0 20px 0;overflow:hidden;background:var(--ink);transform:rotate(1.2deg);box-shadow:11px 11px 0 var(--ink);transition:transform .35s ease}.image-frame img{width:100%;height:100%;object-fit:cover;object-position:61% center;transition:filter .35s,transform .35s}.image-wash{position:absolute;inset:0;background:linear-gradient(105deg,#10213a28,transparent 62%);mix-blend-mode:multiply}.image-frame p{position:absolute;left:0;bottom:0;margin:0;padding:9px 11px;background:var(--paper);font:10px var(--mono);letter-spacing:.06em}.stamp{position:absolute;z-index:2;right:-30px;bottom:0;padding:8px 10px;color:var(--red);border:3px solid currentColor;transform:rotate(-10deg);font:700 13px/.9 var(--mono);text-align:center;transition:.25s}.corner-note{position:absolute;z-index:2;top:-15px;right:22px;width:110px;padding:11px;background:var(--lime);transform:rotate(6deg);box-shadow:3px 3px 0 var(--ink);font:700 14px/.9 var(--sans)}.corner-note i{font:22px var(--serif)}.image-column[data-tone="messy"] .image-frame{transform:rotate(-1.3deg) translateY(8px)}.image-column[data-tone="messy"] img{filter:saturate(1.3) contrast(1.06);transform:scale(1.05)}.image-column[data-tone="awkward"] .image-frame{transform:rotate(2.7deg)}.image-column[data-tone="awkward"] img{filter:hue-rotate(12deg) saturate(.82);transform:scale(1.04) translateX(-2%)}.moment-nav{position:absolute;z-index:3;left:clamp(22px,7vw,110px);bottom:22px;display:flex;gap:25px}.moment{padding:0 0 8px;cursor:pointer;border:0;border-bottom:1px solid transparent;background:none;color:#77766f;text-align:left}.moment span{display:block;font:9px var(--mono)}.moment b{font-size:14px;font-weight:500}.moment i{display:block;width:100%;height:4px;margin-top:6px;background:transparent}.moment.active{color:var(--ink);border-color:var(--ink)}.moment.active i{background:var(--red)}.manifesto{padding:94px clamp(22px,7vw,110px) 77px;background:var(--ink);color:var(--paper)}.manifesto>p{margin:0;color:var(--lime);font:10px var(--mono);letter-spacing:.09em}.manifesto h2{margin:22px 0 48px;font-size:clamp(41px,5vw,76px);font-weight:500;line-height:.86;letter-spacing:-.075em}.manifesto h2 em{font-family:var(--serif);font-weight:400}.manifesto>div{display:flex;gap:16px;align-items:center;color:#b9c4d1;font:10px var(--mono);letter-spacing:.05em}.manifesto i{color:var(--red);font-style:normal}footer{min-height:76px;padding:0 clamp(22px,7vw,110px);display:flex;align-items:center;justify-content:space-between;gap:24px;font:10px var(--mono);letter-spacing:.02em}footer p{margin:0}footer b{font:700 21px var(--sans);letter-spacing:-.1em;color:var(--red)}footer a{padding:9px 11px;background:var(--lime);border:1px solid var(--ink);text-decoration:none;white-space:nowrap}@media(max-width:800px){.header{height:62px}.header p{display:none}.sequence{grid-template-columns:1fr;min-height:auto;padding:75px 24px 95px;gap:42px}.copy-column h1{font-size:clamp(58px,17vw,86px)}.moment-copy{margin-top:39px}.image-column{min-height:320px;width:94%;justify-self:end}.moment-nav{left:24px;bottom:20px;gap:14px}.moment b{font-size:12px}.manifesto{padding:66px 24px}.manifesto h2{font-size:46px}.manifesto>div{flex-wrap:wrap}footer{padding:20px 24px;min-height:120px;align-items:start;flex-direction:column}footer p:nth-child(2){font-size:8px}.corner-note{right:5px}.stamp{right:-10px}.image-frame{box-shadow:7px 7px 0 var(--ink)}}