/* Scrapbook edition: ruled paper, ink, tape and a colorful project archive. */
:root{--bg:#f7f7f2;--surface:#fcfcf8;--ink:#1b1a17;--body:#65645c;--line:#d8d8d1;--accent:#f3cd4a;--soft:#eeede6;--green:#1c1b18;--paper-line:#dedfd95e;--mono:"Courier New",monospace;--hand:"KaiTi","STKaiti","Segoe Print","Comic Sans MS",cursive}
html{scroll-padding-top:100px}body{padding:32px 34px 0;background-color:#929590;background-image:linear-gradient(#e8e8df65 1px,transparent 1px),linear-gradient(90deg,#e8e8df65 1px,transparent 1px);background-size:48px 48px;background-attachment:fixed;color:var(--ink)}.notebook{max-width:1320px;margin:0 auto;min-height:100vh;border:1px solid #e9e9df;background-color:var(--bg);background-image:repeating-linear-gradient(transparent 0px,transparent 27px,var(--paper-line) 27px,var(--paper-line) 28px);box-shadow:0 7px 30px #15171218;overflow:clip}.container{width:calc(100% - 104px);max-width:1120px}.handwritten{font-family:var(--hand);font-weight:400}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.site-header{margin:0 7px;top:0;background:var(--bg);backdrop-filter:none;border-bottom:1px solid var(--line)}.header-inner{height:49px;gap:0;width:100%;padding:0 4px}.brand{margin:0 12px 0 6px;gap:0}.brand-symbol{font-family:Arial,sans-serif;font-size:23px;line-height:1;color:#f44d92;transform:rotate(-10deg)}.desktop-nav{margin:0;gap:0;flex:1}.desktop-nav a{height:49px;display:flex;align-items:center;gap:8px;padding:0 17px;color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.5px;transition:background .2s}.desktop-nav a>span{font-size:14px}.desktop-nav a small{font-family:var(--mono);font-size:8px;letter-spacing:.5px}.desktop-nav a.active{background:#f5d14d;color:#181817}.desktop-nav a:hover{background:#f5d14d55}.header-actions{gap:8px}.header-contact{border:1.5px solid var(--ink);border-radius:0;gap:12px;padding:5px 10px;min-height:28px;font-family:var(--mono);font-size:10px;font-weight:700}.header-contact .icon{width:12px;height:12px}.icon-button{width:28px;height:28px;padding:5px}.header-actions>#theme-toggle{background:#26ae7b;color:#18362a}.header-actions>#theme-toggle .icon{width:17px;height:17px}.nav-sticker{display:grid;place-items:center;width:28px;height:28px;background:#f85797;color:#7a203b;border-radius:50%;font-size:22px;line-height:1}.header-contact:hover{background:#f4cf48}.mobile-nav{background:var(--bg)}
.hero{display:flex;flex-direction:column;position:relative;text-align:center;padding:78px 0 71px;gap:0;max-width:100%;min-height:660px}.hero-note{font-size:18px;line-height:1.2;transform:rotate(-5deg);margin:0 0 17px}.hero-note::after{content:"";display:block;width:39px;height:4px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;margin:3px auto;transform:rotate(-3deg)}.masthead-wrap{position:relative}.masthead-frame{padding:14px 23px 12px;position:relative}.masthead-frame::before{content:"";position:absolute;inset:0;border:1.5px solid #f47949;transform:rotate(-2deg);pointer-events:none}.masthead-frame::after{content:"";position:absolute;right:-3px;bottom:-3px;width:5px;height:5px;background:#f47949;box-shadow:-394px 0 #f47949}.pixel-title{display:block;font-family:Impact,"Arial Black",sans-serif;font-size:115px;line-height:1;letter-spacing:-4px;font-weight:900}.pixel-title svg{width:354px;height:88px;fill:var(--ink);shape-rendering:crispEdges}.label-tape{position:absolute;font-family:var(--hand);font-size:13px;line-height:1.3;padding:7px 12px;box-shadow:2px 3px 0 #0000000c;white-space:nowrap;color:#272b22}.label-yellow{background:#f3cb45;left:-105px;bottom:-26px;transform:rotate(-5deg)}.label-mint{background:#a5ddc2;right:-91px;bottom:-25px;transform:rotate(6deg)}.hero-stamp{position:absolute;top:86px;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:1px;color:#253c30}.hero-stamp>span{padding:6px 13px;box-shadow:0 3px 5px #0002;border:2px solid #ffffffaa;border-radius:14px;display:inline-block}.stamp-left{left:19%;transform:rotate(-5deg)}.stamp-left>span{background:#a9debf}.stamp-right{right:16%;transform:rotate(4deg)}.stamp-right>span{background:#eee0a3}.hero-stamp i{font-style:normal;position:absolute;font-size:30px;right:-26px;bottom:-30px;color:var(--ink)}.stamp-left i{display:none}.eyebrow{font-family:var(--mono);font-size:8px;letter-spacing:1.7px;line-height:1.6;font-weight:700;margin:24px 0 28px;gap:8px}.status-dot{width:6px;height:6px;background:#2854cf;box-shadow:none}.hero h1{font-size:40px;line-height:1.4;font-weight:650;letter-spacing:-1.6px;margin:0}.circled-word{display:inline-block;position:relative}.circled-word svg{position:absolute;inset:-5px -5%;width:110%;height:calc(100% + 10px);fill:none;stroke:#1dae76;stroke-width:3;transform:rotate(-6deg)}.flower-inline{font-size:49px;line-height:0;display:inline-block;color:#ef4a93;margin-left:8px;vertical-align:baseline;transform:translateY(4px) rotate(-8deg)}.hero-description{font-size:12px;color:var(--body);line-height:1.9;margin:17px 0 22px;max-width:550px}.button{border-radius:0;min-height:44px;padding:7px 17px 7px 7px;font-family:var(--mono),var(--sans);font-size:11px;letter-spacing:.8px;border:1px solid #1a1917;box-shadow:3px 3px 0 #18191625;gap:14px}.button:hover{transform:translate(-1px,-2px);box-shadow:5px 5px 0 #18191630}.button-primary{background:#1c1b18;color:#fff}.button-primary:hover{background:#343129}.button-square{display:grid;place-items:center;width:28px;height:28px;background:#2854ce;color:#fff;font-size:18px}.button-en{font-size:8px;letter-spacing:1px}.orbit-sticker{position:absolute;display:grid;place-items:center;line-height:1;pointer-events:none}.sticker-smile{width:66px;height:66px;border:2px solid #20221d;background:#edcc49;box-shadow:4px 4px 0 #11111115;color:#22281b;border-radius:50%;left:10%;top:315px;transform:rotate(-16deg);font:65px Arial}.sticker-star{font-size:85px;color:#20a875;right:9%;top:290px;transform:rotate(13deg);text-shadow:2px 3px #163f2830}.hero-bottom-note{font-size:14px;color:var(--body);margin:26px 0 0;transform:rotate(-3deg)}.pencil-divider{position:absolute;bottom:4px;left:-12px;width:calc(100% + 24px);height:30px;border-top:1px solid #bfc0b6;border-radius:50%;transform:rotate(-1deg)}.pencil-divider::after{content:"";position:absolute;inset:2px 9px 0 -6px;border-top:1px solid #cbcbc2;border-radius:50%;transform:rotate(1deg)}
.about-section{background:none;border:0;padding:22px 0 45px}.section-scribble{font-size:18px;transform:rotate(-7deg);width:max-content;margin:0 0 31px 3px}.section-scribble span{font-size:27px;margin-left:10px;display:inline-block;transform:translateY(6px) rotate(8deg)}.about-collage{position:relative;display:flex;justify-content:center;align-items:center;min-height:350px}.about-center{max-width:520px;width:58%;text-align:center;position:relative;z-index:1}.about-section h2.boxed-title{display:inline-block;border:1.5px solid var(--ink);background:var(--bg);padding:5px 12px;font-family:var(--hand);font-size:22px;font-weight:400;line-height:1.5;letter-spacing:0;transform:rotate(-2deg);margin:0 0 27px}.about-lead{font-family:var(--hand);font-size:23px;line-height:1.7;font-weight:400;margin:0 0 9px}.about-center>#about-description{font-family:var(--hand);font-size:19px;line-height:1.85;color:var(--ink);margin:0 auto;max-width:440px}.polaroid{position:absolute;background:#fafbf5;margin:0;padding:9px 9px 5px;box-shadow:3px 7px 10px #1b231523;border:1px solid #ecece3;width:170px;z-index:2}.polaroid img{width:100%;height:190px;object-fit:cover;background:#d8ddd2}.polaroid figcaption{text-align:center;font-size:11px;color:#484c3e;padding:8px 0 5px;line-height:1.3}.polaroid-nature{left:0;top:91px;transform:rotate(-7deg)}.polaroid-desk{right:-3px;top:5px;transform:rotate(7deg)}.photo-tape{position:absolute;width:54px;height:18px;z-index:2;opacity:.67;backdrop-filter:blur(1px)}.tape-blue{background:#a8b8db;left:-12px;top:-5px;transform:rotate(-40deg);clip-path:polygon(1% 4%,98% 0,96% 94%,4% 100%)}.tape-yellow{background:#eee0a4;right:-16px;top:-2px;transform:rotate(42deg);clip-path:polygon(2% 0,99% 7%,96% 100%,0 94%)}.interest-tags{margin:26px auto 0;max-width:370px;display:grid;grid-template-columns:1fr 1fr;gap:8px 9px}.interest-tags span{font-size:14px;line-height:1.5;font-weight:600;padding:9px 13px;border:0;border-radius:0;background:#f3cb47;color:#1a1b18;clip-path:polygon(2% 0,97% 1%,99% 9%,97% 18%,100% 29%,97% 40%,100% 53%,97% 68%,99% 79%,97% 91%,99% 99%,3% 100%,0 92%,3% 81%,0 70%,3% 58%,0 44%,3% 32%,0 19%,3% 10%);transform:rotate(-1deg);display:flex;align-items:center;justify-content:space-between;gap:15px}.interest-tags span::after{content:"✦";font-size:21px;line-height:1}.interest-tags span:nth-child(2){background:#20b584;color:#fff;transform:rotate(2deg)}.interest-tags span:nth-child(2)::after{content:"↗"}.interest-tags span:nth-child(3){background:#f04b96;color:#fff;transform:rotate(1deg)}.interest-tags span:nth-child(3)::after{content:"✿";color:#f3db4a}.interest-tags span:nth-child(4){background:#2c55cf;color:#fff;transform:rotate(-2deg)}.interest-tags span:nth-child(4)::after{content:"∞"}.about-postscript{font-size:14px;color:var(--body);margin:23px 0 0;transform:rotate(-2deg)}
.projects-section{padding-top:59px}.section-top{align-items:center;gap:25px}.section-index{font-family:var(--mono);font-size:9px;letter-spacing:1.7px;color:var(--body);font-weight:700}.section-top h2{font-size:32px;font-weight:650;letter-spacing:-.7px}.marker-highlight{position:relative;isolation:isolate}.marker-highlight::after{content:"";position:absolute;left:-5px;right:-5px;bottom:1px;height:46%;background:#f4d254;z-index:-1;transform:rotate(-2deg)}.heading-spark{display:inline-block;color:#e95891;font-size:39px;line-height:1;margin-left:16px;transform:rotate(10deg)}.project-hint{font-size:16px;line-height:1.5;transform:rotate(7deg);margin-right:15px}.project-toolbar{margin-top:26px;padding-bottom:11px}.filter-list{gap:5px}.filter-button{border-radius:0;border:1px solid transparent;padding:7px 12px;font-size:10px;color:var(--body)}.filter-button[aria-pressed="true"]{border:1px solid var(--ink);background:var(--bg);color:var(--ink);box-shadow:2px 2px 0 #3333;transform:rotate(-2deg)}.filter-button span{margin-left:5px}.project-count{font-family:var(--mono);font-size:9px}.demo-note{font-size:9px;display:block;margin:13px 0 28px;color:var(--body)}.project-grid{display:flex;flex-direction:column;gap:0;padding-top:0}.project-card{--folder:#1d1b19;--folder-ink:#f9f8f0;--folder-muted:#c6c3b8;position:relative;margin:0;padding-top:36px;border-radius:0;animation:none;isolation:isolate}.project-card[data-paper="1"]{--folder:#f2cc46;--folder-ink:#1c1b18;--folder-muted:#554b30}.project-card[data-paper="2"]{--folder:#e889ae;--folder-ink:#251b25;--folder-muted:#56404e}.project-card[data-paper="3"]{--folder:#2b53bf;--folder-ink:#fffdf2;--folder-muted:#d1dbf5}.project-tab{position:absolute;left:0;top:0;width:210px;height:37px;padding:11px 27px;background:var(--folder);color:var(--folder-ink);font:700 9px/1.5 var(--mono);letter-spacing:1.2px;clip-path:polygon(0 0,86% 0,100% 100%,0 100%)}.project-card:nth-child(2) .project-tab{left:24%}.project-card:nth-child(3) .project-tab{left:47%}.project-card:nth-child(4) .project-tab{left:69%}.project-card:not(:first-child){margin-top:-36px}.project-card:not(:first-child)::before{content:"";position:absolute;left:0;top:0;width:100%;height:37px;background:transparent;pointer-events:none}.project-link{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:35px;background:var(--folder);color:var(--folder-ink);padding:38px 40px 60px;border-radius:0;min-height:382px;overflow:hidden;text-align:left}.project-link:focus-visible{outline-color:#f46c3e;outline-offset:5px;z-index:3}.project-text{position:relative;z-index:2;display:block;padding-bottom:10px}.project-meta{margin:0 0 16px;font:8px/1.5 var(--mono);color:var(--folder-muted);letter-spacing:1px;justify-content:flex-start;gap:10px}.project-meta::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.project-title{font-size:49px;line-height:1.1;font-weight:700;letter-spacing:-2px;display:block;margin:0 0 14px;color:var(--folder-ink)}.project-title span{font-size:16px;line-height:1.8;letter-spacing:0;font-weight:500;display:block;margin:12px 0 0;color:var(--folder-ink)}.project-description{font-size:11px;line-height:1.9;color:var(--folder-muted);max-width:320px}.project-tags{margin-top:16px;gap:6px}.project-tag{font-size:8px;line-height:1.5;color:var(--folder-muted);border-color:color-mix(in srgb,var(--folder-ink) 25%,transparent);border-radius:0;padding:3px 6px}.project-cta{display:inline-block;margin-top:26px;font:700 9px/1.7 var(--mono);letter-spacing:1px;border-bottom:1px solid var(--folder-muted);color:var(--folder-ink);padding-bottom:3px}.project-visual{position:relative;display:block;aspect-ratio:1.38;overflow:visible;border-radius:0;background:transparent;border:5px solid #f7f7ed;box-shadow:7px 8px 0 #10141024;transform:rotate(3deg);margin:3px -12px 0 0;transition:transform .35s}.project-visual svg,.project-visual>img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0;transition:none}.project-link:hover .project-visual{transform:rotate(0deg) translateY(-6px)}.project-link:hover .project-visual svg,.project-link:hover .project-visual>img{transform:none}.project-visual::before,.project-visual::after{content:"";position:absolute;width:64px;height:22px;background:#eeede7a6;z-index:3;top:-12px;left:-18px;transform:rotate(-20deg);clip-path:polygon(0 9%,96% 0,100% 90%,2% 100%)}.project-visual::after{left:auto;right:-19px;top:-7px;transform:rotate(24deg);background:#e7dfc8a6}.demo-badge{left:8px;top:8px;backdrop-filter:none;border-radius:0;padding:2px 6px;font-size:8px;background:#fffdf0e8;color:#4a493d;border:1px solid #fff7;z-index:1}.project-arrow{display:none}.work-end{margin:31px 0 0;gap:25px}.work-end p{font-size:16px;letter-spacing:0}.work-end p span{color:#dc5f93;font-size:25px}
.contact-section{padding-block:62px 50px}.contact-panel{position:relative;padding:36px 43px 30px;border:1px solid #bbaa75;background:#efe2ad;color:#28261e;border-radius:0;overflow:visible;box-shadow:5px 6px 0 #221e1615;transform:rotate(-1deg);margin-inline:15px}.contact-tape{position:absolute;left:calc(50% - 49px);top:-12px;width:98px;height:27px;background:#b2bfdaba;transform:rotate(-5deg);clip-path:polygon(0 5%,99% 0,97% 99%,1% 95%)}.contact-panel>.section-index{color:#776638;font-size:9px}.contact-panel h2{font-size:34px;line-height:1.5;color:#27251d;font-weight:650;letter-spacing:-1px;padding-right:20px}.contact-panel h2>span{border-bottom:2px solid #ea6292}.contact-panel h2 i{font-style:normal;margin-left:18px;font-weight:400;font-size:40px;color:#2a53c9;vertical-align:middle}.contact-panel>p:not(.section-index):not(.contact-caption){font-family:var(--hand);font-size:17px;line-height:1.7;color:#594c2e;margin:15px 0 21px;max-width:75%}.contact-actions{gap:20px;position:relative;z-index:2}.contact-panel .button-square{background:#ee5195}.contact-caption{color:#726440;font-size:9px;position:relative;z-index:2;margin-top:14px}.social-links a{color:#2d4cb3;border-color:#2d4cb388}.contact-flower{position:absolute;right:40px;bottom:40px;font-size:110px;line-height:1;color:#ef5795;transform:rotate(15deg);text-shadow:3px 4px #1a191926;pointer-events:none}.site-footer{padding-bottom:25px;gap:14px;border-top:1px solid var(--line);padding-top:17px}.footer-brand{font-size:10px;font-family:var(--mono)}.footer-brand>span:first-child{font-size:20px;color:#e45289}.site-footer p{font-size:8px;letter-spacing:.5px;font-family:var(--mono)}.back-top{font-family:var(--hand);font-size:15px;transform:rotate(-4deg);color:var(--ink)}
dialog{border:2px solid var(--ink);border-radius:0;box-shadow:8px 8px 0 #19191433;background-color:var(--bg);background-image:repeating-linear-gradient(transparent 0px,transparent 27px,var(--paper-line) 27px,var(--paper-line) 28px)}dialog::backdrop{background:#181b218a;backdrop-filter:blur(4px)}.dialog-close{background:#f5ce4a;color:#1d1d18;border:1px solid #1d1d18;border-radius:0;width:34px;height:34px}.dialog-close:hover{background:#ecb63e}.dialog-visual{height:300px;border-bottom:2px solid var(--ink)}.dialog-demo{border-radius:0;background:#f3cc49;color:#262419}.dialog-body h2{font-family:Impact,var(--sans);font-size:43px;letter-spacing:-1px}.dialog-facts{border-block:1px dashed var(--body)}.case-section h3 span{color:#d55087;font-family:var(--mono)}.case-section p{color:var(--ink)}.contact-dialog-icon{color:#eb4d91}.toast{border-radius:0;background:#1c1c19;color:#fff;box-shadow:4px 4px 0 #f0ca4a}
html[data-theme="dark"]{--bg:#242724;--surface:#313631;--ink:#eeeee4;--body:#acb3a6;--line:#485045;--soft:#333b32;--green:#1c1b18;--paper-line:#68715a25;color-scheme:dark}html[data-theme="dark"] body{background-color:#454e45;background-image:linear-gradient(#78856b44 1px,transparent 1px),linear-gradient(90deg,#78856b44 1px,transparent 1px)}html[data-theme="dark"] .notebook{border-color:#4f5847}html[data-theme="dark"] .marker-highlight::after{background:#90762b}html[data-theme="dark"] .filter-button[aria-pressed="true"]{background:#f1cf55;color:#1d1c19}html[data-theme="dark"] .contact-panel{background:#efe2ad}html[data-theme="dark"] .project-title,html[data-theme="dark"] .project-title span{color:var(--folder-ink)}html[data-theme="dark"] .brand-symbol{color:#f25797}
@media(min-width:1550px){.container{max-width:1140px;width:calc(100% - 124px)}.hero{padding:88px 0 77px}.polaroid{width:185px}.polaroid img{height:212px}}
@media(max-width:1100px){body{padding:23px 24px 0}.container{width:calc(100% - 78px)}.hero{padding:75px 0 65px;min-height:635px;gap:0}.hero h1{font-size:36px}.sticker-smile{left:5%;width:55px;height:55px;font-size:53px}.sticker-star{right:5%;font-size:74px}.stamp-left{left:13%}.stamp-right{right:10%}.about-center{width:57%}.polaroid{width:145px}.polaroid img{height:168px}.polaroid-nature{left:-4px}.polaroid-desk{right:-5px}.about-section h2.boxed-title{font-size:19px}.about-lead{font-size:20px}.about-center>#about-description{font-size:17px}.interest-tags{gap:7px}.interest-tags span{font-size:12px;padding:8px 11px}.project-link{padding:33px 31px 57px;gap:28px;min-height:340px}.project-title{font-size:42px}.project-title span{font-size:14px}.project-description{font-size:10px}.project-visual{margin-right:-6px}.contact-panel{padding:32px}.contact-panel h2{font-size:30px}.contact-flower{right:20px;font-size:95px}.desktop-nav a{padding-inline:12px}.desktop-nav a small{font-size:7px}}
@media(max-width:800px){body{padding:18px 17px 0;background-size:36px 36px}.container{width:calc(100% - 48px)}.header-inner{height:46px}.desktop-nav a{height:46px;padding:0 12px;gap:5px;font-size:10px}.desktop-nav a small{display:none}.header-contact{display:flex;font-size:9px;padding:4px 8px}.header-actions{gap:6px}.brand{margin-inline:3px 10px}.hero{padding:73px 0 57px;min-height:620px}.hero-stamp{font-size:7px;top:60px}.stamp-left{left:9%}.stamp-right{right:4%}.pixel-title svg{width:320px;height:80px}.masthead-frame{padding-inline:19px}.masthead-frame::after{box-shadow:none}.label-yellow{left:-63px;bottom:-31px;font-size:11px}.label-mint{right:-51px;bottom:-30px;font-size:11px}.eyebrow{font-size:6px;letter-spacing:1px;margin-top:32px;margin-bottom:25px}.hero h1{font-size:32px;letter-spacing:-1px}.flower-inline{font-size:38px}.hero-description{font-size:11px}.hero-cta{font-size:10px}.button-en{font-size:7px}.sticker-smile{width:43px;height:43px;font-size:42px;left:1%;top:296px}.sticker-star{font-size:59px;right:1%;top:315px}.hero-note{font-size:16px}.hero-bottom-note{font-size:12px}.about-section{padding-top:16px}.section-scribble{font-size:16px;margin-bottom:25px}.about-collage{align-items:flex-start;min-height:475px}.about-center{width:66%;max-width:470px}.polaroid{width:118px;padding:7px 7px 4px}.polaroid img{height:142px}.polaroid figcaption{font-size:9px;padding:6px 0}.polaroid-nature{top:215px;left:-6px;transform:rotate(-8deg)}.polaroid-desk{top:202px;right:-6px;transform:rotate(7deg)}.about-section h2.boxed-title{font-size:18px;margin-bottom:21px}.about-lead{font-size:21px}.about-center>#about-description{font-size:17px}.interest-tags{max-width:245px;margin-top:24px;gap:6px}.interest-tags span{font-size:11px;gap:7px;padding:8px 10px}.interest-tags span::after{font-size:17px}.about-postscript{margin-top:22px;font-size:12px}.projects-section{padding-top:10px}.section-top h2{font-size:27px}.project-hint{font-size:13px;margin-right:0}.section-index{font-size:8px}.heading-spark{font-size:30px;margin-left:6px}.project-tab{width:170px;font-size:8px;padding:11px 20px}.project-card:nth-child(2) .project-tab{left:19%}.project-card:nth-child(3) .project-tab{left:39%}.project-card:nth-child(4) .project-tab{left:61%}.project-link{padding:28px 25px 54px;gap:20px;min-height:302px;grid-template-columns:.9fr 1.1fr}.project-title{font-size:33px;letter-spacing:-1px}.project-title span{font-size:12px;margin:11px 0 0;line-height:1.7}.project-tags{gap:4px;margin-top:12px}.project-tag{font-size:7px;padding:2px 4px}.project-description{font-size:10px;line-height:1.75}.project-meta{font-size:7px;gap:7px;margin-bottom:12px}.project-cta{font-size:8px;margin-top:17px}.project-visual{border-width:4px;margin-right:-5px}.project-visual::before,.project-visual::after{width:48px;height:17px}.demo-badge{font-size:6px}.contact-section{padding-block:48px 38px}.contact-panel{padding:29px 26px;margin-inline:6px}.contact-panel h2{font-size:26px;letter-spacing:-1px;padding-right:0}.contact-panel h2 i{font-size:30px;margin-left:8px}.contact-panel>p:not(.section-index):not(.contact-caption){font-size:15px}.contact-flower{font-size:75px;right:16px;bottom:33px}.contact-actions .button{font-size:9px}.site-footer p{font-size:6px}.back-top{font-size:12px}}
@media(max-width:600px){html{scroll-padding-top:76px}body{padding:11px 9px 0;background-size:26px 26px}.notebook{overflow:clip}.container{width:calc(100% - 34px)}.site-header{margin-inline:4px}.header-inner{height:45px;padding:0 4px}.brand{margin:0 auto 0 4px}.brand-symbol{font-size:24px}.desktop-nav{display:none}.header-actions{gap:7px}.header-actions>#theme-toggle,.nav-sticker{width:24px;height:24px}.nav-sticker{font-size:20px}.header-contact{font-size:8px;padding:3px 6px;min-height:23px;gap:6px}.header-contact .icon{width:11px;height:11px}.menu-toggle{width:28px;height:28px;gap:5px}.menu-toggle span{width:16px}.mobile-nav{padding:8px 8px 14px}.mobile-nav a{font:10px/1.5 var(--mono);padding:12px}.hero{min-height:0;padding:70px 0 53px;gap:0}.hero-note{font-size:14px;margin-bottom:16px}.hero-stamp{top:29px;font-size:6px;letter-spacing:.5px}.hero-stamp>span{padding:4px 7px;border-width:1px}.stamp-left{left:9px;transform:rotate(-6deg)}.stamp-right{right:2px;transform:rotate(5deg)}.hero-stamp i{font-size:22px;right:0;bottom:-24px}.masthead-frame{padding:10px 11px 9px}.pixel-title svg{width:235px;height:59px}.label-tape{font-size:10px;padding:5px 8px}.label-yellow{left:-16px;bottom:-29px;transform:rotate(-6deg)}.label-mint{right:-17px;bottom:-29px;transform:rotate(6deg)}.eyebrow{font-size:5px;letter-spacing:.4px;gap:5px;margin:48px 0 22px;white-space:nowrap}.status-dot{width:4px;height:4px}.hero h1{font-size:26px;line-height:1.5;letter-spacing:-.9px}.circled-word svg{stroke-width:2.6}.flower-inline{font-size:33px;margin-left:4px;transform:translateY(3px) rotate(-8deg)}.hero-description{font-size:10px;line-height:1.9;max-width:275px;margin:17px 0 19px}.hero-cta{min-height:40px;font-size:9px;gap:10px;padding:5px 11px 5px 5px}.button-square{width:25px;height:25px;font-size:16px}.button-en{font-size:6px;letter-spacing:.3px}.hero-bottom-note{font-size:11px;margin-top:22px}.sticker-smile{width:29px;height:29px;font-size:29px;left:0;top:275px;border-width:1px;box-shadow:2px 2px 0 #1112}.sticker-star{font-size:38px;right:-2px;top:350px}.pencil-divider{width:calc(100% + 10px);left:-5px;height:22px}.about-section{padding:14px 0 20px}.section-scribble{font-size:14px;margin:0 0 19px 2px}.section-scribble span{font-size:21px}.about-collage{display:grid;grid-template-columns:1fr 1fr;gap:0 29px;padding-inline:9px;min-height:0}.about-center{width:100%;max-width:none;grid-column:1/-1;grid-row:1;z-index:1}.about-section h2.boxed-title{font-size:16px;padding:4px 9px;line-height:1.5;margin-bottom:23px}.about-lead{font-size:20px;line-height:1.8;margin-bottom:8px}.about-center>#about-description{font-size:17px;line-height:1.8;max-width:290px}.interest-tags{max-width:273px;gap:7px;margin-top:21px}.interest-tags span{font-size:12px;padding:8px 11px}.interest-tags span::after{font-size:19px}.about-postscript{font-size:12px;margin:22px 0 30px}.polaroid{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:153px;margin:0;justify-self:center;padding:7px 7px 3px;grid-row:2}.polaroid img{height:144px}.polaroid figcaption{font-size:9px;padding:7px 0 5px}.polaroid-nature{transform:rotate(-5deg);margin-top:12px}.polaroid-desk{transform:rotate(6deg)}.photo-tape{width:43px;height:15px}.tape-blue{left:-8px;top:-2px}.tape-yellow{right:-9px;top:-2px}.projects-section{padding-top:53px}.section-top{display:flex;align-items:center;gap:15px}.section-index{font-size:6px;letter-spacing:1px;margin-bottom:10px}.section-top h2{font-size:23px;letter-spacing:-.7px}.heading-spark{font-size:23px;margin-left:4px}.project-hint{display:none}.project-toolbar{margin-top:22px;padding-bottom:12px;gap:4px}.filter-list{gap:3px}.filter-button{font-size:8px;padding:6px 7px}.filter-button span{font-size:7px;margin-left:3px}.project-count{font-size:7px;white-space:nowrap}.demo-note{font-size:8px;line-height:1.8;margin:12px 0 22px}.project-grid{gap:0}.project-tab{width:153px;height:32px;font-size:7px;letter-spacing:.9px;padding:10px 17px}.project-card{padding-top:31px}.project-card:not(:first-child){margin-top:-31px}.project-card:nth-child(2) .project-tab{left:20%}.project-card:nth-child(3) .project-tab{left:35%}.project-card:nth-child(4) .project-tab{left:49%}.project-link{display:flex;flex-direction:column;align-items:stretch;padding:26px 22px 57px;gap:26px;min-height:0;overflow:hidden}.project-text{padding:0}.project-meta{margin-bottom:12px;font-size:7px;gap:8px}.project-title{font-size:38px;letter-spacing:-1px;margin-bottom:10px;line-height:1.12}.project-title span{font-size:13px;display:block;margin:10px 0 0;line-height:1.7}.project-description{font-size:10px;max-width:none;line-height:1.8}.project-tags{gap:5px;margin-top:12px}.project-tag{font-size:7px;padding:3px 5px}.project-cta{font-size:8px;margin-top:17px}.project-visual{width:calc(100% - 7px);margin:0 auto;aspect-ratio:1.46;border-width:4px;transform:rotate(3deg)}.project-visual::before,.project-visual::after{width:46px;height:17px;top:-10px}.demo-badge{font-size:6px;left:6px;top:6px;padding:2px 4px}.work-end{margin-top:28px;gap:16px}.work-end p{font-size:13px}.work-end p span{font-size:21px}.contact-section{padding:43px 0 34px}.contact-panel{margin-inline:2px;padding:28px 21px 27px;transform:rotate(-1deg)}.contact-panel>.section-index{font-size:7px;letter-spacing:1px}.contact-panel h2{font-size:25px;line-height:1.55;letter-spacing:-1px}.contact-panel h2>span{display:table}.contact-panel h2 i{position:absolute;right:13px;top:19px;font-size:51px;transform:rotate(-9deg)}.contact-panel>p:not(.section-index):not(.contact-caption){max-width:100%;font-size:15px;margin:14px 0 20px;line-height:1.8}.contact-actions{gap:13px;align-items:flex-start;flex-direction:column}.contact-actions .button{font-size:8px;padding:5px 9px 5px 5px;gap:10px;min-height:39px;letter-spacing:.4px}.contact-actions .button .icon{width:13px;height:13px}.contact-caption{font-size:7px;line-height:1.9;margin-top:13px}.contact-flower{font-size:61px;right:7px;bottom:17px;opacity:.8}.contact-tape{width:75px;height:23px;left:calc(50% - 37px);top:-10px}.site-footer{padding:17px 0 20px;gap:12px;flex-wrap:wrap}.footer-brand{font-size:9px}.footer-brand>span:first-child{font-size:20px}.site-footer p{font-size:6px;padding:9px 0 0;border:0;order:3;line-height:1.5;letter-spacing:.4px;width:100%}.back-top{font-size:12px}.dialog-visual{height:210px}.dialog-body{padding:22px 21px 28px}.dialog-body h2{font-size:35px}.dialog-close{width:30px;height:30px}.dialog-eyebrow{font-size:8px;gap:8px}.case-section p{font-size:12px}.contact-dialog{padding:35px 25px 27px}}
@media(max-width:360px){body{padding:8px 6px 0}.container{width:calc(100% - 28px)}.pixel-title svg{width:220px;height:55px}.hero h1{font-size:24px}.sticker-smile{left:-3px}.project-count{display:none}.filter-button{padding-inline:7px}.about-collage{gap:0 21px;padding-inline:6px}.polaroid img{height:130px}.project-card:nth-child(4) .project-tab{left:45%}.project-link{padding-inline:18px}.contact-panel{padding-inline:18px}}
.sticker-smile svg{width:82%;height:82%;overflow:visible}
@media(max-width:600px){.hero-description{font-size:11px}.project-description{font-size:12px;line-height:1.85}.project-tag{font-size:9px}.demo-note{font-size:9px}.project-meta{font-size:8px}.project-cta{font-size:9px}.contact-caption{font-size:8px}}
@media(prefers-reduced-motion:reduce){.project-visual,.button{transition:none}.hero-stamp,.orbit-sticker{animation:none}}

/* The notebook now follows the viewport width; preserve the original WORKS artwork. */
body{padding:0}
.notebook{width:100%;max-width:none;margin:0;border:0;box-shadow:none}
.container{width:calc(100% - clamp(32px,8vw,160px));max-width:none}
.site-header{margin-inline:0}