/* Liam Johnston AI — navy / editorial revision, 20 October 2026.
   Navy is a proposed website accent, not a verified Promptible brand token. */
@font-face{font-family:Inter;src:url('assets/Inter-latin.woff2') format('woff2');font-weight:400 800;font-display:swap}
@font-face{font-family:'Martian Mono';src:url('assets/MartianMono-latin.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{--ink:#151619;--ink2:#35383e;--mute:#686e77;--paper:#fff;--bg:#fcfcfb;--well:#f1f3f5;--navy:#142540;--navy-hover:#243d60;--blue-wash:#edf2f8;--yellow:#f6edbf;--line:rgba(20,37,64,.13);--sans:Inter,system-ui,-apple-system,sans-serif;--mono:'Martian Mono',ui-monospace,monospace;--ease:cubic-bezier(.22,1,.36,1);--gutter:clamp(24px,5vw,64px);--shadow:0 2px 4px #14254003,0 18px 50px -28px #14254030}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:100px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.55 var(--sans);-webkit-font-smoothing:antialiased;font-feature-settings:'cv11';font-optical-sizing:auto}
::selection{background:#cbdcf1;color:var(--navy)}
a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid currentColor;outline-offset:6px}main:focus{outline:none}[hidden]{display:none!important}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip{position:fixed;left:16px;top:16px;z-index:100;padding:12px 20px;background:var(--navy);color:#fff;transform:translateY(-180%)}.skip:focus{transform:none}
.wrap{max-width:1180px;padding-inline:var(--gutter);margin-inline:auto}
.kicker{display:flex;align-items:center;gap:14px;margin:0;font:400 10px/1.5 var(--mono);letter-spacing:.055em;text-transform:uppercase;color:var(--mute)}.kicker b{font-weight:500;color:var(--navy)}
.h2{margin:22px 0 0;font-size:clamp(34px,3.6vw,48px);font-weight:600;letter-spacing:-.04em;line-height:1.13;text-wrap:balance}
.sub{margin:22px 0 0;max-width:30em;color:var(--mute);font-size:16px;line-height:1.65;text-wrap:pretty}.navy-text{color:var(--navy)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:0 27px;border:1px solid transparent;border-radius:999px;background:var(--navy);color:white;font-size:14px;font-weight:600;line-height:1.25;white-space:nowrap;transition:background .25s,transform .3s var(--ease),box-shadow .25s}
.btn:hover{background:var(--navy-hover);box-shadow:0 5px 20px #14254012;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn.light{background:#fff;color:var(--navy)}.btn.light:hover{background:#eaf0f7}
.arr{display:block;position:relative;width:18px;height:18px;overflow:hidden}.arr i{position:absolute;inset:0;font-size:19px;font-style:normal;line-height:18px;transition:transform .4s var(--ease)}.arr i+i{transform:translate(-120%,120%)}.btn:hover .arr i{transform:translate(120%,-120%)}.btn:hover .arr i+i{transform:none}
.text-btn{border:0;background:none;padding:10px 0;color:inherit;font-size:12px;text-underline-offset:4px}.text-btn:hover{text-decoration:underline}
.logo{display:inline-flex;align-items:center;font:700 12px/1.4 var(--mono);letter-spacing:-.04em;white-space:nowrap}.cur{height:1em;width:.53em;margin-left:4px;background:currentColor;animation:blink 1.15s steps(1) infinite}@keyframes blink{50%{opacity:0}}
.nav{position:fixed;inset:0 0 auto;z-index:50;transition:background .3s,box-shadow .3s,transform .4s var(--ease)}.nav.solid{background:#fcfcfbeb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 1px 0 var(--line)}.nav.gone{transform:translateY(-110%)}.nav:focus-within{transform:none!important;background:var(--bg)!important;color:var(--ink)!important}.bar{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:20px}.nav nav{display:flex;align-items:center;gap:30px;font-size:13px}.nav nav>a:not(.btn){color:var(--mute);transition:color .2s}.nav nav>a:not(.btn):hover{color:var(--navy)}.nav .btn{min-height:40px;padding:0 20px;font-size:12px;gap:16px}
/* A failed or absent enhancement must still mask content passing behind the header. */
html:not(.enhanced) .nav{background:var(--bg);box-shadow:0 1px 0 var(--line)}
.hero{position:relative;isolation:isolate;overflow:clip;min-height:clamp(760px,100svh,960px);padding:144px 0 100px;text-align:center}.hero-grid{position:relative;z-index:1;max-width:940px}.hero-portrait{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:0;transition:opacity .8s}.hero-portrait.is-ready{opacity:1}.hero .look-inside{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:1;white-space:nowrap;margin:0}.hero-copy{margin:auto}.eyebrow{margin:0;font:400 10px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
h1{margin:28px 0 0;font-size:clamp(52px,7.1vw,88px);font-weight:600;line-height:1.02;letter-spacing:-.045em}h1 .ln{display:block;overflow:clip;padding-bottom:.1em;margin-bottom:-.1em}h1 .ln>span{display:inline-block}.lede{max-width:26em;margin:26px auto 0;font-size:19px;line-height:1.6;letter-spacing:-.015em;color:var(--ink2);text-wrap:pretty}.signup{margin-top:30px}.signup-note{margin:14px 0 0;color:var(--mute);font-size:12px}.signup-detail{margin:9px 0 0;font-size:11px;color:#c7d1e0}
.proof{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:32px;font-size:12px;color:var(--mute);text-align:left}.avatar{position:relative;display:block;width:48px;height:48px;flex:none;border-radius:50%;overflow:hidden;background:#151619}.avatar img{position:absolute;width:240%;max-width:none;height:auto;left:-59%;top:-101%}.proof p{margin:0}.proof b{font-weight:500;color:var(--ink)}.proof p span{display:block;margin-top:3px;font-size:11px}.look-inside{display:inline-flex;align-items:center;gap:16px;margin-top:18px;padding:10px;font:400 9px/1.5 var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.03em}.look-inside:hover{color:var(--navy)}
.pin{position:relative}.stick{padding-block:110px}.statement .wrap{max-width:980px}.statement .kicker{justify-content:center}.big{margin:30px auto 0;max-width:19em;font-size:clamp(32px,4vw,52px);line-height:1.22;letter-spacing:-.035em;font-weight:500;text-wrap:pretty}.w{opacity:1}.pin-motion .w{opacity:calc(.24 + .76*var(--o,1))}
/* Selective newsletter highlighter: full-letter height, never a bright underline. */
.statement-mark{color:inherit;background:var(--yellow);padding:.035em .035em .055em;border-radius:.04em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.statement-mark.mark-ready{background:transparent;padding:0}.w-keyword{position:relative;display:inline-block;isolation:isolate}.w-keyword::before{content:"";position:absolute;z-index:-1;inset:.025em -.14em 0;background:var(--yellow);border-radius:.035em;transform:scaleX(1);transform-origin:left center;pointer-events:none}.w-keyword.mark-first::before{left:-.035em}.w-keyword.mark-last::before{right:-.035em}
.pin-motion:not(.reduce) #why:not(.pin-static) .w-keyword::before{transform:scaleX(var(--highlight,1))}
.pin-motion #why{height:140vh}.pin-motion #issue{height:175vh}.pin-motion .pin .stick{position:sticky;top:0;min-height:100svh;height:100svh;padding-block:100px 40px;display:flex;align-items:center}.pin-motion .statement .wrap{width:100%}
.pin-motion #issue.pin-static,.pin-motion #why.pin-static{height:auto}.pin-motion .pin.pin-static .stick{position:static;height:auto;min-height:0;display:block;padding-block:100px}
.issue-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,6vw,80px);align-items:center;width:100%}.issue-steps{margin-top:30px}.issue-step{width:100%;display:grid;grid-template-columns:26px 1fr 16px;align-items:baseline;gap:10px;text-align:left;padding:18px 0;border:0;border-top:1px solid var(--line);background:none}.issue-step:last-child{border-bottom:1px solid var(--line)}.issue-step .n{font:400 9px/1.4 var(--mono);color:var(--mute)}.issue-step b{font-size:16px;font-weight:500;letter-spacing:-.025em}.issue-step .d{display:block;max-width:30em;margin-top:7px;font-size:13px;line-height:1.55;color:var(--mute)}.step-arrow{font-size:18px;opacity:.25;transition:transform .3s var(--ease),opacity .3s}.issue-step.is-active .step-arrow,.issue-step:hover .step-arrow{opacity:1;transform:translate(2px,-2px)}.issue-step.is-active b,.issue-step.is-active .n{color:var(--navy)}.issue-step.is-active b{text-decoration:underline;text-decoration-color:#a6bcd7;text-underline-offset:5px;text-decoration-thickness:1px}
.issue-preview{max-width:470px;width:100%;margin-inline:auto}.preview-caption{display:flex;justify-content:space-between;gap:18px;margin-bottom:15px;font:400 8px/1.4 var(--mono);letter-spacing:.035em;color:var(--mute);text-transform:uppercase}.preview-caption span:last-child{font-family:var(--sans);font-size:11px;letter-spacing:0;text-transform:none}.paper{padding:30px 30px 10px;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.paper-head{padding-bottom:20px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.paper-logo{font:700 9px/1.4 var(--mono);letter-spacing:-.04em}.paper-head>span:last-child{font:400 7px/1.5 var(--mono);color:var(--mute);text-align:right}.paper h3{font-size:34px;line-height:1.25;letter-spacing:-.045em;margin:22px 0 12px;font-weight:600}.paper mark{color:var(--ink);background:var(--yellow);padding:.035em .07em .055em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.paper-intro{max-width:24em;font-size:12px;line-height:1.6;color:var(--mute);margin:0 0 22px}.issue-block{margin-inline:-12px;padding:12px;border-radius:5px;transition:background .4s var(--ease);scroll-margin-top:110px}.issue-block+.issue-block{margin-top:6px}.issue-block.is-active{background:var(--yellow)}.issue-block.is-active .paper-number,.issue-block.is-active p{color:#606771}.paper-number{display:block;font:400 7px/1.5 var(--mono);letter-spacing:.05em;color:var(--mute)}.issue-block h4{margin:6px 0 4px;font-size:14px;letter-spacing:-.02em;font-weight:600;line-height:1.35}.issue-block p{font-size:11px;line-height:1.6;color:var(--mute);margin:0}.paper-end{display:flex;align-items:center;justify-content:space-between;margin-top:12px;border-top:1px solid var(--line);min-height:48px;font-size:10px;color:var(--mute)}.paper-end img{width:74px;margin-right:-12px}.preview-track{margin:23px 0 0;height:2px;overflow:hidden;background:var(--line)}.issue-progress{display:block;width:100%;height:100%;background:var(--navy);transform:scaleX(.25);transform-origin:left;transition:transform .4s var(--ease)}.preview-foot{font-size:10px;margin:11px 0 0;color:var(--mute)}
.sec{padding-block:120px}.who-grid{max-width:1020px;display:grid;grid-template-columns:320px 1fr;gap:clamp(56px,6vw,80px);align-items:center}.who-photo{margin:0;width:100%;max-width:320px;min-width:0}
/* Three real photographic prints, joined at the lower edge like a small hand of cards.
   The fanned baseline is useful without JavaScript; enhancement tucks them away. */
.photo-stack{position:relative;width:100%;aspect-ratio: .74;isolation:isolate}
.photo-stack-cards{position:absolute;inset:0;perspective:1100px;transform-style:flat;pointer-events:none}
.polaroid{position:absolute;left:15%;top:12%;width:70%;aspect-ratio: .76;padding:10px 10px 34px;background:#fffefa;border:1px solid #e5e5df;border-radius:2px;transform-origin:50% 89%;backface-visibility:hidden;box-shadow:0 1px 2px #1425400c,0 10px 22px -12px #14254035;transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .7s var(--ease)}
.polaroid-image{position:relative;width:100%;height:100%;overflow:hidden;background:var(--well)}.polaroid-image img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;user-select:none;-webkit-user-drag:none}.polaroid-front img{object-position:44% 50%}.polaroid-away img{width:155%;height:155%;object-fit:cover;transform:translate(-18%,-25%)}
.polaroid-caption{position:absolute;bottom:12px;left:11px;right:8px;font:400 7px/1.3 var(--mono);letter-spacing:.015em;color:#71757c;white-space:nowrap}
.polaroid-left{z-index:1;transform:translate3d(-24%,-20%,8px) rotateZ(-12deg) rotateY(-5deg)}
.polaroid-right{z-index:2;transform:translate3d(24%,-24%,18px) rotateZ(11deg) rotateY(5deg)}
.polaroid-front{z-index:3;transform:translate3d(0,17%,30px) rotateZ(-3deg) rotateX(3deg) scale(.86);box-shadow:0 2px 3px #1425400c,0 22px 32px -17px #14254048}
.photo-stack.is-ready:not(.is-open) .polaroid-left{transform:translate3d(-5%,-2%,0) rotateZ(-7deg) rotateY(0)}
.photo-stack.is-ready:not(.is-open) .polaroid-right{transform:translate3d(6%,-3%,3px) rotateZ(7deg) rotateY(0)}
.photo-stack.is-ready:not(.is-open) .polaroid-front{transform:translate3d(0,0,12px) rotateZ(-2deg) rotateX(0);box-shadow:0 2px 3px #14254008,0 14px 24px -15px #14254040}
.photo-stack-toggle{position:absolute;inset:-28px -64px 0;z-index:4;width:auto;height:auto;border:0;background:transparent;border-radius:8px;cursor:pointer;touch-action:manipulation}.photo-stack-toggle:focus-visible{outline:2px solid var(--navy);outline-offset:-4px}
.who-photo figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:3px;color:var(--mute);font:400 8px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.03em}.photo-stack-hint{display:none;font-family:var(--sans);font-size:10px;text-transform:none;letter-spacing:0}.who-photo:has(.photo-stack.is-ready) .photo-stack-hint{display:inline}.photo-hint-touch{display:none}
@media(hover:none),(pointer:coarse){.photo-hint-mouse{display:none}.photo-hint-touch{display:inline}}
.who-copy .h2{font-size:clamp(32px,3vw,42px)}.letter{margin-top:26px}.letter p{margin:0 0 19px;font-size:16px;line-height:1.75;letter-spacing:-.01em;color:var(--ink2);text-wrap:pretty}.sign{display:flex;align-items:center;gap:18px;margin-top:26px}.sign img{width:112px;margin-left:-19px}.sign div{font-size:11px;color:var(--mute);line-height:1.65}.sign b{display:block;color:var(--ink);font-weight:500}
.faq-grid{max-width:800px}.faq-grid .left{text-align:center}.faq-grid .kicker{justify-content:center}.qa{margin-top:48px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding:20px 0;font-size:16px;font-weight:500;letter-spacing:-.02em;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.pm{position:relative;flex:none;width:26px;height:26px;border:1px solid var(--line);border-radius:50%;transition:background .25s}.pm::before,.pm::after{content:'';position:absolute;left:8px;top:11.5px;width:8px;height:1px;background:currentColor;transition:transform .3s var(--ease)}.pm::after{transform:rotate(90deg)}details[open] .pm{background:var(--navy);color:#fff}details[open] .pm::after{transform:none}summary:hover .pm{border-color:var(--navy)}details p{font-size:15px;color:var(--mute);line-height:1.7;margin:0;padding:0 46px 26px 0}
.cta{position:relative;margin:20px 24px 0;background:var(--navy);color:white;border-radius:10px;overflow:clip}.cta-in{text-align:center;padding-top:100px;padding-bottom:100px}.cta .kicker{justify-content:center;color:#bdc8d8}.cta h2{max-width:14em;margin:26px auto 0;font-size:clamp(38px,4.7vw,64px);font-weight:500;letter-spacing:-.04em;line-height:1.15;text-wrap:balance}.cta .sub{margin:24px auto 30px;color:#d0d9e6}.cta .signup-note{color:#c7d1e0}.cta ::selection{background:#e1eaf5;color:var(--navy)}.footer{padding-top:40px;padding-bottom:28px}.footer-top{display:flex;justify-content:space-between;gap:32px;align-items:center}.footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:26px;font-size:12px;color:var(--mute)}.footer nav a{padding-block:10px}.footer nav a:hover{color:var(--navy)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;color:var(--mute);font-size:10px;border-top:1px solid var(--line);padding-top:22px;margin-top:32px}
.type-word{white-space:nowrap}.enhanced:not(.reduce) .type-char{opacity:var(--char-o,1)}
.rv{opacity:1;transform:none}.enhanced:not(.reduce) .rv:not(.in){opacity:0;transform:translateY(14px)}.enhanced .rv{transition:opacity .6s var(--ease),transform .6s var(--ease)}.enhanced:not(.reduce) .rv:focus-within{opacity:1;transform:none}
.reduce *,.reduce *::before,.reduce *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reduce .pin{height:auto!important}.reduce .stick{position:static!important;height:auto!important;min-height:0!important;padding-block:100px!important}.reduce .w,.reduce .type-char{opacity:1!important}.reduce .rv{opacity:1!important;transform:none!important}
/* The wordmark reserves its finished width while its visible layer types. */
.wordmark{position:relative;display:inline-block;white-space:pre}
.wordmark::after,.wm-reserve::after,.wm-cursor{content:'';display:inline-block;width:.53em;height:1em;margin-left:4px;background:currentColor;vertical-align:-.12em}
.wordmark.wordmark-ready::after{display:none}.wm-reserve{visibility:hidden}.wm-visual{position:absolute;left:0;top:0;white-space:pre}.wordmark-done .wm-cursor{animation:blink 1.15s steps(1) infinite}
.signup-form{position:relative;width:min(100%,480px);margin-inline:auto;text-align:left}
.signup-fields{display:flex;align-items:stretch;padding:5px;gap:5px;background:#fff;border:1px solid #bac5d3;border-radius:999px;box-shadow:0 2px 5px #14254004;transition:border-color .2s,box-shadow .2s}
.signup-fields:focus-within{border-color:var(--navy);box-shadow:0 0 0 3px #1425400c}
.signup-fields input{min-width:0;width:100%;padding:0 16px;border:0;border-radius:999px;background:transparent;font-size:15px;line-height:1.4;color:var(--ink);outline-offset:2px}
.signup-fields input::placeholder{color:#727b88;opacity:1}.signup-fields input:focus-visible{outline:2px solid var(--navy);outline-offset:-1px}
.signup-fields .btn{flex:none;min-height:48px;padding-inline:24px;gap:22px;font-size:13px}
.signup-fields .btn:disabled{cursor:default;background:var(--navy);color:#fff;opacity:.72;box-shadow:none;transform:none}
.signup-form[aria-busy=true] .btn{cursor:wait}.signup-form[data-state=success] .signup-fields{border-color:#778d7c}
.signup-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.signup-status{font-size:11px;line-height:1.5;text-align:center;color:var(--mute);margin:10px 0 0;min-height:1.5em}
.signup-status:empty{display:none}.signup-form[data-state=error] .signup-status{color:#8c2f25}
.signup-verification:not(:empty){display:flex;justify-content:center;margin-top:12px;min-height:65px}
.signup-fallback{font-size:12px;text-align:center}.signup-fallback a{text-decoration:underline;text-underline-offset:3px}
.signup .signup-note{margin-top:9px}.cta .signup-status{color:#d2dbe7}.cta .signup-form[data-state=error] .signup-status{color:#ffdad3}.cta .signup-fields:focus-within{box-shadow:0 0 0 3px #ffffff35}.cta .signup-note{margin-top:12px}
/* Matte blue pigment, reserved for the closing invitation and Join free buttons.
   The grain is a tiny static local tile: no animated filter, canvas or new loop. */
.cta{isolation:isolate;background-image:radial-gradient(ellipse at 8% 5% in srgb,#dbe4e51a,transparent 60%),radial-gradient(ellipse at 95% 95% in srgb,#a0b5ce0e,transparent 55%),linear-gradient(125deg in srgb,#35485e 0%,#2c425d 44%,#182e4a 100%)}
.cta::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:url("assets/chalk-grain.svg") repeat;opacity:.18;mix-blend-mode:soft-light}
.cta-in{position:relative;z-index:1}
.cta .kicker,.cta .sub,.cta .signup-note,.cta .signup-status{color:#e3eaf2}.cta .signup-form[data-state=error] .signup-status{color:#ffebe7}
.nav-join,.signup-fields .btn{--chalk-button:linear-gradient(125deg in srgb,#42556d 0%,#2c405b 48%,#1d324f 100%);position:relative;isolation:isolate;overflow:hidden;background-image:var(--chalk-button);border-color:#a9b9ce2b;box-shadow:inset 0 1px 0 #dbe5f114,0 1px 2px #14254010}
.nav-join::before,.signup-fields .btn::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:url("assets/chalk-grain.svg") repeat;opacity:.18;mix-blend-mode:soft-light}
.nav-join:hover,.signup-fields .btn:not(:disabled):hover{background-image:linear-gradient(125deg in srgb,#4b5f78 0%,#354b66 48%,#243b59 100%);box-shadow:inset 0 1px 0 #dbe5f11c,0 4px 12px #1425401a}
.nav-join:focus-visible,.signup-fields .btn:focus-visible{outline:2px solid var(--navy);outline-offset:4px}
.signup-fields .btn:disabled{background-image:var(--chalk-button);opacity:.88;box-shadow:inset 0 1px 0 #dbe5f114;transform:none}
@media(max-width:759px){.look-inside{margin-top:18px}.signup-fields{padding:4px}.signup-fields input{font-size:16px;padding-inline:12px}.signup-fields .btn{padding-inline:18px;gap:14px;font-size:12px}.signup-status{font-size:10px}}
@media(max-width:359px){.signup-fields .btn{padding-inline:14px;gap:9px;font-size:11px}.signup-fields input{padding-inline:10px}}
@media(min-width:1100px) and (max-height:840px){.hero{padding-top:140px}.pin-motion .pin .stick{padding-top:95px;padding-bottom:24px}.issue-grid .h2{font-size:40px}.issue-copy>.sub{font-size:15px;margin-top:18px}.issue-steps{margin-top:22px}.issue-step{padding-block:13px}.paper{padding-top:22px}.paper h3{font-size:30px;margin-top:16px}.paper-intro{margin-bottom:12px}.issue-block{padding-block:9px}.preview-caption{margin-bottom:10px}.preview-track{margin-top:18px}}
@media(max-width:1099px){.hero{padding-top:150px}.issue-grid{gap:44px}.issue-grid .h2{font-size:38px}.issue-step{padding-block:15px}.paper{padding:24px 24px 10px}.paper h3{font-size:30px}.paper-head{flex-direction:column;gap:6px}.paper-head>span:last-child{text-align:left}.who-grid{grid-template-columns:260px 1fr;gap:52px}.who-photo{max-width:260px}.photo-stack-toggle{inset-inline:-36px}.polaroid-left{transform:translate3d(-18%,-20%,8px) rotateZ(-8deg) rotateY(-4deg)}.polaroid-right{transform:translate3d(18%,-24%,18px) rotateZ(8deg) rotateY(4deg)}.stick,.sec{padding-block:90px}}
@media(max-width:759px){.wrap{padding-inline:24px}.bar{min-height:72px;gap:12px}.logo{font-size:10px}.nav nav{gap:0}.nav nav>a:not(.btn){display:none}.nav .btn{min-height:36px;padding-inline:14px;gap:10px;font-size:11px}.hero{padding-top:122px;padding-bottom:100px;min-height:clamp(730px,100svh,850px)}.eyebrow{font-size:8px;letter-spacing:.035em}h1{font-size:clamp(44px,11.7vw,76px);margin-top:25px;line-height:1.04;letter-spacing:-.04em}.lede{font-size:17px;max-width:24em;margin-top:23px}.signup{margin-top:26px}.btn{min-height:52px;font-size:13px;padding-inline:24px}.signup-note{font-size:10px}.proof{margin-top:27px}.proof p span{font-size:10px}.avatar{width:44px;height:44px}.look-inside{margin-top:34px;font-size:8px}.stick,.sec{padding-block:72px}.kicker{font-size:9px;gap:14px}.big{margin-top:26px;font-size:clamp(30px,7.8vw,43px);line-height:1.25}.h2,.issue-grid .h2{margin-top:22px;font-size:35px}.sub{font-size:16px;margin-top:22px}.issue-grid{grid-template-columns:1fr;gap:42px}.issue-steps,.preview-track{display:none}.issue-block.is-active{background:transparent}.issue-step{grid-template-columns:24px 1fr 16px;padding-block:18px}.issue-step b{font-size:16px}.issue-step .d{display:none}.issue-preview{max-width:430px}.paper{padding:26px 26px 10px}.paper-head{flex-direction:row}.paper-head>span:last-child{text-align:right}.paper-logo{font-size:9px}.paper h3{font-size:33px}.paper-intro{font-size:12px}.issue-block{padding-block:13px}.issue-block h4{font-size:15px}.issue-block p{font-size:12px}.paper-number{font-size:8px}.who-grid{display:flex;flex-direction:column-reverse;gap:34px;align-items:stretch;max-width:580px}.who-copy .h2{font-size:35px}.who-photo{width:calc(100% - 36px);max-width:290px;margin-inline:auto}.photo-stack-toggle{inset-inline:-30px}.polaroid{padding:9px 9px 32px}.polaroid-caption{font-size:6px;bottom:11px}.letter p{font-size:16px}.sign{margin-top:24px}.qa{margin-top:32px}summary{font-size:16px;min-height:72px}details p{font-size:15px;padding-right:14px}.cta{margin:8px 12px 0;border-radius:8px}.cta-in{padding:74px 22px}.cta h2{font-size:38px;line-height:1.17}.cta h2 br{display:none}.cta .sub{font-size:16px;margin:23px auto 28px}.footer{padding-top:32px;padding-bottom:24px}.footer-top{flex-direction:column;align-items:flex-start;gap:20px}.footer nav{gap:22px}.footer-bottom{margin-top:20px;gap:12px;font-size:9px;flex-wrap:wrap}.reduce .stick{padding-block:72px!important}}
@media(max-width:359px){.wrap{padding-inline:20px}.logo{font-size:9px}.nav .btn{padding-inline:11px;font-size:10px}.nav .btn span{display:none}.hero{padding-top:116px}h1{font-size:42px}.lede{font-size:16px}.issue-copy .h2{font-size:32px}.paper{padding-inline:20px}.paper-logo{font-size:8px}.paper-head>span:last-child{font-size:7px}.cta h2{font-size:32px}.cta-in{padding-inline:20px}.cta .signup-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pin{height:auto!important}.stick{position:static!important;height:auto!important;min-height:0!important}.w,.rv,.type-char{opacity:1!important}.rv{transform:none!important}}