@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(../media/barlow-condensed-vietnamese-700-normal.312nbn3hifl_p.woff2)format("woff2"),url(../media/barlow-condensed-vietnamese-700-normal.0qq2rbf8hr6cv.woff)format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(../media/barlow-condensed-latin-ext-700-normal.28iwym1vpi4ti.woff2)format("woff2"),url(../media/barlow-condensed-latin-ext-700-normal.2hkqehxqksiuo.woff)format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(../media/barlow-condensed-latin-700-normal.3hmancrpg57x4.woff2)format("woff2"),url(../media/barlow-condensed-latin-700-normal.31l4qbhx6zok2.woff)format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(../media/barlow-condensed-vietnamese-800-normal.3n535lzyn34rn.woff2)format("woff2"),url(../media/barlow-condensed-vietnamese-800-normal.2re921o3v8kxr.woff)format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(../media/barlow-condensed-latin-ext-800-normal.38jfrv2bw8ham.woff2)format("woff2"),url(../media/barlow-condensed-latin-ext-800-normal.0u7a-eu7b5fpt.woff)format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(../media/barlow-condensed-latin-800-normal.3djb9aq_mafq5.woff2)format("woff2"),url(../media/barlow-condensed-latin-800-normal.3r87gr0di6ox9.woff)format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/dm-sans-latin-ext-400-normal.0_mlbjjysj-9a.woff2)format("woff2"),url(../media/dm-sans-latin-ext-400-normal.20edsl4fvw0xl.woff)format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/dm-sans-latin-400-normal.2o7k1_w7_w7bj.woff2)format("woff2"),url(../media/dm-sans-latin-400-normal.12jnqtfk91av5.woff)format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/dm-sans-latin-ext-500-normal.3r_2hmgyghopi.woff2)format("woff2"),url(../media/dm-sans-latin-ext-500-normal.0hc3k9jh99u9h.woff)format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/dm-sans-latin-500-normal.2f4st7_5x_v78.woff2)format("woff2"),url(../media/dm-sans-latin-500-normal.366wxi7rk3-vz.woff)format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(../media/dm-sans-latin-ext-700-normal.04nb2rj_m4l8k.woff2)format("woff2"),url(../media/dm-sans-latin-ext-700-normal.1avk1m8ac7puw.woff)format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(../media/dm-sans-latin-700-normal.0lo5o3yaiuo13.woff2)format("woff2"),url(../media/dm-sans-latin-700-normal.3frjp6l305o-t.woff)format("woff");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}
:root{--paper:#f7f3e9;--ink:#25231f;--red:#bd3026;--yellow:#ffcf56;--muted:#625f58;--line:#d4d0c5;--display:"Barlow Condensed",Impact,sans-serif;--body:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--paper);color:var(--ink);font-family:var(--body);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23847d6b' opacity='.035' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");margin:0;font-size:15px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:6px}::selection{background:var(--red);color:var(--paper)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:800}section{scroll-margin-top:20px}.section-wrap{width:min(1240px,100% - 112px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1360px,100% - 80px);height:100px;margin:auto;display:flex}.wordmark{letter-spacing:1px;align-items:center;gap:16px;font-size:10px;font-weight:700;line-height:1.7;display:flex}.wordmark small{color:var(--muted);font-size:9px}.logo-mark{font-family:var(--display);letter-spacing:-1px;align-items:center;gap:6px;font-size:34px;display:flex}.logo-mark span{color:var(--red);font-size:30px}.nav-links{align-items:center;gap:38px;font-size:13px;font-weight:500;display:flex}.nav-links a{align-items:center;gap:9px;display:flex}.nav-links a:hover{color:var(--red)}.nav-links a span{color:var(--muted);font-size:9px}.nav-links .nav-contact{border:1.5px solid var(--ink);box-shadow:3px 3px var(--ink);padding:12px 19px;transition:transform .2s,box-shadow .2s}.nav-links .nav-contact:hover{box-shadow:1px 1px var(--ink);transform:translate(2px,2px)}.nav-links .nav-contact span{color:var(--red);font-size:20px}.menu-toggle{display:none}.skip-link{z-index:100;background:var(--paper);border:2px solid var(--ink);padding:12px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:28px 40px;padding-top:68px;display:grid}.eyebrow,.chapter{letter-spacing:1.5px;font-size:10px;font-weight:700}.eyebrow{align-items:center;gap:9px;margin-bottom:24px;display:flex}.status-dot{background:var(--red);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #df3b3015}.hero h1{letter-spacing:-1.5px;white-space:nowrap;font-size:clamp(70px,7.7vw,112px);line-height:.93;position:relative}.outlined{-webkit-text-stroke:1.8px var(--red);color:#0000}.heading-spark{font-family:var(--body);color:var(--red);vertical-align:top;margin-top:16px;margin-left:8px;font-size:45px;animation:20s linear infinite star-turn;display:inline-block}.hero-intro{align-items:flex-start;gap:20px;max-width:420px;margin:27px 0;display:flex}.hero-intro p{font-size:14px;line-height:1.8}.hero-intro strong{font-weight:700}.hero-intro em{text-decoration:underline;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-underline-offset:4px;font-style:normal;text-decoration-thickness:2px}.hand-wave{font-family:Georgia,serif;font-size:48px;line-height:1;transform:rotate(-12deg)}.button{border:2px solid var(--ink);box-shadow:4px 4px var(--ink);justify-content:space-between;align-items:center;gap:30px;padding:15px 22px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.button span{font-size:24px;line-height:1}.primary{background:var(--red);color:#fff}.button:hover{box-shadow:1px 1px var(--ink);transform:translate(3px,3px)}.experience-note{margin-top:31px}.experience-note>span{letter-spacing:1.3px;color:var(--muted);font-size:9px;font-weight:700}.experience-note p{margin-top:7px;font-size:12px}.experience-note a{border-bottom:1px solid var(--red);padding-bottom:2px;font-weight:700}.hero-art{padding:15px 15px 30px;animation:.9s .15s both panel-in;position:relative}.portrait-panel{border:2.5px solid var(--ink);box-shadow:7px 7px var(--ink);background:var(--paper);overflow:hidden;transform:rotate(2deg)}.portrait-top,.portrait-bottom{letter-spacing:1.2px;background:var(--paper);justify-content:space-between;padding:10px 13px;font-size:8px;font-weight:700;display:flex}.portrait-top{border-bottom:2px solid var(--ink)}.portrait-bottom{border-top:2px solid var(--ink);padding-block:9px}.portrait-bottom span:last-child{color:var(--red);font-size:14px}.portrait-panel img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.speech-bubble{background:var(--paper);border:2px solid var(--ink);font-family:var(--display);box-shadow:3px 3px var(--ink);z-index:1;padding:14px 21px;font-size:21px;font-weight:800;line-height:1.05;position:absolute;top:-5px;left:-8px;transform:rotate(-7deg)}.speech-bubble:after{content:"";background:var(--paper);border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);width:19px;height:19px;position:absolute;bottom:-14px;right:18px;transform:skewY(30deg)rotate(20deg)}.art-label{background:var(--yellow);border:2px solid var(--ink);font-family:var(--display);padding:12px 18px;font-size:18px;font-weight:700;line-height:1.1;position:absolute;bottom:3px;right:0;transform:rotate(-5deg)}.hero-art-spark{width:65px;color:var(--red);position:absolute;bottom:0;left:-19px;transform:rotate(-12deg)}.hero-bottom{letter-spacing:1.2px;color:var(--muted);grid-column:1/-1;justify-content:space-between;padding:27px 0 30px;font-size:9px;font-weight:700;display:flex}.hero-bottom a{color:var(--ink);align-items:center;gap:16px;display:flex}.hero-bottom a span{color:var(--red);font-size:22px}.hero-copy{animation:.8s both panel-in}.ticker{background:var(--red);color:var(--paper);border-block:2px solid var(--ink);width:100%;margin:9px 0 0;overflow:hidden;transform:rotate(-1.2deg)}.ticker>div{width:max-content;animation:45s linear infinite marquee;display:flex}.ticker span{white-space:nowrap;font-family:var(--display);letter-spacing:1px;padding:13px 0;font-size:27px;font-weight:700}.ticker b{color:var(--yellow);padding-inline:25px;font-size:26px}.work-section{padding-top:105px;padding-bottom:90px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:33px;display:flex}.chapter{color:var(--red);margin-bottom:20px;display:block}.section-heading h2,.about-copy h2{letter-spacing:-.5px;font-size:60px;line-height:1}.underlined{position:relative}.underlined:after{content:"";background:var(--red);clip-path:polygon(0 40%,100% 0,99% 90%,1% 100%);height:5px;position:absolute;bottom:-6px;left:0;right:0;transform:rotate(-1deg)}.section-heading>p{color:var(--muted);padding-bottom:6px;font-size:13px;line-height:1.8}.work-toolbar{justify-content:space-between;align-items:center;margin-bottom:26px;padding-top:15px;display:flex}.filters{gap:9px;display:flex}.filters button{border:1px solid var(--line);white-space:nowrap;background:0 0;align-items:center;gap:9px;padding:9px 16px;font-size:11px;transition:background .2s,color .2s;display:flex}.filters button.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.filters button:hover:not(.active){border-color:var(--red);color:var(--red)}.filters button span{color:#ffcf56;font-size:8px}.work-count{color:var(--muted);letter-spacing:1.1px;font-size:9px;font-weight:500}.project-grid{grid-template-columns:repeat(3,1fr);gap:23px;display:grid}.project-card{text-align:left;background:0 0;border:0;min-width:0;padding:0;animation:.4s both panel-in}.project-image{border:2px solid var(--ink);background-image:radial-gradient(#25231f18 .9px,#0000 .9px);background-size:6px 6px;height:290px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.project-card:hover .project-image{box-shadow:5px 5px var(--ink);transform:translateY(-5px)rotate(-1deg)}.red .project-image,.dialog-art.red{background-color:#e9a19a}.yellow .project-image,.dialog-art.yellow{background-color:#f3d778}.pink .project-image,.dialog-art.pink{background-color:#d8d1e0}.project-number{border:1px solid var(--ink);background:var(--paper);letter-spacing:1px;z-index:2;padding:5px 8px;font-size:8px;position:absolute;top:13px;left:13px}.project-open{border:1.5px solid var(--ink);background:var(--paper);place-content:center;width:29px;height:29px;font-size:21px;display:grid;position:absolute;bottom:12px;right:12px}.project-info{justify-content:space-between;gap:8px;padding:19px 0 0;display:flex}.project-type{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:8px;font-weight:700}.project-info h3{margin-top:5px;font-size:33px;line-height:1.2}.project-info p{color:var(--muted);margin-top:5px;font-size:11px}.project-arrow{padding-top:17px;font-size:25px;transition:color .2s,transform .2s}.project-card:hover .project-arrow{color:var(--red);transform:translate(3px,-3px)}.work-footnote{color:var(--muted);text-align:center;margin-top:35px;font-size:11px}.work-footnote span{color:var(--red);vertical-align:middle;margin-right:8px;font-family:Georgia,serif;font-size:28px}.project-art{pointer-events:none;width:100%;height:100%;position:relative}.mini-window{border:2px solid var(--ink);box-shadow:5px 5px var(--ink);background:var(--paper);width:80%;position:absolute;top:56px;left:8%;overflow:hidden;transform:rotate(-7deg)}.mini-title{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;height:27px;padding:0 12px;font-size:10px;font-weight:700;display:flex}.payment-window{color:#fff9ed;background:#182b25;transform:rotate(-7deg)}.payment-window .mini-title{color:var(--ink);background:#fff9ed}.green-dot{color:#67ce82}.payment-content{padding:19px 18px 17px}.payment-content small{letter-spacing:1px;color:#b6d9b9;font-size:6px}.payment-content>strong{font-family:var(--display);margin:9px 0 13px;font-size:31px;line-height:1.05;display:block}.payment-bottom{justify-content:space-between;align-items:center;display:flex}.mini-pill{color:var(--ink);background:#b9ed78;border-radius:20px;padding:7px 8px;font-size:6px}.payment-orbit{color:#b9ed78;width:44px;height:44px;font-family:var(--display);border:1px solid #b9ed78;border-radius:50%;place-content:center;font-size:30px;display:grid;transform:rotate(15deg)}.receipt{background:var(--paper);border:1.5px solid var(--ink);box-shadow:3px 3px var(--ink);width:138px;padding:14px 12px;position:absolute;bottom:25px;right:16px;transform:rotate(8deg)}.receipt span{letter-spacing:.5px;font-size:5px;display:block}.receipt strong{margin:8px 0;font-size:11px;display:block}.receipt i{border-top:1px dashed var(--ink);margin-bottom:8px;display:block}.project-spark{color:var(--yellow);width:40px;position:absolute;top:42px;right:15px}.bank-card{color:#fff;border:2px solid var(--ink);width:78%;height:151px;box-shadow:6px 6px var(--ink);background:#173654;border-radius:9px;padding:17px;position:absolute;top:70px;left:10%;overflow:hidden;transform:rotate(-11deg)}.bank-logo{letter-spacing:-1px;font-size:18px;font-weight:700}.bank-logo span{color:#f59039;vertical-align:middle;margin-left:3px;font-size:35px;line-height:.4;display:inline-block}.chip{background:linear-gradient(90deg,#c6b069,#f2e6b5);border:1px solid #8f824f;border-radius:3px;width:29px;height:23px;margin-top:13px}.chip:after{content:"";border-block:1px solid #8f824f;height:11px;margin:4px 0;display:block}.card-number{letter-spacing:1px;margin:10px 0;font-size:11px}.bank-card>span{letter-spacing:1px;font-size:5px}.bank-symbol{color:#f58c30;font-size:170px;font-weight:700;line-height:.8;position:absolute;top:0;right:12px;transform:rotate(10deg)}.bank-note{background:var(--paper);border:1.5px solid var(--ink);font-family:var(--display);box-shadow:3px 3px var(--ink);padding:10px 15px;font-size:18px;font-weight:800;line-height:1;position:absolute;bottom:26px;left:25px;transform:rotate(4deg)}.bank-note span{font-family:var(--body);color:var(--red);font-size:45px;position:absolute;bottom:0;right:-43px;transform:rotate(10deg)}.drawn-orbit{border:1.5px solid var(--ink);z-index:-1;border-radius:50%;width:210px;height:210px;position:absolute;top:35px;left:20%}.inawo-window{width:70%;top:43px;left:10%;transform:rotate(5deg)}.inawo-window .mini-title{background:#e6eed8;height:22px;font-size:7px}.inawo-content{background:#f4f0dc;padding:15px 17px}.inawo-content>span:first-child{letter-spacing:-1px;font-size:16px;font-weight:700;display:block}.inawo-dot{color:var(--red);margin-left:3px;font-size:19px}.inawo-content strong{font-family:var(--display);margin:14px 0 12px;font-size:30px;line-height:.95;display:block}.inawo-lines{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.inawo-lines i{background:#c5c5b5;width:80%;height:3px;display:block}.inawo-lines i:nth-child(2){width:70%}.inawo-lines i:nth-child(3){width:45%}.inawo-button{background:var(--red);color:#fff;padding:5px 8px;font-size:6px}.flower{color:#df3b30;-webkit-text-stroke:2px var(--ink);font-size:145px;line-height:1;position:absolute;bottom:12px;right:8px;transform:rotate(-12deg)}.little-sticker{background:var(--yellow);border:1.5px solid var(--ink);font-family:var(--display);padding:9px 13px;font-size:16px;font-weight:700;line-height:1;position:absolute;bottom:28px;left:14px;transform:rotate(-10deg)}.about-section{border-block:1px solid var(--line);background:#ede9dd}.about-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:100px;padding-block:80px;display:grid}.about-drawing{padding:0 25px 28px 10px;position:relative}.about-frame{border:2px solid var(--ink);background:var(--paper);height:345px;box-shadow:6px 6px var(--ink);background-image:radial-gradient(#25231f18 1px,#0000 1px);background-size:7px 7px;position:relative;overflow:hidden;transform:rotate(-4deg)}.about-top{border-bottom:2px solid var(--ink);background:var(--paper);letter-spacing:1px;width:100%;padding:12px;font-size:8px;font-weight:700;position:absolute;top:0}.code-head{border:3px solid var(--ink);background:var(--red);width:142px;height:145px;color:var(--paper);z-index:1;font-family:var(--display);box-shadow:6px 6px var(--ink);border-radius:14px;place-content:center;font-size:57px;display:grid;position:absolute;top:88px;left:calc(50% - 71px);transform:rotate(6deg)}.code-head:after{content:"";border-bottom:3px solid var(--paper);border-radius:50%;width:40px;height:12px;position:absolute;bottom:13px;left:50px}.code-body{border:3px solid var(--ink);background:var(--yellow);border-radius:120px 120px 0 0;width:245px;height:110px;position:absolute;bottom:0;left:calc(50% - 122px)}.about-caption{text-align:center;font-family:var(--display);z-index:2;font-size:26px;font-weight:800;position:absolute;bottom:15px;left:0;right:0}.about-spark{width:65px;color:var(--paper);position:absolute;top:59px;right:28px}.handwritten{font-family:Georgia,serif;font-size:18px;font-style:italic;line-height:1.25;position:absolute;bottom:0;right:-20px;transform:rotate(-8deg)}.about-copy h2{font-size:54px}.about-copy h2 span{color:var(--red)}.about-copy>p{color:var(--muted);max-width:470px;margin-top:22px;font-size:13px;line-height:1.9}.skill-list{border-block:1px solid #d1cbbd;grid-template-columns:1fr 1fr;gap:14px 16px;margin-top:26px;padding-block:20px;font-size:10px;font-weight:500;display:grid}.skill-list span:first-letter{color:var(--red)}.text-link{justify-content:space-between;max-width:230px;margin-top:23px;font-size:11px;font-weight:700;display:flex}.text-link span{color:var(--red);font-size:20px}.contact-section{padding-block:90px 55px}.contact-panel{border:2px solid var(--ink);background:var(--red);color:var(--paper);box-shadow:8px 8px var(--ink);padding:45px 55px 20px;position:relative;overflow:hidden}.contact-panel:before{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(#25231f70 1.4px,#0000 1.4px);background-size:7px 7px;border-radius:50%;width:310px;height:310px;position:absolute;top:-90px;right:-40px}.contact-panel .chapter{color:var(--paper);opacity:.85;font-size:9px}.contact-heading{justify-content:space-between;align-items:center;display:flex}.contact-heading h2{font-size:clamp(48px,5.7vw,76px);line-height:.98}.contact-heading h2 span{-webkit-text-stroke:1px var(--paper);color:#0000}.contact-spark{width:115px;color:var(--yellow);margin-right:30px;transform:rotate(8deg)}.contact-panel>p{margin-top:22px;font-size:12px;line-height:1.9}.contact-actions,.contact-placeholder{flex-wrap:wrap;align-items:center;gap:25px;margin-top:25px;display:flex}.yellow-button{background:var(--yellow);color:var(--ink)}.copy-email{text-underline-offset:5px;color:var(--paper);background:0 0;border:0;font-size:11px;text-decoration:underline}.copy-status{font-size:10px}.contact-placeholder{font-size:11px}.contact-sticker{color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:3px 3px var(--ink);font-family:var(--display);padding:11px 15px;font-size:20px;font-weight:700;transform:rotate(-2deg)}.contact-bottom{letter-spacing:1px;border-top:1px solid #f7f3e944;justify-content:space-between;margin-top:38px;padding-top:15px;font-size:8px;display:flex}.site-footer{letter-spacing:1px;color:var(--muted);justify-content:space-between;align-items:center;padding-bottom:28px;font-size:8px;display:flex}.footer-mark{font-family:var(--display);letter-spacing:-1px;color:var(--ink);font-size:26px;font-weight:800}.site-footer>a:last-child{color:var(--ink)}.project-dialog{border:3px solid var(--ink);background:var(--paper);color:var(--ink);width:min(850px,100% - 40px);max-height:90dvh;box-shadow:9px 9px var(--ink);padding:0;overflow-y:auto}.project-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#25231fbf}.project-dialog[open]{animation:.3s both panel-in}.dialog-inner{grid-template-columns:.85fr 1.15fr;display:grid;position:relative}.dialog-close{background:var(--paper);border:2px solid var(--ink);z-index:5;width:32px;height:32px;font-size:24px;line-height:1;position:absolute;top:10px;right:10px}.dialog-art{border-right:2px solid var(--ink);background-image:radial-gradient(#25231f22 1px,#0000 1px);background-size:7px 7px;justify-content:center;align-items:center;display:flex}.dialog-art .project-art{height:310px}.dialog-copy{padding:45px 30px 30px}.dialog-copy .chapter{letter-spacing:1px;font-size:8px}.dialog-copy h2{margin-bottom:12px;font-size:56px}.dialog-description{color:var(--muted);font-size:13px;line-height:1.8}.dialog-role{border-block:1px solid var(--line);margin-top:17px;padding-block:20px}.dialog-role small{letter-spacing:1px;color:var(--red);margin-bottom:8px;font-size:8px;display:block}.dialog-role strong{font-size:13px}.dialog-role p{color:var(--muted);margin-top:8px;font-size:11px;line-height:1.8}.dialog-tags{flex-wrap:wrap;gap:6px;margin:20px 0;display:flex}.dialog-tags span{border:1px solid var(--line);padding:5px 8px;font-size:9px}.dialog-copy .button{gap:16px;padding:12px 14px;font-size:11px}.art-disclaimer{color:var(--muted);margin-top:18px;font-size:8px;line-height:1.6;display:block}.will-reveal{opacity:1;transition:opacity .7s,transform .7s;transform:translateY(25px)}.will-reveal.visible{opacity:1;transform:none}@keyframes panel-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{to{transform:translate(-25%)}}@keyframes star-turn{to{transform:rotate(360deg)}}@media (min-width:1500px){.hero h1{font-size:116px}.hero{padding-top:85px}.hero-art{max-width:560px}}@media (max-width:1100px){.section-wrap{width:calc(100% - 72px)}.hero{gap:26px}.hero h1{font-size:8.5vw}.heading-spark{margin-top:9px;font-size:30px}.hero-intro p{font-size:12px}.hero-intro{gap:12px}.hero-art{padding:10px}.speech-bubble{padding:10px 15px;font-size:17px}.art-label{font-size:15px}.project-grid{gap:17px}.project-image{height:255px}.payment-content{padding:15px}.payment-content>strong{font-size:26px}.receipt{width:120px}.bank-card{height:138px;padding:12px}.bank-symbol{font-size:145px}.inawo-content{padding:13px}.inawo-content strong{font-size:26px}.flower{font-size:115px}.about-grid{gap:55px}.about-copy h2{font-size:45px}.about-frame{height:310px}}@media (max-width:760px){html{scroll-padding-top:70px}.section-wrap{width:calc(100% - 40px)}.site-header{width:calc(100% - 40px);height:78px}.wordmark{gap:9px;font-size:8px}.wordmark small{font-size:7px}.logo-mark{font-size:30px}.nav-links{gap:15px;font-size:11px}.nav-links a span{display:none}.nav-links .nav-contact{padding:9px 12px}.hero{grid-template-columns:1fr;gap:30px;padding-top:42px}.hero h1{letter-spacing:-.5px;font-size:clamp(70px,13.2vw,98px)}.eyebrow{margin-bottom:20px;font-size:8px}.hero-intro{max-width:380px;margin:22px 0}.hero-intro p{font-size:13px}.heading-spark{margin-left:12px;font-size:38px}.hero-art{width:min(470px,100% - 22px);margin:12px auto 0;padding-bottom:30px}.speech-bubble{font-size:20px}.experience-note{margin-top:28px}.hero-bottom{gap:20px;padding-top:5px;padding-bottom:20px;font-size:7px}.hero-bottom>span{max-width:140px;line-height:1.8}.hero-bottom a{gap:8px}.ticker span{padding:11px 0;font-size:22px}.ticker b{padding-inline:18px}.work-section{padding-top:70px;padding-bottom:60px}.section-heading{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:20px}.section-heading h2{font-size:52px}.section-heading>p{font-size:12px}.chapter{margin-bottom:16px;font-size:9px}.work-toolbar{gap:12px;margin-bottom:22px}.filters{gap:6px}.filters button{padding:8px 12px;font-size:10px}.work-count{text-align:right;max-width:60px;font-size:7px;line-height:1.6}.project-grid{grid-template-columns:1fr;gap:33px}.project-image{height:335px}.project-info h3{font-size:35px}.project-info p{font-size:12px}.project-type{font-size:9px}.project-art{width:340px;max-width:100%;margin:auto}.mini-window{top:70px}.payment-content{padding:19px}.payment-content>strong{font-size:34px}.receipt{width:140px;bottom:28px}.bank-card{height:164px;padding:18px;top:85px}.bank-symbol{font-size:175px}.bank-logo{font-size:22px}.chip{margin-top:16px}.bank-note{font-size:22px;bottom:35px}.inawo-window{top:53px}.inawo-content{padding:18px}.inawo-content strong{font-size:35px}.flower{font-size:150px;bottom:18px}.little-sticker{font-size:20px;bottom:40px}.project-spark{width:45px;top:50px}.work-footnote{margin-top:28px;font-size:10px;line-height:1.7}.about-grid{grid-template-columns:1fr;gap:50px;padding-block:55px}.about-drawing{width:min(360px,100%);margin:auto;padding:0 20px 23px 0}.about-frame{height:325px}.handwritten{font-size:16px;right:-4px}.about-copy h2{font-size:48px}.about-copy>p{font-size:13px}.skill-list{font-size:10px}.contact-section{padding-block:60px 35px}.contact-panel{box-shadow:5px 5px var(--ink);padding:30px 22px 16px}.contact-heading h2{font-size:49px}.contact-spark{opacity:.4;width:65px;margin-right:0;position:absolute;top:19px;right:12px}.contact-panel>p{max-width:270px;font-size:11px}.contact-placeholder{gap:15px;font-size:10px}.contact-bottom{letter-spacing:.6px;gap:16px;margin-top:28px;font-size:6px;line-height:1.6}.site-footer{letter-spacing:.5px;gap:15px;font-size:6px}.site-footer>span{text-align:center;max-width:120px;line-height:1.7}.footer-mark{font-size:22px}.dialog-inner{grid-template-columns:1fr}.dialog-art{border-right:0;border-bottom:2px solid var(--ink)}.dialog-art .project-art{height:270px}.dialog-art .mini-window{top:40px}.dialog-art .bank-card{top:60px}.dialog-art .payment-content>strong{font-size:29px}.dialog-art .bank-card{height:150px}.dialog-art .inawo-content strong{font-size:28px}.dialog-art .inawo-content{padding:12px 18px}.dialog-art .flower{font-size:120px}.dialog-copy{padding:27px 22px}.dialog-copy h2{font-size:48px}}@media (max-width:440px){.menu-toggle{border:1px solid var(--ink);background:0 0;padding:8px 11px;font-size:11px;display:block}.nav-links{z-index:10;background:var(--paper);border:2px solid var(--ink);min-width:190px;box-shadow:5px 5px var(--ink);flex-direction:column;align-items:stretch;gap:20px;padding:20px;display:none;position:absolute;top:68px;right:20px}.nav-links.is-open{display:flex}.nav-links a{font-size:13px}.nav-links a span{display:inline}.nav-links .nav-contact{justify-content:space-between}.hero h1{font-size:18vw}.heading-spark{margin-left:8px;font-size:27px}.hero-bottom{font-size:6px}.speech-bubble{font-size:17px;left:-6px}.section-heading h2{font-size:48px}.contact-heading h2{font-size:12vw}.contact-sticker{font-size:18px}}@media (prefers-reduced-motion:reduce){html:not([data-motion=on]){scroll-behavior:auto}html:not([data-motion=on]) *,html:not([data-motion=on]) :before,html:not([data-motion=on]) :after{transition:none!important;animation:none!important}}.green .project-image,.dialog-art.green{background-color:#c6d5b2}.blue .project-image,.dialog-art.blue{background-color:#bdccd6}.project-grid{row-gap:40px}.zap-window{color:#e7ffaf;background:#243d2e;top:60px;transform:rotate(-5deg)}.zap-window .mini-title{color:var(--ink);background:#e7ffaf;font-size:15px}.zap-content{padding:20px}.zap-content small{letter-spacing:1px;font-size:6px}.zap-content strong{font-family:var(--display);margin:12px 0 16px;font-size:42px;line-height:.95;display:block}.zap-content>span{border:1px solid #e7ffaf;padding:6px 10px;font-size:7px;display:inline-block}.zap-bolt{color:var(--yellow);-webkit-text-stroke:2px var(--ink);font-family:Georgia,serif;font-size:140px;line-height:1;position:absolute;bottom:27px;right:23px;transform:rotate(13deg)}.zap-note{font-family:var(--display);background:var(--paper);border:1.5px solid var(--ink);padding:9px 12px;font-size:16px;font-weight:700;line-height:1;position:absolute;bottom:23px;left:14px;transform:rotate(-4deg)}.phone-outline{border:3px solid var(--ink);background:var(--paper);width:139px;height:230px;box-shadow:5px 5px var(--ink);border-radius:20px;padding:7px;position:absolute;top:36px;left:calc(50% - 70px);transform:rotate(-9deg)}.phone-camera{background:var(--ink);z-index:2;border-radius:8px;width:36px;height:8px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.phone-screen{border:1px solid var(--ink);background:#e8f0dc;border-radius:11px;height:100%;padding:23px 9px 9px;overflow:hidden}.phone-brand{letter-spacing:-.5px;margin-bottom:12px;font-size:13px;font-weight:700;display:block}.phone-screen small{letter-spacing:.5px;font-size:5px;display:block}.phone-screen>strong{font-family:var(--display);white-space:pre-line;margin-top:7px;font-size:22px;line-height:1;display:block}.phone-chart{align-items:flex-end;gap:4px;height:43px;margin:10px 0;display:flex}.phone-chart i{border:1px solid var(--ink);background:#243d2e;width:10px;height:45%}.phone-chart i:nth-child(2){height:60%}.phone-chart i:nth-child(3){height:40%}.phone-chart i:nth-child(4){height:65%}.phone-chart i:nth-child(5){height:70%}.phone-chart i:nth-child(6){height:85%}.phone-chart i:nth-child(7){height:100%}.phone-action{color:#e8f0dc;background:#243d2e;padding:7px 8px;font-size:6px;font-weight:700}.phone-nav{justify-content:space-between;margin-top:6px;font-size:13px;display:flex}.hydrogen-phone .phone-screen{color:#f5f1e7;background:#18352c}.hydrogen-phone .phone-chart i{background:#b9ed78}.hydrogen-phone .phone-action{color:#18352c;background:#b9ed78}.mobile-bubble{white-space:pre-line;font-family:var(--display);background:var(--paper);border:1.5px solid var(--ink);box-shadow:3px 3px var(--ink);padding:9px 12px;font-size:15px;font-weight:700;line-height:1.1;position:absolute;bottom:30px;right:12px;transform:rotate(6deg)}.mobile-spark{width:48px;color:var(--red);position:absolute;top:80px;left:20px}@media (max-width:760px){.phone-outline{width:153px;height:255px;top:42px;left:calc(50% - 77px)}.phone-screen>strong{font-size:27px}.phone-chart{height:49px}.mobile-bubble{font-size:17px;bottom:37px}.mobile-spark{width:58px;top:90px}.dialog-art .phone-outline{width:139px;height:230px;top:18px;left:calc(50% - 70px)}.dialog-art .phone-screen>strong{font-size:22px}.dialog-art .phone-chart{height:40px}.dialog-art .mobile-bubble{font-size:15px;bottom:24px}.zap-window{top:65px}.zap-content strong{font-size:47px}.dialog-art .zap-content strong{font-size:36px}}.disciplines{letter-spacing:2px;align-items:center;gap:10px;margin-top:22px;font-size:10px;font-weight:700;display:flex}.disciplines span{color:var(--red);font-size:15px}.hero-intro{margin-top:18px}.led-badge{letter-spacing:.6px;background:var(--ink);color:var(--paper);border:1px solid var(--paper);z-index:3;padding:6px 8px;font-size:8px;font-weight:700;position:absolute;bottom:12px;right:12px}.lead-statement{color:var(--red);align-items:center;gap:10px;font-size:12px;font-weight:700;line-height:1.7;display:flex}.lead-statement span{font-size:25px}.app-poster{object-fit:cover;border:2px solid var(--ink);width:136px;height:241px;box-shadow:5px 5px var(--ink);position:absolute;top:30px;left:calc(50% - 62px);transform:rotate(-8deg)}.mobile-art .mobile-bubble{z-index:2;bottom:30px;right:9px}.app-preview-caption{color:var(--muted);margin-top:18px;font-size:8px;line-height:1.6;display:block}@media (max-width:760px){.app-poster{width:150px;height:266px;top:34px;left:calc(50% - 70px)}.dialog-art .app-poster{width:126px;height:224px;top:18px;left:calc(50% - 59px)}}.app-poster-front{z-index:1;left:calc(50% - 108px)}.app-poster-back{z-index:0;top:44px;left:calc(50% - 2px);transform:rotate(9deg)}.mobile-art .mobile-spark{z-index:2;width:40px;top:56px;left:9px}.mobile-art .mobile-bubble{white-space:pre-line;font-size:13px;bottom:25px;right:5px}.dialog-art .app-poster-front{left:calc(50% - 112px)}.dialog-art .app-poster-back{left:calc(50% - 3px)}@media (max-width:760px){.app-poster-front{left:calc(50% - 119px)}.app-poster-back{top:47px;left:calc(50% - 4px)}.mobile-art .mobile-bubble{font-size:16px;bottom:28px}.dialog-art .mobile-bubble{font-size:13px;bottom:12px}}body,html{overflow-x:clip}.ticker{width:calc(100% - 4px);margin-inline:auto}.work-index{grid-template-columns:1.15fr 1fr;align-items:start;gap:64px;margin-top:48px;display:grid}.project-list{border-top:2px solid var(--ink)}.project-row{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:37px 1fr 36px;align-items:center;gap:15px;width:100%;padding:23px 10px 23px 0;transition:color .2s,background .2s,padding .2s;display:grid}.row-number{font-family:var(--display);color:var(--muted);align-self:start;padding-top:11px;font-size:23px;font-weight:700}.row-copy{flex-direction:column;gap:5px;display:flex}.row-type{letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);font-size:8px;font-weight:700}.row-title{font-family:var(--display);letter-spacing:-.3px;font-size:43px;font-weight:800;line-height:1.05}.row-subtitle{color:var(--muted);font-size:10px;line-height:1.6}.row-arrow{justify-self:end;font-size:30px;transition:transform .25s}.project-row:hover{color:var(--red);padding-left:6px}.project-row.is-selected{color:var(--red);border-bottom-color:var(--red);background:linear-gradient(90deg,#bd302609,#0000)}.project-row.is-selected .row-number{color:var(--red)}.project-row.is-selected .row-arrow{transform:rotate(45deg)}.work-preview{padding-top:8px;position:sticky;top:30px}.preview-illustration{clip-path:polygon(0 2%,100% 0,98% 100%,1% 98%);background-image:radial-gradient(#25231f20 1px,#0000 1px);background-size:7px 7px;height:354px;animation:.35s both panel-in;position:relative;overflow:hidden}.preview-illustration.red{background-color:#e9a19a}.preview-illustration.yellow{background-color:#f3d778}.preview-illustration.pink{background-color:#d8d1e0}.preview-illustration.green{background-color:#c6d5b2}.preview-illustration.blue{background-color:#bdccd6}.preview-illustration .project-art{width:340px;max-width:100%;height:290px;margin:auto;position:relative;top:35px;transform:scale(1.1)}.preview-episode{z-index:2;letter-spacing:1.5px;font-size:9px;font-weight:700;position:absolute;top:18px;left:19px}.preview-lead{z-index:2;letter-spacing:1px;background:var(--ink);color:var(--paper);padding:6px 9px;font-size:8px;font-weight:700;position:absolute;bottom:18px;left:19px;transform:rotate(-3deg)}.preview-caption{margin-top:22px}.preview-category{letter-spacing:1.3px;text-transform:uppercase;color:var(--muted);font-size:8px}.preview-caption h3{margin-top:6px;font-size:36px;line-height:1.1}.preview-caption p{color:var(--muted);max-width:360px;margin-top:11px;font-size:12px;line-height:1.8}.preview-details{border:0;border-bottom:1px solid var(--ink);text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;margin-top:11px;padding:12px 0 10px;font-size:11px;font-weight:700;display:flex}.preview-details:hover{color:var(--red);border-color:var(--red)}.preview-details span{font-size:23px}.preview-hint{color:var(--muted);margin-top:18px;font-family:Georgia,serif;font-size:12px;font-style:italic;display:block;transform:rotate(-2deg)}.about-copy .text-link{margin-top:28px}.email-address{text-underline-offset:4px;font-size:11px;text-decoration:underline}.email-address:hover{color:var(--yellow)}.contact-actions{gap:18px 22px}@media (max-width:1100px){.work-index{grid-template-columns:1.05fr 1fr;gap:35px}.row-title{font-size:36px}.project-row{grid-template-columns:25px 1fr 25px;gap:11px}.preview-illustration{height:315px}.preview-illustration .project-art{top:22px;transform:scale(.95)}.row-subtitle{font-size:9px}}@media (max-width:760px){.work-index{grid-template-columns:1fr;gap:35px;margin-top:30px}.project-row{grid-template-columns:30px 1fr 28px;padding-block:20px}.row-title{font-size:38px}.row-number{font-size:21px}.row-type{font-size:8px}.row-subtitle{font-size:10px}.work-preview{padding:0;position:relative;top:auto}.preview-illustration{height:340px}.preview-illustration .project-art{height:335px;top:6px;transform:scale(.98)}.preview-caption h3{font-size:35px}.preview-caption p{max-width:none}.preview-hint{margin-top:14px}.email-address{overflow-wrap:anywhere;max-width:100%;font-size:10px}.contact-actions{gap:20px 22px}.work-section{padding-bottom:60px}}.home-hero{gap:20px 50px;padding-top:48px}.home-hero .hero-art{justify-self:end;width:100%;max-width:460px;padding-bottom:23px}.home-hero h1{font-size:clamp(65px,7.2vw,100px)}.home-hero .hero-bottom{padding:15px 0 28px}.hero-links{flex-wrap:wrap;align-items:center;gap:27px;display:flex}.hero-blog-link{border-bottom:1px solid var(--line);padding-bottom:5px;font-size:11px;font-weight:500}.hero-blog-link:hover{color:var(--red)}.contact-strip{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;padding:26px 0 30px;display:flex}.contact-strip .chapter{margin-bottom:9px;font-size:8px}.contact-strip h2{font-size:32px;line-height:1.05}.strip-actions{text-align:right;position:relative}.strip-email{align-items:center;gap:18px;font-size:12px;font-weight:500;display:inline-flex}.strip-email span{color:var(--red);font-size:24px}.strip-actions>div{color:var(--muted);justify-content:flex-end;gap:20px;margin-top:8px;font-size:9px;display:flex}.strip-copy{color:var(--muted);background:0 0;border:0;padding:0;font-size:9px}.strip-copy:hover,.strip-actions a:hover{color:var(--red)}.strip-status{font-size:8px;position:absolute;bottom:-17px;right:0}.site-footer{padding-top:9px}.back-link{color:var(--muted);margin-bottom:32px;font-size:10px;display:inline-block}.back-link:hover{color:var(--red)}.work-page .section-heading h1{letter-spacing:-.5px;font-size:64px;line-height:1}.blog-page{min-height:65vh;padding-top:42px;padding-bottom:75px}.blog-heading{justify-content:space-between;align-items:center;margin-bottom:50px;display:flex}.blog-heading .outlined{-webkit-text-stroke:1.5px var(--red)}.blog-heading p{color:var(--muted);margin-top:23px;font-size:13px;line-height:1.8}.blog-spark{width:110px;color:var(--yellow);margin-right:25px;transform:rotate(10deg)}.blog-posts{border-top:2px solid var(--ink)}.blog-post-row{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr 55px;align-items:start;gap:20px;padding:36px 0;display:grid}.blog-number{font-family:var(--display);color:var(--red);font-size:32px}.blog-post-row .chapter{text-transform:uppercase;margin-bottom:10px;font-size:8px}.blog-post-row h2{font-size:42px;line-height:1.1;transition:color .2s}.blog-post-row p{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.8}.post-meta{letter-spacing:1px;color:var(--muted);gap:20px;margin-top:22px;font-size:8px;display:flex}.blog-arrow{justify-self:end;font-size:35px;transition:transform .2s,color .2s}.blog-post-row:hover h2,.blog-post-row:hover .blog-arrow{color:var(--red)}.blog-post-row:hover .blog-arrow{transform:translate(3px,-3px)}.blog-endnote{color:var(--muted);margin-top:27px;font-family:Georgia,serif;font-size:13px;font-style:italic}.article-page{max-width:800px;padding-top:42px;padding-bottom:60px}.article-heading{border-bottom:2px solid var(--ink);padding-bottom:30px}.article-heading .chapter{text-transform:uppercase}.article-heading h1{font-size:76px;line-height:1}.article-heading>p{color:var(--muted);max-width:650px;margin-top:22px;font-size:15px;line-height:1.8}.article-body{max-width:650px;margin:40px auto}.article-body section{margin-top:35px}.article-body h2{margin-bottom:17px;font-size:32px;line-height:1.2}.article-body p{color:var(--muted);margin-top:16px;font-size:14px;line-height:1.95}.article-end{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding-top:23px;font-size:9px;display:flex}.article-end>span{color:var(--red);letter-spacing:1px}@media (max-width:1100px){.home-hero{gap:25px}.home-hero h1{font-size:8.2vw}.hero-links{gap:22px}.hero-blog-link{font-size:10px}.contact-strip h2{font-size:27px}.strip-email{gap:10px;font-size:11px}}@media (max-width:760px){.home-hero{gap:22px;padding-top:35px}.home-hero h1{font-size:clamp(65px,13.8vw,95px)}.home-hero .hero-art{justify-self:center;max-width:350px;margin-top:6px}.home-hero .hero-bottom{padding-top:3px;padding-bottom:22px;font-size:6px}.hero-links{gap:22px}.hero-blog-link{font-size:10px}.contact-strip{padding:24px 0 27px;display:block}.contact-strip h2{font-size:30px}.strip-actions{text-align:left;margin-top:17px}.strip-email{font-size:12px}.strip-actions>div{justify-content:flex-start;font-size:10px}.strip-copy{font-size:10px}.strip-status{left:0;right:auto}.work-page{padding-top:27px}.work-page .section-heading h1{font-size:52px}.back-link{margin-bottom:27px}.blog-page{padding-top:27px;padding-bottom:50px}.blog-heading{margin-bottom:32px;position:relative}.blog-heading h1{font-size:clamp(38px,9vw,65px)}.blog-heading p{max-width:290px;font-size:12px}.blog-spark{opacity:.65;width:48px;margin:0;position:absolute;top:0;right:0}.blog-post-row{grid-template-columns:30px 1fr 25px;gap:12px;padding:28px 0}.blog-number{font-size:24px}.blog-post-row h2{font-size:32px}.blog-post-row p{font-size:11px}.blog-arrow{font-size:25px}.post-meta{gap:15px;font-size:7px}.article-page{padding-top:27px;padding-bottom:40px}.article-heading h1{font-size:54px}.article-heading>p{font-size:13px}.article-body{margin-top:25px}.article-body h2{font-size:29px}.article-body p{font-size:13px}.article-end{font-size:8px;line-height:1.8}}@media (max-width:440px){.home-hero h1{font-size:18vw}.hero-links .button{gap:20px;padding:14px 18px}.hero-blog-link{border:0;max-width:110px;line-height:1.7}.article-heading h1{font-size:46px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--shadow:#25231f;--reveal-x:95vw;--reveal-y:40px}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#1d1e20;--ink:#f5efdf;--red:#ff887b;--yellow:#ffcf56;--muted:#bcb6aa;--line:#50504b;--shadow:#090a0c}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.header-actions{align-items:center;gap:26px;display:flex}.preferences{align-items:center;gap:7px;display:flex}.preference-button{border:1px solid var(--line);background:var(--paper);min-height:36px;color:var(--ink);justify-content:center;align-items:center;gap:6px;padding:7px 9px;transition:border-color .2s,transform .2s;display:inline-flex}.preference-button svg{flex-shrink:0;width:17px;height:17px}.preference-label{white-space:nowrap;font-size:9px}.preference-button:hover{border-color:var(--red);transform:translateY(-2px)}.preference-button:disabled{cursor:wait}.motion-button[aria-pressed=false]{border-color:var(--red)}.button{box-shadow:4px 4px var(--shadow)}.button:hover{box-shadow:1px 1px var(--shadow)}.nav-links .nav-contact{box-shadow:3px 3px var(--shadow)}.nav-links .nav-contact:hover{box-shadow:1px 1px var(--shadow)}.primary{color:#fff9f2;border-color:var(--ink);background:#bd3026}.portrait-panel,.portrait-top,.portrait-bottom,.speech-bubble,.speech-bubble:after,.art-label{color:#25231f;--ink:#25231f;--paper:#f7f3e9}.project-art{color:#25231f;--ink:#25231f;--paper:#f7f3e9;--red:#bd3026}.project-dialog{box-shadow:9px 9px var(--shadow)}.dialog-close{background:var(--paper);color:var(--ink)}.dialog-art{border-color:var(--line)}.dialog-copy .primary{border-color:var(--ink)}.preview-lead{color:#fff9ec;background:#25231f}.project-row.is-selected{background:linear-gradient(90deg,#bd302609,#0000)}html[data-theme=dark] .project-row.is-selected{background:linear-gradient(90deg,#ff887b10,#0000)}html[data-theme=dark] .portrait-panel{box-shadow:7px 7px var(--red)}html[data-theme=dark] .nav-links{background:var(--paper)}html[data-theme=dark] .dialog-art{border-color:var(--line)}html[data-theme=dark] .project-dialog::backdrop{background:#000c}html[data-theme=dark] .preview-episode{color:#25231f}html[data-theme=dark] .blog-spark{color:#f7be54}html[data-motion=on] .speech-bubble{animation:9s ease-in-out 1.5s infinite bubble-bob}html[data-motion=on] .hero-art-spark{animation:10s ease-in-out 2s infinite ink-twinkle}html[data-motion=on] .blog-spark{animation:11s ease-in-out 3s infinite ink-twinkle}html[data-motion=on] .logo-mark:hover span{animation:.55s ease-out star-pop}html[data-motion=on] .hero-links .button:hover span{animation:.45s ease-out arrow-hop}html[data-motion=on] .heading-spark{animation:40s linear infinite star-turn}@keyframes bubble-bob{0%,75%,to{transform:rotate(-7deg)translateY(0)}82%{transform:rotate(-5deg)translateY(-5px)}90%{transform:rotate(-7deg)translateY(0)}}@keyframes ink-twinkle{0%,78%,to{scale:1}84%{scale:1.1}91%{scale:.98}}@keyframes star-pop{0%{transform:rotate(0)scale(1)}60%{transform:rotate(65deg)scale(1.18)}to{transform:rotate(90deg)scale(1)}}@keyframes arrow-hop{0%,to{transform:translate(0)}50%{transform:translate(3px,-3px)}}::view-transition-old(root){mix-blend-mode:normal;filter:none}::view-transition-new(root){mix-blend-mode:normal;filter:none}::view-transition-old(root){z-index:1;opacity:1;animation:none}::view-transition-new(root){z-index:2;animation:1.25s ease-in-out both theme-crossfade}@keyframes theme-crossfade{0%{opacity:0}to{opacity:1}}html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] :before,html[data-motion=off] :after{transition:none!important;animation:none!important}html[data-motion=off]::view-transition-old(root){animation:none!important}html[data-motion=off]::view-transition-new(root){animation:none!important}html[data-motion=off] .will-reveal{opacity:1;transform:none}@media (max-width:1100px){.nav-links{gap:22px}.header-actions{gap:15px}.preference-label{display:none}.preference-button{width:36px;padding:7px}}@media (max-width:760px){.header-actions{gap:10px}.menu-toggle{border:1px solid var(--ink);background:0 0;padding:8px 11px;font-size:11px;display:block}.nav-links{z-index:10;background:var(--paper);border:2px solid var(--ink);min-width:190px;box-shadow:5px 5px var(--shadow);flex-direction:column;align-items:stretch;gap:20px;padding:20px;display:none;position:absolute;top:68px;right:20px}.nav-links.is-open{display:flex}.nav-links a{font-size:13px}.nav-links a span{display:inline}.nav-links .nav-contact{justify-content:space-between}.preferences{gap:5px}.preference-button{width:33px;min-height:33px}}.route-wipe{z-index:1000;pointer-events:none;visibility:hidden;position:fixed;inset:0;overflow:hidden}.route-wipe-paper{color:#fff9ec;background:#bd3026;border-inline:6px solid #25231f;place-content:center;transition:transform .2s cubic-bezier(.65,0,.35,1);display:grid;position:absolute;inset:-5%;transform:translate(-110%)skew(-6deg)}.route-wipe-paper:before{content:"";opacity:.35;background-image:radial-gradient(#25231f50 1.2px,#0000 1.2px);background-size:8px 8px;position:absolute;inset:0}.route-wipe-paper>span{font-family:var(--display);letter-spacing:2px;font-size:clamp(30px,6vw,65px);font-weight:800;position:relative;transform:skew(6deg)rotate(-3deg)}.route-wipe-paper b{color:#ffcf56;padding-left:20px}.route-wipe-paper i{background:#ffcf56;width:12px;height:100%;position:absolute;top:0;right:9%;transform:rotate(5deg)}.route-wipe.cover,.route-wipe.uncover{visibility:visible;pointer-events:auto}.route-wipe.cover .route-wipe-paper{transform:translate(0)skew(-6deg)}.route-wipe.uncover .route-wipe-paper{transition-duration:.28s;transition-timing-function:cubic-bezier(.22,1,.36,1);transform:translate(110%)skew(-6deg)}html[data-motion=on] .page-stage .hero-copy{animation:none}html[data-motion=on] .page-stage main h1{animation:.48s cubic-bezier(.22,1,.36,1) 20ms both title-print}html[data-motion=on] .page-stage .hero-art{animation:.55s cubic-bezier(.22,1,.36,1) .12s both art-print}html[data-motion=on] .page-stage .eyebrow,html[data-motion=on] .page-stage .chapter{animation:.35s ease-out both line-print}html[data-motion=on] .page-stage .hero-intro,html[data-motion=on] .page-stage .hero-links,html[data-motion=on] .page-stage .blog-post-row,html[data-motion=on] .page-stage .article-body{animation:.45s cubic-bezier(.22,1,.36,1) .15s both content-print}html[data-motion=on] .page-stage .project-row{animation:.4s cubic-bezier(.22,1,.36,1) both content-print}html[data-motion=on] .page-stage .project-row:first-child{animation-delay:60ms}html[data-motion=on] .page-stage .project-row:nth-child(2){animation-delay:.1s}html[data-motion=on] .page-stage .project-row:nth-child(3){animation-delay:.14s}html[data-motion=on] .page-stage .project-row:nth-child(4){animation-delay:.18s}html[data-motion=on] .page-stage .project-row:nth-child(5){animation-delay:.22s}html[data-motion=on] .page-stage .project-row:nth-child(6){animation-delay:.26s}@keyframes title-print{0%{clip-path:inset(100% 0 0);transform:translateY(10px)}to{clip-path:inset(0);transform:translateY(0)}}@keyframes art-print{0%{clip-path:inset(0 100% 0 0);transform:translate(12px)}to{clip-path:inset(0);transform:translate(0)}}@keyframes line-print{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes content-print{0%{clip-path:inset(0 0 100%);transform:translateY(7px)}to{clip-path:inset(0);transform:translateY(0)}}html[data-motion=off] .route-wipe{display:none}.settings-trigger{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-content:center;padding:7px;display:grid}.settings-trigger svg{width:19px;height:19px}.settings-trigger:hover,.settings-trigger[aria-expanded=true]{color:var(--red)}.preference-panel{border:1px solid var(--line);background:var(--paper);width:210px;color:var(--ink);box-shadow:3px 3px var(--shadow);margin:0;padding:17px;position:fixed;inset:76px 40px auto auto}.preference-panel::backdrop{background:0 0}.settings-heading{letter-spacing:1px;color:var(--muted);margin-bottom:13px;font-size:8px;font-weight:700;display:block}.preference-panel .preference-button{border-color:var(--line);justify-content:flex-start;gap:12px;width:100%;min-height:40px;margin-top:8px;padding:9px 11px;display:flex}.preference-panel .preference-label{font-size:11px;display:inline}.preference-panel .motion-button[aria-pressed=false]{border-color:var(--red)}.route-wipe-paper:before{display:none}.route-wipe-paper{border-inline:3px solid #25231f}@media (max-width:760px){.preference-panel{top:65px;right:20px}.header-actions{gap:8px}}body{background-image:none}.section-wrap{width:min(1360px,100% - 96px)}.site-header{border:0;width:min(1360px,100% - 96px);height:80px}.logo-mark{font-size:29px}.logo-mark span{font-size:25px}.nav-links{gap:35px;font-size:12px}.nav-links a[aria-current=page]{color:var(--red)}.header-actions{gap:27px}.wordmark{gap:0}.cover-name{letter-spacing:-.018em;white-space:nowrap;margin:0 0 50px;font-size:clamp(110px,22vw,320px);line-height:.8;position:relative}.cover-name>span{color:var(--red)}.cover-spread{grid-template-columns:.92fr 1.08fr;align-items:center;gap:clamp(65px,9vw,140px);display:grid}.cover-portrait{width:100%;max-width:460px;padding:0;animation:none}.cover-portrait .portrait-panel{border:2px solid #25231f;transition:transform .3s;transform:rotate(-1.8deg);box-shadow:5px 5px #bd3026}.cover-portrait:hover .portrait-panel{transform:rotate(-.5deg)}html[data-theme=dark] .cover-portrait .portrait-panel{box-shadow:5px 5px var(--red)}.cover-role{letter-spacing:1.1px;color:var(--muted);margin-bottom:22px;font-size:10px;font-weight:500}.cover-intro h2{letter-spacing:-.6px;font-size:clamp(42px,4.3vw,66px);line-height:.99}.cover-intro h2 span{color:var(--red)}.cover-summary{color:var(--muted);max-width:365px;margin-top:25px;font-size:14px;line-height:1.9}.cover-work-link{border-bottom:2px solid var(--ink);align-items:center;gap:60px;margin-top:27px;padding:14px 0;font-size:13px;font-weight:500;transition:color .2s,gap .2s;display:inline-flex}.cover-work-link span{color:var(--red);font-size:29px;line-height:1}.cover-work-link:hover{color:var(--red);gap:68px}.contact-strip{gap:30px;padding:28px 0 30px}.contact-strip h2{font-family:var(--body);letter-spacing:0;font-size:14px;font-weight:400}.strip-actions{align-items:center;gap:15px;display:flex}.strip-email{gap:23px;font-size:13px}.strip-copy{color:var(--muted);min-width:25px;padding:4px;font-size:17px;line-height:1}.strip-status{font-size:9px;bottom:-16px}.site-footer{letter-spacing:.5px;padding-top:0;padding-bottom:25px;font-size:8px}.site-footer>a{font-size:9px}.work-page{padding-top:38px;padding-bottom:60px}.work-page .section-heading h1{font-size:clamp(64px,8vw,116px);line-height:.9}.work-page .section-heading h1>span{color:var(--red)}.work-page .section-heading>p{font-size:12px}.work-page .work-index{margin-top:50px}.project-row{grid-template-columns:35px 1fr 30px;padding-block:29px}.row-title{font-size:47px}.row-number{padding-top:1px;font-size:22px}.row-subtitle{font-size:10px}.work-preview{padding-top:0}.preview-caption p{max-width:none;margin-top:20px;font-size:13px}.preview-details{margin-top:14px}.preview-illustration{clip-path:none;background-image:none;height:360px}.preview-lead{font-size:7px;bottom:15px;left:15px}.blog-page{min-height:68vh;padding-top:38px}.blog-heading h1{font-size:clamp(75px,11vw,154px);line-height:.9}.notes-dot{color:var(--red)}.blog-heading p{margin-top:28px;font-size:13px}.blog-heading{margin-bottom:60px}.blog-post-row{padding:35px 0}.blog-post-row .chapter{font-size:8px}.blog-post-row h2{font-size:42px}.blog-post-row p{font-size:12px}.article-heading h1{font-size:72px}.preferences{border:0}.settings-trigger{color:var(--muted)}html[data-motion=on] .page-stage .cover-name{animation:.5s cubic-bezier(.22,1,.36,1) both title-print}html[data-motion=on] .page-stage .cover-intro{animation:.45s cubic-bezier(.22,1,.36,1) .12s both content-print}html[data-motion=on] .page-stage .cover-portrait{animation:.5s cubic-bezier(.22,1,.36,1) 80ms both art-print}@media (max-width:1100px){.section-wrap,.site-header{width:calc(100% - 72px)}.cover-spread{gap:65px}.cover-name{margin-bottom:45px;font-size:22vw}.cover-intro h2{font-size:5vw}.cover-summary{font-size:13px}.project-row{padding-block:25px}.row-title{font-size:40px}.nav-links{gap:28px}.work-page .section-heading h1{font-size:9vw}}@media (max-width:760px){.section-wrap,.site-header{width:calc(100% - 40px)}.site-header{height:70px}.nav-links{min-width:0;box-shadow:none;background:0 0;border:0;flex-direction:row;align-items:center;gap:23px;padding:0;display:flex;position:static}.nav-links a{font-size:11px}.menu-toggle{display:none}.header-actions{gap:16px}.cover{padding-top:20px;padding-bottom:35px}.cover-name{letter-spacing:-.025em;margin-bottom:32px;font-size:22.5vw;line-height:.85}.cover-spread{grid-template-columns:1fr;gap:36px}.cover-portrait{width:min(100% - 10px,420px);max-width:420px;margin:0 auto}.cover-intro{padding-bottom:0}.cover-role{letter-spacing:.8px;margin-bottom:15px;font-size:9px}.cover-intro h2{font-size:clamp(42px,10.5vw,62px)}.cover-summary{max-width:350px;margin-top:19px;font-size:13px;line-height:1.85}.cover-work-link{gap:65px;margin-top:17px;padding:12px 0;font-size:12px}.contact-strip{padding:23px 0 30px;display:block}.contact-strip h2{font-size:12px}.strip-actions{text-align:left;gap:12px;margin-top:12px}.strip-email{gap:8px;font-size:11px}.strip-email span{font-size:21px}.strip-copy{font-size:16px}.site-footer{gap:20px;padding-bottom:20px;font-size:7px}.site-footer>span{text-align:left;max-width:none}.site-footer>a{font-size:8px}.work-page{padding-top:25px}.work-page .section-heading h1{font-size:12.4vw}.work-page .section-heading>p{font-size:11px}.work-page .work-index{margin-top:25px}.project-row{grid-template-columns:26px 1fr 26px;padding-block:22px}.row-title{font-size:36px}.row-number{font-size:20px}.row-subtitle{font-size:9px}.preview-illustration{height:335px}.preview-caption p{font-size:12px}.preview-details{font-size:11px}.blog-page{min-height:60vh;padding-top:25px;padding-bottom:50px}.blog-heading h1{font-size:23vw}.blog-heading p{margin-top:23px;font-size:12px}.blog-heading{margin-bottom:32px}.blog-post-row h2{font-size:32px}.article-heading h1{font-size:48px}.preference-panel{top:61px}}@media (max-width:360px){.header-actions{gap:10px}.nav-links{gap:15px}.nav-links a,.strip-email{font-size:10px}.cover-intro h2{font-size:40px}}@media (max-width:760px){.cover-name{font-size:21.8vw}}@media (max-width:360px){.cover-name{font-size:21.2vw}}@property --entrance-aperture{syntax:"<length>";inherits:false;initial-value:0}.entrance{z-index:900;pointer-events:none;display:none;position:fixed;inset:0;overflow:hidden}html[data-motion=on] .entrance{animation:1.55s linear both entrance-finish;display:block}.entrance-paper{background:var(--paper);-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent var(--entrance-aperture),#000 calc(var(--entrance-aperture) + 1px));mask-image:radial-gradient(circle at 50% 50%,transparent var(--entrance-aperture),#000 calc(var(--entrance-aperture) + 1px));animation:1s cubic-bezier(.65,0,.2,1) .4s both entrance-open;position:absolute;inset:0}.entrance-mark{font-family:var(--display);align-items:center;gap:6px;font-size:65px;font-weight:800;line-height:1;animation:1s cubic-bezier(.22,1,.36,1) both entrance-mark;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.entrance-mark span{color:var(--red);font-size:55px}@keyframes entrance-mark{0%{opacity:0;transform:translate(-50%,-35%)scale(.65)rotate(-8deg)}25%,48%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}75%,to{opacity:0;transform:translate(-50%,-50%)scale(.08)rotate(12deg)}}@keyframes entrance-open{0%{--entrance-aperture:0px}to{--entrance-aperture:150vmax}}@keyframes entrance-finish{0%,99%{visibility:visible}to{visibility:hidden}}html[data-motion=on] .page-stage:has(.cover) .cover-name{animation:.8s cubic-bezier(.16,1,.3,1) .7s both title-print}html[data-motion=on] .page-stage:has(.cover) .cover-intro{animation:.75s cubic-bezier(.16,1,.3,1) .95s both cover-arrive}@keyframes portrait-arrive{0%{opacity:0;transform:translateY(35px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cover-arrive{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}html[data-motion=off] .entrance{display:none}@media (prefers-reduced-motion:reduce){html:not([data-motion=on]) .entrance{display:none}}@supports not ((-webkit-mask-image:radial-gradient(circle,transparent,#000)) or (mask-image:radial-gradient(circle,transparent,#000))){.entrance-paper{animation:.6s ease-out .45s both entrance-fallback}@keyframes entrance-fallback{to{opacity:0}}}.cover{padding-top:45px;padding-bottom:55px}.cover-composition{grid-template-columns:1.13fr 1fr;align-items:center;column-gap:25px;display:grid}.cover-headline{letter-spacing:-.025em;z-index:2;white-space:nowrap;grid-area:1/1;margin:0;font-size:clamp(85px,11.5vw,168px);line-height:.84;position:relative}.cover-title-line{margin-bottom:-.02em;padding-bottom:.09em;display:block;overflow:hidden}.cover-title-line>span{display:block}.cover-headline em{color:var(--red);font-style:normal}.cover-composition>.cover-portrait{isolation:isolate;grid-area:1/2/3;align-self:center;max-width:560px;position:relative}.cover-composition .portrait-panel,.cover-composition .cover-portrait:hover .portrait-panel,html[data-theme=dark] .cover-composition .portrait-panel{box-shadow:none;background:0 0;border:0;overflow:visible;transform:none}.cover-composition .portrait-panel img{z-index:1;width:100%;height:auto;display:block;position:relative}.cover-composition>.cover-portrait:before{content:"";z-index:-1;background:var(--red);background-image:radial-gradient(#25231f35 1px,#0000 1px);background-size:6px 6px;border-radius:50%;position:absolute;inset:8% 5% 12% 1%;transform:rotate(-8deg)}.cover-composition>.cover-portrait:after{content:"";background:var(--ink);z-index:2;height:2px;position:absolute;bottom:4%;left:-4%;right:-1%;transform:rotate(-3deg)}.cover-composition>.cover-intro{z-index:2;grid-area:2/1;margin-top:38px;position:relative}.cover-intro h2{font-family:var(--body);letter-spacing:-.5px;font-size:24px;font-weight:500;line-height:1.3}.cover-role{margin-bottom:15px}.cover-summary{margin-top:17px}.cover-work-link{margin-top:15px}html[data-motion=on] .entrance{animation-duration:3.2s}.entrance-paper{animation-duration:2.1s;animation-delay:.7s}.entrance-mark{animation-duration:1.8s}html[data-motion=on] .page-stage:has(.cover) main h1{animation:none}html[data-motion=on] .page-stage:has(.cover) .cover-intro{animation:none}html[data-motion=on] .cover-title-line>span{animation:1.35s cubic-bezier(.16,1,.3,1) 1.1s both headline-rise}html[data-motion=on] .cover-title-line:nth-child(2)>span{animation-delay:1.3s}html[data-motion=on] .page-stage:has(.cover) .cover-portrait{animation:1.5s cubic-bezier(.16,1,.3,1) .9s both portrait-arrive}html[data-motion=on] .cover-intro .cover-role{animation:1s cubic-bezier(.16,1,.3,1) 1.6s both cover-arrive}html[data-motion=on] .cover-intro h2{animation:1.1s cubic-bezier(.16,1,.3,1) 1.8s both cover-arrive}html[data-motion=on] .cover-summary{animation:1.1s cubic-bezier(.16,1,.3,1) 2s both cover-arrive}html[data-motion=on] .cover-work-link{animation:1.1s cubic-bezier(.16,1,.3,1) 2.2s both cover-arrive}html[data-motion=on] .page-stage:has(.cover) .site-header{animation-duration:1s;animation-delay:2.3s}@keyframes headline-rise{0%{transform:translateY(110%)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@media (max-width:1100px){.cover-headline{font-size:11.1vw}.cover-composition{column-gap:15px}.cover-intro h2{font-size:22px}}@media (max-width:760px){.cover{padding-top:27px;padding-bottom:35px}.cover-composition{grid-template-columns:1fr;gap:0}.cover-headline{grid-area:1/1;font-size:19vw;line-height:.88}.cover-composition>.cover-portrait{grid-area:2/1;width:100%;max-width:430px;margin:18px auto 0}.cover-composition>.cover-intro{grid-area:3/1;margin-top:30px}.cover-intro h2{font-size:23px}.cover-composition>.cover-portrait:after{left:0;right:0}}.character-caption{z-index:3;color:#25231f;font-family:var(--display);cursor:pointer;background:#ffcf56;border:2px solid #25231f;padding:10px 15px;font-size:23px;font-weight:800;line-height:1;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;position:absolute;top:3%;left:0;transform:rotate(-7deg);box-shadow:3px 3px #25231f}.character-caption:after{content:"";background:#ffcf56;border-bottom:2px solid #25231f;border-right:2px solid #25231f;width:15px;height:15px;position:absolute;bottom:-10px;right:16px;transform:skewY(25deg)rotate(32deg)}.character-caption:hover{transform:rotate(-3deg)translateY(-3px);box-shadow:5px 5px #25231f}.character-caption:active{transform:rotate(-5deg)translateY(1px);box-shadow:1px 1px #25231f}.character-caption:focus-visible{outline:3px solid var(--red);outline-offset:7px}.character-caption span{z-index:1;display:block;position:relative}.character-spark{pointer-events:none;color:var(--red);z-index:2;position:absolute}.character-spark-one{width:49px;height:49px;top:12%;right:0;transform:rotate(9deg)}.character-spark-two{font-size:38px;line-height:1;top:47%;left:-3%}.cover-headline em{display:inline-block;position:relative}.cover-headline em:after{content:"";background:var(--red);clip-path:polygon(0 38%,98% 0,100% 38%,2% 100%);width:96%;height:.035em;position:absolute;bottom:-.025em;left:0;transform:rotate(-1deg)}html[data-motion=on] .character-caption span{animation:.45s cubic-bezier(.34,1.56,.64,1) both thought-pop}html[data-motion=on] .wordmark:hover .logo-mark>span{animation:.6s cubic-bezier(.34,1.56,.64,1) both star-pop;display:inline-block}html[data-motion=on] .cover-work-link:hover>span{animation:.65s ease-in-out 2 arrow-hop}html[data-motion=on] .cover-composition .portrait-panel{transition:transform .65s cubic-bezier(.34,1.56,.64,1)}html[data-motion=on] .cover-composition .cover-portrait:hover .portrait-panel{transform:translateY(-4px)rotate(-.6deg)}@keyframes thought-pop{0%{opacity:0;transform:translateY(5px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spark-wink{0%,to{rotate:none;scale:1}45%{rotate:22deg;scale:1.25}}@media (max-width:760px){.character-caption{padding:8px 12px;font-size:19px;top:2%;left:0}.character-spark-one{width:35px;height:35px;top:14%;right:0}.character-spark-two{font-size:29px;top:45%;left:0}}.route-wipe-paper{transition-duration:.65s;transition-timing-function:cubic-bezier(.76,0,.24,1)}.route-wipe.uncover .route-wipe-paper{transition-duration:.75s;transition-timing-function:cubic-bezier(.22,1,.36,1)}html[data-motion=on] .page-stage:has(.cover) .site-header{animation:none}html[data-motion=on] .page-stage .site-header .wordmark,html[data-motion=on] .page-stage .site-header .nav-links>a,html[data-motion=on] .page-stage .site-header .settings-trigger{animation:.85s cubic-bezier(.16,1,.3,1) .65s both cover-arrive}html[data-motion=on] .page-stage .site-header .nav-links>a:first-child{animation-delay:.81s}html[data-motion=on] .page-stage .site-header .nav-links>a:nth-child(2){animation-delay:.97s}html[data-motion=on] .page-stage:has(.cover) .site-header .wordmark{animation-delay:2.3s}html[data-motion=on] .page-stage:has(.cover) .site-header .nav-links>a:first-child{animation-delay:2.46s}html[data-motion=on] .page-stage:has(.cover) .site-header .nav-links>a:nth-child(2){animation-delay:2.62s}.scramble-text{display:inline-block}.scramble-glyph{display:inline-block;position:relative}.glyph-measure{visibility:hidden}.glyph-display{text-align:center;position:absolute;inset:0}.cover-headline:has(.ideas-word:hover) .cover-title-line{overflow:visible}.idea-bird{opacity:0;pointer-events:none;z-index:5;width:.55em;height:.47em;transition:opacity .25s,transform .35s;position:absolute;bottom:88%;left:44%;transform:translateY(12px)rotate(-8deg)}.idea-bird svg{width:100%;height:100%;overflow:visible}.bird-wing{transform-box:fill-box;transform-origin:90% 90%}.bird-wing-back{transform-origin:10% 90%}html[data-motion=on] .ideas-word:hover .idea-bird{opacity:1;animation:1.6s ease-in-out infinite bird-float;transform:translateY(0)rotate(-8deg)}html[data-motion=on] .ideas-word:hover .bird-wing-front{animation:.32s ease-in-out infinite alternate bird-flap}html[data-motion=on] .ideas-word:hover .bird-wing-back{animation:.32s ease-in-out infinite alternate bird-flap-back}@keyframes bird-float{0%,to{translate:0;rotate:-4deg}50%{translate:8px -9px;rotate:4deg}}@keyframes bird-flap{0%{transform:rotate(-18deg)scaleY(1)}to{transform:rotate(55deg)scaleY(.4)}}@keyframes bird-flap-back{0%{transform:rotate(18deg)scaleY(1)}to{transform:rotate(-55deg)scaleY(.4)}}html[data-motion=off] .idea-bird{display:none}@media (hover:none){.idea-bird{display:none}}@media (max-width:760px),(hover:none){.cover-headline .cover-title-line:nth-child(2){overflow:visible}.ideas-word .idea-bird{opacity:1;display:block;transform:translateY(0)rotate(-8deg)}html[data-motion=on] .ideas-word .idea-bird{animation:1.6s ease-in-out infinite bird-float}html[data-motion=on] .ideas-word .bird-wing-front{animation:.32s ease-in-out infinite alternate bird-flap}html[data-motion=on] .ideas-word .bird-wing-back{animation:.32s ease-in-out infinite alternate bird-flap-back}html[data-motion=off] .ideas-word .idea-bird{display:block}}html[data-motion=on] .page-stage .work-page h1{animation:1.15s cubic-bezier(.16,1,.3,1) .25s both title-print}html[data-motion=on] .page-stage .work-page .section-heading>p{animation:1.05s cubic-bezier(.16,1,.3,1) .55s both cover-arrive}html[data-motion=on] .page-stage .work-page .project-row{animation:1.05s cubic-bezier(.16,1,.3,1) both work-arrive}html[data-motion=on] .page-stage .work-page .project-row:first-child{animation-delay:.8s}html[data-motion=on] .page-stage .work-page .project-row:nth-child(2){animation-delay:1s}html[data-motion=on] .page-stage .work-page .project-row:nth-child(3){animation-delay:1.2s}html[data-motion=on] .page-stage .work-page .project-row:nth-child(4){animation-delay:1.4s}html[data-motion=on] .page-stage .work-page .project-row:nth-child(5){animation-delay:1.6s}html[data-motion=on] .page-stage .work-page .project-row:nth-child(6){animation-delay:1.8s}html[data-motion=on] .page-stage .work-page .work-preview{animation:1.2s cubic-bezier(.16,1,.3,1) 1.3s both work-arrive}:is(html[data-motion=on] .page-stage:has(.work-page) .contact-strip,html[data-motion=on] .page-stage:has(.work-page) .site-footer){animation:1s cubic-bezier(.16,1,.3,1) 2s both cover-arrive}@keyframes work-arrive{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.books-page{padding-top:38px;padding-bottom:55px}.books-heading h1{letter-spacing:-.02em;font-size:clamp(65px,9.2vw,132px);line-height:.9}.books-heading h1 span{color:var(--red)}.books-heading>p{color:var(--muted);margin-top:23px;font-size:13px}.current-reading{border-bottom:1px solid var(--line);grid-template-columns:300px 1fr;align-items:center;gap:75px;margin-bottom:58px;padding:55px 0 60px;display:grid}.current-book{max-width:280px;display:block}.reading-label{letter-spacing:1px;color:var(--red);align-items:center;gap:12px;margin-bottom:20px;font-size:10px;font-weight:700;display:flex}.reading-label>span{font-size:30px;line-height:1}.reading-copy h2{letter-spacing:-.7px;font-size:clamp(45px,5vw,70px);line-height:1}.reading-copy h2>span{color:var(--red)}.reading-author{margin-top:17px;font-size:14px}.reading-genre{color:var(--muted);margin-top:8px;font-size:10px;display:block}.bookmark-note{color:var(--muted);transform-origin:0;margin-top:28px;font-family:Georgia,serif;font-size:19px;font-style:italic;transform:rotate(-3deg)}.shelf-heading{justify-content:space-between;align-items:baseline;gap:25px;margin-bottom:30px;display:flex}.shelf-heading h2{font-size:48px;line-height:1}.shelf-heading h2 span{color:var(--red)}.shelf-heading p{color:var(--muted);font-size:12px}.genre-shelf{margin-bottom:65px}.book-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 30px;padding:0;list-style:none;display:grid}.shelf-book{border-radius:2px;padding-top:12px;display:block}.shelf-book:focus-visible,.current-book:focus-visible{outline:2px solid var(--red);outline-offset:7px}.book-caption{padding-top:24px}.book-caption small{text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-size:8px}.book-caption h3{font-family:var(--body);max-width:230px;margin-top:8px;font-size:13px;font-weight:700;line-height:1.5}.book-caption h3>span{color:var(--red);margin-left:8px}.book-caption p{color:var(--muted);margin-top:5px;font-size:11px}.jacket-note{color:var(--muted);font-size:9px;line-height:1.8}.book-scene{--book-width:170px;--book-height:246px;--book-depth:22px;perspective:1000px;isolation:isolate;place-items:center;height:270px;display:grid;position:relative}.book-scene:after{content:"";background:var(--ink);opacity:.13;filter:blur(9px);z-index:-1;border-radius:50%;height:16px;position:absolute;bottom:4px;left:15%;right:13%}.book-volume{width:var(--book-width);height:var(--book-height);transform-style:preserve-3d;transition:transform .75s cubic-bezier(.22,1,.36,1);position:relative;transform:rotateX(5deg)rotateY(-24deg)rotate(-3deg)}.book-front,.book-back{background:var(--jacket);color:var(--jacket-ink);backface-visibility:hidden;transform:translateZ(calc(var(--book-depth)/2));border:1px solid #25231f;position:absolute;inset:0}.book-front{background-image:linear-gradient(90deg,#0003,#0000 8%,#ffffff0c 70%,#0001);flex-direction:column;padding:18px 15px 16px;display:flex;overflow:hidden;box-shadow:inset 4px 0 #0002}.book-front:after{content:"";opacity:.25;pointer-events:none;border:1px solid;position:absolute;inset:8px}.book-front small{text-transform:uppercase;letter-spacing:1px;min-height:22px;font-size:6px;line-height:1.5}.book-front strong{font-family:var(--display);text-transform:uppercase;letter-spacing:-.25px;z-index:1;font-size:27px;line-height:1.03;position:relative}.jacket-author{text-transform:uppercase;letter-spacing:.6px;z-index:1;margin-top:auto;font-size:8px;font-weight:700;line-height:1.5;position:relative}.book-back{transform:translateZ(calc(var(--book-depth)/-2)) rotateY(180deg)}.book-spine{left:calc(var(--book-depth)/-2);width:var(--book-depth);background:var(--jacket);height:100%;color:var(--jacket-ink);border:1px solid #25231f;justify-content:center;align-items:center;display:flex;position:absolute;top:0;transform:rotateY(-90deg);box-shadow:inset 0 0 10px #0004}.book-spine>span{writing-mode:vertical-rl;font-family:var(--display);letter-spacing:.3px;white-space:nowrap;max-height:90%;font-size:12px;font-weight:700;overflow:hidden}.book-pages{right:calc(var(--book-depth)/-2);width:var(--book-depth);background:repeating-linear-gradient(90deg,#f5eedf 0 2px,#cbc4b4 2px 3px);border:1px solid #25231f;position:absolute;top:3px;bottom:3px;transform:rotateY(90deg)}.book-pages:after{content:"";background:#fff;height:1px;position:absolute;top:0;left:0;right:0}.book-ribbon{clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%);z-index:4;background:#bd3026;width:13px;height:61px;position:absolute;top:-6px;right:26px;transform:translateZ(14px)}.book-motif{opacity:.85;flex:1;place-items:center;min-height:55px;margin:14px 0;display:grid;position:relative}.book-motif b{font-family:var(--display);font-size:58px;font-weight:400;line-height:1}.book-motif i{border:1px solid;border-radius:50%;width:64px;height:64px;position:absolute}.book-motif i:nth-child(2){width:44px;height:44px;transform:translate(12px,-5px)}.book-motif i:nth-child(3){width:24px;height:24px;transform:translate(-13px,12px)}.motif-thorns i{background:currentColor;border:0;border-radius:0;width:85%;height:2px;transform:rotate(-28deg)}.motif-thorns i:nth-child(2){width:85%;height:2px;transform:rotate(28deg)}.motif-thorns i:nth-child(3){width:2px;height:80px;transform:rotate(20deg)}.motif-flame b{font-size:74px;transform:rotate(-15deg)}.motif-flame i{border-radius:45% 0 45% 45%;width:50px;height:65px;transform:rotate(-35deg)}.motif-flame i:nth-child(n+2){display:none}.motif-stripes i{background:currentColor;border:0;border-radius:0;width:100%;height:2px;transform:rotate(-20deg)}.motif-stripes i:nth-child(2){width:100%;height:2px;transform:translateY(-13px)rotate(-20deg)}.motif-stripes i:nth-child(3){width:100%;height:2px;transform:translateY(13px)rotate(-20deg)}.motif-stripes b{background:var(--jacket);z-index:1;padding:5px;font-size:32px}.book-featured{--book-width:210px;--book-height:305px;--book-depth:26px;height:335px}.book-featured .book-front{padding:23px 20px}.book-featured .book-front strong{font-size:38px}.book-featured .book-front small{margin-bottom:10px;font-size:7px}.book-featured .jacket-author{font-size:11px}.book-featured .book-motif b{font-size:80px}html[data-motion=on] .shelf-book:hover .book-volume,html[data-motion=on] .shelf-book:focus-visible .book-volume,html[data-motion=on] .current-book:hover .book-volume,html[data-motion=on] .current-book:focus-visible .book-volume{transform:translateY(-10px)rotateX(3deg)rotateY(-8deg)rotate(1deg)}html[data-motion=on] .page-stage .books-heading h1{animation:1.1s cubic-bezier(.16,1,.3,1) .25s both title-print}html[data-motion=on] .page-stage .current-reading{animation:1.2s cubic-bezier(.16,1,.3,1) .7s both work-arrive}html[data-motion=on] .page-stage .site-header .nav-links>a:nth-child(3){animation-delay:1.13s}html[data-motion=on] .page-stage .site-header .settings-trigger{animation-delay:1.29s}html[data-motion=on] .page-stage:has(.cover) .site-header .nav-links>a:nth-child(3){animation-delay:2.78s}html[data-motion=on] .page-stage:has(.cover) .site-header .settings-trigger{animation-delay:2.94s}@media (max-width:1100px){.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.current-reading{grid-template-columns:260px 1fr;gap:40px}.books-heading h1{font-size:10vw}}@media (max-width:760px){.books-page{padding-top:25px}.books-heading h1{font-size:13.6vw}.books-heading>p{margin-top:18px;font-size:12px}.current-reading{grid-template-columns:1fr;gap:24px;margin-bottom:38px;padding:35px 0 40px}.current-book{width:100%;max-width:100%}.book-featured{--book-width:180px;--book-height:261px;height:290px}.book-featured .book-front strong{font-size:31px}.reading-copy{max-width:330px}.reading-copy h2{font-size:48px}.reading-label{margin-bottom:14px;font-size:9px}.reading-author{font-size:13px}.bookmark-note{margin-top:18px;font-size:17px}.shelf-heading{margin-bottom:20px;display:block}.shelf-heading h2{font-size:40px}.shelf-heading p{margin-top:12px;font-size:11px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.book-scene{--book-width:130px;--book-height:192px;--book-depth:18px;height:215px}.book-front{padding:13px 11px}.book-front strong{font-size:22px}.book-front small{letter-spacing:.5px;min-height:19px;font-size:5px}.jacket-author{letter-spacing:.1px;font-size:7px}.book-caption{padding-top:13px}.book-caption h3{font-size:11px}.book-caption small{letter-spacing:.3px;font-size:7px}.book-caption p,.book-spine>span{font-size:10px}.book-motif{min-height:42px;margin:8px 0}.book-motif b{font-size:43px}.book-motif i{width:45px;height:45px}.book-featured{--book-width:180px;--book-height:261px;--book-depth:24px;height:290px}.genre-shelf{margin-bottom:40px}.nav-links{gap:20px}}@media (max-width:360px){.book-scene:not(.book-featured){--book-width:110px;--book-height:165px;height:185px}.book-scene:not(.book-featured) .book-front strong{font-size:18px}.nav-links{gap:14px}}button.shelf-book,button.current-book{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding-inline:0;transition:background .3s,box-shadow .3s}.book-caption{display:block}.book-caption-title{font-family:var(--body);max-width:230px;margin-top:8px;font-size:13px;font-weight:700;line-height:1.5;display:block}.book-caption-title>span{color:var(--red);margin-left:8px}.book-caption-author{color:var(--muted);margin-top:5px;font-size:11px;display:block}.shelf-book.is-selected,.current-book.is-selected{background:color-mix(in srgb,var(--red) 7%,transparent);box-shadow:0 0 0 2px var(--red);border-radius:2px}.book-dialog{border:2px solid var(--ink);background:var(--paper);width:min(800px,100% - 40px);max-height:90dvh;color:var(--ink);box-shadow:7px 7px var(--red);padding:0;overflow-y:auto}.book-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#101115b8}.book-preview-inner{grid-template-columns:.9fr 1.1fr;align-items:center;gap:25px;padding:45px 35px;display:grid;position:relative}.book-preview-close{border:1px solid var(--line);background:var(--paper);width:36px;height:36px;color:var(--ink);cursor:pointer;z-index:5;font-size:25px;line-height:1;position:absolute;top:10px;right:14px}.book-preview-close:hover{border-color:var(--red);color:var(--red)}.book-preview-close:focus-visible{outline:2px solid var(--red);outline-offset:3px}.book-spotlight{isolation:isolate;position:relative}.book-spotlight:before{content:"";z-index:-1;background:color-mix(in srgb,var(--red) 9%,transparent);border-radius:50%;position:absolute;inset:10% 0}.book-spotlight .book-volume{transform:rotateX(3deg)rotateY(-12deg)rotate(-2deg)}.book-preview-genre{letter-spacing:1px;text-transform:uppercase;color:var(--red);margin-bottom:14px;font-size:9px;font-weight:700}.book-preview-copy h2{letter-spacing:-.5px;font-size:43px;line-height:1.02}.book-preview-author{color:var(--muted);margin-top:13px;font-size:12px}#book-preview-description{margin-top:24px;font-size:13px;line-height:1.9}.book-preview-copy>a{border-bottom:1px solid var(--line);gap:15px;margin-top:17px;padding-block:10px;font-size:10px;display:inline-flex}.book-preview-copy>a>span{color:var(--red)}html[data-motion=on] .book-dialog[open]{animation:.65s cubic-bezier(.16,1,.3,1) both book-preview-arrive}html[data-motion=on] .book-dialog[open] .book-volume{animation:1.15s cubic-bezier(.16,1,.3,1) both book-selected}html[data-motion=on] .book-dialog[open] .book-preview-copy{animation:.85s cubic-bezier(.16,1,.3,1) .15s both cover-arrive}@keyframes book-preview-arrive{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes book-selected{0%{opacity:.4;transform:translateY(30px)rotateX(10deg)rotateY(-45deg)rotate(-7deg)scale(.82)}to{opacity:1;transform:translateY(0)rotateX(3deg)rotateY(-12deg)rotate(-2deg)scale(1)}}@media (max-width:760px){.book-caption-title{font-size:11px}.book-caption-author{font-size:10px}.book-preview-inner{grid-template-columns:1fr;gap:20px;padding:40px 24px 25px}.book-spotlight .book-scene{--book-width:155px;--book-height:225px;height:245px}.book-spotlight .book-front strong{font-size:27px}.book-spotlight .book-front{padding:18px 15px}.book-spotlight .jacket-author{font-size:8px}.book-preview-copy h2{font-size:36px}#book-preview-description{margin-top:17px;font-size:12px}.book-preview-author{font-size:11px}}html[data-motion=on] .page-stage .books-heading h1,html[data-motion=on] .page-stage .current-reading{animation:none}html[data-motion=on] .page-stage .books-page [data-reveal]{opacity:0;transform:translateY(24px)}html[data-motion=on] .page-stage .books-page [data-reveal][data-revealed=true]{animation:shelf-reveal 1.05s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0s) both}html[data-motion=on] .page-stage .books-page [data-reveal]:focus-within,html[data-motion=on] .page-stage .books-page [data-reveal][data-reveal-immediate=true]{opacity:1;transform:none;animation:none!important}html[data-motion=off] .books-page [data-reveal]{opacity:1;transform:none}@keyframes shelf-reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}html[data-motion=on] .page-stage .blog-page h1,html[data-motion=on] .page-stage .article-page h1{animation:1.4s cubic-bezier(.22,1,.36,1) .3s both title-print}html[data-motion=on] .page-stage .blog-heading p{animation:1.2s cubic-bezier(.22,1,.36,1) .65s both notes-arrive}html[data-motion=on] .page-stage .blog-page .blog-post-row{animation:1.3s cubic-bezier(.22,1,.36,1) .95s both notes-arrive}html[data-motion=on] .page-stage .blog-post-row .chapter{animation:none}html[data-motion=on] .page-stage .article-page .back-link,html[data-motion=on] .page-stage .article-heading>.chapter{animation:1.1s cubic-bezier(.22,1,.36,1) .15s both notes-arrive}html[data-motion=on] .page-stage .article-heading>p{animation:1.25s cubic-bezier(.22,1,.36,1) .7s both notes-arrive}html[data-motion=on] .page-stage .article-heading>.post-meta{animation:1.2s cubic-bezier(.22,1,.36,1) .95s both notes-arrive}html[data-motion=on] .page-stage .article-page .article-body{animation:1.4s cubic-bezier(.22,1,.36,1) 1.2s both notes-arrive}@keyframes notes-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.work-page .work-index{display:block}.work-page .project-list{width:100%}.work-page .row-title{display:inline-block}.work-page .row-copy{justify-self:start}.work-page .row-title:hover{color:var(--red)}.floating-project-preview{z-index:80;pointer-events:none;visibility:hidden;opacity:0;will-change:transform;width:340px;position:fixed;top:0;left:0}.floating-project-preview[data-visible=true]{visibility:visible;opacity:1}.floating-project-art{border:2px solid var(--ink);box-shadow:6px 6px var(--red);background:var(--paper)}.floating-project-art .preview-illustration{height:290px;overflow:hidden}.floating-project-caption{border-top:2px solid var(--ink);justify-content:space-between;align-items:center;padding:12px 15px;font-size:11px;font-weight:700;display:flex}.floating-project-caption>span{color:var(--red);font-size:20px}html[data-motion=on] .floating-project-preview[data-visible=true] .floating-project-art{animation:.4s cubic-bezier(.22,1,.36,1) both preview-pop}@keyframes preview-pop{0%{opacity:0;transform:scale(.94)rotate(-3deg)}to{opacity:1;transform:scale(1)rotate(-1deg)}}.back-to-top{z-index:85;background:var(--paper);width:44px;height:44px;color:var(--red);border:2px solid var(--ink);box-shadow:3px 3px var(--red);place-items:center;font-size:27px;line-height:1;display:grid;position:fixed;bottom:25px;right:25px}.back-to-top:hover{background:var(--red);color:var(--paper)}html[data-motion=on] .back-to-top{animation:.4s ease-out both notes-arrive}@media (hover:none),(pointer:coarse){.floating-project-preview{display:none}}@media (max-width:760px){.back-to-top{bottom:20px;right:20px}.floating-project-preview{width:270px}.floating-project-art .preview-illustration{height:235px}}.character-spark-three{font-size:22px;line-height:1;top:30%;left:9%}.character-spark-four{color:var(--yellow);font-size:19px;line-height:1;top:39%;right:8%}.character-spark-five{font-size:16px;line-height:1;top:77%;left:3%}html[data-motion=on] .cover-portrait .character-spark{animation:3.4s ease-in-out infinite portrait-twinkle}html[data-motion=on] .cover-portrait .character-spark-two{animation-duration:4.1s;animation-delay:-2.1s}html[data-motion=on] .cover-portrait .character-spark-three{animation-duration:3.1s;animation-delay:-1.3s}html[data-motion=on] .cover-portrait .character-spark-four{animation-duration:3.7s;animation-delay:-2.8s}html[data-motion=on] .cover-portrait .character-spark-five{animation-duration:4.4s;animation-delay:-3.2s}@keyframes portrait-twinkle{0%,to{opacity:.35;scale:.72}30%{opacity:.6;scale:.9}50%{opacity:1;scale:1.18}70%{opacity:.7;scale:.96}}.character-spark-six{color:var(--yellow);font-size:17px;line-height:1;top:9%;right:21%}.character-spark-seven{font-size:24px;line-height:1;top:24%;left:1%}.character-spark-eight{color:var(--yellow);font-size:14px;line-height:1;top:66%;right:1%}.character-spark-nine{font-size:20px;line-height:1;top:91%;left:23%}html[data-motion=on] .cover-portrait .character-spark-six{animation-duration:3.6s;animation-delay:-.8s}html[data-motion=on] .cover-portrait .character-spark-seven{animation-duration:4.2s;animation-delay:-2.6s}html[data-motion=on] .cover-portrait .character-spark-eight{animation-duration:3.3s;animation-delay:-1.9s}html[data-motion=on] .cover-portrait .character-spark-nine{animation-duration:3.9s;animation-delay:-.4s}body{background-image:radial-gradient(circle,color-mix(in srgb,var(--ink) 12%,transparent) .75px,transparent 1px);background-position:9px 9px;background-size:18px 18px}@media (forced-colors:active){body{background-image:none}}