:root{--ink:#17201e;--paper:#f4f0e8;--cream:#fffaf0;--green:#77c9ad;--yellow:#f5c84c;--coral:#ff755d;font-family:Manrope,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}button,a{font:inherit}button{color:inherit}.mono,.eyebrow{font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.section-pad{padding:clamp(5rem,10vw,9rem) max(6vw,calc((100vw - 1240px)/2))}.intro-scene{height:100svh;min-height:640px;position:relative;background:#273449;color:var(--cream);overflow:hidden;cursor:ew-resize}.intro-copy{position:absolute;z-index:2;top:50%;left:max(6vw,calc((100vw - 1240px)/2));transform:translateY(-50%);pointer-events:none}.intro-copy h1{font-size:clamp(4.5rem,12vw,10rem);line-height:.72;letter-spacing:-.09em;margin:2rem 0}.intro-copy h1 em{font-family:Georgia,serif;font-weight:400;color:var(--yellow)}.wave-prompt{font-family:DM Mono,monospace;font-size:.75rem;letter-spacing:.08em}.wave-prompt span{display:inline-block;background:var(--coral);padding:.55rem .8rem;border-radius:50%;margin-right:.7rem}.skip{position:absolute;z-index:3;right:3rem;bottom:2.5rem;color:inherit;font-family:DM Mono;font-size:.72rem;text-transform:uppercase}.intro-scene.is-waved .intro-copy{opacity:0;transform:translateY(-55%);transition:.6s}.profile{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;background:var(--cream)}.profile h2,.hats-intro h2,.section-heading h2,footer h2{font-size:clamp(3.5rem,8vw,8rem);line-height:.86;letter-spacing:-.075em;margin:1rem 0}.profile h2 span{color:var(--coral)}.lede{max-width:30rem;font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.5}.role{margin-top:2rem;color:#53625e}.portrait-wrap{position:relative;display:grid;place-items:center;min-height:480px}.portrait{width:min(28vw,350px);aspect-ratio:.82;border-radius:48% 48% 42% 42%;background:var(--yellow);border:3px solid var(--ink);display:grid;place-items:center;position:relative;box-shadow:1.5rem 1.5rem 0 var(--green);overflow:hidden}.portrait>span{font-size:7rem;font-weight:800;letter-spacing:-.15em;transform:translate(-.08em)}.portrait:before{content:"";position:absolute;width:110%;height:45%;border-radius:50%;background:var(--ink);top:-22%;left:-5%}.portrait-eye{position:absolute;width:12px;height:18px;background:var(--ink);border-radius:50%;top:43%}.portrait-eye.one{left:34%}.portrait-eye.two{right:34%}.orbit{position:absolute;padding:.7rem 1rem;border:1px solid;border-radius:50%;font-family:DM Mono;font-size:.65rem;text-transform:uppercase;background:var(--cream)}.orbit-one{left:0;top:22%;transform:rotate(-12deg)}.orbit-two{right:0;bottom:20%;transform:rotate(9deg)}.stats{grid-column:1/-1;display:flex;align-items:flex-end;border-top:1px solid #b9b7ae;padding-top:2rem;gap:clamp(1.2rem,4vw,4rem)}.stats-label{margin-right:auto}.stat strong{display:block;font-size:clamp(2rem,4vw,4rem);letter-spacing:-.08em}.stat span{font-size:.8rem}.hats-intro{height:110svh;position:relative;background:var(--yellow);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hats-intro h2 em,footer h2 em{font-family:Georgia,serif;font-weight:400}.hats-intro>p:last-child{position:absolute;bottom:3rem}.hat-pile{position:absolute;right:10%;top:50%;width:28vw;height:28vw;transform:translateY(-50%)}.hat-pile span{position:absolute;inset:0;background:var(--c);border:3px solid;border-radius:50% 50% 20% 20%;display:grid;place-items:center;font-size:8vw;transform:translateY(calc(var(--i)*-5rem)) rotate(calc((var(--i) - 1)*8deg));box-shadow:0 1rem #17201e1f}.hat-avatar{position:sticky;z-index:20;top:1.5rem;margin:0 auto -12rem;width:150px;text-align:center;pointer-events:none;transition:.4s}.mini-face{height:92px;width:92px;border:2px solid;border-radius:46% 46% 42% 42%;background:var(--cream);margin:auto;position:relative}.mini-face i{position:absolute;top:42%;width:7px;height:10px;border-radius:50%;background:var(--ink)}.mini-face i:first-child{left:30%}.mini-face i:nth-child(2){right:30%}.mini-face b{position:absolute;width:24px;height:9px;border-bottom:2px solid;border-radius:50%;left:50%;bottom:20%;transform:translate(-50%)}.mini-hat{height:45px;width:105px;border:2px solid;background:var(--hat-color);border-radius:50% 50% 12% 12%;margin:0 auto -12px;display:grid;place-items:center;font-size:1.8rem;transition:.4s}.hat-avatar p{background:var(--ink);color:#fff;padding:.35rem;font:500 .55rem DM Mono;text-transform:uppercase}.hat-section{--theme:#eee;min-height:115svh;padding:15rem max(6vw,calc((100vw - 1240px)/2)) 8rem;background:var(--theme);position:relative}.section-heading{text-align:center;max-width:900px;margin:0 auto 5rem}.section-heading>p:last-child{font-size:clamp(1.1rem,2vw,1.5rem);max-width:620px;margin:2rem auto}.desk{position:relative;max-width:960px;height:570px;margin:auto;background:#dfe1db;border-radius:50% 50% 12% 12%;border:2px solid;padding:3rem 6rem}.monitor{height:355px;background:#263330;border:14px solid #18211f;border-radius:14px;box-shadow:0 18px #53625e}.monitor-bar{height:34px;padding:8px;background:#edf0ea;display:flex;gap:7px;align-items:center}.monitor-bar span{width:9px;height:9px;border-radius:50%;background:var(--coral)}.monitor-bar span:nth-child(2){background:var(--yellow)}.monitor-bar span:nth-child(3){background:var(--green)}.monitor-bar b{font:400 .6rem DM Mono;margin:auto}.desktop{height:calc(100% - 34px);padding:2rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;position:relative}.desktop button{border:0;color:#fff;background:none;cursor:pointer}.desktop button i{display:grid;place-items:center;width:62px;height:62px;margin:auto;border-radius:18px;background:var(--app);color:var(--ink);font-style:normal;font-size:1.8rem;font-weight:800;transition:.2s}.desktop button:hover i{transform:translateY(-5px) rotate(-3deg)}.desktop button span{display:block;font-size:.65rem;margin-top:.6rem}.screen-cursor{position:absolute;color:#fff;left:calc(12% + var(--cursor)*24%);top:55%;font-size:1.5rem;transition:.45s;transform:rotate(-25deg)}.keyboard{position:absolute;left:21%;bottom:30px;width:48%;height:80px;background:#f6f4ed;border:2px solid;border-radius:8px;display:grid;grid-template-columns:repeat(10,1fr);gap:5px;padding:10px;transform:rotate(-1deg)}.keyboard i{background:#c8cbc4;border-radius:2px;box-shadow:0 2px #888}.mouse{position:absolute;right:15%;bottom:42px;width:60px;height:85px;border:2px solid;border-radius:50%;background:var(--cream)}.mouse i{display:block;height:28px;border-bottom:1px solid}.project-modal{position:fixed;z-index:100;inset:0;background:#17201e;color:#fff;padding:15vh 12vw;display:flex;flex-direction:column;justify-content:center;animation:reveal .35s}.project-modal h3{font-size:clamp(4rem,11vw,10rem);letter-spacing:-.08em;line-height:.8;margin:1rem 0}.project-modal>p:not(.eyebrow){max-width:620px;font-size:1.3rem;line-height:1.5}.modal-close{position:absolute;right:3rem;top:3rem;background:none;color:#fff;border:1px solid;border-radius:99px;padding:.7rem 1rem;cursor:pointer}.modal-shape{position:absolute;width:22vw;height:22vw;border-radius:50%;right:8vw;bottom:8vh;mix-blend-mode:screen;opacity:.7}@keyframes reveal{0%{clip-path:circle(0 at 50% 50%)}to{clip-path:circle(100%)}}.speaker{position:absolute;left:50%;bottom:28%;transform:translate(-50%);width:50px;height:100px;background:#253330;border-radius:40% 40% 0 0}.speaker i{position:absolute;width:55px;height:55px;background:#e4a07e;border-radius:50%;top:-42px}.speaker b{position:absolute;width:10px;height:45px;background:#111;right:-16px;top:-15px;transform:rotate(-25deg)}.stage{height:620px;position:relative;background:#271f2a;border-radius:50% 50% 8px 8px;overflow:hidden;padding-top:3rem}.talk-screen{width:65%;height:280px;background:var(--cream);margin:auto;text-align:center;padding:3rem}.talk-screen p{font:400 .65rem DM Mono;text-transform:uppercase}.talk-screen h3{font-size:clamp(2rem,4vw,4rem);line-height:.9;margin:1rem}.talk-screen button{border:0;border-bottom:1px solid;background:none;cursor:pointer}.audience{position:absolute;bottom:-10px;left:0;right:0;height:190px;display:flex;justify-content:space-around;align-items:end}.audience button{position:relative;border:0;background:none;width:16%;cursor:pointer}.audience button i{display:block;height:110px;background:#0c1010;border-radius:50% 50% 0 0}.audience button span{position:absolute;bottom:105%;left:50%;width:170px;padding:.8rem;background:#fff;border:2px solid;border-radius:12px;font-size:.7rem;opacity:0;transform:translate(-50%,10px);transition:.25s}.audience button.active span,.audience button:hover span{opacity:1;transform:translate(-50%)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.gallery article{background:var(--cream);padding:1rem 1rem 2rem;transition:.35s;cursor:pointer}.gallery article:hover,.gallery article:focus{transform:translateY(-1rem) rotate(calc((var(--n) - 1)*-1deg))}.art-shape{height:420px;background:#23312f;position:relative;overflow:hidden}.art-shape i{position:absolute;width:55%;aspect-ratio:1;border:2px solid var(--theme);border-radius:50%;left:20%;top:20%;animation:orbit 8s linear infinite}.art-shape i:nth-child(2){transform:rotate(60deg);border-radius:10%;animation-duration:11s}.art-shape i:nth-child(3){transform:rotate(120deg);width:35%;left:30%;top:30%;animation-duration:5s}@keyframes orbit{to{rotate:360deg}}.gallery article p{font:400 .65rem DM Mono;text-transform:uppercase;margin-top:1.5rem}.gallery article h3{font-size:1.5rem;margin:.5rem 0}.gallery article span{font-size:.75rem;border-bottom:1px solid}footer{min-height:90svh;background:var(--ink);color:var(--cream);padding:10rem max(6vw,calc((100vw - 1240px)/2));display:flex;flex-direction:column;justify-content:center}footer h2 em{color:var(--green)}footer>a{color:var(--yellow);font-size:1.3rem;margin:3rem 0}footer>.mono{margin-top:auto;color:#84908d}@media (max-width:800px){.intro-copy{top:28%;transform:none}.intro-copy h1{font-size:5.5rem}.profile{grid-template-columns:1fr}.portrait{width:70vw}.stats{display:grid;grid-template-columns:1fr 1fr}.stats-label{grid-column:1/-1}.hat-pile{opacity:.35;right:-5%;width:55vw;height:55vw}.hat-avatar{transform:scale(.8)}.hat-section{padding-left:1rem;padding-right:1rem}.desk{height:440px;padding:2rem 1rem}.monitor{height:285px}.desktop{gap:.4rem;padding:1rem}.desktop button i{width:45px;height:45px}.keyboard{left:12%;width:58%;bottom:18px}.mouse{right:8%;bottom:20px}.gallery{grid-template-columns:1fr}.stage{height:570px}.talk-screen{width:90%;padding:2rem 1rem}.audience button{width:24%}.audience button span{width:130px}.skip{right:1rem}.hat-avatar{top:.5rem}}.intro-art{position:absolute;inset:0}.flat-globe{position:absolute;width:min(29vw,390px);aspect-ratio:1;border:4px solid var(--ink);border-radius:50%;background:var(--green);right:42%;top:50%;transform:translateY(-50%);overflow:hidden;box-shadow:1.2rem 1.2rem #0000002e;animation:globe-bob 5s ease-in-out infinite}.flat-globe>i{position:absolute;inset:10% 27%;border:2px solid var(--ink);border-radius:50%}.flat-globe>i:nth-child(2){inset:42% -5%;border-left:0;border-right:0}.land{position:absolute;background:var(--yellow);border:3px solid var(--ink);border-radius:60% 40% 55% 35%}.land-one{width:34%;height:27%;left:12%;top:18%;transform:rotate(-18deg)}.land-two{width:22%;height:36%;right:12%;top:39%;transform:rotate(22deg)}.land-three{width:24%;height:14%;left:25%;bottom:12%}.flat-hand{position:absolute;width:min(27vw,350px);height:min(38vw,490px);right:11%;top:53%;transform:translateY(-50%) rotate(-8deg);transform-origin:50% 90%;animation:hand-idle 2.5s ease-in-out infinite}.palm{position:absolute;width:50%;height:43%;background:#d99572;border:4px solid var(--ink);border-radius:45% 45% 38% 38%;left:25%;bottom:15%;z-index:2}.finger{position:absolute;width:17%;background:#d99572;border:4px solid var(--ink);border-bottom:0;border-radius:99px 99px 0 0;bottom:50%;z-index:1}.finger-one{height:38%;left:25%}.finger-two{height:49%;left:40%}.finger-three{height:46%;left:55%}.finger-four{height:34%;left:69%}.thumb{position:absolute;width:19%;height:35%;background:#d99572;border:4px solid var(--ink);border-radius:99px;left:12%;bottom:23%;transform:rotate(-48deg);z-index:3}.cuff{position:absolute;width:57%;height:20%;background:var(--coral);border:4px solid var(--ink);border-radius:8px;left:22%;bottom:0;z-index:4}.hello-line{position:absolute;height:4px;background:var(--yellow);right:7%;top:28%;width:7%;transform:rotate(-18deg)}.line-two{right:5%;top:40%;transform:rotate(0)}.line-three{right:7%;top:52%;transform:rotate(18deg)}.intro-scene:hover .flat-hand{animation:hand-wave .42s ease-in-out infinite alternate}.intro-scene.is-waved .flat-hand{animation:hand-wave .25s ease-in-out infinite alternate}.intro-scene.is-waved .flat-globe{transform:translateY(-50%) scale(1.08);transition:.6s}@keyframes hand-idle{50%{transform:translateY(-52%) rotate(-5deg)}}@keyframes hand-wave{0%{transform:translateY(-50%) rotate(-24deg)}to{transform:translateY(-50%) rotate(14deg)}}@keyframes globe-bob{50%{translate:0 -12px}}@media (max-width:800px){.flat-globe{width:58vw;right:37%;top:66%}.flat-hand{width:48vw;height:68vw;right:-1%;top:67%}.hello-line{display:none}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}