@font-face{font-family:Space;src:url('assets/SpaceGrotesk.woff2') format('woff2');font-weight:300 700;font-display:swap}@font-face{font-family:Bebas;src:url('assets/BebasNeue.woff2') format('woff2');font-weight:400;font-display:swap}
/* Layers: scene 0; content 1; artwork details 2; header/dock 5; focus skip 9. */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{--paper:#e6fa62;--ink:#242019;--muted:#514c39;--line:#24201935;margin:0;background:var(--paper);color:var(--ink);font-family:Space,Arial,sans-serif;overflow-x:clip;transition:background-color .25s,color .25s}body[data-palette="1"]{--paper:#ffc3de;--ink:#34242f;--muted:#634655}body[data-palette="2"]{--paper:#a8ccff;--ink:#1e2d48;--muted:#435575}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:active,.hello:active,.odd-cta:active{transform:scale(.97)}:focus-visible{outline:3px solid currentColor;outline-offset:6px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2{font-weight:400;letter-spacing:-.03em;line-height:1}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.12em;line-height:1.5}.skip{position:fixed;left:20px;top:10px;z-index:9;background:#faf8ef;color:#242019;padding:12px;transform:translateY(-200%)}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
header{height:90px;display:flex;align-items:center;gap:30px;justify-content:space-between;padding:0 4%;position:absolute;inset:0 0 auto;z-index:5;border-bottom:1px solid var(--line)}.wordmark{font-size:27px;font-weight:600;letter-spacing:-.075em;white-space:nowrap}.brand-flower{display:inline-block;font-size:35px;vertical-align:-3px;margin:0 1px}header nav{display:flex;gap:26px;font-size:11px}header nav a{padding:12px 0}.header-actions{display:flex;align-items:center;gap:24px}.motion{font-size:10px;padding:13px 0}.hello{background:var(--ink);color:var(--paper);padding:14px 22px;font-size:12px}.paper-grain{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23242019' filter='url(%23n)' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}
.odd-hero{min-height:max(760px,100dvh);position:relative;padding:155px 5% 110px;overflow:hidden;isolation:isolate}.hero-grid{position:absolute;inset:90px 0 0 45%;opacity:.18;background-image:linear-gradient(var(--ink) 1px,transparent 1px),linear-gradient(90deg,var(--ink) 1px,transparent 1px);background-size:110px 110px;mask-image:linear-gradient(90deg,transparent,#000 40%)}.hero-orbit{position:absolute;width:42vw;height:42vw;right:5%;top:145px;border:1px solid #24201925;border-radius:50%;background:#faf5de35;box-shadow:0 0 0 50px #faf5de13,0 0 0 100px #faf5de13}.odd-hero-copy{position:relative;z-index:2;pointer-events:none;width:53%}.odd-hero-copy a{pointer-events:auto}.eyebrow i{display:inline-block;background:var(--ink);width:6px;height:6px;border-radius:50%;margin-right:8px}.odd-hero h1{font-family:Bebas,sans-serif;font-size:clamp(150px,18.3vw,315px);line-height:.77;letter-spacing:-.025em;margin:40px 0 33px;width:max-content}.odd-hero h1 span{-webkit-text-stroke:1.5px var(--ink);color:transparent}.hero-intro{display:flex;align-items:start;gap:20px;font-size:15px;line-height:1.55}.tiny-cross{font-size:36px;line-height:1}.under-link{display:inline-flex;gap:50px;border-bottom:1px solid;padding-bottom:10px;margin-top:28px;font-size:12px}.odd-object{position:absolute;right:-3%;top:105px;width:61%;height:calc(100% - 135px);cursor:grab;z-index:1;touch-action:pan-y}.odd-object:active{cursor:grabbing}.odd-object canvas{width:100%;height:100%;display:block}.scene-fallback{position:absolute;width:42%;aspect-ratio:1;right:25%;top:22%;border:38px solid #ed664d;border-radius:44% 56% 40% 60%;transform:rotate(-30deg);box-shadow:inset 8px 6px 15px #a34631,9px 9px 0 #b65945}body[data-ready3d=true] .scene-fallback{display:none}.hero-specimen{position:absolute;right:6%;top:133px;display:flex;flex-direction:column;text-align:right;font-size:8px;letter-spacing:.12em;line-height:1.8;z-index:2}.hero-sticker{position:absolute;right:3%;top:30%;z-index:2;background:#f0b6d5;color:#242019;border:1px solid #242019;padding:24px 24px 18px;transform:rotate(12deg);font:33px/.9 Bebas,sans-serif;box-shadow:4px 5px 0 #242019}.hero-sticker span{display:block;font:7px Space,sans-serif;letter-spacing:.04em;margin-top:9px}.hero-postcard{position:absolute;bottom:95px;left:48%;z-index:2;width:160px;padding:7px 7px 0;background:#fcf8ed;transform:rotate(-10deg);box-shadow:2px 6px 0 #24201925;transition:transform .2s}.hero-postcard img{width:100%;height:110px;object-fit:cover}.hero-postcard span{display:block;font-size:7px;letter-spacing:.03em;padding:10px 0}.object-controls{position:absolute;right:5%;bottom:88px;display:flex;flex-direction:column;align-items:end;gap:12px;z-index:2}.drag-note{font-size:8px;letter-spacing:.12em}.object-controls button{padding:14px 22px;background:var(--ink);color:var(--paper);font-size:12px}.hero-bottom{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;border-top:1px solid var(--line);padding-top:20px}.marquee{background:var(--ink);color:var(--paper);overflow:hidden;padding:16px 0;font-size:23px;font-weight:500}.marquee div{width:max-content;animation:marquee 32s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.wonder{position:relative;background:#f1efe7;color:#242019}.wonder-stage{height:100dvh;min-height:680px;position:relative;overflow:hidden;isolation:isolate}.wonder-heading{position:absolute;top:60px;left:5%;z-index:2;pointer-events:none}.wonder h2{font:clamp(70px,8vw,140px)/.9 Bebas,sans-serif;letter-spacing:-.025em;margin-top:24px}.wonder h2 span{color:transparent;-webkit-text-stroke:1px #242019}.paint-window{position:absolute;inset:0;clip-path:inset(13% 31% 5% 31% round 46% 46% 1% 1%);overflow:hidden;background:#eee6d8}.paint-landscape{width:100%;height:100%;object-fit:cover}.paint-shade{position:absolute;inset:0;background:linear-gradient(0deg,#122f466e,transparent 60%);pointer-events:none}.paint-caption{position:absolute;bottom:10%;left:6%;color:#fff9ee;opacity:0}.paint-caption>span{font-size:10px;letter-spacing:.14em}.paint-caption p{font-size:clamp(38px,5vw,85px);letter-spacing:-.065em;line-height:1.05;margin-top:20px}.paint-caption em{font-style:normal}.wonder-note{position:absolute;left:5%;bottom:85px;font-size:12px;line-height:1.7;z-index:2}.wonder-note>span{display:block;font-size:35px;margin-bottom:15px}.wonder-index{position:absolute;right:3%;bottom:90px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.15em}.paint-orb{position:absolute;border-radius:50%;z-index:2;pointer-events:none;background-image:url('assets/odd-world-480.webp');background-size:500%;box-shadow:inset -10px -10px 30px #24201925}.orb-blue{width:110px;height:110px;left:23%;top:48%;background-position:5% 94%}.orb-coral{width:150px;height:150px;right:16%;bottom:16%;background-position:96% 30%}
.odd-manifesto{padding:65px 6% 75px;background:#242322;color:#f4f0e6;overflow:hidden}.manifesto-head{display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid #f4f0e62b;padding-bottom:25px}.manifesto-head>span{font-size:8px;letter-spacing:.12em;color:#c4c1b6}.manifesto-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:6%;align-items:center;padding:75px 0 65px}.odd-manifesto h2{font-size:clamp(40px,5.9vw,95px);line-height:1.09;letter-spacing:-.065em;font-weight:500;position:relative;z-index:2}.manifesto-copy{font-size:14px;line-height:1.65;color:#c4c1b6;max-width:420px;margin-top:33px}.idea-stack{position:relative;height:390px;margin:0 25px}.stack-sheet{position:absolute;inset:0;box-shadow:0 12px 35px #12100d60}.sheet-back{background:var(--paper);color:#242019;transform:rotate(-12deg);font:180px/.8 Bebas,sans-serif;padding:30px 20px}.sheet-art{transform:rotate(8deg);padding:12px 12px 0;background:#f4f0e6;margin-top:55px;margin-left:20px;inset-inline-end:-20px;bottom:-20px}.sheet-art img{width:100%;height:calc(100% - 40px);object-fit:cover}.sheet-art>span{font-size:9px;color:#242019;display:block;padding:15px 0}.stack-seal{position:absolute;bottom:-38px;right:-28px;background:#f4b5d0;color:#242019;border-radius:50%;width:110px;height:110px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-12deg);font-size:29px}.stack-seal small{font-size:8px}.method-strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #f4f0e62b}.method-strip>div{padding:28px 22px 30px 0;border-right:1px solid #f4f0e62b}.method-strip>div+div{padding-left:30px}.method-strip>div:last-child{border-right:0}.method-strip span{font-size:9px;display:block;color:#c4c1b6;margin-bottom:20px}.method-strip strong{font-size:22px;font-weight:400;letter-spacing:-.04em}.method-strip p{font-size:12px;line-height:1.7;margin-top:13px;color:#c4c1b6}
.odd-work{overflow:hidden;background:#f1efe7;color:#242019;position:relative}.work-top{position:absolute;top:25px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em;z-index:2}.work-top a{letter-spacing:0;border-bottom:1px solid #24201950}.odd-track{display:flex;gap:5vw;width:max-content;padding:80px 5vw 45px;min-height:100dvh;align-items:center}.odd-work-intro{width:53vw;flex-shrink:0;position:relative}.odd-work-intro h2{font:clamp(120px,16vw,260px)/.82 Bebas,sans-serif;margin:35px 0;letter-spacing:-.025em;position:relative;z-index:1}.odd-work-intro h2 span{-webkit-text-stroke:1.5px #242019;color:transparent}.odd-work-intro p{font-size:15px;line-height:1.6}.odd-work-intro .eyebrow{font-size:10px}.gallery-hint{font-size:8px;letter-spacing:.12em;display:block;margin-top:22px}.work-disc{position:absolute;right:5%;top:15%;width:185px;height:185px;background:#f4b5d0;border-radius:50%;display:grid;place-items:center;transform:rotate(12deg)}.asterisk{font-size:180px;line-height:1;color:#ee6245;font-family:Arial,sans-serif}.work-disc .asterisk{animation:turn 30s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}.project{width:77vw;max-width:1180px;flex-shrink:0}.project-scene{height:clamp(330px,53dvh,660px);background:#a8bac0;position:relative;padding:55px 13% 40px 6%;isolation:isolate;overflow:hidden}.project-ceeds .project-scene{background:#c7d7b8}.project-zols .project-scene{background:#d4bccb}.project-number{position:absolute;font:420px/.7 Bebas,sans-serif;right:-1%;bottom:-10px;color:#fcf9ef45;z-index:-1}.project-tag{position:absolute;left:6%;top:23px;font-size:8px;letter-spacing:.14em}.project-image{display:block;position:relative;background:#fbf7ed;box-shadow:12px 18px 30px #23303926;transform:rotate(-3deg);transition:transform .35s cubic-bezier(.23,1,.32,1)}.project-ceeds .project-image{transform:rotate(3deg)}.browser-bar{height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:7px;background:#faf9f2}.browser-bar>span:first-child{letter-spacing:2px;font-size:5px;color:#888}.project-image>img{width:100%;aspect-ratio:16/9;object-fit:cover}.visit{position:absolute;right:16px;bottom:16px;background:#242019;color:#fff9ee;padding:12px 18px;border-radius:0;font-size:10px;opacity:0;transform:translateY(8px);transition:transform .2s,opacity .2s}.project-image:focus-visible .visit{opacity:1;transform:none}.phone-preview{position:absolute;width:17%;height:66%;right:5%;bottom:8%;padding:5px;border:1px solid #242019;background:#242019;border-radius:20px;transform:rotate(8deg);box-shadow:8px 12px 16px #24201930;overflow:hidden;pointer-events:none}.phone-preview img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:14px}.project-stamp{position:absolute;bottom:7%;left:4%;background:var(--paper);color:#242019;padding:15px 18px;white-space:pre-line;font:24px/.9 Bebas,sans-serif;transform:rotate(-12deg);box-shadow:3px 3px 0 #242019}.project-meta{display:flex;justify-content:space-between;gap:30px;padding-top:24px;align-items:center}.project-meta span{font-size:8px;letter-spacing:.1em}.project-meta h3{font-size:30px;font-weight:400;margin-top:10px;letter-spacing:-.045em}.project-meta p{font-size:12px;line-height:1.6;max-width:280px}
.odd-sandbox{display:grid;grid-template-columns:1fr 1fr;gap:3%;padding:100px 5% 90px;align-items:center;overflow:hidden}.sandbox-title h2{font:clamp(75px,9vw,145px)/.88 Bebas,sans-serif;margin:30px 0;letter-spacing:-.03em}.sandbox-title h2 span{-webkit-text-stroke:1px var(--ink);color:transparent}.sandbox-title>p:not(.eyebrow){font-size:14px;line-height:1.7}.play-controls{display:flex;align-items:flex-start;gap:15px;flex-wrap:wrap;margin-top:30px}.play-controls button{padding:14px 18px;border:1px solid var(--ink);font-size:11px}.play-controls button:first-child{background:var(--ink);color:var(--paper)}.sandbox-title .play-hint{font-size:8px!important;letter-spacing:.1em;margin-top:23px}.sticker-field{position:relative;height:570px;border:1px solid var(--line);background:#faf8ef20;overflow:hidden}.field-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:38px 38px;opacity:.35}.field-circle{position:absolute;inset:15% 5%;border:1px solid var(--line);border-radius:50%;box-shadow:0 0 0 30px #24201908}.field-caption{position:absolute;bottom:17px;left:20px;font-size:8px;letter-spacing:.12em}.sticker{position:absolute;left:35%;top:43%;padding:20px 30px;background:var(--ink);color:var(--paper);font-size:20px;font-weight:600;white-space:nowrap;border:1px solid #242019;box-shadow:5px 5px 0 #24201930;transform:rotate(calc((var(--i) - 4)*16deg));transition:filter .2s}.sticker:nth-of-type(3n){background:#ff654a;color:#201612;border-radius:50%;padding:30px}.sticker:nth-of-type(3n + 1){background:#f8f6eb;color:#201612}.sticker-4,.sticker-9{font-size:48px}.sticker-8{background:#f4b5d0!important;color:#242019!important}
.odd-end{position:relative;min-height:740px;padding:90px 6% 120px;overflow:hidden;background:#f1efe7;color:#242019;isolation:isolate}.end-landscape{position:absolute;inset:0;z-index:-2}.end-landscape img{width:100%;height:120%;object-fit:cover;object-position:65% 50%}.end-wash{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f1efe7f5 5%,#f1efe7ce 40%,#f1efe700 85%)}.end-content{position:relative;z-index:1}.odd-end h2{font:clamp(100px,14vw,230px)/.83 Bebas,sans-serif;letter-spacing:-.025em;margin:40px 0}.odd-end h2 span{-webkit-text-stroke:1.5px #242019;color:transparent}.odd-cta{display:inline-flex;justify-content:space-between;gap:80px;font-size:16px;background:#242019;color:#f1efe7;padding:19px 25px;margin-top:20px}.end-content>p:last-child{font-size:12px;line-height:1.6;margin-top:24px}.end-sticker{position:absolute;right:10%;top:33%;font:60px/.85 Bebas,sans-serif;background:var(--paper);padding:35px 40px;transform:rotate(11deg);box-shadow:6px 7px 0 #242019;color:#242019}.end-sticker:before{content:'';position:absolute;background:#faf8ed88;height:27px;width:95px;left:27%;top:-15px;transform:rotate(-7deg)}footer{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:35px 5% 110px;border-top:1px solid var(--line);font-size:9px}footer .wordmark{font-size:23px}.chapter-dock{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;background:#242322;color:#f4f0e6;padding:6px;z-index:5;gap:4px;box-shadow:0 3px 18px #24201925}.chapter-dock a{padding:11px 16px;font-size:10px}.chapter-dock a[aria-current]{background:var(--paper);color:#242019}.chapter-dock a:hover{background:#f4f0e622}.chapter-dock a[aria-current]:hover{background:var(--paper)}
@media(hover:hover) and (pointer:fine){.hero-postcard:hover{transform:rotate(-3deg) translateY(-4px)}.project-image:hover{transform:rotate(0)}.project-image:hover .visit{opacity:1;transform:none}.sticker:hover{filter:brightness(1.12)}.under-link:hover span{transform:translateY(3px)}.under-link span{transition:transform .2s}header nav a:hover{text-decoration:underline;text-underline-offset:5px}}
@media(min-width:900px) and (max-height:800px){.odd-hero{min-height:730px;padding-top:140px}.odd-hero h1{font-size:16.5vw}.hero-orbit{top:155px;width:37vw;height:37vw}.odd-object{top:90px;height:580px}.project-scene{height:49dvh}.odd-track{padding-top:75px}.project{width:72vw}.project-scene{padding-top:40px}.project-tag{top:16px}.project-meta h3{font-size:27px}.project-image{max-width:720px}.wonder-stage{min-height:600px}}
@media(max-width:1100px){header nav{gap:18px}.header-actions{gap:17px}.wordmark{font-size:24px}.hero-sticker{font-size:26px;padding:20px;right:2%}.hero-postcard{width:135px}.hero-postcard img{height:95px}.odd-hero h1{font-size:19vw}.hero-intro{font-size:13px}.hero-bottom{font-size:7px}.idea-stack{height:320px;margin:0 15px}.sheet-back{font-size:145px}.stack-seal{width:90px;height:90px;font-size:23px}.sticker-field{height:520px}.sticker{font-size:17px;padding:16px 22px}.sticker:nth-of-type(3n){padding:25px}.work-disc{right:0;width:150px;height:150px}.work-disc .asterisk{font-size:145px}.method-strip strong{font-size:20px}}
@media(max-width:899px),(max-height:599px){header nav{display:none}.wonder-stage{height:auto;min-height:0;padding:70px 6%}.wonder-heading{position:relative;top:auto;left:auto}.wonder h2{font-size:12vw}.paint-window{position:relative;inset:auto;clip-path:none;margin-top:35px;aspect-ratio:4/3}.paint-caption{opacity:1;bottom:25px;left:25px}.paint-caption p{font-size:38px}.paint-caption>span{font-size:8px}.wonder-note{position:relative;left:auto;bottom:auto;margin-top:25px}.wonder-note span{display:inline-block;margin-right:10px;margin-bottom:0}.wonder-index{display:none}.orb-blue{width:75px;height:75px;top:22%;left:auto;right:10%}.orb-coral{width:80px;height:80px;right:2%;bottom:12%}.odd-track{width:auto;display:block;padding:80px 6%}.odd-work-intro{width:100%;margin-bottom:60px}.odd-work-intro h2{font-size:145px}.work-disc{right:10%;top:70px}.gallery-hint{display:none}.project{width:100%;max-width:none;margin-top:65px}.project-scene{height:auto;aspect-ratio:1.6;padding:50px 13% 35px 6%}.project-meta h3{font-size:26px}.project-meta p{max-width:230px}.project-number{font-size:340px}.odd-work-intro p{font-size:14px}.manifesto-layout{grid-template-columns:1.2fr 1fr;gap:15px}.idea-stack{height:270px}.sheet-back{font-size:125px}.odd-sandbox{grid-template-columns:1fr;gap:45px;padding:75px 6%}.sticker-field{height:450px}.sticker{left:38%}.sandbox-title h2{font-size:100px}.end-sticker{right:6%;top:55%;font-size:42px;padding:25px}footer{flex-wrap:wrap}.work-top{font-size:8px}.work-top a{display:none}}
@media(max-width:600px){header{height:78px;padding:0 6%;gap:10px}.wordmark{font-size:23px}.brand-flower{font-size:27px}.header-actions{gap:12px}.hello{padding:11px 13px;font-size:10px}.motion{font-size:9px}.odd-hero{padding:117px 6% 75px;min-height:1010px}.hero-grid{inset:460px 0 0;background-size:65px 65px}.hero-orbit{width:92vw;height:92vw;right:4%;top:530px;box-shadow:0 0 0 25px #faf5de13}.odd-hero-copy{width:100%}.odd-hero h1{font-size:35vw;margin:31px 0 27px}.eyebrow{font-size:8px;letter-spacing:.08em}.hero-intro{font-size:13px;gap:15px}.tiny-cross{font-size:28px}.under-link{font-size:11px;margin-top:22px;gap:55px}.odd-object{width:112%;right:-6%;top:493px;height:410px}.hero-specimen{top:499px;right:6%;font-size:7px}.hero-sticker{top:627px;right:5%;font-size:22px;padding:17px;transform:rotate(12deg)}.hero-sticker span{font-size:6px}.hero-postcard{width:108px;left:6%;bottom:110px;padding:5px 5px 0;transform:rotate(-8deg)}.hero-postcard img{height:75px}.hero-postcard span{font-size:6px;padding:8px 0}.object-controls{bottom:87px;right:6%;gap:10px}.object-controls button{font-size:10px;padding:12px 15px}.drag-note{font-size:6px;letter-spacing:.05em}.hero-bottom{bottom:23px;font-size:6px;gap:30px;line-height:1.6;padding-top:15px}.hero-bottom>span{max-width:50%}.marquee{font-size:17px;padding:14px 0}.wonder-stage{padding:60px 6% 50px}.wonder h2{font-size:16vw;margin-top:24px}.paint-window{aspect-ratio:3/4;margin-top:25px}.paint-landscape{object-position:61% 50%}.paint-caption{left:20px;bottom:25px}.paint-caption p{font-size:34px}.paint-caption>span{font-size:7px}.wonder-note{font-size:11px}.orb-blue{width:55px;height:55px;top:24%;right:10%}.orb-coral{width:65px;height:65px;bottom:14%}.odd-manifesto{padding:45px 6% 50px}.manifesto-head>span{display:none}.manifesto-layout{grid-template-columns:1fr;padding:38px 0 60px;gap:55px}.odd-manifesto h2{font-size:10.8vw}.manifesto-copy{font-size:12px;max-width:290px;margin-top:25px}.idea-stack{width:70%;height:270px;margin:0 auto}.sheet-back{font-size:130px}.sheet-art{margin-top:40px}.stack-seal{width:85px;height:85px;right:-35px;bottom:-25px;font-size:24px}.method-strip{grid-template-columns:1fr}.method-strip>div,.method-strip>div+div{border-right:0;border-bottom:1px solid #f4f0e62b;padding:23px 0;display:grid;grid-template-columns:35px 1fr;align-items:baseline}.method-strip>div:last-child{border-bottom:0}.method-strip span{margin:0}.method-strip strong{font-size:20px}.method-strip p{grid-column:2;font-size:11px;margin-top:9px}.method-strip p br{display:none}.work-top{left:6%;top:25px;font-size:7px}.odd-track{padding:75px 6% 55px}.odd-work-intro{margin-bottom:50px}.odd-work-intro h2{font-size:31vw;margin:27px 0}.odd-work-intro .eyebrow{font-size:8px;max-width:170px}.work-disc{width:94px;height:94px;right:0;top:75px}.work-disc .asterisk{font-size:93px}.odd-work-intro p{font-size:12px}.project{margin-top:50px}.project-scene{aspect-ratio:1.16;padding:43px 15% 30px 5%}.project-tag{font-size:6px;top:20px;left:5%;letter-spacing:.04em}.browser-bar{height:17px;font-size:5px;padding:0 6px}.browser-bar>span:first-child{font-size:3px;letter-spacing:1px}.project-number{font-size:260px}.phone-preview{width:20%;height:62%;border-radius:12px;padding:3px;right:5%;bottom:10%}.phone-preview img{border-radius:8px}.project-stamp{font-size:18px;left:5%;bottom:10%;padding:10px 12px;box-shadow:2px 2px 0 #242019}.visit{opacity:1;transform:none;font-size:7px;right:8px;bottom:8px;padding:8px 10px}.project-meta{display:block;padding-top:19px}.project-meta h3{font-size:25px;margin-top:8px}.project-meta span{font-size:7px}.project-meta p{font-size:11px;max-width:280px;margin-top:10px}.odd-sandbox{padding:60px 6%;gap:28px}.sandbox-title h2{font-size:21vw;margin:25px 0}.sandbox-title>p:not(.eyebrow){font-size:12px}.play-controls{gap:10px;margin-top:25px}.play-controls button{font-size:10px;padding:12px}.sandbox-title .play-hint{font-size:7px!important}.sticker-field{height:390px}.sticker{font-size:14px;padding:14px 18px;left:33%;top:41%}.sticker:nth-of-type(3n){padding:20px}.sticker-4,.sticker-9{font-size:36px}.field-caption{font-size:7px}.odd-end{padding:65px 6% 85px;min-height:780px}.odd-end h2{font-size:24vw;margin:30px 0}.end-landscape img{object-position:65% 50%}.end-wash{background:linear-gradient(180deg,#f1efe7f5 5%,#f1efe7cf 38%,#f1efe710 80%)}.odd-cta{font-size:12px;padding:17px 20px;gap:48px;margin-top:12px}.end-content>p:last-child{font-size:11px}.end-sticker{top:auto;bottom:85px;right:10%;font-size:40px;padding:23px 30px}footer{display:flex;flex-direction:column;align-items:flex-start;padding:30px 6% 100px;gap:17px;font-size:9px}.chapter-dock{bottom:12px;gap:0;padding:5px;max-width:94vw}.chapter-dock a{padding:10px 13px;font-size:9px}}
[data-paused=true] *{animation-play-state:paused!important;scroll-behavior:auto!important}[data-paused=true] .read-words span{opacity:1!important}[data-paused=true] .wonder-stage{height:auto;min-height:0;padding:65px 6%}[data-paused=true] .wonder-heading{position:relative;left:auto;top:auto}[data-paused=true] .paint-window{position:relative;inset:auto;clip-path:none;aspect-ratio:16/9;margin-top:35px}[data-paused=true] .paint-caption{opacity:1}[data-paused=true] .wonder-note{position:relative;left:auto;bottom:auto;margin-top:25px}[data-paused=true] .wonder-index,[data-paused=true] .paint-orb{display:none}[data-paused=true] .odd-track{display:block;width:auto;transform:none!important}[data-paused=true] .project{width:100%;max-width:1100px;margin:65px auto 0}[data-paused=true] .odd-work-intro{width:auto}[data-paused=true] .gallery-hint{display:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* A loose, shuffled composition with a reachable target for every sticker. */
.sticker{left:0;top:0;font-size:17px;padding:16px 21px;max-width:43%;white-space:normal}.sticker:nth-of-type(3n){padding:22px}.sticker-4,.sticker-9{font-size:38px}.sticker:focus-visible{z-index:3}.hero-postcard{bottom:125px}
@media(max-width:600px){.sticker-field{height:500px}.sticker{font-size:14px;padding:14px 18px}.sticker:nth-of-type(3n){padding:20px}.sticker-4,.sticker-9{font-size:31px}.hero-postcard{bottom:110px}}