@font-face{font-family:Instrument;src:url('assets/serif.ttf')}@font-face{font-family:Instrument;src:url('assets/serif-italic.ttf');font-style:italic}@font-face{font-family:Hand;src:url('assets/hand.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:45px}body{margin:0;background:#20201e;color:#e0e9f5;font-family:Hand,cursive;font-size:16px;overflow-x:hidden}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px dashed currentColor;outline-offset:7px}svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}img{max-width:100%;display:block}.svg-library{position:absolute;width:0;height:0}.skip{position:fixed;top:-100px;left:40px;z-index:100;background:#e0e9f5;color:#355fa4;padding:15px}.skip:focus{top:15px}.ribbon{position:absolute;top:0;bottom:0;width:34px;overflow:hidden;color:#20201e;background:#6e94cb;z-index:1;display:flex;flex-direction:column;gap:3px;padding:4px 2px;opacity:.85}.ribbon svg{width:29px;height:32px;min-height:32px;stroke-width:2.3;border-bottom:2px solid #20201e;padding:1px}.ribbon-left{left:0}.ribbon-right{right:0}body{position:relative}header{height:166px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:35px}nav{display:flex;align-items:center;gap:44px;font-size:17px}nav a{position:relative;transition:transform .2s}nav a:hover{transform:rotate(-5deg)}.home-mark svg{width:28px;height:28px;transform:rotate(-15deg)}.nav-circle{position:absolute;inset:-9px -14px;width:108px;height:46px;opacity:0;stroke-dasharray:300;stroke-dashoffset:300}.connect-nav:hover .nav-circle{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset .5s}.hero-wrap{position:relative;width:min(860px,calc(100% - 150px));margin:0 auto}.hero-card{padding:13px;background:#355fa4;border:2px solid #bfd0e6;border-radius:46px 41px 44px 36px;box-shadow:inset 0 0 0 5px #5481bc;transform:rotate(-.7deg);animation:arrive 1s cubic-bezier(.2,.8,.2,1) both;will-change:transform}.hero-paper{position:relative;overflow:hidden;border-radius:29px;background-color:#e0e9f5;background-image:linear-gradient(#9caec553 1.5px,transparent 1.5px),linear-gradient(90deg,#9caec553 1.5px,transparent 1.5px);background-size:35px 35px;color:#355fa4;min-height:536px;display:grid;grid-template-columns:46% 54%;padding:45px 0 42px 45px;border:2px solid #345b9b}.hero-copy{position:relative;z-index:1}.wordmark{display:inline-flex;position:relative;align-items:baseline;gap:7px;font:italic 65px Instrument,serif;line-height:.8;transform:rotate(-6deg)}.wordmark span{font:17px Hand;letter-spacing:-1px}.wordmark svg{position:absolute;bottom:-13px;left:-8px;width:165px;height:15px;stroke-width:1.5}.studio-line{font-size:14px;margin:34px 0 12px;letter-spacing:-.5px}h1,h2,p{margin-top:0}h1{font:400 clamp(55px,5.6vw,77px)/.98 Instrument,Georgia,serif;letter-spacing:-1.5px;margin-bottom:23px}.hand-link{display:inline-block;font-size:14px;position:relative}.hand-link span{font-size:23px;display:inline-block;transition:transform .2s}.hand-link:hover span{transform:translate(4px,-4px)}.hand-link svg{position:absolute;left:0;bottom:-6px;width:100%;height:10px}.hero-art{align-self:center;margin-left:-18px;transform:rotate(2deg)}.hero-art img{width:100%;height:auto;mix-blend-mode:multiply;animation:art-in 1.2s .2s both}.paper-note{position:absolute;bottom:17px;right:23px;font-size:11px;transform:rotate(-2deg)}.floating{position:absolute;width:84px;height:84px;color:#d8d4c9;z-index:-0}.planet{right:-103px;top:90px;transform:rotate(-22deg)}.flower{left:-100px;bottom:75px;width:80px;height:100px;transform:rotate(-19deg)}.spark{right:-76px;bottom:8px;width:48px;transform:rotate(15deg)}.scroll-note{display:flex;justify-content:center;gap:12px;font-size:12px;color:#c0bdb4;padding-top:24px}.scroll-note span{font-size:23px;line-height:1}.section{width:min(900px,calc(100% - 150px));margin:0 auto;scroll-margin-top:40px}.about{text-align:center;padding:124px 100px 100px}.about-doodle{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.about-doodle svg{width:37px;height:37px;transform:rotate(-12deg);color:#8caad3}.about-doodle span{font-size:14px;transform:rotate(-4deg)}h2{font:400 54px/1.02 Instrument,Georgia,serif;letter-spacing:-.5px;margin-bottom:24px}.about>p{font-size:14px;line-height:1.9;max-width:570px;margin:0 auto 29px;color:#cccfcf}.services{display:grid;grid-template-columns:1fr 1fr;gap:0 26px;text-align:left;margin-top:35px}.services button{border:0;border-bottom:1px solid #737e8b;background:none;color:inherit;padding:15px 0;display:flex;justify-content:space-between;text-align:left;font-size:13px}.services button span{transition:transform .2s}.services button[aria-expanded=true]{color:#a9c8f1}.services button[aria-expanded=true] span{transform:rotate(45deg)}.about .service-detail{margin-top:20px;font-size:12px;min-height:50px;color:#9aabc0}.work{position:relative;padding:10px 0 40px}.work-heading{display:flex;align-items:center;justify-content:space-between;padding:0 30px 20px}.scribble{font-size:13px;transform:rotate(-3deg);margin-bottom:12px}.work-heading h2{font-size:48px}.work-heading svg{width:90px;height:100px;transform:rotate(21deg);color:#90acd2}.work-board{position:relative;border:2px solid #b4bcc3;border-radius:28px 24px 22px 14px;background-image:linear-gradient(#8a929441 1px,transparent 1px),linear-gradient(90deg,#8a929441 1px,transparent 1px);background-size:43px 43px;padding:40px 38px 30px 50px;transform:rotate(-1.6deg);box-shadow:13px -13px 0 #355fa4}.board-ruler{position:absolute;left:12px;top:15px;font:12px/43px Instrument;opacity:.7}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 18px;align-items:center}.project{padding:7px;background:#edf0ed;border:0;border-radius:13px;color:#20201e;text-align:left;box-shadow:0 3px 3px #0005;position:relative;transform:rotate(var(--tilt));transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s;z-index:1;width:100%;align-self:center}.project:hover,.project:focus-visible{transform:rotate(0) translateY(-9px) scale(1.04);box-shadow:0 15px 25px #0006;z-index:3}.project:nth-child(1){--tilt:-4deg;margin-top:24px}.project:nth-child(2){--tilt:3deg;margin-top:-30px}.project:nth-child(3){--tilt:6deg}.project:nth-child(4){--tilt:3deg}.project:nth-child(5){--tilt:-5deg;margin-top:-15px}.project:nth-child(6){--tilt:3deg}.project-art{height:260px;overflow:hidden;position:relative;border-radius:8px;font-family:Arial,sans-serif}.project-art img{width:100%;height:100%;object-fit:cover}.project-caption{padding:9px 3px 2px;display:flex;justify-content:space-between;font-size:9px;gap:5px}.project-caption span:last-child{font-size:15px}.work-disclaimer{font-size:11px;text-align:center;margin:27px 0;color:#a8b0bb}.contact{position:relative;padding-top:116px;padding-bottom:65px}.polaroid{background:#e0e9f5;color:#355fa4;width:130px;padding:8px 8px 13px;margin:0 auto 60px;transform:rotate(6deg);box-shadow:3px 4px 0 #1115;text-align:center}.polaroid svg{width:100%;height:90px;background:#355fa4;color:#e0e9f5;padding:13px}.polaroid img{height:100px;object-fit:cover;width:100%}.polaroid span{font-size:8px;display:block;margin-top:8px}.contact-paper{width:760px;max-width:100%;margin:auto;background:#e0e9f5;color:#355fa4;border-radius:18px 24px 20px 18px;display:grid;grid-template-columns:1.6fr 1fr;padding:28px 28px 20px;gap:25px;transform:rotate(-2deg);box-shadow:3px 5px 0 #151514}.contact-copy h2{font:32px Instrument;padding-bottom:8px;border-bottom:1px solid #355fa465;margin-bottom:4px}.wish-list label{display:flex;align-items:center;gap:9px;border-bottom:1px solid #355fa44d;min-height:44px;font-size:12px;cursor:pointer}.wish-list input{accent-color:#355fa4;width:15px;height:15px;cursor:pointer}.wish-list label:has(input:checked) span{text-decoration:line-through;text-decoration-thickness:1px}.wish-list label:first-child:has(input:checked){opacity:.6}.talk-button{display:block;margin:22px auto 6px;background:transparent;color:#355fa4;border:2px solid #355fa4;border-radius:2px;padding:10px 16px;transform:rotate(-2deg);box-shadow:2px 2px 0 #355fa44d;font-size:13px;transition:background .2s,color .2s}.talk-button:hover{background:#355fa4;color:#e0e9f5}.contact-footnote{font-size:9px;text-align:center;margin:11px 0 0}.contact-art{border:4px solid #355fa4;border-radius:24px 12px 18px 12px;overflow:hidden;display:flex;align-items:center}.contact-art img{height:100%;object-fit:cover;mix-blend-mode:multiply}.contact-flower{position:absolute;width:90px;height:120px;left:-20px;top:275px;transform:rotate(-22deg);z-index:-1}.last-word{text-align:center;margin-top:58px;font:italic 27px Instrument;color:#c1c8ce}footer{max-width:900px;margin:0 auto;padding:10px 30px 32px;display:flex;align-items:center;gap:26px;flex-wrap:wrap;justify-content:space-between;font-size:10px;color:#a8afba}.footer-logo{font:italic 38px Instrument;color:#e0e9f5}.footer-logo span{font:10px Hand;margin-left:4px}footer p{margin:0}footer small{display:block;text-align:center;flex-basis:100%;font-size:9px;opacity:.6;margin-top:25px}dialog{background:#e0e9f5;color:#355fa4;border:2px solid #355fa4;border-radius:22px;padding:38px;width:min(620px,calc(100% - 36px));max-height:90vh;overflow:auto;box-shadow:0 0 0 9px #355fa4}dialog::backdrop{background:#141412e6;backdrop-filter:blur(6px)}dialog h2{font-size:44px}dialog .close{position:absolute;right:13px;top:9px;background:none;border:0;color:inherit;font-size:30px;line-height:1}dialog p{font-size:13px;line-height:1.8}#project-preview{margin:0 0 20px}#project-preview img{max-height:420px;width:100%;object-fit:contain;border-radius:10px}.dialog-next{padding:10px 0;border:0;border-bottom:1px solid currentColor;background:none;color:inherit;font-size:13px}form label{display:block;font-size:12px;margin-bottom:18px}form input,form textarea{display:block;background:#f5f8fc;color:#294a80;border:1px solid #355fa470;border-radius:4px;width:100%;padding:11px;margin-top:6px;font-size:13px}form .talk-button{margin-left:0}form .form-note{font-size:10px;margin-top:16px}#form-status{font-size:12px}.direct-email{display:block;font-size:12px;text-decoration:underline;margin-top:14px;text-align:center}.instagram-link{display:inline-block;border-bottom:1px solid currentColor;margin-top:8px;font-size:12px}.studio-line{max-width:210px}#project-original{display:block;margin:10px 0 20px;text-decoration:underline;font-size:12px}@keyframes arrive{from{opacity:0;transform:translateY(35px) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(-.7deg)}}@keyframes art-in{from{opacity:0;transform:translateY(12px) rotate(-4deg)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){header{height:190px}.hero-wrap{width:940px}.hero-paper{min-height:570px}h1{font-size:85px}.hero-art img{max-height:500px;object-fit:contain}}
@media(max-width:900px){.hero-wrap,.section{width:calc(100% - 100px)}.hero-paper{padding:30px 0 35px 28px;min-height:450px}h1{font-size:62px}.wordmark{font-size:55px}.studio-line{font-size:11px}.hero-art{margin-left:-12px}.about{padding:100px 45px 70px}.planet{right:-40px;width:50px}.flower{left:-42px;width:45px}.spark{right:-35px;width:30px}.work-board{padding:30px 20px 25px 35px}.project-art{height:210px}.projects{gap:24px 12px}.project-caption{font-size:8px}.contact-paper{gap:15px;padding:23px}.wish-list label{font-size:10px}.contact-copy h2{font-size:29px}.contact-footnote{font-size:8px}.ribbon{width:24px}.ribbon svg{width:20px;min-height:26px;height:26px}footer{padding-inline:55px}}
@media(max-width:600px){header{height:115px;padding-bottom:27px}nav{gap:27px;font-size:14px}.home-mark svg{width:25px;height:25px}.ribbon{width:16px;padding:2px 0}.ribbon svg{width:15px;height:20px;min-height:20px}.hero-wrap,.section{width:calc(100% - 54px)}.hero-card{padding:8px;border-radius:28px}.hero-paper{border-radius:18px;min-height:595px;display:block;padding:28px 24px 28px;background-size:27px 27px}.wordmark{font-size:48px}.wordmark span{font-size:13px}.wordmark svg{width:130px}.studio-line{margin-top:28px;font-size:11px}h1{font-size:61px;line-height:1.01;margin-bottom:17px;position:relative;z-index:1}.hand-link{font-size:12px}.hero-art{position:absolute;bottom:5px;right:-12px;width:79%;margin:0;opacity:.95}.hero-art img{height:280px;object-fit:contain}.paper-note{font-size:8px;bottom:12px;right:15px}.planet,.flower,.spark{display:none}.scroll-note{font-size:9px;padding-top:19px}.about{padding:83px 15px 50px}h2{font-size:42px}.about>p{font-size:12px;line-height:1.9}.about-doodle span{font-size:12px}.services{gap:0 18px}.services button{font-size:11px}.about .service-detail{font-size:10px;min-height:58px}.work-heading{padding:0 5px 12px}.work-heading h2{font-size:37px}.scribble{font-size:11px}.work-heading svg{width:50px;height:65px}.work-board{padding:26px 17px 25px 24px;box-shadow:6px -7px 0 #355fa4;border-radius:18px}.board-ruler{left:5px;font-size:9px;line-height:35px}.projects{grid-template-columns:1fr 1fr;gap:24px 12px}.project{padding:5px;border-radius:9px}.project-art{height:185px;border-radius:5px}.project-caption{padding-top:6px;font-size:7px;line-height:1.5}.project:nth-child(2){margin-top:-9px}.project:nth-child(3){margin-top:0}.work-disclaimer{font-size:9px;padding:0 15px;line-height:1.8}.contact{padding-top:58px;padding-bottom:30px}.polaroid{margin-bottom:40px;width:112px}.contact-paper{display:block;padding:21px 18px 24px;transform:rotate(-1.5deg)}.contact-copy h2{font-size:30px}.wish-list label{font-size:10px;min-height:43px}.contact-art{display:none}.contact-footnote{font-size:8px}.talk-button{font-size:12px}.direct-email{font-size:11px}.last-word{font-size:24px;margin-top:38px}.contact-flower{display:none}footer{padding:10px 35px 25px;justify-content:center;gap:14px}footer p{font-size:9px;flex-basis:100%;text-align:center}footer small{margin-top:12px}dialog{padding:30px 22px}dialog h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-card{transform:rotate(-.7deg)!important}}
@media(max-width:600px){.hero-paper{min-height:650px}.hero-art{bottom:8px}.hand-link{z-index:2}}
