@font-face{font-family:Studio;src:url('assets/sans.woff') format('woff');font-display:swap;font-weight:400}@font-face{font-family:Studio;src:url('assets/sans-bold.woff') format('woff');font-display:swap;font-weight:700}@font-face{font-family:Bookman;src:url('assets/serif-italic.woff') format('woff');font-display:swap;font-weight:700;font-style:italic}@font-face{font-family:Hand;src:url('assets/hand.woff') format('woff');font-display:swap}
:root{--green:#164e38;--deep:#103b2d;--cream:#f6f1de;--pink:#e8a4bb;--yellow:#f3d36e;--ink:#20271f;--line:rgba(222,218,139,.15);--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--cream);font-family:Studio,Arial,sans-serif;background-color:var(--green);background-image:linear-gradient(rgba(232,215,141,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(232,215,141,.07) 1px,transparent 1px),linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:12px 12px,12px 12px,60px 60px,60px 60px;overflow-x:hidden}body:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;box-shadow:inset 0 0 180px #092b293b}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #f6ca52;outline-offset:6px}button{color:inherit}img{display:block;width:100%;height:auto}::selection{color:var(--ink);background:var(--pink)}h1,h2,h3,p{margin:0}h2{font-size:clamp(2.5rem,4.4vw,4.7rem);font-weight:400;line-height:1.05;letter-spacing:-.055em}h2 em{font-family:Bookman,Georgia,serif;font-weight:700;font-size:.91em;letter-spacing:-.055em}.handwriting{font-family:Hand,cursive;font-size:2rem;line-height:1.05}.section{position:relative;padding-left:max(6vw,24px);padding-right:max(6vw,24px);scroll-margin-top:12px}.eyebrow{display:block;letter-spacing:.11em;font-size:0.75rem;font-weight:700;margin-bottom:28px}.skip-link{position:fixed;left:20px;top:-60px;z-index:100;background:var(--cream);color:var(--ink);padding:14px}.skip-link:focus{top:20px}.header{height:86px;position:absolute;z-index:20;inset:0 4.8vw auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e3c34a}.brand{font-family:Bookman,Georgia,serif;font-size:3.2rem;line-height:1;position:relative}.brand span{font-family:Arial,sans-serif;font-size:1.9rem;position:absolute;right:-23px;top:0;color:var(--pink)}.header nav{display:flex;gap:38px;align-items:center;margin-left:auto;margin-right:50px;font-size:0.93rem}.header nav a{padding:10px 0;position:relative}.header nav a:after{content:'';position:absolute;bottom:4px;left:0;height:1px;background:var(--cream);width:100%;transform:scaleX(0);transform-origin:left;transition:transform .35s}.header nav a:hover:after{transform:scaleX(1)}.header sup{font-size:0.75rem;margin-left:3px}.nav-contact{display:flex;gap:15px;align-items:center}.mini-star{color:var(--pink);font-size:1.35rem}.motion-toggle{display:flex;gap:7px;align-items:center;background:none;border:0;font-size:0.75rem;color:#f6f1debc;padding:10px 0}.pause-icon{font-size:1rem}.intro{position:fixed;inset:0;z-index:100;background:var(--deep);display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;animation:intro-away 1.5s var(--ease) .2s forwards}.intro>span{font-family:Bookman,Georgia,serif;font-size:8rem;position:relative;animation:intro-logo 1s var(--ease)}.intro-star{display:inline-block;color:var(--pink);font-family:Arial,sans-serif;font-size:5rem;animation:turn 2s linear infinite;vertical-align:super}.intro p{font-size:0.8rem;letter-spacing:.04em;margin-top:20px}@keyframes intro-away{0%,48%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 100% 0);visibility:hidden}}@keyframes intro-logo{from{transform:translateY(25px);opacity:0}to{transform:translateY(0);opacity:1}}
.hero{min-height:910px;height:100svh;max-height:1120px;padding-top:118px;display:flex;flex-direction:column;justify-content:center;isolation:isolate}.ruler{position:absolute;pointer-events:none;opacity:.5;height:9px;background:repeating-linear-gradient(90deg,#c8c09a 0 1px,transparent 1px 10px);border-top:1px solid #c8c09a}.ruler-top{top:98px;left:4.8vw;right:4.8vw}.hero-topline{position:absolute;top:126px;left:6vw;right:6vw;display:flex;justify-content:space-between;font-size:0.75rem;letter-spacing:.12em;opacity:.75}.hero-title-wrap{position:relative;text-align:center;z-index:3;margin-top:-30px}.hero-label{font-size:0.75rem;letter-spacing:.12em;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:25px}.tiny-circle{width:6px;height:6px;border:1px solid var(--cream);border-radius:50%}h1{font-family:Bookman,Georgia,serif;font-style:italic;font-size:clamp(6rem,17.2vw,16rem);font-weight:700;line-height:1.03;letter-spacing:-.085em;transform:rotate(-5deg);text-shadow:3px 4px 0 var(--deep),-2px -2px 0 var(--deep),7px 9px 0 #102e25;position:relative;display:inline-block;margin:0 25px 0 -25px}h1>span:not(.name-star){display:inline-block;transition:transform .5s var(--ease);transform-origin:bottom}h1>span:not(.name-star):hover{transform:translateY(-16px) rotate(-6deg)}.name-star{font-family:Arial,sans-serif;font-size:.34em;position:absolute;right:-.75em;top:-.18em;color:var(--pink);text-shadow:3px 4px 0 #102e25;animation:turn 22s linear infinite;letter-spacing:0}.role-sticker{display:table;position:relative;background:var(--pink);color:#222d23;font-size:0.8rem;font-weight:700;letter-spacing:.06em;padding:13px 22px;transform:rotate(-3deg);margin:3px auto 38px;box-shadow:3px 5px 0 #0b302961;z-index:2}.hero-description{font-size:clamp(1.6rem,2.5vw,2.5rem);line-height:1.12;letter-spacing:-.025em;margin-bottom:30px}.hero-description em{font-family:Bookman,Georgia,serif;font-weight:700}.underlined{position:relative}.underlined:after{position:absolute;content:'';bottom:-5px;left:0;right:0;height:6px;border-bottom:2px solid var(--yellow);border-radius:50%;transform:rotate(-2deg)}.pill-button{display:inline-flex;border:1px solid transparent;align-items:center;justify-content:center;gap:32px;border-radius:30px;padding:16px 26px;min-height:53px;font-size:0.94rem;line-height:1.2;transition:transform .35s var(--ease),box-shadow .35s;background:var(--cream);color:var(--ink)}.pill-button span{font-size:1.15rem}.pill-button:hover{transform:translateY(-4px) rotate(-2deg);box-shadow:3px 5px 0 #0003}.pill-button.dark{background:var(--ink);color:var(--cream)}.prop{position:absolute;z-index:4;user-select:none;cursor:grab;transform:translate3d(calc(var(--dx,0px) + var(--px,0px)),calc(var(--dy,0px) + var(--py,0px)),0);will-change:transform;touch-action:pan-y}.prop img{pointer-events:none;filter:drop-shadow(5px 12px 8px #061d2460);animation:float 7s ease-in-out infinite;transform:rotate(var(--r,0deg));will-change:transform}.prop:active{cursor:grabbing}.prop.dragging{z-index:15;touch-action:none}.prop.dragging img{animation-play-state:paused}.hero-folder{width:260px;top:170px;left:-90px;--r:13deg}.hero-folder img{animation-delay:-2s}.hero-scissors{width:215px;right:0;top:160px;--r:-18deg}.hero-glasses{width:235px;left:15px;bottom:135px;--r:-28deg}.hero-glasses img{animation-delay:-3s}.hero-pencil{width:250px;right:-76px;bottom:145px;--r:-25deg}.hero-pencil img{animation-delay:-5s}.hero-ball{width:112px;left:22%;bottom:72px;--r:0deg}.hero-ball img{animation-delay:-4s}.sticky-note{background:var(--yellow);color:var(--ink);box-shadow:8px 12px 14px #092c3545;position:relative}.hero-note{position:absolute;width:184px;right:7%;bottom:150px;padding:21px 18px 26px;transform:rotate(9deg);z-index:2}.note-label{font-size:0.75rem;letter-spacing:.06em;font-weight:700}.hero-note p{font-size:1.07rem;line-height:1.12;letter-spacing:-.02em;margin:19px 0}.hero-note p em{font-family:Bookman,Georgia,serif;font-weight:700}.note-scribble{font-family:Hand,cursive;font-size:1.23rem}.hero-caption{position:absolute;bottom:80px;left:7%;transform:rotate(-7deg);font-size:1.9rem}.caption-star{position:absolute;right:-45px;top:0;font-size:3rem;color:var(--yellow);animation:turn 25s linear infinite}.hero-bottom{position:absolute;bottom:24px;left:6vw;right:6vw;display:flex;align-items:center;justify-content:space-between;font-size:0.75rem;letter-spacing:.1em;padding-top:22px;border-top:1px solid #e8e3c35a}.hero-bottom a{display:flex;align-items:center;gap:14px}.scroll-track{display:block;width:15px;height:23px;border:1px solid #f6f1de80;border-radius:10px;padding-top:4px}.scroll-track i{display:block;margin:auto;width:2px;height:5px;background:var(--cream);animation:scroll-nudge 2s ease infinite}@keyframes scroll-nudge{0%{transform:translateY(0);opacity:1}80%,100%{transform:translateY(7px);opacity:0}}@keyframes float{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-17px) rotate(calc(var(--r,0deg) + 5deg))}}@keyframes turn{to{rotate:360deg}}
.work{padding-top:115px;padding-bottom:85px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;max-width:1300px;margin:0 auto}.section-heading>p{font-size:1rem;line-height:1.45;max-width:250px;opacity:.8;padding-bottom:5px}.work-board{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:76px 9%;max-width:1190px;margin:88px auto 45px;align-items:start}.project-card{padding:15px 15px 20px;background:var(--cream);color:var(--ink);box-shadow:10px 17px 20px #061f2852;position:relative;transform:rotate(var(--card-rotation,0deg));transition:transform .6s var(--ease),box-shadow .6s var(--ease);will-change:transform}.project-forme{--card-rotation:-5deg;z-index:3}.project-sonar{--card-rotation:5deg;margin-top:205px;z-index:2}.project-daylight{--card-rotation:-3deg;margin-top:-212px;max-width:460px;margin-left:40px}.project-open{border:0;padding:0;background:transparent;text-align:left;display:block;width:100%;color:inherit}.tape{position:absolute;z-index:5;width:124px;height:34px;background:#e7d4a8b8;backdrop-filter:blur(2px);top:-14px;left:calc(50% - 62px);rotate:3deg;box-shadow:0 1px 2px #594a3020;clip-path:polygon(2% 0,98% 3%,100% 15%,97% 25%,100% 35%,98% 45%,100% 55%,98% 65%,100% 78%,97% 88%,99% 100%,1% 98%,3% 85%,0 72%,2% 60%,0 50%,3% 40%,0 30%,3% 20%,0 10%)}.project-sonar .tape{rotate:-7deg}.project-visual{height:auto;aspect-ratio:1.16;position:relative;overflow:hidden}.project-visual>img{height:100%;object-fit:cover;transition:transform 1s var(--ease)}.project-open:hover .project-visual>img{transform:scale(1.065)}.project-brand{position:absolute;inset:25px 25px auto;line-height:.9;letter-spacing:-.055em;font-size:clamp(2rem,4vw,4.7rem);font-weight:700}.project-brand>span{display:block;font-family:Studio,Arial,sans-serif;font-size:0.75rem;letter-spacing:.11em;margin-top:10px}.forme-brand{font-family:Georgia,serif;font-weight:400;color:#3b1020}.forme-visual{background:#d2a342}.forme-visual>img{object-position:58% center}.visual-label{position:absolute;bottom:17px;left:22px;font-size:0.75rem;color:#3b1020;letter-spacing:.1em}.sonar-visual{background:#3775e6}.sonar-brand{color:#e4f37c}.view-project{position:absolute;inset:auto 18px 18px auto;background:var(--cream);color:var(--ink);font-size:0.75rem;border-radius:30px;padding:12px 16px;transform:translateY(65px);transition:transform .4s var(--ease);box-shadow:2px 3px 8px #1113}.project-open:hover .view-project,.project-open:focus-visible .view-project{transform:translateY(0)}.project-caption{display:flex;align-items:center;justify-content:space-between;padding:22px 6px 16px}.project-caption h3{font-size:1.65rem;letter-spacing:-.04em;font-weight:700;margin-bottom:5px}.project-caption p{font-size:0.86rem;opacity:.75}.project-number{font-family:Bookman,Georgia,serif;font-style:italic;font-size:2.4rem;font-weight:700;opacity:.3}.project-tags{border-top:1px solid #25342733;padding:15px 6px 0;display:flex;gap:15px;font-size:0.75rem;text-transform:uppercase;letter-spacing:.03em}.project-tags span:last-child{margin-left:auto}.work-note{position:absolute;right:4%;top:0;transform:rotate(6deg);font-size:2.4rem;width:240px}.work-note span{position:absolute;font-size:4rem;left:-65px;top:10px;color:var(--pink);animation:turn 24s linear infinite}.daylight-visual{background:#c3b7e6;position:relative;aspect-ratio:1.05;padding:28px 30px 0}.daylight-identity{font-size:2.5rem;font-weight:700;letter-spacing:-.06em;position:relative;z-index:1;color:#422e65}.daylight-identity>span{display:block;font-size:0.75rem;letter-spacing:.1em;margin-top:5px}.app-preview{width:60%;min-width:210px;background:#fffcf3;border:6px solid #fffdf6;border-radius:22px;box-shadow:10px 10px 0 #59477638;position:absolute;left:28%;top:104px;padding:20px 14px;transform:rotate(7deg);transition:transform .6s;color:#442d54}.project-open:hover .app-preview{transform:translateY(-12px) rotate(3deg)}.app-top{font-size:0.75rem;display:flex;justify-content:space-between}.app-top span{font-size:1.2rem}.app-preview h4{font-size:1.35rem;line-height:1.1;margin:16px 0;letter-spacing:-.04em}.app-preview h4 em{font-family:Bookman,Georgia,serif}.app-focus{background:#edc98e;border-radius:12px;padding:17px 12px;position:relative}.app-focus>span{display:block;font-size:0.75rem;line-height:1.5}.app-focus strong{display:block;font-size:1.12rem;margin:14px 0 4px}.app-focus>i{position:absolute;right:14px;bottom:17px;font-style:normal;font-size:0.8rem}.app-moods{display:flex;flex-direction:column;gap:12px;margin-top:20px;font-size:0.75rem}.app-moods b{font-size:1.5rem;letter-spacing:.3em}.app-nav{display:flex;justify-content:space-between;margin-top:20px;padding-top:10px;border-top:1px solid #ccc;font-size:0.75rem}.clip-object{position:absolute;width:85px;top:-43px;right:40px;z-index:5;rotate:-10deg;filter:drop-shadow(2px 4px 4px #0004)}.project-sticker{align-self:center;justify-self:center;position:relative;top:28px;left:25px;width:215px;height:215px;border-radius:50%;background:var(--pink);color:var(--ink);text-align:center;display:flex;flex-direction:column;justify-content:center;transform:rotate(12deg);box-shadow:5px 7px 0 #0d2f2838;border:2px solid var(--pink);outline:1px dashed #3338;outline-offset:-12px}.project-sticker>span{font-family:Bookman,Georgia,serif;font-style:italic;font-weight:700;font-size:2.15rem;line-height:.95;letter-spacing:-.05em}.project-sticker>small{font-size:0.75rem;letter-spacing:.08em;margin-top:18px}.work-pencil{bottom:10px;right:5%;width:225px;--r:15deg}.work-footer{max-width:1300px;margin:85px auto 0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e8e3c345;padding-top:25px}.work-footer>span:first-child{font-size:0.75rem;letter-spacing:.11em}.work-footer .handwriting{font-size:1.7rem;rotate:-4deg}
.about{padding-top:75px;padding-bottom:0}.heading-note{font-size:2rem;rotate:7deg;margin-right:45px;margin-bottom:10px}.about-grid{max-width:1210px;margin:85px auto 95px;display:grid;grid-template-columns:.86fr 1.15fr;gap:8%;align-items:start}.about-note{background:#efe3c4;color:var(--ink);padding:42px 34px 25px;box-shadow:8px 15px 20px #07262c55;transform:rotate(-4deg);position:relative;margin-top:20px}.about-note>.note-label{font-size:0.75rem}.about-note>p{font-size:2.9rem;letter-spacing:-.05em;line-height:1;margin-top:26px;margin-bottom:28px}.about-note>p>em{font-family:Bookman,Georgia,serif;font-weight:700;font-size:.94em}.about-copy{font-size:0.94rem;line-height:1.5;margin:0 0 16px;color:#313b31}.signature{font-family:Hand,cursive;display:block;font-size:3.7rem;transform:rotate(-7deg);margin-top:14px}.note-star{position:absolute;right:30px;bottom:40px;font-size:3.7rem;rotate:20deg;color:#b36155}.folder-tabs{display:flex;align-items:flex-end;gap:4px;margin-left:15px}.folder-tabs>button{padding:14px 20px;border:0;border-radius:9px 9px 0 0;background:#b88995;color:#263027;transition:background .3s,transform .3s;font-size:0.87rem}.folder-tabs>button[aria-selected=true]{background:var(--pink);padding-top:19px;z-index:1}.folder-content{background:var(--pink);padding:37px 35px 30px;color:var(--ink);min-height:524px;box-shadow:8px 12px 15px #08282a44;border-radius:5px 5px 0 0}.file-stamp{display:block;font-size:0.75rem;letter-spacing:.13em;padding-bottom:23px;border-bottom:1px solid #3336}.experience-row{border-bottom:1px solid #3333;padding:21px 0 19px}.experience-row:last-child{border:0;padding-bottom:0}.experience-row>span{font-size:0.75rem;font-weight:700;letter-spacing:.05em}.experience-row h3{font-weight:400;font-size:1.45rem;letter-spacing:-.04em;line-height:1.15;margin:9px 0}.experience-row p{font-size:0.9rem;line-height:1.4;max-width:370px}.experience-row small{display:block;font-size:0.75rem;letter-spacing:.08em;margin-top:14px;opacity:.8}.dossier{transform:rotate(2deg)}.dossier-bottom{display:flex;justify-content:space-between;background:var(--pink);padding:16px 35px 20px;color:var(--ink);border-radius:0 0 6px 6px;border-top:1px solid #5d3f472c;box-shadow:8px 12px 15px #08282a44;font-size:0.75rem;letter-spacing:.09em}.tab-panel[hidden]{display:none}.tab-panel{animation:panel-in .35s var(--ease)}@keyframes panel-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.toolkit-title{font-size:2.6rem;font-weight:400;line-height:1;letter-spacing:-.04em;margin:25px 0}.tool-chips{display:flex;flex-wrap:wrap;gap:10px}.tool-chips>span{padding:10px 13px;border:1px solid #26382c66;border-radius:20px;font-size:0.88rem}.toolkit-footer{font-family:Hand,cursive;font-size:1.8rem;margin-top:30px}.about-marquee{margin:0 -6.82%;width:113.64%;overflow:hidden;border-block:1px solid #e5dfb740;padding:24px 0;background:#10392c55}.about-marquee>div{width:max-content;font-size:1.05rem;letter-spacing:.12em;word-spacing:.6em;animation:marquee 32s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.contact{padding-top:120px;padding-bottom:0;isolation:isolate}.contact-paper{max-width:1070px;margin:0 auto;background:var(--pink);color:var(--ink);padding:60px 55px;text-align:center;position:relative;transform:rotate(-2deg);box-shadow:10px 14px 20px #09232e55}.contact-paper>.tape{width:155px;left:calc(50% - 77px);height:40px;top:-17px;rotate:-3deg}.contact-paper .eyebrow{font-size:0.75rem;letter-spacing:.12em;margin-bottom:35px}.contact-paper h2{font-size:clamp(4rem,7.5vw,8rem);letter-spacing:-.07em;line-height:.95}.contact-paper h2 em{font-size:1em}.contact-paper>p{margin:28px 0 25px;font-size:1rem}.email-link{display:block;width:max-content;margin:18px auto 0;font-size:0.8rem;border-bottom:1px solid #3335;padding-bottom:3px}.contact-note{position:absolute;left:36px;bottom:66px;text-align:left;rotate:-9deg;font-size:1.65rem}.contact-star{position:absolute;right:60px;bottom:58px;font-size:6rem;animation:turn 32s linear infinite;color:var(--green)}.contact-glasses{width:245px;top:112px;left:-47px;--r:-33deg}.contact-ball{width:135px;top:44px;right:25px;--r:15deg}.contact footer{position:relative;display:flex;align-items:center;justify-content:space-between;padding:70px 0 40px;gap:30px}.footer-brand{font-family:Bookman,Georgia,serif;font-style:italic;font-size:2.25rem;font-weight:700;letter-spacing:-.08em}.footer-brand>span{font-family:Arial,sans-serif;font-size:1.4rem;color:var(--pink);margin-left:7px;vertical-align:super}.contact footer>span{font-size:0.75rem;letter-spacing:.08em;opacity:.75}.back-top{font-size:0.81rem;border-bottom:1px solid #f6f1de66;padding-bottom:5px}
.reveal{transition:opacity .85s var(--ease),translate .85s var(--ease)}.js-ready .reveal:not(.is-visible){opacity:0;translate:0 55px}.reveal.is-visible{opacity:1;translate:0 0}.scroll-progress{position:fixed;bottom:0;left:0;height:3px;width:100%;background:var(--yellow);transform-origin:left;transform:scaleX(var(--progress,0));z-index:25;pointer-events:none}body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}body.motion-paused .intro{display:none}body.motion-paused .prop{will-change:auto}body.motion-paused .reveal{transition:none}.intro-dismissed .intro{display:none}
dialog{position:fixed;padding:0;border:0;background:var(--cream);color:var(--ink);width:min(1000px,92vw);max-width:none;max-height:90svh;border-radius:6px;overflow:hidden;box-shadow:0 30px 100px #0007}dialog[open]{animation:dialog-in .4s var(--ease)}dialog::backdrop{background:#081d16b8;backdrop-filter:blur(8px)}@keyframes dialog-in{from{opacity:0;transform:translateY(35px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.dialog-scroll{max-height:90svh;overflow:auto;overscroll-behavior:contain}.dialog-close{position:absolute;right:18px;top:18px;border:0;border-radius:50%;width:45px;height:45px;font-size:2rem;color:var(--ink);background:var(--cream);z-index:3;line-height:1}.dialog-visual{height:340px;overflow:hidden;position:relative}.dialog-visual>img{height:100%;object-fit:cover;object-position:center 53%}.dialog-visual .project-brand{font-size:4.8rem;inset:30px auto auto 35px}.dialog-visual .daylight-identity{font-size:5rem;padding:30px}.dialog-visual .app-preview{width:270px;left:auto;right:15%;top:65px}.dialog-content{padding:40px 50px 50px}.dialog-content .eyebrow{font-size:0.75rem;margin-bottom:16px}.dialog-content h2{font-family:Bookman,Georgia,serif;font-style:italic;font-size:3.7rem}.dialog-intro{font-size:1.35rem;margin:16px 0 35px;line-height:1.4;max-width:650px;letter-spacing:-.02em}.case-facts{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #293c2944;padding:20px 0;gap:20px}.case-facts span{font-size:0.75rem;letter-spacing:.08em}.case-facts p{font-size:0.84rem;margin-top:8px}.case-story{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:35px 0}.case-story h3{font-size:1.25rem;margin-bottom:12px;font-weight:400}.case-story p{font-size:0.93rem;line-height:1.5;color:#465042}
@media(min-width:1600px){.hero-folder{left:1%;width:280px}.hero-scissors{right:3%;width:260px}.hero-glasses{left:5%;width:280px}.hero-pencil{right:-20px}.hero-note{right:12%}.section{padding-left:8vw;padding-right:8vw}}
@media(max-width:1100px){.hero{min-height:830px}.hero-note{right:4%;bottom:125px;width:165px}.hero-scissors{width:180px;right:-30px}.hero-folder{width:210px;left:-75px}.hero-glasses{width:190px;left:-35px;bottom:200px}.hero-caption{bottom:105px;left:8%;font-size:1.6rem}.hero-caption .handwriting{font-size:1.65rem}.hero-ball{width:85px;bottom:82px;left:28%}.hero-pencil{bottom:255px;width:210px}.hero-title-wrap{margin-top:-15px}.hero-label{font-size:0.75rem}.work-board{gap:75px 7%}.project-card{padding:12px 12px 16px}.project-sonar{margin-top:170px}.project-daylight{margin-top:-145px;margin-left:15px}.project-brand{font-size:3rem;inset:20px 20px auto}.project-tags{font-size:0.75rem;gap:10px}.project-caption p{font-size:0.78rem}.project-caption h3{font-size:1.45rem}.work-note{font-size:2rem;width:200px}.project-sticker{width:175px;height:175px}.project-sticker>span{font-size:1.85rem}.work-pencil{right:0;width:180px}.about-grid{gap:5%}.about-note{padding:35px 28px}.about-note>p{font-size:2.5rem}.folder-content{padding:30px 25px;min-height:537px}.folder-tabs>button{font-size:0.8rem;padding:14px 17px}.contact-note{display:none}.contact-star{right:35px;bottom:38px;font-size:5rem}.section-heading>p{font-size:0.9rem}.hero-bottom>span:first-child{max-width:160px;line-height:1.5}}
@media(max-width:760px){html{scroll-padding-top:25px}.header{height:75px;inset-inline:6vw}.header nav{gap:20px;margin-right:0;font-size:0.8rem}.brand{font-size:2.8rem}.brand span{font-size:1.5rem;right:-18px}.header .motion-toggle{position:fixed;right:14px;bottom:16px;background:var(--cream);color:var(--ink);padding:11px 13px;border-radius:25px;box-shadow:0 3px 12px #0003;z-index:30}.motion-label{font-size:0.75rem}.header nav sup{display:none}.mini-star{font-size:1rem}.nav-contact{gap:6px}.hero{height:890px;min-height:830px;max-height:none;padding-top:100px}.ruler-top{top:87px;left:6vw;right:6vw}.hero-topline{top:106px;font-size:0.75rem;letter-spacing:.07em;gap:25px}.hero-topline span:last-child{max-width:135px;text-align:right;line-height:1.3}.hero-title-wrap{margin-top:-85px}.hero-label{font-size:0.75rem;letter-spacing:.035em;margin-bottom:28px}.tiny-circle{display:none}h1{font-size:21vw;margin-left:-18px;margin-right:10px;letter-spacing:-.085em;text-shadow:2px 3px 0 var(--deep),4px 5px 0 #0c3028}.name-star{font-size:.29em;right:-.7em;top:-.22em}.role-sticker{font-size:0.75rem;padding:11px 12px;margin:12px auto 34px;letter-spacing:.02em}.hero-description{font-size:1.75rem;line-height:1.1;margin-bottom:27px}.pill-button{font-size:0.84rem;padding:15px 23px;gap:24px}.hero-folder{width:155px;top:162px;left:-65px}.hero-scissors{width:145px;right:-42px;top:153px;--r:-25deg}.hero-glasses{width:150px;left:-44px;bottom:266px;--r:-23deg}.hero-pencil{width:175px;right:-57px;bottom:183px;--r:-32deg}.hero-note{width:155px;right:14%;bottom:95px;padding:17px 16px 19px;rotate:-3deg}.hero-note p{font-size:0.95rem;margin:13px 0}.note-label{font-size:0.75rem}.note-scribble{font-size:1.15rem}.hero-caption{left:8%;bottom:150px;width:115px;rotate:-5deg}.hero-caption .handwriting{font-size:1.45rem}.caption-star{right:-4px;top:-48px;font-size:2.6rem}.hero-ball{width:80px;bottom:59px;left:-26px}.hero-bottom{bottom:20px;padding-top:20px;font-size:0.75rem}.hero-bottom>span:first-child{display:none}.hero-bottom>a{gap:9px}.hero-bottom>span:last-child{font-size:0.75rem}.work{padding-top:70px;padding-bottom:45px}.section-heading{display:block}.eyebrow{font-size:0.75rem;letter-spacing:.09em;margin-bottom:23px}h2{font-size:clamp(2.45rem,7.9vw,3.7rem);letter-spacing:-.05em}.section-heading>p{margin-top:23px;font-size:0.91rem}.work-board{display:block;margin:65px auto 0;max-width:485px}.project-card{margin:0 8px 67px;padding:12px 12px 19px;--card-rotation:-3deg}.project-sonar{--card-rotation:3deg;margin-top:0}.project-daylight{--card-rotation:-2deg;max-width:none;margin-top:0}.project-visual{aspect-ratio:1.16}.project-brand{font-size:3.5rem}.project-brand>span{font-size:0.75rem}.project-caption{padding:19px 6px 14px}.project-caption h3{font-size:1.5rem}.project-caption p{font-size:0.8rem}.project-tags{font-size:0.75rem;padding-top:15px}.work-note{display:none}.project-sticker{position:absolute;width:125px;height:125px;left:auto;right:-14px;top:auto;bottom:-33px;rotate:5deg;z-index:5}.project-sticker>span{font-size:1.5rem}.project-sticker>small{font-size:0.75rem;margin-top:10px;letter-spacing:.04em}.work-pencil{display:none}.daylight-visual{padding:25px 23px 0}.daylight-identity{font-size:2.7rem}.app-preview{top:101px;left:26%;min-width:205px}.work-footer{margin-top:77px;display:block;padding-top:21px}.work-footer>span:first-child{font-size:0.75rem;letter-spacing:.07em;display:block}.work-footer .handwriting{display:block;margin-top:20px;font-size:1.6rem;rotate:-3deg}.about{padding-top:30px}.heading-note{display:none}.about-grid{display:block;margin:62px auto 65px;max-width:480px}.about-note{margin:0 8px 70px;padding:35px 30px 25px;transform:rotate(-3deg)}.about-note>p{font-size:2.8rem}.about-copy{font-size:0.94rem;line-height:1.5}.signature{font-size:3.5rem}.note-star{font-size:3rem;bottom:30px}.dossier{transform:rotate(1deg)}.folder-tabs{margin-left:5px;gap:3px}.folder-tabs>button{padding:13px 13px;font-size:0.8rem}.folder-content{padding:27px 22px;min-height:530px}.file-stamp{font-size:0.75rem;letter-spacing:.065em;line-height:1.4}.experience-row h3{font-size:1.35rem}.experience-row p{font-size:0.9rem}.experience-row small{font-size:0.75rem}.dossier-bottom{padding:17px 22px;font-size:0.75rem;letter-spacing:.03em}.toolkit-title{font-size:2.7rem}.tool-chips{gap:8px}.tool-chips>span{font-size:0.8rem;padding:10px}.about-marquee>div{font-size:0.85rem}.about-marquee{padding:18px 0;margin-left:-6.82%;width:113.64%}.contact{padding-top:82px}.contact-paper{padding:44px 20px 45px;transform:rotate(-2deg)}.contact-paper .eyebrow{font-size:0.75rem;letter-spacing:.06em;line-height:1.4;margin:5px 10px 28px}.contact-paper h2{font-size:3.6rem;letter-spacing:-.07em}.contact-paper>p{font-size:0.87rem;line-height:1.4;max-width:230px;margin:22px auto}.contact-paper .pill-button{min-width:150px}.contact-star{display:none}.contact-glasses{width:120px;left:-32px;top:86px;z-index:3}.contact-ball{width:80px;right:-8px;top:30px}.contact footer{padding:45px 0 70px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer-brand{font-size:1.85rem}.contact footer>span{grid-row:2;grid-column:1/-1;font-size:0.75rem}.back-top{justify-self:end;font-size:0.75rem}.dialog-content{padding:28px 25px 35px}.dialog-visual{height:250px}.dialog-visual .project-brand{font-size:3rem;inset:25px auto auto 25px}.dialog-visual .app-preview{right:12%;width:215px;top:70px}.dialog-visual .daylight-identity{font-size:3.5rem;padding:25px}.dialog-content h2{font-size:2.7rem}.dialog-intro{font-size:1.15rem;margin:13px 0 25px}.case-facts{grid-template-columns:1fr 1fr;gap:18px}.case-facts p{font-size:0.8rem}.case-story{grid-template-columns:1fr;gap:23px;margin:25px 0}.case-story h3{margin-bottom:8px}.case-story p{font-size:0.95rem}}
@media(max-width:360px){.header nav{gap:14px;font-size:0.75rem}.hero-label{font-size:0.75rem}.hero-description{font-size:1.55rem}.hero-note{right:7%;width:145px}.hero-caption{left:4%}.project-brand{font-size:2.9rem}.project-tags{font-size:0.75rem;gap:7px}.folder-tabs>button{font-size:0.75rem;padding:13px 10px}.contact-paper h2{font-size:3.1rem}.project-visual.daylight-visual{aspect-ratio:1}.app-preview{left:24%;min-width:190px}.project-caption p{font-size:0.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.intro{display:none}.js-ready .reveal:not(.is-visible){opacity:1;translate:0 0}.prop{will-change:auto}}

@media(max-width:760px){.hero-title-wrap{margin-top:-185px}}

@media(max-width:760px){.hero-label{max-width:275px;line-height:1.45;margin-left:auto;margin-right:auto}.hero-topline{font-size:.75rem;line-height:1.3;align-items:start}.hero-topline>span:first-child{max-width:140px}.hero-topline>span:last-child{max-width:155px}.hero-bottom>span:last-child{max-width:95px;text-align:right;line-height:1.3}.hero-bottom a{max-width:205px}.project-tags{flex-wrap:wrap;row-gap:7px}.project-caption p{line-height:1.4}.work-footer>span:first-child{line-height:1.5}.contact footer>span{line-height:1.5}.contact-paper .eyebrow{line-height:1.6}.file-stamp{line-height:1.5}.dossier-bottom{gap:20px;line-height:1.4}.experience-row small{line-height:1.5}.role-sticker{max-width:290px;line-height:1.4}.hero-caption{bottom:130px}}