@font-face{font-family:BagDisplay;src:url('../assets/fonts/display.woff') format('woff');font-weight:700;font-display:swap}
@font-face{font-family:BagSans;src:url('../assets/fonts/body.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:BagMono;src:url('../assets/fonts/mono.woff') format('woff');font-weight:400;font-display:swap}
:root{--paper:#e7d4b4;--paper-light:#f0e5d1;--kraft:#bc945f;--ink:#22221d;--muted:#6a5b48;--line:rgba(45,37,25,.3);--gutter:clamp(44px,4.15vw,88px);--prism:linear-gradient(110deg,#6cc6bd 0%,#9dc3ce 22%,#e19ac4 45%,#d5b699 63%,#d1dc80 82%,#8bc7a4 100%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:34px}body{margin:0;min-width:1024px;background:var(--paper-light);color:var(--ink);font-family:BagSans,Arial,sans-serif;-webkit-font-smoothing:antialiased}body,button,a{cursor:auto}button,a{-webkit-tap-highlight-color:transparent}button,a[href]{cursor:pointer}button{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}::selection{background:#b0d8c0;color:#22221d}button:focus-visible,a:focus-visible{outline:3px solid #794597;outline-offset:7px}button:disabled{cursor:default}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:BagDisplay,'Arial Narrow',Arial,sans-serif;font-weight:700}h2{font-size:clamp(66px,5vw,100px);line-height:.99;letter-spacing:-.035em}h2 em{font-style:normal;color:#7b6142}p{font-size:21px;line-height:1.5}code{font-family:BagMono,monospace}button{border:0}section{scroll-margin-top:24px}.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-200%);background:var(--ink);color:white;padding:16px;z-index:100}.skip-link:focus{transform:none}
.site-header{position:absolute;top:0;left:0;width:100%;height:107px;padding:0 var(--gutter);z-index:10;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand{display:flex;align-items:center;gap:13px;font-family:BagDisplay,sans-serif;font-size:24px;letter-spacing:-.02em;white-space:nowrap}.brand img{transform:rotate(-7deg);transition:transform .3s}.brand:hover img{transform:rotate(7deg)}nav{display:flex;gap:43px;margin-left:auto;margin-right:auto}nav a,.header-link{font-size:14px;font-family:BagMono,monospace}.header-link{display:flex;gap:20px;border-bottom:1px solid var(--ink);padding:12px 0}nav a{position:relative;padding:12px 0}nav a:after{content:'';position:absolute;bottom:5px;left:0;right:100%;height:1px;background:var(--ink);transition:right .25s}nav a:hover:after{right:0}.header-link:hover span{transform:translate(3px,-3px)}.header-link span{transition:transform .2s}
.hero{height:max(900px,100vh);max-height:1200px;position:relative;overflow:hidden;background:var(--paper);padding:130px var(--gutter) 0}.hero-paper{position:absolute;inset:0;background:linear-gradient(90deg,rgba(236,222,197,.93) 0%,rgba(236,222,197,.83) 40%,rgba(226,205,171,.5) 100%),url('../assets/background/paper-world.png') center/cover;pointer-events:none}.hero-topline{position:relative;padding-top:23px;border-top:1px solid var(--line);display:flex;justify-content:space-between;z-index:3;font:12px BagMono,monospace;letter-spacing:.065em}.hero-copy{position:relative;z-index:4;width:57%;padding-top:73px;pointer-events:none}.hero-copy a,.hero-copy button,.hero-copy code{pointer-events:auto}.eyebrow{font:13px BagMono,monospace;letter-spacing:.07em}.hero-copy .eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:21px}.tiny-cross{font:28px BagMono,monospace;line-height:14px}.hero h1{line-height:.79;letter-spacing:-.052em;max-width:1100px}.hero-name{display:block;font-size:clamp(90px,8.06vw,158px);position:relative;z-index:2}.hero-cat{display:block;font-size:clamp(174px,14.5vw,282px);margin-top:19px;letter-spacing:-.045em}.hero-description{display:flex;align-items:center;gap:28px;margin-top:28px}.ticker-sticker{display:inline-block;padding:11px 15px 10px;background:var(--prism);font:17px BagMono,monospace;border:1px solid rgba(34,34,29,.65);box-shadow:3px 3px 0 rgba(34,34,29,.8);transform:rotate(-4deg);white-space:nowrap}.hero-description p{font-size:20px;line-height:1.32}.hero-actions{display:flex;gap:12px;margin-top:30px}.button{position:relative;min-height:58px;display:inline-flex;gap:36px;align-items:center;justify-content:space-between;padding:18px 24px;font:14px BagMono,monospace;border:1px solid var(--ink);transition:background .2s,color .2s,transform .2s,box-shadow .2s;white-space:nowrap}.button-dark{background:var(--ink);color:var(--paper-light)}.button-dark:hover{background:#414336;box-shadow:4px 4px 0 #97bda7;transform:translate(-2px,-2px)}.button-outline{background:rgba(240,229,209,.38)}.button-outline:hover{background:var(--paper-light);box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.button:active{box-shadow:none;transform:translate(1px,1px)}.button>span:last-child{font-size:23px;line-height:16px}.contract-field{width:min(590px,94%);margin-top:29px;pointer-events:auto}.contract-label{font:11px BagMono,monospace;letter-spacing:.09em;margin-bottom:8px}.contract-line{display:flex;align-items:center;gap:12px;padding:7px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contract-line code{min-width:0;flex:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:all}.copy-button{background:none;min-width:120px;padding:12px 0 12px 14px;display:flex;align-items:center;justify-content:flex-end;gap:14px;font:12px BagMono,monospace;transition:color .2s}.copy-button:hover{color:#775081}.copy-button:active{transform:translateY(1px)}.copy-icon{font-size:24px;line-height:16px}.hero-portrait{position:absolute;width:clamp(700px,55vw,1080px);right:-20px;top:170px;bottom:50px;z-index:2;will-change:transform;transform:translate3d(var(--px,0px),var(--py,0px),0)}.cat-interaction{position:absolute;inset:0;background:none;padding:0;display:flex;align-items:flex-end;justify-content:center}.hero-image{width:100%;height:auto;max-height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(20px 24px 20px rgba(59,42,22,.16));transform-origin:50% 85%;animation:cat-breathe 8s ease-in-out infinite;transition:filter .3s}.cat-interaction:hover .hero-image{filter:drop-shadow(20px 24px 26px rgba(59,42,22,.22))}.portrait-halo{position:absolute;inset:10% 9% 10%;border:1px solid rgba(63,49,29,.19);border-radius:50%;transform:rotate(-10deg)}.portrait-halo:before{content:'';position:absolute;inset:6%;border:1px solid rgba(63,49,29,.13);border-radius:50%}.portrait-tag{position:absolute;right:12%;top:2%;font:12px BagMono,monospace;letter-spacing:.09em;border:1px solid rgba(34,34,29,.6);padding:11px 15px;transform:rotate(8deg);background:rgba(229,214,186,.72);pointer-events:none}.portrait-caption{position:absolute;right:7%;bottom:3%;font:14px BagMono,monospace;writing-mode:vertical-rl;pointer-events:none}.boop-bubble{position:absolute;left:31%;top:45%;padding:13px 19px;background:var(--ink);color:var(--paper-light);font:14px BagMono,monospace;transform:translateY(10px) rotate(-4deg);opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;white-space:nowrap}.boop-bubble.visible{opacity:1;transform:translateY(-10px) rotate(-4deg)}.cat-interaction.booped .hero-image{animation:boop .6s ease}.hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:24px;display:flex;align-items:center;justify-content:space-between;z-index:5;font:11px BagMono,monospace;letter-spacing:.055em}.scroll-link{display:flex;align-items:center;gap:12px}.scroll-link>span{font-size:27px;transition:transform .3s}.scroll-link:hover>span{transform:translateY(4px)}.motion-button{font:11px BagMono,monospace;background:none;display:flex;gap:12px;align-items:center;padding:8px 0}.motion-button:hover{text-decoration:underline}
.marquee{background:var(--ink);color:var(--paper);padding:23px 0;overflow:hidden;border-block:1px solid var(--ink)}.marquee-track{display:flex;width:max-content;animation:marquee 38s linear infinite}.marquee-track>div{display:flex;align-items:center;gap:50px;padding-right:50px;flex-shrink:0}.marquee span{font:30px BagDisplay,sans-serif;letter-spacing:.04em}.marquee i{font-style:normal;font-size:32px;background:var(--prism);background-clip:text;-webkit-background-clip:text;color:transparent}
.section-wrap{padding:55px var(--gutter) 100px}.section-marker{display:flex;justify-content:space-between;font:12px BagMono,monospace;letter-spacing:.035em;padding-bottom:25px;border-bottom:1px solid var(--line)}.dossier{background:var(--paper-light)}.dossier-grid{max-width:1600px;margin:82px auto 20px;display:grid;grid-template-columns:1fr 1.02fr;align-items:center;gap:clamp(95px,10vw,200px)}.evidence-photo{position:relative;background:#f9f1e2;padding:17px 17px 0;box-shadow:0 10px 24px rgba(59,42,22,.16);transform:rotate(-5deg);margin:0 18px 10px 0}.evidence-photo>img{width:100%;aspect-ratio:1.04;object-fit:cover;filter:saturate(.87)}.evidence-photo figcaption{min-height:60px;display:flex;justify-content:space-between;align-items:center;gap:12px;font:11px BagMono,monospace}.photo-tape{position:absolute;z-index:2;left:36%;top:-18px;width:142px;height:45px;transform:rotate(4deg);background:rgba(187,158,99,.47);border-inline:2px dashed rgba(224,204,163,.6)}.photo-stamp{position:absolute;right:-48px;bottom:70px;border:3px solid #785d4e;padding:15px 20px;color:#785d4e;font:29px/1 BagDisplay,sans-serif;transform:rotate(12deg);background:rgba(236,222,197,.76)}.dossier-copy .eyebrow{margin-bottom:23px}.dossier-copy h2{margin-bottom:35px}.dossier-copy>p:not(.eyebrow){margin-top:22px}.dossier-note{margin-top:38px;border-top:1px solid var(--line);padding-top:22px;display:flex;gap:14px;align-items:center;font:13px BagMono,monospace}.dossier-note>span:first-child{font-size:32px}
.code-section{padding-top:34px;background:#dfccaa}.code-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:8%;max-width:1600px;margin:68px auto 0}.code-intro{position:relative}.code-intro .eyebrow{margin-bottom:25px}.code-intro h2{margin-bottom:28px}.code-intro p:last-of-type{font-size:20px}.code-seal{display:grid;place-content:center;border:2px solid var(--ink);border-radius:50%;width:118px;height:118px;transform:rotate(-15deg);font:20px/1.1 BagDisplay,sans-serif;text-align:center;position:absolute;right:3%;bottom:22px;background:var(--prism);box-shadow:inset 0 0 0 5px #dfccaa,inset 0 0 0 6px var(--ink)}.rules{border-top:1px solid var(--ink)}.rule{display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);padding:32px 0;min-height:143px;transition:padding .25s,background .25s}.rule:hover{padding-left:16px;background:rgba(248,241,226,.2)}.rule-number{align-self:flex-start;padding-top:11px;font:13px BagMono,monospace}.rule h3{font-size:clamp(36px,2.7vw,53px);letter-spacing:-.025em;margin-bottom:8px}.rule p{font-size:18px;color:#62533f}.rule-end{font-size:34px;margin-left:auto;align-self:flex-start;padding-top:8px;opacity:.45;transition:transform .3s}.rule:hover .rule-end{transform:rotate(45deg);opacity:1}
.intermission{position:relative;isolation:isolate;height:850px;overflow:hidden;background:#a7814e}.world-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,19,10,.22),transparent 45%,rgba(37,25,12,.29));z-index:-2}.scene-top{position:absolute;top:36px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;color:#f1e4cc;font:12px BagMono,monospace}.scene-title{position:absolute;top:130px;left:var(--gutter);font-size:clamp(88px,7.3vw,146px);color:#f4e8d3;line-height:.92;z-index:2;letter-spacing:-.035em}.scene-title em{color:#f4e8d3}.scene-cat{position:absolute;bottom:-125px;right:9%;width:690px;filter:drop-shadow(18px 20px 15px rgba(43,28,12,.3));transform:translate3d(var(--px,0px),var(--py,0px),0) rotate(9deg);z-index:1}.scene-note{position:absolute;left:var(--gutter);bottom:160px;display:flex;align-items:center;gap:24px;color:var(--paper-light)}.sparkle{font-size:78px;animation:slow-turn 32s linear infinite}.scene-note p{font-size:21px}.scene-bottom{position:absolute;bottom:33px;left:var(--gutter);font:12px BagMono,monospace;color:#f4e8d3;letter-spacing:.045em}
.club{padding-bottom:75px;background:var(--paper-light)}.club-main{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;margin:80px auto 70px;max-width:1620px;align-items:center}.club-copy .eyebrow{margin-bottom:27px}.club-copy h2{margin-bottom:28px}.club-copy p:last-child{font-size:21px}.club-links{border-top:1px solid var(--ink)}.club-link{display:flex;align-items:center;gap:28px;padding:34px 3px;border-bottom:1px solid var(--ink);transition:background .25s,padding .25s}.club-link:hover{background:var(--prism);padding-left:18px;padding-right:18px}.club-link:active{background:#adc5aa}.club-link-number{align-self:flex-start;padding-top:7px;font:12px BagMono,monospace}.club-link strong{display:block;font:44px BagDisplay,sans-serif;letter-spacing:-.02em}.club-link small{display:block;font-size:17px;margin-top:8px}.club-arrow{font-size:48px;margin-left:auto;transition:transform .25s}.club-link:hover .club-arrow{transform:translate(4px,-4px)}.final-contract{border:1px solid var(--ink);padding:35px 38px;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative}.final-contract:after{content:'';position:absolute;inset:auto 0 -5px;height:4px;background:var(--prism)}.final-contract h3{font-size:37px;letter-spacing:-.025em;margin-top:9px}.final-contract .eyebrow{font-size:11px}.final-contract-value{display:flex;align-items:center;gap:30px;min-width:0}.final-contract-value code{font-size:16px;word-break:break-all;max-width:580px;user-select:all}.final-contract-value .button{flex-shrink:0}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ink);color:var(--paper-light);padding:35px var(--gutter)}.footer-name{font:30px BagDisplay,sans-serif;letter-spacing:-.025em}footer>span,.back-top{font:11px BagMono,monospace}.back-top{display:flex;align-items:center;gap:20px}.back-top>span{font-size:27px}.back-top:hover>span{transform:translateY(-4px)}
.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,18px);background:var(--ink);color:var(--paper-light);padding:17px 24px;font:14px BagMono,monospace;z-index:30;border:1px solid #b6c6a0;box-shadow:5px 5px 0 rgba(117,160,129,.6);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:600px;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.reveal{transition:opacity .7s,translate .7s}.js-motion .reveal:not(.is-visible){opacity:0;translate:0 24px}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reduced-motion .reveal{opacity:1!important;translate:none!important}.reduced-motion [data-parallax]{--px:0px!important;--py:0px!important}.reduced-motion .hero-image{transform:none!important}
@keyframes cat-breathe{0%,100%{transform:rotate(-1deg) translateY(0)}50%{transform:rotate(.3deg) translateY(-7px)}}@keyframes boop{0%,100%{transform:rotate(-1deg)}30%{transform:rotate(-4deg) translateY(-10px)}65%{transform:rotate(2deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes slow-turn{to{transform:rotate(360deg)}}
@media(min-width:2000px){.hero-copy{padding-top:90px}.hero-portrait{right:3%}.hero-bottom{bottom:32px}}
@media(max-width:1500px){.site-header{height:94px}.hero{padding-top:109px;height:max(810px,100vh)}.hero-copy{padding-top:57px;width:61%}.hero-name{font-size:8.1vw}.hero-cat{font-size:16vw;margin-top:13px}.hero-portrait{top:146px;width:57vw;min-width:670px;right:-45px;bottom:60px}.hero-copy .eyebrow{margin-bottom:22px}.hero-description{margin-top:23px;gap:22px}.hero-description p{font-size:18px}.hero-actions{margin-top:25px}.contract-field{margin-top:23px;width:520px}.portrait-tag{right:12%;top:3%}.portrait-caption{right:7%}.hero-topline{font-size:11px}.dossier-grid{gap:9vw}.dossier-copy>p:not(.eyebrow){font-size:19px}.photo-stamp{right:-30px}.code-seal{right:-7%;width:99px;height:99px;font-size:18px}.code-grid{grid-template-columns:1fr 1.7fr;gap:9%}.intermission{height:740px}.scene-cat{width:640px;right:4%;bottom:-115px}.scene-title{top:119px}.club-main{gap:7%}.final-contract-value{gap:20px}.final-contract-value code{max-width:460px;font-size:14px}.final-contract{padding:28px}.final-contract h3{font-size:31px}}
@media(max-width:1150px){nav{gap:26px}.brand{font-size:21px}.hero{height:850px}.hero-copy{padding-top:58px}.hero-name{font-size:94px}.hero-cat{font-size:184px}.hero-portrait{right:-85px;min-width:620px;top:203px;bottom:100px}.hero-description{gap:20px}.ticker-sticker{font-size:14px;padding:10px}.hero-bottom>span{display:none}.portrait-tag{top:-4%;right:22%}.portrait-caption{right:16%;bottom:0}.contract-field{width:470px}.dossier-grid{gap:70px}.evidence-photo figcaption{font-size:10px}.dossier-copy h2{font-size:65px}.dossier-copy>p:not(.eyebrow){font-size:18px}.photo-stamp{font-size:24px;right:-20px}.code-seal{position:static;margin:25px 0 0 150px}.code-grid{grid-template-columns:1fr 1.7fr;gap:6%}.rule{gap:20px}.rule h3{font-size:37px}.rule p{font-size:16px}.scene-title{font-size:90px}.scene-cat{width:580px;right:-1%}.scene-note p{font-size:19px}.club-copy h2{font-size:66px}.club-link strong{font-size:37px}.final-contract{gap:25px}.final-contract-value code{max-width:340px;font-size:12px}.final-contract-value .button{padding:18px;gap:20px}}
/* Preserve source proportions when HTML provides intrinsic image dimensions. */
img{height:auto}.world-image{height:100%}html.reduced-motion{scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1!important;translate:none!important}[data-parallax]{--px:0px!important;--py:0px!important}}