:root{--paper:#f8f5ed;--white:#fff;--ink:#141310;--tan:#e6c896;--tan-dark:#cba869;--rust:#ba7555;--line:#221f1a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--rust);outline-offset:4px}.site-shell{overflow:hidden}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 clamp(22px,4vw,70px);border-bottom:2px solid var(--ink);background:#fff;position:relative;z-index:5}.brand{display:flex;gap:12px;align-items:center;font-weight:900;letter-spacing:-.06em;line-height:.82;font-size:18px;white-space:nowrap}.brand-mark{width:46px;height:46px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;font:900 28px Georgia,serif;transform:rotate(-9deg);position:relative}.brand-mark span{position:absolute;font:19px Arial;right:-8px;top:-7px;color:var(--rust)}.brand-small{font:700 10px Arial;letter-spacing:0}.nav{display:flex;gap:clamp(15px,2.6vw,42px);align-items:center}.nav a{font-size:11px;font-weight:900;letter-spacing:.11em;position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;height:2px;bottom:-7px;background:var(--rust);transition:right .25s}.nav a:hover:after{right:0}.top-actions{display:flex;gap:8px}.pill{height:38px;border:2px solid var(--ink);border-radius:30px;display:inline-flex;gap:12px;align-items:center;justify-content:center;padding:0 17px;font-size:12px;font-weight:900;letter-spacing:.08em;box-shadow:3px 3px 0 var(--ink);transition:transform .2s,box-shadow .2s}.pill:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.pill-dark{background:var(--ink);color:white}.pill-light{background:#fff}.ticker{background:var(--tan);height:31px;display:flex;align-items:center;overflow:hidden;border-bottom:2px solid var(--ink)}.ticker-track{font-weight:900;font-size:10px;letter-spacing:.24em;white-space:nowrap;animation:ticker 22s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}.hero{min-height:680px;position:relative;background:#fff}.hero-doodles{position:absolute;inset:0;background-image:url('assets/jean-doodle-world.png');background-size:cover;background-position:center;opacity:.94;pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.80) 0%,rgba(255,255,255,.61) 52%,rgba(255,255,255,.05) 100%);pointer-events:none}.hero-inner{max-width:1440px;min-height:680px;margin:auto;padding:70px clamp(24px,5vw,80px) 45px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;position:relative;z-index:1}.hero-copy{padding-top:15px;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:900;letter-spacing:.13em}.eyebrow-dot{width:9px;height:9px;background:var(--rust);border:2px solid var(--ink);border-radius:50%}.scribble{font:italic 18px Georgia,serif;letter-spacing:0;transform:rotate(-5deg);margin-left:10px;color:var(--rust)}h1{font-size:clamp(58px,7.4vw,118px);line-height:.9;letter-spacing:-.075em;margin:34px 0 23px;font-weight:950;white-space:nowrap}h1 em{font-family:Georgia,serif;font-weight:700;letter-spacing:-.085em;position:relative;z-index:1}h1 em:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:13px;background:var(--tan);border-radius:70% 30% 55% 45%;z-index:-1;transform:rotate(-1deg)}.hero-lede{max-width:520px;font-size:18px;line-height:1.52;font-weight:500;margin:0 0 28px}.hero-cta{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.sketch-button{background:var(--tan);border:3px solid var(--ink);box-shadow:5px 6px 0 var(--ink);padding:17px 20px;font-weight:900;font-size:12px;letter-spacing:.11em;display:inline-flex;gap:24px;align-items:center;transform:rotate(-1deg);transition:transform .2s,box-shadow .2s}.sketch-button:hover{transform:rotate(0) translate(4px,4px);box-shadow:1px 2px 0 var(--ink)}.sketch-button span{font-size:19px;line-height:0}.text-button{border:0;background:none;border-bottom:2px dashed var(--ink);padding:11px 0 7px;font-size:11px;font-weight:900;letter-spacing:.09em}.text-button span{font-size:19px;vertical-align:middle;margin-left:7px}.hero-footnote{display:flex;justify-content:space-between;gap:10px;max-width:500px;border-top:1px solid #666;margin-top:56px;padding-top:10px;font-size:9px;letter-spacing:.17em;font-weight:900}.portrait-wrap{position:relative;display:grid;place-items:center}.portrait-card{width:min(100%,450px);background:white;border:3px solid var(--ink);padding:13px 13px 0;box-shadow:16px 16px 0 var(--tan),19px 19px 0 var(--ink);transform:rotate(3deg);transition:transform .35s;cursor:pointer}.portrait-card:hover{transform:rotate(0) scale(1.02)}.portrait-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:2px solid var(--ink)}.portrait-tab{font-size:10px;font-weight:900;letter-spacing:.2em;padding:3px 2px 11px}.portrait-caption{display:flex;justify-content:space-between;padding:12px 1px 13px;font-weight:900;font-size:10px;letter-spacing:.15em}.portrait-halo{position:absolute;top:-88px;right:-22px;font-size:90px;line-height:1;color:var(--tan-dark);-webkit-text-stroke:2px var(--ink);animation:spin 25s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stamp{position:absolute;background:var(--paper);border:2px solid var(--ink);padding:9px 13px;font:900 13px/1 Arial;box-shadow:3px 4px 0 var(--ink)}.stamp-left{left:-50px;bottom:50px;transform:rotate(-12deg)}.stamp-right{right:-35px;top:100px;transform:rotate(10deg);background:var(--tan)}.preview-next{height:120px;background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;align-items:center;padding:0 clamp(24px,5vw,80px);font-size:11px;font-weight:900;letter-spacing:.2em}.preview-next span:last-child{font-size:45px;color:var(--tan)}@media(max-width:1000px){.nav{display:none}.hero-inner{gap:0}.hero-copy h1{font-size:clamp(54px,7.7vw,90px)}.portrait-card{width:min(100%,360px)}}@media(max-width:700px){.topbar{height:72px;padding:0 17px}.brand{font-size:15px}.brand-mark{width:39px;height:39px;font-size:23px}.pill{padding:0 12px;height:35px;font-size:10px}.pill-light span{display:none}.hero-inner{display:flex;flex-direction:column-reverse;min-height:0;padding:35px 22px 60px;gap:40px}.portrait-card{width:min(72vw,330px);box-shadow:10px 10px 0 var(--tan),12px 12px 0 var(--ink)}.portrait-wrap{width:100%}.portrait-halo{right:8%;top:-30px;font-size:60px}.stamp-left{left:1%;bottom:24px}.stamp-right{right:0;top:70px}.hero-copy{width:100%}.eyebrow{font-size:9px}.scribble{font-size:13px;margin-left:2px}h1{font-size:clamp(49px,11vw,75px);margin-top:23px}.hero-lede{font-size:16px}.hero-footnote{margin-top:44px;font-size:8px}.hero:after{background:rgba(255,255,255,.5)}.hero-doodles{background-size:auto 100%;background-position:center}.preview-next{height:80px;font-size:9px}}
