:root{--paper:#f2f0e8;--ink:#252c24;--accent:#ed693d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button{font:inherit;cursor:pointer;color:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:#ed693d44}:focus-visible{outline:3px solid #355cc7;outline-offset:5px}.skip{position:fixed;left:20px;top:-100px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:25px 4%;z-index:30}.brand{font-weight:950;font-size:42px;letter-spacing:-4px;transform:rotate(-7deg)}.brand span{font-size:17px;vertical-align:top;letter-spacing:0}nav{display:flex;align-items:center;gap:26px;font-size:14px}nav button{border:1px solid currentColor;border-radius:40px;background:transparent;padding:10px 16px}.eyebrow{font:11px monospace;letter-spacing:.1em}.hero{height:max(760px,100svh);position:relative;isolation:isolate;overflow:hidden;padding:110px 4% 40px}.hero>.eyebrow{text-align:center}.hero h1{position:relative;z-index:2;margin:105px auto 0;width:max-content;max-width:100%;font-size:clamp(70px,10.8vw,164px);line-height:1.1;font-weight:950;letter-spacing:-.065em;text-wrap:balance}.hero h1>span{display:block}.hero h1 .second{margin-left:6vw}.answer{position:relative;color:var(--accent)}.answer svg{position:absolute;width:115%;height:115%;left:-10%;top:-3%;overflow:visible;z-index:-1}.answer path{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round}.object{position:absolute;display:block;width:var(--w);left:var(--x);top:var(--y);transform:rotate(var(--r));filter:drop-shadow(2px 5px 2px #24281f18);will-change:auto}.sprite{display:block;position:relative;overflow:hidden;width:100%;pointer-events:none}.sprite img{position:absolute;max-width:none;height:auto}.hero-object{z-index:3}.hero-object:nth-of-type(3){z-index:1}.hero-bottom{position:absolute;bottom:37px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;font-size:14px;line-height:1.7;z-index:5}.right-note{text-align:right}.round-link{display:grid;place-items:center;width:57px;height:57px;background:var(--accent);border-radius:50%;font-size:28px;transform:rotate(-10deg)}.story{background:#e1dfd3;overflow:hidden}.story-viewport{height:100svh;min-height:600px;position:relative;padding:40px 4%;overflow:hidden}.story-rail{position:relative;width:max-content;margin-top:16vh}.story h2{font-size:clamp(90px,13vw,180px);font-weight:950;letter-spacing:-.07em;white-space:nowrap;margin:0;line-height:1.3;padding-right:6vw}.story h2 em{color:var(--accent);font-style:normal}.story h2 span{margin-left:12vw}.rail-objects{display:flex;align-items:center;justify-content:space-around;margin-top:-20px}.rail-art{position:relative;left:auto;top:auto;width:190px;transform:rotate(var(--r))}.story-note{position:absolute;bottom:35px;right:5%;font-size:18px;line-height:1.5}.play{padding:100px 6%;display:grid;grid-template-columns:40% 60%;position:relative;min-height:850px;align-items:center;background:#d6e0c7}.play-title{position:relative;z-index:2}.play h2{font-size:clamp(60px,8vw,115px);font-weight:950;line-height:1.05;letter-spacing:-.07em;margin:30px 0}.play h2 em{font-style:normal;color:var(--accent)}.play-title>p:not(.eyebrow){font-size:16px;line-height:1.7}.play button{padding:17px 26px;border:0;border-radius:50%;background:var(--ink);color:var(--paper);transform:rotate(-7deg);margin-top:18px;min-height:48px}.play button:hover{background:#3b4739}.play-board{height:650px;position:relative}.play-object{max-width:230px}.board-label{position:absolute;left:35%;top:47%;font-weight:900;font-size:25px;line-height:1.2;transform:rotate(-8deg);z-index:3;background:var(--accent);padding:18px;border-radius:50%}.post-section{background:#ed693d;padding:90px 6% 65px;overflow:hidden}.post-heading h2{font-size:clamp(42px,7vw,100px);letter-spacing:-.06em;margin:24px 0}.post-board{position:relative;height:590px;max-width:1240px;margin:40px auto 0}.post-card{position:absolute;width:29%;min-height:300px;padding:24px;background:#f2f0e8;box-shadow:0 8px 15px #41271020;border:1px solid #252c2420;left:3%;top:25px;transform:rotate(-8deg)}.card-1{left:25%;top:115px;transform:rotate(7deg);background:#d6e0c7}.card-2{left:49%;top:15px;transform:rotate(-4deg)}.card-3{left:70%;top:155px;transform:rotate(8deg);background:#ecd256;width:27%}.drag-handle{background:transparent;border:0;border-bottom:1px dashed #252c2470;padding:10px 0;min-height:44px;cursor:grab;width:100%;text-align:left;font-size:12px;touch-action:pan-y}.post-meta{font:10px monospace;letter-spacing:.04em;line-height:1.6}.post-card blockquote{font-size:clamp(21px,2.4vw,35px);font-weight:800;line-height:1.35;margin:25px 0 30px;text-wrap:balance}.post-card>a{font-size:12px;display:inline-block;padding:10px 0}.site-footer{padding:65px 6%;background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:30px}.site-footer strong{font-size:clamp(28px,5vw,62px);letter-spacing:-.06em}.site-footer>a{padding:20px;border:1px solid #f2f0e8;border-radius:50%}.site-footer p{font-size:11px;line-height:1.8;flex-basis:100%;opacity:.7}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.media-main{padding:160px 6% 70px;min-height:80vh}.media-main>h1{font-size:clamp(80px,15vw,180px);letter-spacing:-.07em;margin:20px 0}.media-main>h1 span{color:var(--accent)}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:60px;align-items:start}.media-card{background:#e1dfd3;padding:35px;min-height:230px}.media-card:nth-child(2n){background:#d6e0c7;margin-top:55px}.media-card h2{font-size:clamp(24px,3vw,43px);line-height:1.3;margin:25px 0}.media-card a{display:inline-block;padding:12px 0}.is-reduced .story-viewport{height:auto;min-height:0;padding-block:65px}.is-reduced .story-rail{width:100%;margin-top:25px}.is-reduced .story h2{white-space:normal;font-size:clamp(48px,8vw,100px)}.is-reduced .story h2 span{margin-left:0;display:block}.is-reduced .rail-art{width:16%}.is-reduced .story-note{position:static}.is-reduced .object{will-change:auto}@media(max-width:700px){header{padding:20px 5%}.brand{font-size:32px}nav{gap:15px;font-size:12px}nav button{padding:9px}.hero{height:820px;padding-top:100px}.hero h1{font-size:17vw;margin-top:190px;letter-spacing:-.08em}.hero h1 .second{margin-left:1vw}.hero-object{width:calc(var(--w)*1.7)}.hero-object:nth-of-type(1){left:0;top:17%;width:24%}.hero-object:nth-of-type(2){left:67%;top:15%;width:30%}.hero-object:nth-of-type(3){left:2%;top:59%;width:29%}.hero-object:nth-of-type(4){left:73%;top:60%;width:21%}.hero-object:nth-of-type(5){left:38%;top:15%;width:18%}.hero-object:nth-of-type(6){left:35%;top:64%;width:20%}.hero-object:nth-of-type(7){left:56%;top:62%;width:17%}.hero-bottom{font-size:11px;bottom:25px}.right-note{display:none}.story-viewport{height:auto;min-height:0;padding-block:65px}.story-rail{width:100%;margin-top:25px}.story h2{white-space:normal;font-size:16vw;line-height:1.2;padding:0}.story h2 span{margin-left:0;display:block}.rail-objects{margin-top:20px}.rail-art{width:18%}.story-note{position:static;font-size:16px;margin-top:30px}.play{display:block;padding:65px 6%;min-height:0}.play h2{font-size:19vw}.play-board{height:430px;margin-top:35px}.play-object{max-width:none}.board-label{font-size:17px;padding:14px}.post-section{padding:65px 6% 40px}.post-heading h2{font-size:13vw}.post-board{height:auto;display:grid;gap:25px;margin-top:40px}.post-card{position:relative;left:auto;top:auto;width:100%;min-height:220px;padding:25px;transform:rotate(-2deg)}.post-card:nth-child(even){transform:rotate(2deg)}.post-card blockquote{font-size:26px}.site-footer{padding:45px 6%}.media-grid{grid-template-columns:1fr;gap:25px}.media-card:nth-child(2n){margin-top:0}.media-main{padding-top:130px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

html:has(body.is-reduced){scroll-behavior:auto}.hero>.eyebrow{position:relative;z-index:5}.hero-object:nth-of-type(5){top:2%}@media(max-width:700px){.hero-object:nth-of-type(5){top:15%}}