@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Adnaan;src:url(/fonts/AdnaanHand-Regular.woff2)format("woff2");font-display:swap}:root{--navy:#0d1a3d;--navy-2:#15254f;--navy-3:#203466;--butter:#f8e58b;--butter-2:#f2d65c;--cream:#fbf5e3;--muted:#b3bdd6;--line:#fbf5e329;--strawberry:#ff4b5c;--font:"Bricolage Grotesque Variable", "Helvetica Neue", Arial, sans-serif;--hand:Adnaan, "Bradley Hand", cursive;--gutter:clamp(18px, 4vw, 64px);--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);color-scheme:dark;color:var(--cream);background:var(--navy);font-family:var(--font);font-optical-sizing:auto;font-synthesis:none;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:100px;overflow-x:clip}@media (prefers-reduced-motion:no-preference){html:not(.no-motion){scroll-behavior:smooth}}body{min-height:100vh;margin:0;font-size:18px;line-height:1.55;overflow-x:clip}h1,h2,h3,p,ul,ol,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}[hidden]{display:none!important}::selection{background:var(--butter);color:var(--navy)}:focus-visible{outline:3px solid var(--butter);outline-offset:4px;border-radius:6px}[data-theme=butter] :focus-visible{outline-color:var(--navy)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:200;background:var(--butter);color:var(--navy);border-radius:99px;padding:12px 20px;font-weight:700;position:fixed;top:16px;left:16px;transform:translateY(-200%)}.skip-link:focus{transform:none}.hand{font-family:var(--hand);letter-spacing:0;font-weight:400}.display{letter-spacing:-.055em;text-wrap:balance;font-size:clamp(56px,8.4vw,140px);font-weight:800;line-height:.9}.display .accent,.page-title .accent{color:var(--butter)}[data-theme=butter] .display .accent{color:var(--navy);opacity:.55}.lede{color:var(--muted);text-wrap:pretty;max-width:42ch;font-size:clamp(19px,1.5vw,23px);line-height:1.5}[data-theme=butter] .lede{color:#0d1a3dc7}.eyebrow{letter-spacing:-.005em;color:var(--butter);align-items:center;gap:10px;font-size:15px;font-weight:650;display:inline-flex}.eyebrow:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.eyebrow-outline{color:var(--muted)}.tag{background:var(--butter);min-height:32px;color:var(--navy);letter-spacing:-.01em;border-radius:99px;align-items:center;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}[data-theme=butter] .eyebrow{color:var(--navy)}.pill{background:var(--cream);min-height:52px;color:var(--navy);letter-spacing:-.02em;white-space:nowrap;transition:transform .35s var(--spring), background .2s, color .2s, box-shadow .2s;border:0;border-radius:99px;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:17px;font-weight:650;display:inline-flex}.pill:hover{transform:translateY(-3px)rotate(-1.5deg)}.pill:active{transform:scale(.96)}.pill-butter{background:var(--butter)}.pill-ghost{color:var(--cream);box-shadow:inset 0 0 0 1.5px var(--line);background:0 0}.pill-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--cream)}.pill-lg{min-height:64px;padding:0 36px;font-size:20px}.pill .arrow{transition:transform .3s var(--ease)}.pill:hover .arrow{transform:translate(4px)}[data-theme=butter] .pill{background:var(--navy);color:var(--butter)}[data-theme=butter] .pill-ghost{color:var(--navy);background:0 0;box-shadow:inset 0 0 0 1.5px #0d1a3d4d}.pill-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sticker{transform:rotate(var(--r,-2deg));filter:drop-shadow(0 24px 30px #03081873);transition:transform .5s var(--spring);position:relative}.sticker-inner{background:var(--cream);clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--peel,64px)), calc(100% - var(--peel,64px)) 100%, 0 100%);border-radius:22px;padding:9px;position:relative}.sticker-inner img{border-radius:15px;width:100%}.sticker-inner:after{content:"";width:var(--peel,64px);height:var(--peel,64px);filter:drop-shadow(-3px -3px 4px #00000024);background:linear-gradient(to bottom right,#fffdf7 0%,#e3d9bd 49.5%,#0000 50%);border-top-left-radius:10px;position:absolute;bottom:0;right:0}.sticker:hover{transform:rotate(calc(var(--r,-2deg) * -.5)) scale(1.02)}.bubble{background:var(--butter);color:var(--navy);letter-spacing:-.02em;transform:rotate(var(--r,-4deg));border-radius:26px;padding:14px 24px 15px;font-size:clamp(17px,1.5vw,22px);font-weight:650;line-height:1.2;display:inline-block;position:relative}.bubble:after{content:"";background:inherit;clip-path:polygon(0 0,100% 0,10% 100%);width:28px;height:22px;position:absolute;bottom:-13px;left:26px}.bubble-cream{background:var(--cream)}.bubble-navy{background:var(--navy);color:var(--cream)}.site-header{z-index:60;padding:20px var(--gutter);pointer-events:none;transition:transform .45s var(--ease);justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;inset:0 0 auto}.site-header>*{pointer-events:auto}.site-header.is-hidden{transform:translateY(-110%)}.wordmark{letter-spacing:-.055em;color:var(--butter);font-size:clamp(22px,2vw,28px);font-weight:800;transition:color .3s}.site-header.on-butter .wordmark{color:var(--navy)}.header-actions{gap:10px;display:flex}.header-actions .pill{min-height:48px;padding:0 22px;font-size:16px}.menu-button{background:var(--cream);width:48px;height:48px;color:var(--navy);transition:transform .35s var(--spring);border:0;border-radius:50%;place-items:center;display:grid}.menu-button:hover{transform:rotate(90deg)}.menu-button span,.menu-button span:before{width:16px;height:2px;transition:transform .3s var(--ease);background:currentColor;border-radius:2px;display:block}.menu-button span{position:relative;transform:translateY(-3px)}.menu-button span:before{content:"";position:absolute;top:6px}.menu-open .menu-button span{transform:translateY(0)rotate(45deg)}.menu-open .menu-button span:before{transform:translateY(-6px)rotate(-90deg)}.menu{z-index:55;padding:120px var(--gutter) 60px;background:var(--navy-2);clip-path:circle(0 at calc(100% - var(--gutter) - 24px) 44px);transition:clip-path .7s var(--ease), visibility 0s .7s;visibility:hidden;align-content:center;justify-items:center;gap:36px;display:grid;position:fixed;inset:0}.menu-open .menu{clip-path:circle(150% at calc(100% - var(--gutter) - 24px) 44px);visibility:visible;transition:clip-path .8s var(--ease)}.menu-open .site-header .wordmark{color:var(--butter)}html.menu-open{overflow:hidden}.menu{overflow-y:auto}.menu nav{justify-items:center;display:grid}.menu nav a{letter-spacing:-.06em;transition:color .2s, transform .4s var(--spring);padding:6px 12px;font-size:clamp(52px,9vw,120px);font-weight:800;line-height:1}.menu nav a:hover,.menu nav a[aria-current=page]{color:var(--butter);transform:rotate(-2deg)scale(1.03)}.menu-foot{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hero{isolation:isolate;height:100svh;min-height:640px;max-height:1080px;position:relative;overflow:clip}.hero-spot{z-index:0;pointer-events:none;background:radial-gradient(42% 58% at 50% 62%,#2e468c8c,#0000 70%),radial-gradient(70% 50% at 50% 100%,#f8e58b12,#0000 70%);position:absolute;inset:0}.hero-name{z-index:1;text-align:center;pointer-events:none;justify-items:center;display:grid;position:absolute;top:clamp(78px,10.5svh,124px);left:0;right:0}.hero-hi{color:var(--cream);margin-bottom:-.05em;font-size:clamp(38px,3.8vw,62px);line-height:1;transform:rotate(-4deg)translate(-.6em)}.hero-word{letter-spacing:-.07em;color:var(--butter);font-size:clamp(110px,24vw,420px);font-weight:800;line-height:.8;display:block}.hero-stage{z-index:2;aspect-ratio:865/1528;height:86%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-portrait{z-index:2;filter:drop-shadow(0 30px 40px #03081880);width:100%;height:auto;margin-top:3%;display:block;position:relative}.thing{z-index:4;left:var(--x);top:var(--y);width:var(--w);border-radius:30%;display:block;position:absolute;translate:-50% -50%}.thing.is-behind{z-index:1}.thing-pack,.thing-depth,.thing-bob{display:block}.thing img{width:100%;height:auto;rotate:var(--r,0deg);filter:drop-shadow(0 22px 26px #03081873);transition:transform .55s var(--spring)}.thing:hover img,.thing:focus-visible img{transform:scale(1.08)rotate(-5deg)}.thing:focus-visible{outline:none}.thing:focus-visible img{filter:drop-shadow(0 0 0 var(--butter)) drop-shadow(0 0 3px var(--butter)) drop-shadow(0 22px 26px #03081873)}.thing-bob{animation:6s ease-in-out infinite bob;animation-delay:var(--delay,0s)}@keyframes bob{50%{transform:translateY(-10px)rotate(1.5deg)}}.thing-label{z-index:6;background:var(--cream);color:var(--navy);letter-spacing:-.02em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s, transform .45s var(--spring);border-radius:99px;padding:9px 16px 10px;font-size:15px;font-weight:650;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%,8px)rotate(-4deg)scale(.9)}.thing:hover .thing-label,.thing:focus-visible .thing-label{opacity:1;transform:translate(-50%)rotate(-4deg)}.thing-football{--x:4%;--y:13%;--w:34%;--r:-10deg;--delay:-1s}.thing-book{--x:134%;--y:7%;--w:30%;--r:10deg;--delay:-3s}.thing-laptop{--x:-52%;--y:55%;--w:66%;--r:-8deg;--delay:-2s}.thing-coke{--x:142%;--y:55%;--w:26%;--r:14deg;--delay:-4s}.thing-coffee{--x:0%;--y:86%;--w:30%;--r:7deg;--delay:-5s}.thing-mic{--x:116%;--y:84%;--w:31%;--r:-18deg;--delay:-2.5s}.hero-bubble{z-index:5;--r:-6deg;position:absolute;top:clamp(230px,31svh,330px);left:calc(50% + clamp(92px,8.5vw,160px))}.hero-bubble:after{left:18px}.hero-foot{z-index:5;left:var(--gutter);right:var(--gutter);pointer-events:none;justify-content:space-between;align-items:flex-end;gap:16px;display:flex;position:absolute;bottom:24px}.hero-foot>*{pointer-events:auto}.hero-hint{color:var(--cream);opacity:.85;max-width:17ch;font-size:clamp(22px,1.9vw,28px);line-height:1.1;transform:rotate(-3deg)}.unpack-again{min-height:44px;padding:0 18px;font-size:15px}.no-motion .unpack-again{display:none}.ticker{z-index:3;padding:16px 0 16px var(--gutter);border-block:1px solid var(--line);background:var(--navy);align-items:center;gap:20px;display:flex;position:relative;overflow:hidden}.ticker .tag{flex:none}.ticker-window{min-width:0;overflow:hidden}.ticker-track{gap:44px;width:max-content;animation:40s linear infinite ticker;display:flex}.ticker:hover .ticker-track{animation-play-state:paused}.ticker-track a,.ticker-track span{white-space:nowrap;color:var(--cream);align-items:center;gap:44px;font-size:17px;font-weight:550;display:inline-flex}.ticker-track a:hover{color:var(--butter)}.ticker-track>:after{content:"•";color:var(--butter)}@keyframes ticker{to{transform:translate(-50%)}}.section{padding:clamp(100px, 12vw, 190px) var(--gutter);position:relative}[data-theme=butter]{background:var(--butter);color:var(--navy)}[data-theme=navy-2]{background:var(--navy-2)}.section-head{text-align:center;justify-items:center;gap:22px;margin-bottom:clamp(56px,7vw,100px);display:grid}.section-head .lede{text-align:center}.section-foot{justify-content:center;margin-top:clamp(48px,6vw,80px);display:flex}.statement{text-align:center}.statement-text{letter-spacing:-.05em;text-wrap:balance;max-width:20ch;margin:0 auto;font-size:clamp(42px,5.8vw,96px);font-weight:750;line-height:1}.statement-text .word{display:inline-block}.statement-text .accent{color:var(--butter)}.statement-text .inline-sticker{vertical-align:-.08em;border:5px solid var(--cream);border-radius:12px;width:1.25em;height:.9em;margin:0 .06em;display:inline-block;overflow:hidden;transform:rotate(-6deg);box-shadow:0 10px 20px #00000059}.statement-text .inline-sticker:nth-of-type(2){transform:rotate(5deg)}.statement-text .inline-sticker img{object-fit:cover;width:100%;height:100%}.statement-bio{justify-items:center;gap:30px;margin-top:clamp(40px,5vw,72px);display:grid}.statement-bio .lede{text-align:center}.credits{color:var(--muted);letter-spacing:.02em;font-size:15px;font-weight:600}.credits b{color:var(--cream);font-weight:650}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,36px);max-width:1320px;margin:0 auto;display:grid}.card{background:var(--navy-2);box-shadow:inset 0 0 0 1px var(--line);transform:rotate(var(--r,0deg));transition:transform .5s var(--spring), background .3s;border-radius:30px;flex-direction:column;padding:14px 14px 26px;display:flex;position:relative}.card:first-child{--r:-2deg}.card:nth-child(2){--r:1.5deg;margin-top:40px}.card:nth-child(3){--r:-1deg}.card:hover{background:var(--navy-3);transform:rotate(0)translateY(-10px)}.card-visual{aspect-ratio:4/3;background:var(--navy);border-radius:20px;position:relative;overflow:hidden}.card-visual img{object-fit:cover;object-position:left top;width:100%;height:100%;transition:transform .8s var(--ease)}.card:hover .card-visual img{transform:scale(1.05)}.card-body{gap:8px;padding:22px 12px 0;display:grid}.card-kind{color:var(--butter);font-size:14px;font-weight:600}.card h3{letter-spacing:-.05em;font-size:clamp(30px,2.8vw,44px);font-weight:800;line-height:.95}.card p{color:var(--muted);font-size:17px;line-height:1.45}.card .card-link:after{content:"";border-radius:30px;position:absolute;inset:0}.card-arrow{background:var(--cream);width:44px;height:44px;color:var(--navy);transition:transform .4s var(--spring), background .2s;border-radius:50%;place-items:center;font-size:18px;display:grid;position:absolute;bottom:26px;right:26px}.card:hover .card-arrow{background:var(--butter);transform:rotate(-45deg)}.visual-trace{background:radial-gradient(#fbf5e324 1.2px, transparent 1.5px) 0 0 / 22px 22px, radial-gradient(circle at 30% 20%, var(--navy-3), var(--navy))}.visual-trace svg{width:76%;height:76%;position:absolute;inset:12%}.visual-trace path{fill:none;stroke:var(--butter);stroke-width:5px;stroke-linecap:round;stroke-dasharray:1600;stroke-dashoffset:1600px;transition:stroke-dashoffset 1.6s var(--ease)}.card:hover .visual-trace path,.visual-trace.is-in path,.no-motion .visual-trace path{stroke-dashoffset:0}.visual-trace .hand{color:var(--cream);font-size:26px;position:absolute;bottom:8%;left:8%}.visual-skills{background:var(--butter);color:var(--navy);align-content:center;gap:8px;padding:0 12%;display:grid}.visual-skills span{letter-spacing:-.05em;align-items:center;gap:14px;font-size:clamp(24px,2.4vw,36px);font-weight:800;display:flex}.visual-skills span:before{content:"";background:var(--navy);border-radius:50%;width:.5em;height:.5em}.visual-skills span:nth-child(2):before{box-shadow:inset 0 0 0 3px var(--navy);background:0 0}.visual-skills span:nth-child(3):before{background:var(--strawberry)}.speaking{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(40px,6vw,100px);display:grid}.speaking .sticker{--r:-3deg;--peel:80px}.speaking .sticker-bubble{z-index:2;--r:5deg;position:absolute;top:-8%;right:-4%}.speaking-copy{justify-items:start;gap:26px;display:grid}.speaking-copy .display{font-size:clamp(56px,7vw,120px)}.speaking-note{font-size:30px;transform:rotate(-3deg)}.writing-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;max-width:1320px;margin:0 auto clamp(40px,5vw,64px);display:grid}.writing-head .display{text-align:left}.article-list{border-top:1px solid var(--line);max-width:1320px;margin:0 auto}.article-link{border-bottom:1px solid var(--line);transition:padding .35s var(--ease), background .3s;border-radius:4px;grid-template-columns:56px minmax(0,1fr) auto 50px;align-items:center;gap:20px;padding:26px 8px;display:grid}.article-number{color:var(--butter);font-variant-numeric:tabular-nums;font-size:15px;font-weight:650}.article-link h3{letter-spacing:-.035em;text-wrap:pretty;font-size:clamp(21px,2.1vw,32px);font-weight:650;line-height:1.15}.article-link time{color:var(--muted);white-space:nowrap;font-size:14px}.article-arrow{width:44px;height:44px;box-shadow:inset 0 0 0 1.5px var(--line);transition:transform .4s var(--spring), background .2s, color .2s;border-radius:50%;place-items:center;display:grid}.article-link:hover{background:#fbf5e308;padding-left:20px}.article-link:hover h3{color:var(--butter)}.article-link:hover .article-arrow{background:var(--butter);color:var(--navy);box-shadow:none;transform:rotate(-45deg)}.article-empty{color:var(--muted);padding:36px 8px;font-size:20px}.writing-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1320px;margin:0 auto 26px;display:flex}.article-search{background:var(--navy-2);min-width:min(360px,100%);min-height:54px;box-shadow:inset 0 0 0 1.5px var(--line);border-radius:99px;align-items:center;gap:10px;padding:0 22px;display:flex}.article-search:focus-within{box-shadow:inset 0 0 0 2px var(--butter)}.article-search input{background:0 0;border:0;flex:1;min-width:0;padding:12px 0;font-size:17px}.article-search input:focus{outline:none}.article-search input::placeholder{color:var(--muted)}.writing-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1320px;margin:30px auto 0;display:flex}.article-status{color:var(--muted);font-size:15px}.contact{text-align:center;padding-bottom:60px}.contact .display{max-width:11ch;margin:22px auto 0;font-size:clamp(64px,11vw,190px)}.contact .lede{text-align:center;margin:28px auto 0}.contact .pill-row{justify-content:center;margin-top:44px}.email-pill{min-height:72px;padding:0 40px;font-size:clamp(18px,2vw,26px)}.copy-status{min-height:24px;color:var(--muted);margin-top:16px;font-size:15px}.socials{justify-content:center;margin-top:18px}.contact-bubble{--r:-6deg;margin-bottom:18px}.site-footer{padding:28px var(--gutter) 34px;border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px;font-size:15px;display:flex}.site-footer nav,.footer-actions{flex-wrap:wrap;align-items:center;gap:6px 22px;display:flex}.site-footer a,.site-footer button{min-height:44px;color:var(--cream);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:15px;font-weight:550;display:inline-flex}.site-footer a:hover,.site-footer button:hover{color:var(--butter)}.motion-dot{background:var(--butter);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #f8e58b33}.no-motion .motion-dot{background:var(--muted);box-shadow:none}.page-hero{padding:clamp(150px, 20vh, 220px) var(--gutter) clamp(70px, 9vw, 130px);text-align:center;justify-items:center;gap:26px;display:grid;position:relative;overflow:clip}.page-title{letter-spacing:-.065em;font-size:clamp(64px,11vw,190px);font-weight:800;line-height:.86}.page-title span{display:block}.page-hero .lede{text-align:center}.page-hero .bubble{position:absolute}.page-thing{z-index:0;filter:drop-shadow(0 22px 26px #03081873);pointer-events:none;width:clamp(150px,17vw,280px);height:auto;animation:7s ease-in-out infinite bob;position:absolute}.page-thing-right{top:26%;right:max(3vw,50% - 640px);rotate:10deg}.page-thing-left{animation-delay:-3s;top:50%;left:max(3vw,50% - 620px);rotate:-12deg}.page-thing-small{width:clamp(110px,11vw,180px)}.page-hero>:not(.page-thing){z-index:1;position:relative}.project{border-top:1px solid var(--line);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(36px,5vw,90px);max-width:1320px;margin:0 auto;padding:clamp(60px,8vw,120px) 0;display:grid}.project:nth-of-type(2n) .project-copy{order:2}.project-copy{justify-items:start;gap:22px;display:grid}.project-copy h2{letter-spacing:-.06em;font-size:clamp(56px,7vw,116px);font-weight:800;line-height:.88}.project-note{color:var(--butter);font-size:28px;transform:rotate(-3deg)}.drawing-window{background:var(--navy-2);box-shadow:inset 0 0 0 1px var(--line), 0 30px 60px -30px #0009;border-radius:26px;overflow:hidden}.window-bar{color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 20px;font-size:13px;display:flex}.window-bar .dots{gap:6px;display:flex}.window-bar .dots i{background:var(--navy-3);border-radius:50%;width:11px;height:11px}.window-bar .dots i:first-child{background:var(--strawberry)}.window-bar .dots i:nth-child(2){background:var(--butter)}.drawing-area{aspect-ratio:16/10;background-image:radial-gradient(#fbf5e321 1.2px,#0000 1.4px);background-size:24px 24px;position:relative}#drawing{z-index:2;cursor:crosshair;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.drawing-seed{width:88%;height:84%;transition:opacity .3s;position:absolute;inset:8% 6%}.drawing-seed path{fill:none;stroke:var(--butter);stroke-width:4px;stroke-linecap:round;opacity:.55}.draw-hint{color:var(--cream);opacity:.8;pointer-events:none;font-size:30px;transition:opacity .3s;position:absolute;bottom:7%;left:6%}.drawing-toolbar{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.pen-tools{gap:4px;display:flex}.pen-color{background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.pen-color:before{content:"";background:var(--pen);width:22px;height:22px;transition:transform .3s var(--spring), box-shadow .2s;border-radius:50%}.pen-color[aria-pressed=true]:before{box-shadow:0 0 0 3px var(--navy-2), 0 0 0 5px var(--cream);transform:scale(1.15)}.draw-actions{gap:6px;display:flex}.draw-actions button{background:var(--navy-3);border:0;border-radius:99px;min-height:40px;padding:0 16px;font-size:14px;font-weight:600}.draw-actions button:hover{background:var(--cream);color:var(--navy)}.project-shot{--r:2deg;--peel:72px}.skills-board{background:var(--butter);color:var(--navy);border-radius:30px;gap:12px;padding:clamp(28px,4vw,52px);display:grid;transform:rotate(-1.5deg)}.skills-board li{letter-spacing:-.055em;border-bottom:2px solid #0d1a3d26;align-items:center;gap:18px;padding:10px 0;font-size:clamp(34px,4.4vw,68px);font-weight:800;line-height:1;display:flex}.skills-board li:last-child{border-bottom:0}.skills-board li span{letter-spacing:0;opacity:.6;width:26px;font-size:15px;font-weight:650}.skills-board p{opacity:.7;font-size:15px;font-weight:600}.about-hero-stickers{width:min(760px,100%);height:clamp(280px,34vw,420px);margin-top:10px;position:relative}.about-hero-stickers .sticker{--peel:46px;width:36%;position:absolute}.about-hero-stickers .sticker:first-child{--r:-8deg;top:10%;left:2%}.about-hero-stickers .sticker:nth-child(2){--r:3deg;z-index:2;top:0;left:32%}.about-hero-stickers .sticker:nth-child(3){--r:9deg;top:14%;left:62%}.about-hero-stickers .sticker-inner img{aspect-ratio:4/5;object-fit:cover}.about-hero-stickers .bubble{z-index:3;top:-10%;left:auto;right:4%}.story{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);max-width:1320px;margin:0 auto;display:grid}.city{background:var(--navy-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:30px;align-content:start;gap:12px;padding:30px 28px 34px;display:grid;position:relative}.city:nth-child(2){transform:translateY(40px)}.city-no{color:var(--butter);font-size:15px;font-weight:650}.city h3{letter-spacing:-.06em;font-size:clamp(44px,4.6vw,76px);font-weight:800;line-height:.9}.city p{color:var(--muted)}.city-phase{color:var(--butter);font-size:15px;font-weight:650}.city-phase:before{display:none}.belief-desk{perspective:1400px;max-width:1320px;height:600px;margin:0 auto;position:relative}.belief-slot{width:32%;height:440px;position:absolute;top:50px}.belief-one{z-index:2;left:1%;transform:rotate(-6deg)}.belief-two{z-index:1;top:20px;left:34%;transform:rotate(3deg)}.belief-three{z-index:3;top:90px;left:67%;transform:rotate(-3deg)}.belief-card{width:100%;height:100%;transform:translate(var(--dx,0px), var(--dy,0px));filter:drop-shadow(0 26px 30px #03081866);position:relative}.note-turn{text-align:left;width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s var(--ease);background:0 0;border:0;padding:0;position:relative}.is-flipped .note-turn{transform:rotateY(180deg)}.note-front,.note-back{backface-visibility:hidden;border-radius:28px;flex-direction:column;padding:34px 32px 76px;display:flex;position:absolute;inset:0;overflow:hidden}.note-back{transform:rotateY(180deg)}.note-index{opacity:.7;font-size:14px;font-weight:650}.note-front strong,.note-back strong{letter-spacing:-.055em;margin-top:34px;font-size:clamp(40px,4vw,66px);font-weight:800;line-height:.95;display:block}.note-footer{justify-content:space-between;gap:12px;margin-top:auto;font-size:17px;font-weight:550;display:flex}.note-detail{margin-top:auto;font-size:19px;line-height:1.45}.belief-one .note-front,.belief-one .note-back{background:var(--cream);color:var(--navy)}.belief-two .note-front,.belief-two .note-back{background:var(--butter);color:var(--navy)}.belief-three .note-front,.belief-three .note-back{background:var(--navy-3);color:var(--cream)}.belief-three .note-front strong{font-family:var(--hand);letter-spacing:0;font-weight:400;line-height:1.05}.note-handle{min-height:40px;color:inherit;cursor:grab;touch-action:none;z-index:5;background:#0d1a3d1a;border:0;border-radius:99px;padding:0 16px;font-size:13px;font-weight:650;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.belief-one .note-handle,.belief-two .note-handle{color:var(--navy)}.belief-three .note-handle{color:var(--cream);background:#fbf5e31f}.desk-bottom{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:30px;display:flex}.reset-notes{min-height:44px}.interests{border-top:1px solid #0d1a3d33;max-width:980px;margin:0 auto}.interests details{border-bottom:1px solid #0d1a3d33}.interests summary{cursor:pointer;letter-spacing:-.045em;grid-template-columns:48px 1fr 44px;align-items:center;gap:14px;min-height:84px;font-size:clamp(26px,3vw,46px);font-weight:750;list-style:none;display:grid}.interests summary::-webkit-details-marker{display:none}.interest-no{opacity:.55;letter-spacing:0;font-size:15px;font-weight:650}.interest-plus{background:var(--navy);width:44px;height:44px;transition:transform .45s var(--spring);border-radius:50%;position:relative}.interest-plus:before,.interest-plus:after{content:"";background:var(--butter);border-radius:2px;width:16px;height:2.5px;position:absolute;top:21px;left:14px}.interest-plus:after{transform:rotate(90deg)}details[open] .interest-plus{transform:rotate(135deg)}.interests summary:hover{opacity:.8}.interests details>div{gap:14px;max-width:58ch;padding:0 0 30px 62px;font-size:20px;display:grid}.interests .pill{justify-self:start}.shelf{border-bottom:14px solid var(--navy-3);border-radius:0 0 8px 8px;justify-content:center;align-items:flex-end;gap:clamp(12px,2vw,28px);max-width:1100px;margin:0 auto;padding:0 20px;display:flex}.book{width:clamp(90px,13vw,170px)}.book a{transition:transform .45s var(--spring);display:block;position:relative}.book img{aspect-ratio:2/3;object-fit:cover;border-radius:6px 10px 10px 6px;width:100%;box-shadow:inset 6px 0 8px #0003,0 14px 26px #0006}.book:first-child img{aspect-ratio:1/1.25}.book:nth-child(odd) a{transform:rotate(-2.5deg)}.book:nth-child(2n) a{transform:rotate(2deg)}.book a:hover,.book a:focus-visible{transform:translateY(-22px)rotate(0)}.book-tag{background:var(--butter);width:max-content;max-width:220px;color:var(--navy);text-align:center;opacity:0;pointer-events:none;border-radius:16px;padding:8px 14px;font-size:14px;font-weight:650;line-height:1.2;transition:opacity .2s;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)rotate(-3deg)}.book a:hover .book-tag,.book a:focus-visible .book-tag{opacity:1}.book-status{z-index:2;background:var(--strawberry);color:var(--cream);border-radius:99px;padding:5px 10px;font-size:12px;font-weight:700;position:absolute;top:-14px;left:-10px;transform:rotate(-8deg)}.reading-now{text-align:center;color:var(--muted);flex-wrap:wrap;justify-content:center;gap:12px 40px;margin-top:44px;display:flex}.reading-now b{color:var(--cream);letter-spacing:-.04em;font-size:24px;display:block}.shelf-credit{text-align:center;color:var(--muted);margin-top:26px;font-size:13px}.play-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:stretch;gap:clamp(20px,3vw,40px);max-width:1320px;margin:0 auto;display:grid}.goal{background:var(--navy-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:30px;flex-direction:column;gap:16px;padding:26px;display:flex}.goal-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.goal h3{letter-spacing:-.05em;font-size:clamp(30px,3vw,46px);font-weight:800;line-height:.95}.score{text-align:right;color:var(--muted);font-size:14px}.score b{color:var(--butter);letter-spacing:-.04em;font-size:48px;line-height:1;display:block}.football-surface{aspect-ratio:16/10;background:var(--navy);cursor:crosshair;border-radius:20px;position:relative;overflow:hidden}.football-surface canvas{width:100%;height:100%;position:absolute;inset:0}.scene-fallback{width:30%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.football-surface[data-ready=true] .scene-fallback{display:none}.goal-aim{color:var(--muted);align-items:center;gap:14px;font-size:15px;font-weight:600;display:flex}.goal-aim input{accent-color:var(--butter);flex:1;min-height:44px}.goal-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.kick-status{font-size:17px;font-weight:550}.goal-bottom div{gap:8px;display:flex}.goal-bottom .pill{min-height:46px;padding:0 20px;font-size:15px}.goal-bottom .pill:disabled{opacity:.5;cursor:default}.specimen{background:var(--cream);color:var(--navy);border-radius:30px;flex-direction:column;gap:10px;padding:26px;display:flex;transform:rotate(1.5deg)}.specimen h3{letter-spacing:-.05em;font-size:clamp(30px,3vw,46px);font-weight:800;line-height:.95}.specimen p{opacity:.75;font-size:17px}.specimen label{opacity:.6;margin-top:8px;font-size:13px;font-weight:650}#handwriting{resize:none;width:100%;min-height:220px;font:46px/56px var(--hand);color:var(--navy);background:repeating-linear-gradient(#0000 0 55px,#0d1a3d24 55px 56px);border:0;flex:1;padding:0}#handwriting:focus{outline:none}.specimen:focus-within{box-shadow:0 0 0 3px var(--butter)}.specimen-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.specimen-footer a{text-underline-offset:4px;font-size:15px;font-weight:650;text-decoration:underline}.reset-writing{min-height:44px;color:var(--navy);background:#0d1a3d14;border:0;border-radius:99px;padding:0 16px;font-size:14px;font-weight:650}.js-motion [data-reveal]{opacity:0;transition:opacity .9s var(--ease), transform 1s var(--ease);transition-delay:var(--d,0s);transform:translateY(40px)}.js-motion [data-reveal].is-in{opacity:1;transform:none}@media (width<=1000px){.cards{grid-template-columns:1fr;max-width:560px}.card:nth-child(2){margin-top:0}.speaking,.project,.play-grid{grid-template-columns:1fr}.project:nth-of-type(2n) .project-copy{order:0}.story{grid-template-columns:1fr;max-width:560px}.city:nth-child(2){transform:none}}@media (width<=760px){body{font-size:17px}.header-actions .pill{display:none}.hero{height:88svh;min-height:560px}.hero-name{top:92px}.hero-word{font-size:27vw}.pill{white-space:normal;text-align:center;line-height:1.2}.pill-lg{padding:12px 28px}.hero-stage{height:64%}.hero-hint{display:none}.hero-foot{justify-content:flex-end}.hero-hi{font-size:30px}.thing-football{--x:8%;--y:9%;--w:36%}.thing-book{--x:104%;--y:22%;--w:32%}.thing-laptop{--x:-12%;--y:50%;--w:60%}.thing-coke{--x:108%;--y:55%;--w:26%}.thing-coffee{--x:2%;--y:84%;--w:30%}.thing-mic{--x:102%;--y:78%;--w:31%}.thing-label{padding:7px 12px 8px;font-size:13px}.hero-bubble{padding:10px 16px 11px;font-size:15px;top:29%;left:auto;right:4%}.hero-hint{font-size:20px}.writing-head{grid-template-columns:1fr}.article-link{grid-template-columns:32px minmax(0,1fr) 40px;gap:12px;padding:20px 2px}.article-link time{grid-area:2/2}.article-arrow{grid-area:1/3/span 2;width:38px;height:38px}.belief-desk{perspective:none;gap:28px;height:auto;display:grid}.belief-slot{width:auto;height:360px;position:relative;inset:auto}.belief-one,.belief-two,.belief-three{top:auto;left:auto}.interests details>div{padding-left:0}.shelf{gap:8px;padding:0 8px}.book-status{font-size:10px}.about-hero-stickers{height:64vw}.page-thing{opacity:.9;width:96px}.page-thing-right{top:12%;right:2%}.page-thing-left{top:auto;bottom:4%;left:2%}.speaking .sticker-bubble{top:-12%;right:0}.site-footer{text-align:center;justify-content:center}}.no-motion *,.no-motion :before,.no-motion :after{transition-duration:0s!important;animation:none!important}.thing-label:first-letter{text-transform:uppercase}