:root{color-scheme:dark;--bg:#12101d;--surface:#1b1728;--text:#f4f0fa;--muted:#b3aabc;--faint:#84778f;--purple:#b99bf6;--pink:#ee89d8;--cyan:#8bdddc;--line:#373043;--serif:'Fraunces',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}button:disabled{cursor:default}[hidden]{display:none!important}::selection{background:#765094;color:#fff}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.skip-link{position:absolute;top:-60px;left:20px;z-index:100;background:var(--cyan);color:var(--bg);padding:10px}.skip-link:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.preview-strip{display:flex;align-items:center;justify-content:space-between;padding:7px 48px;background:#201b2c;color:#c7b8dc;font-family:var(--display);font-size:10px;letter-spacing:1.6px;border-bottom:1px solid #30273f}.preview-strip>span:last-child{font-family:var(--serif);font-style:italic;font-size:12px;letter-spacing:0}.preview-strip>span:last-child span{color:var(--pink);margin-left:9px}.preview-dot{margin-inline:8px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand>img{object-fit:contain}.brand>span{position:relative;font-family:var(--serif);font-weight:600;font-size:24px;letter-spacing:-1px;line-height:1.1}.brand em{display:block;color:var(--purple);font-weight:500}.brand-spark{position:absolute;right:-23px;top:5px;color:var(--pink);font-size:14px}.site-header nav{display:flex;align-items:center;gap:33px;font-size:13px}.site-header nav>a{transition:color .18s}.site-header nav>a:hover{color:var(--purple)}.nav-button{border:1px solid #61506e;border-radius:4px;padding:10px 15px;display:flex;align-items:center;gap:21px}.nav-button span{color:var(--pink);font-size:19px}
.hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:620px;gap:16px;padding-block:74px 68px}.hero:before{content:'';position:absolute;z-index:-1;inset:-100px -40px -10px 20%;background:radial-gradient(ellipse at 85% 45%,#754c9b24,transparent 65%);pointer-events:none}.eyebrow{font-family:var(--display);font-size:10px;font-weight:600;line-height:1.5;letter-spacing:2px;margin:0 0 20px;color:var(--muted)}.hero .eyebrow{display:flex;align-items:center;gap:12px;color:var(--purple)}.tiny-flame{color:var(--pink);font-size:16px}.hero h1{font-family:var(--display);font-size:clamp(48px,5.25vw,74px);font-weight:600;line-height:1.055;letter-spacing:-3.8px;margin:0 0 26px}.hero h1 em{font-family:var(--serif);font-weight:500;color:var(--purple);letter-spacing:-3.2px}.title-stop{color:var(--pink)}.hero-description{max-width:415px;color:var(--muted);font-size:16px;line-height:1.9;margin:0 0 28px}.nowrap{white-space:nowrap}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:46px;padding:13px 20px;border-radius:5px;border:1px solid transparent;font-size:13px;font-weight:700;transition:transform .16s,background .16s}.primary{background:var(--purple);color:#20132e;box-shadow:3px 4px 0 #4c335e}.primary:hover{background:#ccb1ff;transform:translateY(-2px)}.button>span{font-size:19px;font-weight:400;line-height:1}.text-link{font-size:13px;display:inline-flex;align-items:center;gap:15px}.text-link:hover{color:var(--pink)}.text-link>span{font-size:18px}.hero-footnote{display:flex;align-items:center;gap:10px;margin:32px 0 0;font-family:var(--display);font-size:9px;letter-spacing:1.2px;color:#ac9bb9}.hero-footnote>span{font-size:15px;color:var(--cyan)}.hero-footnote i{font-style:normal;color:#655373}
.hero-art{position:relative;isolation:isolate;aspect-ratio:1;width:100%;max-width:500px;justify-self:end}.hero-avatar{position:absolute;inset:10.5%;height:79%;width:79%;object-fit:contain;transform:rotate(-5deg);filter:drop-shadow(0 22px 24px #0008);z-index:2}.portrait-halo{position:absolute;inset:9%;border-radius:50%;background:radial-gradient(ellipse at 25% 75%,#4a4562,#291a42 55%,#4c2b54);box-shadow:0 0 80px #b846b213}.orbit{position:absolute;border:1px solid #66527355;border-radius:50%;inset:4%;transform:rotate(-20deg);z-index:-1}.orbit-one:after,.orbit-two:after{content:'';position:absolute;background:var(--pink);width:6px;height:6px;border-radius:50%;left:17%;top:12%}.orbit-two{inset:0 12%;transform:rotate(40deg);border-style:dashed;border-color:#75628d55}.orbit-two:after{background:var(--cyan);left:90%;top:70%}.art-star{position:absolute;color:var(--purple);line-height:1}.star-one{font-size:39px;left:5%;top:22%;transform:rotate(-10deg)}.star-two{font-size:56px;right:0;bottom:16%;color:var(--cyan)}.star-three{font-size:28px;right:8%;top:4%;color:var(--pink)}.art-label{position:absolute;z-index:3;box-shadow:0 8px 20px #0004}.label-top{top:7%;left:5%;transform:rotate(-7deg);background:#bba2df;color:#241631;padding:8px 15px;font:600 9px/1.5 var(--display);letter-spacing:1.2px;border:1px solid #cfb6ec}.label-top>span{margin-right:8px}.label-bottom{display:flex;align-items:center;gap:8px;bottom:3%;right:2%;transform:rotate(4deg);background:#252031;border:1px solid #584567;color:var(--text);padding:13px 17px;font-family:var(--serif);font-style:italic;font-size:19px}.label-arrow{font:30px var(--serif);color:var(--pink)}.little-token{position:absolute;z-index:4;font-family:var(--display);box-shadow:0 10px 20px #0003}.token-code{right:0;top:31%;font-size:24px;color:var(--cyan);background:#1b2c34;border:1px solid #457179;padding:8px 16px;transform:rotate(10deg);border-radius:9px}.token-heart{left:0;bottom:16%;color:var(--pink);font-size:23px;transform:rotate(-8deg);border:1px solid #60405f;background:#2b1d32;padding:6px 13px;display:flex;align-items:center;gap:9px;border-radius:5px}.token-heart span{font-size:10px;color:#dbbdd8}
.chapter-divider{display:flex;align-items:center;gap:22px;font:500 9px var(--display);letter-spacing:1.7px;color:var(--faint)}.chapter-divider i{height:1px;background:var(--line);flex:1}.chapter-divider>span:last-child{color:#bcaacb}.projects{padding-block:67px 75px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:12px;font-size:9px;color:var(--cyan)}h2{font-family:var(--display);font-size:42px;font-weight:500;line-height:1.15;letter-spacing:-1.8px;margin:0}h2 em{font-family:var(--serif);font-weight:500;color:var(--purple)}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 4px}.project-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:30px;border-bottom:1px solid var(--line);padding-bottom:14px}.project-filters button{padding:8px 14px;background:none;color:var(--muted);border:1px solid transparent;border-radius:4px;font-size:12px}.project-filters button[aria-pressed=true]{background:#30263e;border-color:#514064;color:#e1cffc}.project-filters button:hover{color:var(--text)}.project-filters button>span{font-size:10px;margin-left:8px;opacity:.7}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.project{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#191522;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.project:hover{border-color:#695476;transform:translateY(-3px)}.featured{grid-column:span 2}.project-art{height:245px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.project-info{padding:24px;display:flex;flex-direction:column;flex:1}.project-title{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.project-title img{object-fit:contain}.project h3{font-family:var(--display);font-weight:500;font-size:23px;line-height:1.2;letter-spacing:-.7px;margin:0}.project-tag{font-family:var(--display);font-size:8px;letter-spacing:1.2px;color:#bca6cf}.project:not(.featured):not(.wide-project) .project-title{display:block}.project:not(.featured):not(.wide-project) .project-tag{display:block;margin-top:9px}.project-info>p{font-size:13px;line-height:1.8;color:var(--muted);margin:13px 0 20px;max-width:480px}.project-open{display:flex;justify-content:space-between;align-items:center;gap:20px;border:0;padding:0;background:none;color:var(--purple);font-size:12px;font-weight:600;text-align:left;margin-top:auto;min-height:30px}.project-open>span{font-size:22px;line-height:1;font-weight:400}.project-open:hover{color:var(--cyan)}.sample-caption{position:absolute;top:13px;right:16px;z-index:3;color:#b6a6c7;font:500 8px var(--display);letter-spacing:1.3px}.hearth-art{background:radial-gradient(ellipse at 65% 10%,#57346799,transparent 70%),#241b34;display:flex;align-items:flex-end;justify-content:center;padding:38px 32px 0}.chat-sketch{display:grid;grid-template-columns:165px 1fr;background:#171421;border:1px solid #5b426d;border-radius:7px 7px 0 0;width:100%;height:207px;box-shadow:0 15px 40px #08051155;transform:rotate(-2deg);transform-origin:bottom center}.chat-sidebar{padding:17px 10px;background:#20192c;border-right:1px solid #392c46;font-size:10px;display:grid;grid-template-columns:28px 1fr;align-content:start;gap:8px;align-items:center}.chat-sidebar>b{font-family:var(--display);font-size:14px;margin-left:4px}.sketch-room{grid-column:1/-1;display:block;padding:5px 7px;color:#b2a5c4;white-space:nowrap}.sketch-room.selected{background:#3e2a51;color:#e7d3ff;border-radius:3px}.sketch-voice{color:var(--cyan);grid-column:1/-1;padding:5px 7px}.chat-content{padding:13px;min-width:0}.chat-title{font-size:10px;border-bottom:1px solid #30273c;padding:0 0 9px;display:flex;justify-content:space-between}.chat-title>span{color:var(--purple)}.sketch-message{display:flex;gap:9px;font-size:10px;margin-top:13px}.sample-avatar{width:24px;height:24px;display:grid;place-items:center;font-size:10px;border-radius:50%;flex-shrink:0}.purple-avatar{background:#5c3977;color:#ecddff}.cyan-avatar{background:#294952;color:#bcf3f2}.sketch-message b{font-size:10px;font-weight:600}.sketch-message small{font-size:7px;color:#9b8ba9;margin-left:6px}.sketch-message p{font-size:10px;margin:3px 0;color:#d9d0e3;line-height:1.4}.reaction{display:inline-block;font-size:9px;border:1px solid #5c3c70;background:#30203d;border-radius:4px;padding:1px 6px;margin-top:5px}.sketch-input{display:flex;justify-content:space-between;background:#2a2235;border:1px solid #43334e;border-radius:4px;padding:7px 9px;color:#b0a1bd;font-size:9px;margin-top:14px}.art-corner{position:absolute;left:14px;bottom:22px;color:var(--pink);font-size:30px}.spiral-art{background:radial-gradient(ellipse at 60% 30%,#6b46534a,transparent),#272035;padding:36px 30px 0;display:flex;justify-content:center}.notebook-sketch{position:relative;width:230px;height:241px;background:#dbd2df;color:#3b294c;padding:25px 20px 20px 33px;transform:rotate(7deg);border-radius:4px;box-shadow:12px 12px 0 #503a5a66}.notebook-binding{position:absolute;inset:0 auto 0 12px;border-left:1px solid #a093ad}.notebook-sketch p{font:600 7px var(--display);letter-spacing:1px;margin:0 0 14px}.notebook-sketch h4{font:500 23px/1.2 var(--serif);letter-spacing:-.5px;margin:0}.notebook-sketch em{color:#754c87;font-size:22px}.notebook-line{height:1px;background:#b7a9bf;margin-top:16px;width:90%}.notebook-line.short{width:60%;margin-top:12px}.notebook-doodle{position:absolute;bottom:10px;right:25px;font-size:55px;color:#8a5b98}.floating-app-icon{position:absolute;right:18px;bottom:20px;border-radius:13px;transform:rotate(-9deg);box-shadow:0 6px 14px #0005}.compact-art{position:relative;display:flex;align-items:center;height:140px;border-bottom:1px solid var(--line);padding:28px;overflow:hidden}.compact-art>img{z-index:2;object-fit:contain;filter:drop-shadow(0 6px 8px #0003)}.atlas-art{background:#1a2830}.small-art-word{font-family:var(--display);font-size:10px;letter-spacing:2px;margin-left:auto;max-width:140px;color:#a4cacb}.circuit-lines{position:absolute;inset:0 0 0 45%;opacity:.25;background:repeating-linear-gradient(0deg,transparent 0,transparent 27px,#7cb8c2 28px,transparent 29px);transform:skewY(-15deg)}.circuit-lines i{position:absolute;border:1px solid #70c8ce;border-radius:50%;width:70px;height:70px;left:20%;top:25%}.circuit-lines i:nth-child(2){left:50%;top:-20%}.circuit-lines i:nth-child(3){left:75%;top:60%}.pocket-art{background:#252138}.thought-slip{margin-left:auto;background:#b4a0d0;padding:12px 14px;color:#342543;font:italic 16px var(--serif);transform:rotate(-6deg);box-shadow:4px 5px 0 #100e1933;max-width:145px}.morsel-art{background:#1c2a2a}.morsel-mark{font:italic 65px/.8 var(--serif);color:#b7d8c8;position:relative}.morsel-mark span{position:absolute;color:var(--pink);font-size:21px;right:-10px;top:-5px}.morsel-art .small-art-word{color:#bdd1c7;line-height:1.8;max-width:145px}.wide-project{grid-column:1/-1;flex-direction:row;align-items:center;position:relative;min-height:190px}.wide-project .project-info{padding:25px 30px}.wide-project .project-open{max-width:175px}.wide-project .project-info>p{max-width:530px}.waystone-art{width:240px;align-self:stretch;position:relative;background:radial-gradient(ellipse at 50% 55%,#38515f77,transparent 60%),#18212b;border-right:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}.gem{width:62px;height:85px;background:linear-gradient(120deg,#d1feee,#81d8d5 48%,#6280bc 49%,#446a85);clip-path:polygon(50% 0,100% 30%,85% 75%,50% 100%,0 70%,8% 26%);transform:rotate(14deg);z-index:1}.gem i{display:block;width:100%;height:100%;background:#b8fbe85c;clip-path:polygon(50% 0,52% 68%,0 70%,8% 26%)}.gem-ring{position:absolute;width:145px;height:145px;border:1px solid #82cdcc3d;border-radius:50%}.gem-ring.second{width:170px;height:170px;border-style:dashed}.gem-star{position:absolute;right:31px;top:30px;color:var(--cyan);font-size:20px}.sidequest-label{font:600 9px/1.8 var(--display);letter-spacing:1.5px;color:var(--cyan);margin:0 30px 0 10px;text-align:right;min-width:100px}.inventory-note{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;color:var(--muted);text-align:center;margin:26px 0 0}.inventory-note>span{color:var(--pink);font-size:18px}.project-grid.filtered .featured{grid-column:span 2}
.about-section{background:#191520;border-block:1px solid var(--line);position:relative;overflow:hidden}.about-section:after{content:'&';position:absolute;right:1%;top:-55px;font:italic 390px/1 var(--serif);color:#c7a2ec05;pointer-events:none}.about-grid{display:grid;grid-template-columns:.8fr 1.3fr;gap:95px;align-items:center;padding-block:75px;position:relative;z-index:1}.about-portrait{position:relative;max-width:290px;margin:auto}.portrait-frame{padding:16px;border:1px solid #655271;transform:rotate(-5deg);position:relative;background:#211b2d;box-shadow:9px 10px 0 #0e0c1555}.portrait-frame:before{content:'';position:absolute;width:90px;height:23px;background:#b59bc4b3;top:-12px;left:50%;transform:translateX(-50%) rotate(-4deg);backdrop-filter:blur(5px)}.portrait-frame img{display:block;width:100%;height:auto}.portrait-caption{position:relative;display:block;margin-top:24px;text-align:center;font:500 10px var(--display);letter-spacing:2px;color:var(--purple)}.about-copy .eyebrow{color:var(--pink);font-size:9px;margin-bottom:15px}.about-copy h2{font-size:42px;line-height:1.2}.about-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);max-width:520px;margin:22px 0 0}.character-traits{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;font-size:11px;color:var(--cyan)}.character-traits span+span:before{content:'✦';color:#6b526e;margin-right:18px;font-size:8px}
.workbench{padding-block:76px 35px}.workbench .section-heading{margin-bottom:28px}.workbench-stamp{font:500 9px var(--display);letter-spacing:1.5px;color:var(--pink);border:1px solid #68435f;padding:7px 10px;transform:rotate(-3deg)}.bench-list{border-top:1px solid var(--line)}.bench-item{display:flex;align-items:center;gap:24px;border:0;border-bottom:1px solid var(--line);width:100%;padding:26px 0;background:transparent;color:var(--text);text-align:left;transition:background .18s}.bench-item:hover{background:#211a2c}.bench-number{font:italic 25px var(--serif);color:#a88eba;min-width:35px}.bench-item>div{flex:1}.bench-item h3{font-family:var(--display);font-size:17px;font-weight:500;line-height:1.5;margin:0}.bench-item p{font-size:12px;color:var(--muted);line-height:1.8;margin:4px 0 0}.bench-category{font-family:var(--display);font-size:8px;letter-spacing:1.3px;color:#b29bc3;margin-left:20px}.bench-arrow{font-size:22px;color:var(--purple);margin-left:30px}.closing{display:flex;flex-direction:column;align-items:center;text-align:center;padding-block:58px 75px;background:radial-gradient(ellipse at 50% 50%,#84529a0d,transparent 70%)}.closing img{object-fit:contain;margin-bottom:22px}.closing h2{font-size:44px;margin-bottom:23px}.closing .text-link{color:var(--cyan)}.site-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;border-top:1px solid var(--line);padding-block:28px;font-size:10px;color:var(--muted)}.footer-brand{font-family:var(--serif);font-size:17px;color:var(--text)}.footer-brand em{color:var(--purple)}.site-footer>a:last-of-type{text-align:right}.mockup-note{grid-column:1/-1;text-align:center;font-size:9px;color:#9687a2;margin:0}
dialog{color:var(--text);background:#211a2e;border:1px solid #715587;border-radius:12px;width:min(590px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:0;box-shadow:0 25px 100px #0008;overflow:auto}dialog::backdrop{background:#090611bf;backdrop-filter:blur(6px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #493653}.dialog-top .eyebrow{margin:0;color:var(--purple);font-size:9px}.dialog-top button{border:0;border-radius:5px;background:#34253f;color:var(--text);font-size:27px;width:38px;height:38px;line-height:1}.dialog-content{padding:30px}.dialog-content>img{object-fit:contain;margin-bottom:22px}.dialog-content>.eyebrow{margin:0 0 7px;color:var(--pink);font-size:9px}.dialog-content h2{font-size:42px}.dialog-content>p{color:#c7bace;font-size:15px;line-height:1.9}.dialog-content ul{list-style:none;margin:24px 0;padding:0}.dialog-content li{font-size:13px;padding:8px 0;border-bottom:1px solid #42324f}.dialog-content li:before{content:'✧';color:var(--cyan);margin-right:12px}.project-access{background:#17141f;border-left:2px solid var(--purple);padding:15px 18px}.access-label{font:600 9px var(--display);letter-spacing:1.5px;color:var(--purple)}.project-access p{font-size:13px;color:#d4c6df;line-height:1.7;margin:7px 0 0}.dialog-content .dialog-note{font-size:11px;color:var(--muted);margin:20px 0 25px}
@media(min-width:1450px){.hero{min-height:660px}.hero h1{font-size:77px}.hero-art{max-width:510px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{min-height:570px;gap:10px;padding-block:60px}.hero h1{font-size:58px;letter-spacing:-3px}.hero h1 em{letter-spacing:-2.5px}.hero-description{font-size:14px;max-width:360px}.hero-art{max-width:430px}.hero-actions{gap:20px}.hero-footnote{font-size:8px;gap:7px;letter-spacing:.7px}.label-top{font-size:8px;padding:7px 10px}.label-bottom{font-size:16px;padding:10px 13px}.token-heart{font-size:18px;padding:5px 9px}.token-heart span{font-size:8px}.chat-sketch{grid-template-columns:135px 1fr}.hearth-art{padding-inline:22px}.chat-sidebar{font-size:8px}.chat-content{padding:12px}.project-grid{gap:18px}.project-info{padding:21px}.featured .project-tag{width:100%;padding-left:50px;margin-top:-7px}.compact-art{padding:23px}.thought-slip{font-size:14px;padding:9px;max-width:120px}.small-art-word{font-size:8px;max-width:110px;letter-spacing:1.4px}.about-grid{gap:60px}.sidequest-label{display:none}.site-header nav{gap:25px}.about-copy h2{font-size:38px}}
@media(max-width:820px){.wrap{width:calc(100% - 48px)}.preview-strip{padding-inline:24px}.site-header{padding-block:22px}.brand>span{font-size:21px}.brand>img{width:42px;height:42px}.site-header nav{gap:20px;font-size:12px}.nav-button{padding:8px 12px;gap:12px}.hero{grid-template-columns:1fr .88fr;min-height:510px;padding-block:50px}.hero h1{font-size:49px;letter-spacing:-2.5px}.hero h1 em{letter-spacing:-2.2px}.hero-description{font-size:13px;max-width:320px}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.hero-actions{gap:17px}.hero-actions .button{font-size:11px;padding:11px 14px;gap:18px}.hero-actions .text-link{font-size:11px}.hero-footnote{font-size:7px;letter-spacing:.5px;gap:6px}.hero-art{margin-top:8px}.label-top{font-size:6px;letter-spacing:1px}.label-bottom{font-size:13px;padding:8px;right:0;bottom:0}.token-code{font-size:17px;padding:5px 10px}.token-heart{left:-4%;bottom:18%;font-size:16px}.token-heart span{font-size:7px}.star-one{font-size:28px}.star-two{font-size:38px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured{grid-column:span 2}.featured .project-tag{width:auto;padding:0;margin:0}.project-art{height:230px}.chat-sketch{grid-template-columns:160px 1fr;max-width:550px}.hearth-art{padding-inline:38px}.project:not(.featured) .project-art{height:170px}.spiral-art{padding-top:25px}.notebook-sketch{width:185px;padding:17px 17px 17px 30px;transform:rotate(7deg)}.notebook-sketch h4{font-size:18px}.notebook-sketch em{font-size:18px}.notebook-sketch p{font-size:6px}.floating-app-icon{width:45px;height:45px}.compact-art{height:170px}.wide-project{grid-column:auto;flex-direction:column;align-items:stretch}.waystone-art{height:170px;width:100%;border:0;border-bottom:1px solid var(--line)}.wide-project .project-info{padding:21px}.wide-project .project-title{display:block}.wide-project .project-tag{display:block;margin-top:9px}.wide-project .project-open{max-width:none}.section-heading h2{font-size:36px}.section-heading>p{font-size:11px}.about-grid{gap:40px;grid-template-columns:.8fr 1.2fr;padding-block:55px}.about-copy h2{font-size:32px}.about-copy>p:not(.eyebrow){font-size:12px}.character-traits{font-size:10px;gap:10px}.character-traits span+span:before{margin-right:10px}.bench-category{display:none}.bench-item h3{font-size:15px}.bench-item p{font-size:11px}.site-footer{grid-template-columns:1fr 1fr}.site-footer>span{grid-column:1/-1;grid-row:2}.site-footer .mockup-note{text-align:left}.site-footer>a:last-of-type{grid-column:2;grid-row:1}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.preview-strip{padding:7px 20px;font-size:8px;letter-spacing:1px}.preview-strip>span:last-child{display:none}.site-header{gap:14px;padding-block:18px}.brand{gap:9px}.brand>span{font-size:20px}.brand>img{width:37px;height:40px}.brand-spark{right:-15px;font-size:10px}.site-header nav{gap:0}.site-header nav>a:not(.nav-button){display:none}.nav-button{font-size:10px;padding:8px 10px;gap:8px;max-width:145px}.nav-button span{font-size:17px}.hero{grid-template-columns:1fr;padding-block:45px 40px;gap:26px;text-align:center;min-height:0}.hero .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.3px;gap:9px;margin-bottom:20px}.hero h1{font-size:clamp(45px,9.8vw,60px);letter-spacing:-2.7px;margin-bottom:22px}.hero h1 em{letter-spacing:-2.5px}.hero-description{font-size:14px;max-width:350px;margin-inline:auto;line-height:1.8}.hero-actions{justify-content:center;gap:19px}.hero-actions .button{font-size:12px;padding:12px 15px}.hero-actions .text-link{font-size:12px}.hero-footnote{justify-content:center;font-size:7px;margin-top:26px;letter-spacing:.5px;gap:7px}.hero-art{justify-self:center;width:90%;max-width:370px;margin-top:10px}.hero:before{inset:30% 0 0}.label-top{font-size:7px}.label-bottom{font-size:15px;padding:9px 12px}.token-heart{left:0}.token-heart span{font-size:9px}.token-code{font-size:22px;padding:6px 12px}.chapter-divider{gap:12px;font-size:8px;letter-spacing:.8px}.chapter-divider>span:last-child{font-size:7px}.projects{padding-block:45px}.section-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:22px}.section-heading .eyebrow{font-size:8px;margin-bottom:10px;letter-spacing:1.6px}.section-heading h2{font-size:34px}.section-heading>p{font-size:13px}.section-heading>p br{display:none}.project-filters{gap:3px;margin-bottom:23px;flex-wrap:nowrap;justify-content:space-between}.project-filters button{font-size:10px;padding:8px 7px}.project-filters button>span{display:none}.project-grid{grid-template-columns:1fr;gap:21px}.featured,.project-grid.filtered .featured{grid-column:auto}.project-art{height:220px}.hearth-art{padding:38px 16px 0}.chat-sketch{grid-template-columns:105px 1fr;transform:rotate(-2deg);height:186px}.chat-sidebar{padding:12px 6px;gap:5px;font-size:7px;grid-template-columns:22px 1fr}.chat-sidebar>img{width:22px;height:22px}.chat-sidebar>b{font-size:12px}.sketch-room{padding:6px 3px;font-size:7px;letter-spacing:-.1px}.sketch-voice{padding:5px 3px}.chat-content{padding:10px 8px}.chat-title{font-size:8px}.sketch-message{gap:6px;margin-top:11px}.sample-avatar{width:20px;height:20px;font-size:8px}.sketch-message b{font-size:9px}.sketch-message small{font-size:6px;margin-left:3px}.sketch-message p{font-size:8px}.sketch-input{font-size:8px;margin-top:10px}.project-info{padding:21px}.featured .project-tag{width:auto;padding:0;margin:0;font-size:7px}.project-title{gap:9px}.project h3{font-size:24px}.project-info>p{font-size:13px}.project-open{font-size:13px;min-height:36px}.project:not(.featured) .project-art,.compact-art,.waystone-art{height:180px}.notebook-sketch{width:230px;height:215px;padding-top:22px}.notebook-sketch h4,.notebook-sketch em{font-size:22px}.notebook-sketch p{font-size:7px}.floating-app-icon{right:25px;bottom:22px;width:54px;height:54px}.compact-art{padding-inline:30px}.compact-art>img{width:70px;height:70px}.small-art-word{font-size:11px;max-width:150px}.thought-slip{font-size:18px;max-width:180px;padding:12px 15px}.morsel-mark{font-size:80px}.inventory-note{font-size:10px;align-items:flex-start;padding-inline:10px;line-height:1.8}.about-grid{grid-template-columns:1fr;gap:40px;padding-block:55px}.about-portrait{max-width:220px}.portrait-caption{font-size:9px}.about-copy h2{font-size:36px}.about-copy>p:not(.eyebrow){font-size:14px}.character-traits{font-size:11px;gap:13px}.character-traits span+span:before{margin-right:13px}.workbench{padding-block:50px 15px}.workbench .section-heading{position:relative}.workbench-stamp{font-size:8px;align-self:flex-end;margin-top:-2px}.bench-item{gap:13px;padding-block:23px;align-items:flex-start}.bench-number{font-size:22px;min-width:25px}.bench-item h3{font-size:15px}.bench-item p{font-size:12px;line-height:1.7}.bench-arrow{font-size:20px;margin-left:0}.closing{padding-block:45px 55px}.closing h2{font-size:39px}.site-footer{gap:15px;padding-block:24px}.dialog-content{padding:24px}.dialog-content h2{font-size:37px}.dialog-content>p{font-size:14px}.dialog-top{padding:15px 20px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.brand>span{font-size:18px}.brand>img{width:32px;height:35px}.nav-button{font-size:9px;padding:7px 9px}.hero-actions{gap:18px}.hero h1{font-size:44px}.hero-footnote{font-size:6px;gap:5px}.project-filters button{font-size:9px;padding:8px 5px}.featured .project-tag{display:block;width:100%;margin-left:47px;margin-top:-8px}.chat-sketch{grid-template-columns:90px 1fr}.chat-sidebar>b{font-size:10px}.chat-sidebar{font-size:6px}.sketch-room{font-size:6px}.sketch-message small{display:none}.hero-art{width:95%}.label-top{font-size:6px}.label-bottom{font-size:13px}}
/* Keep rotated portrait ornaments from widening the document on tablets. */
.hero-art{overflow:clip;overflow-clip-margin:12px}
@media(max-width:1100px){.hero:before{right:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}