@font-face{font-family:'Bricolage Grotesque';src:url('assets/bricolage.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:'Hanken Grotesk';src:url('assets/hanken.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:'Space Mono';src:url('assets/space-mono.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Space Mono';src:url('assets/space-mono-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{--display:'Bricolage Grotesque',sans-serif;--body:'Hanken Grotesk',system-ui,sans-serif;--mono:'Space Mono',monospace;--orange:#F1EB1C}
body{font-family:var(--body)}h1,h2,h3,.signature,.footer-wordmark{font-family:var(--display);font-optical-sizing:auto}button,input{font-family:inherit}
.hero h1{font-family:var(--display);font-size:clamp(52px,7.8vw,112px);font-weight:800;letter-spacing:-.065em;line-height:.98}.hero-heading{padding:17px 26px 21px}.hero{min-height:610px;padding-top:30px}.hero-sticker{right:5%;top:152px}.hero-copy{margin-top:36px}.hero-intro{font-size:9px}.hero-bottom{margin-top:48px}.handwritten{font-family:var(--display);font-style:italic;font-size:22px;letter-spacing:-.8px}.section-heading h2{font-weight:800;font-size:clamp(34px,4.7vw,64px);letter-spacing:-.055em}.section-heading p{font-family:var(--body)}.card-signoff .eyebrow{font-size:9px}.specialties{font-size:10px}.section-top>.eyebrow{font-size:10px}.service-top .eyebrow{font-size:9px}.contact h2{font-weight:800;font-size:clamp(40px,6vw,82px)}.faq h2{font-size:44px;font-weight:800;letter-spacing:-.06em}.project-footer h3{font-size:18px}.project-image{user-select:none}.project-rail{cursor:grab}.project-rail.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;user-select:none}.project-rail.is-dragging a{cursor:grabbing}.project-rail img{-webkit-user-drag:none}.button>span,.project-arrow{transition:transform .2s}.button:hover>span{transform:translate(2px,-2px)}.project-card:hover .project-arrow,.mini-project:hover .project-arrow{transform:rotate(45deg)}
.chat-window{max-width:760px;margin:auto;background:#FFFFFF;border:1px solid #FFFFFF;border-radius:20px;overflow:hidden;box-shadow:0 26px 45px -32px #30303080}.chat-preview{margin-left:auto;color:#919191;font:7px var(--mono);letter-spacing:.5px;white-space:nowrap}.chat-thread{padding:18px 32px 28px;background:radial-gradient(#C4C4C433 .8px,transparent 1px) 0 0/20px 20px}.chat-divider{display:flex;align-items:center;gap:15px;color:#535353;font:bold 8px var(--mono);letter-spacing:1.1px;margin:27px 0}.chat-divider:before,.chat-divider:after{content:'';height:1px;flex:1;background:#F1EB1C22}.chat-message{display:grid;grid-template-columns:37px 1fr;gap:12px;margin:23px 0}.chat-avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:var(--orange);color:white;font:bold 24px var(--display);letter-spacing:-2px}.chat-avatar.client{background:#F1EB1C;font:bold 17px var(--body);letter-spacing:0}.chat-message h3{font:700 13px var(--body);display:flex;align-items:center;gap:10px;line-height:1.6}.chat-message h3 small{font:7px var(--mono);font-weight:400;color:#919191}.chat-message p{font-size:14px;margin-top:3px}.chat-file{display:inline-block;padding:7px 10px;border:1px solid #FFFFFF;border-radius:7px;font:9px var(--mono);margin-top:11px;background:#FFFFFF}.chat-file[href]:hover{background:#FFFFFF;border-color:#F1EB1C}.reaction{font:10px var(--mono);border:1px solid #C4C4C4;background:#FFFFFF;border-radius:20px;color:#535353;padding:3px 9px;margin-top:9px}.reaction[aria-pressed=true]{background:var(--orange);color:white;border-color:var(--orange)}.chat-compose{display:flex;align-items:center;justify-content:space-between;margin:0 28px 24px;padding:10px 13px 10px 17px;border:1px solid #FFFFFF;border-radius:10px;background:#FFFFFF;color:#535353;font-size:12px}.chat-compose a{background:var(--ink);color:white;border-radius:8px;width:32px;height:32px;display:grid;place-items:center}.chat-compose a:hover{background:var(--orange)}
.comparison-window{overflow:hidden;border-radius:20px;background:#FFFFFF;box-shadow:var(--shadow);border:1px solid #FFFFFF}.comparison-stage{position:relative;height:430px;background:#FFFFFF;isolation:isolate}.compare-art{position:absolute;inset:0;padding:30px 45px;overflow:hidden}.concept-logo{font:800 20px var(--display);letter-spacing:-1px;position:relative;z-index:1}.concept-nav{position:absolute;right:40px;top:39px;font:7px var(--mono);letter-spacing:.6px}.concept-copy{position:absolute;left:8%;top:26%;z-index:2}.concept-copy>span:first-child{font:8px var(--mono);letter-spacing:1px}.concept-copy h3{font-size:54px;font-weight:600;letter-spacing:-2px;margin:15px 0}.concept-copy p{font-size:13px}.concept-button{display:inline-block;margin-top:23px;font-size:11px;border:1px solid currentColor;border-radius:5px;padding:8px 15px}.concept-version{position:absolute;bottom:22px;left:40px;font:7px var(--mono);letter-spacing:1px}.compare-before{background:#FFFFFF;color:#535353}.compare-before .concept-copy{top:33%}.compare-before .concept-logo{font:700 15px var(--body);letter-spacing:2px}.compare-before h3{font-family:var(--body);font-weight:400}.plain-vase{position:absolute;right:15%;top:30%;width:135px;height:208px;border-radius:45% 45% 30% 30%;background:linear-gradient(90deg,#C4C4C4,#FFFFFF 40%,#C4C4C4);box-shadow:20px 26px 20px -13px #91919144}.compare-after{background:#FFFFFF;color:#303030;clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.compare-after .concept-logo{font-size:31px;letter-spacing:-1.8px}.concept-logo>span{color:var(--orange);font-weight:400;margin-left:3px}.compare-after h3{font-weight:800;font-size:86px;line-height:.83;letter-spacing:-5px;margin-top:16px}.compare-after h3 em{font-weight:600;color:var(--orange)}.compare-after .concept-button{border-radius:30px;background:#303030;color:#FFFFFF;border-color:#303030}.sculpture{position:absolute;right:11%;top:21%;width:225px;height:290px}.sculpture i{position:absolute;left:10px;top:10px;width:160px;height:220px;border:35px solid #C4C4C4;border-bottom:0;border-radius:100px 100px 0 0;transform:rotate(-12deg);box-shadow:20px 18px 16px -10px #53535333}.sculpture b{position:absolute;bottom:19px;right:10px;width:115px;height:115px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#C4C4C4,#919191 55%,#535353);box-shadow:18px 14px 13px -8px #91919155}.sculpture>span{position:absolute;top:-5px;right:-12px;font:75px var(--body);color:var(--orange);transform:rotate(-9deg)}.compare-divider{position:absolute;z-index:3;top:0;bottom:0;left:var(--reveal);width:2px;background:#F1EB1C;pointer-events:none}.compare-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:white;border:2px solid #F1EB1C;box-shadow:0 3px 9px #30303033;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;color:#535353;font-size:20px}.comparison-control{padding:21px 30px 19px}.comparison-control label{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin-bottom:10px}.comparison-control input{width:100%;display:block;accent-color:var(--orange);cursor:ew-resize;height:22px;margin:0}.comparison-control p{display:flex;justify-content:space-between;font:8px var(--mono);color:#535353;margin-top:12px;gap:15px}.comparison-control input:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.planner-card{padding:30px;border-radius:25px}.plan-switch{display:grid;grid-template-columns:1fr 1fr;background:#FFFFFF;padding:5px;border-radius:40px;max-width:630px;margin:0 auto 28px;gap:4px}.plan-switch button{border:0;padding:13px 20px;border-radius:30px;display:flex;justify-content:space-between;align-items:center;gap:10px;background:transparent;font-size:13px;font-weight:600;transition:background .2s,color .2s}.plan-switch button[aria-pressed=true]{background:var(--ink);color:white;box-shadow:0 3px 7px #1D1D1D20}.plan-switch button:not([aria-pressed=true]):hover{background:#FFFFFF}.plan-switch button span{font-size:20px}.plan-overview{background:#FFFFFF;border-radius:16px;padding:35px;display:grid;grid-template-columns:1.4fr 1fr;gap:60px}.plan-overview .eyebrow{font-size:10px;letter-spacing:1px}.plan-overview h3{font-size:60px;line-height:.95;letter-spacing:-3px;font-weight:800;margin:25px 0 20px}.plan-overview h3 em{color:#535353}.plan-overview p{max-width:430px;min-height:72px;font-size:14px;color:#535353;line-height:1.7}.plan-note{align-self:center;justify-self:center;position:relative;background:#FFFFFF;padding:25px 28px;max-width:285px;width:100%;transform:rotate(5deg);box-shadow:9px 14px 0 #53535310;border-radius:3px}.plan-note .eyebrow{font-size:9px;display:block;color:#535353}.plan-note strong{display:block;font:700 36px/.98 var(--display);letter-spacing:-1.7px;margin:25px 0 20px}.plan-note>span:last-of-type{font-size:12px;line-height:1.8;color:#535353}.plan-note>i{position:absolute;right:18px;bottom:13px;font:53px var(--body);color:var(--orange)}.plan-features{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;padding:30px 10px;border-bottom:1px solid var(--line);font-size:12px}.plan-features span::first-letter{color:var(--orange)}.planner-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 10px 0}.planner-bottom .eyebrow{font-size:10px}.planner-bottom p{font-size:12px;color:var(--muted);margin-top:7px}.planner-bottom .button{flex-shrink:0}
.scribble{display:block;width:172px;height:60px;margin:-7px 0 14px;transform:rotate(-6deg)}.hw{width:100%;height:100%;overflow:visible}.js-ready .scribble .hw-ink{stroke-dasharray:1;stroke-dashoffset:1}.js-ready .scribble.writing .hw-ink{animation:write-ink 1.7s ease forwards}@keyframes write-ink{to{stroke-dashoffset:0}}
.play-canvas{height:430px;border:1px solid #FFFFFFc9;border-radius:20px;background:radial-gradient(#91919145 1px,transparent 1px) 0 0/20px 20px,#FFFFFFd9;position:relative;overflow:hidden;box-shadow:var(--shadow)}.play-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid #FFFFFF;background:#FFFFFFb3}.play-toolbar .eyebrow{font-size:10px;color:#919191}.play-toolbar button{border:1px solid #FFFFFF;background:white;border-radius:7px;padding:5px 10px;font:9px var(--mono)}.play-toolbar button:hover{border-color:var(--orange);color:var(--orange)}.canvas-cross{position:absolute;color:#919191;font-size:20px;line-height:1;pointer-events:none}.cross-one{top:75px;left:22px}.cross-two{top:75px;right:22px}.cross-three{bottom:25px;left:22px}.cross-four{bottom:25px;right:22px}.play-object{position:absolute;border:0;cursor:grab;touch-action:none;user-select:none;transition:box-shadow .2s;transform:rotate(var(--angle,0deg));left:var(--x);top:var(--y)}.play-object:active,.play-object.dragging{cursor:grabbing;z-index:5}.play-object:focus-visible{outline:2px solid var(--blue);outline-offset:8px;z-index:6}.play-object.selected{outline:2px solid var(--blue);outline-offset:8px;z-index:6}.play-object.selected::after,.play-object:focus-visible::after{content:"";position:absolute;inset:-8px;pointer-events:none;background:radial-gradient(circle,var(--blue) 0 3.4px,#FFFFFF 3.4px 4.6px,transparent 4.6px) 0 0/9px 9px,radial-gradient(circle,var(--blue) 0 3.4px,#FFFFFF 3.4px 4.6px,transparent 4.6px) 100% 0/9px 9px,radial-gradient(circle,var(--blue) 0 3.4px,#FFFFFF 3.4px 4.6px,transparent 4.6px) 0 100%/9px 9px,radial-gradient(circle,var(--blue) 0 3.4px,#FFFFFF 3.4px 4.6px,transparent 4.6px) 100% 100%/9px 9px;background-repeat:no-repeat}.play-object.dragging{outline:2px solid var(--blue);outline-offset:8px}.play-flower{left:13%;top:25%;width:140px;height:140px;font:170px/.7 var(--body);background:transparent;color:var(--orange);--angle:-14deg;padding:0}.play-note{left:33%;top:21%;background:#FFFFFF;width:180px;height:210px;text-align:left;padding:20px;box-shadow:8px 12px 0 #53535312;--angle:8deg;border-radius:2px}.play-note>span{font:9px var(--mono);color:#535353}.play-note strong{font:700 39px/.9 var(--display);letter-spacing:-1.8px;display:block;margin:15px 0}.play-note strong em{color:var(--orange)}.play-note small{font:6px var(--mono)}.play-disc{left:60%;top:36%;width:165px;height:165px;border-radius:50%;background:#535353;color:#FFFFFF;--angle:-13deg;padding:30px;box-shadow:8px 10px 0 #53535312}.play-disc>span{font:800 27px/.95 var(--display);letter-spacing:-1px}.play-disc>b{position:absolute;right:27px;bottom:20px;font-size:27px}.play-label{left:22%;top:67%;background:#FFFFFF;color:#535353;border:1px solid #C4C4C4;outline:4px solid #FFFFFF;border-radius:30px;font:10px var(--mono);padding:12px 18px;--angle:-8deg}.canvas-hint{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);font:7px var(--mono);letter-spacing:.8px;color:#919191;white-space:nowrap;pointer-events:none}.play-status{font:9px var(--mono);text-align:center;color:#535353;margin-top:18px;min-height:16px}
.studio-footer{margin:0 0 0;background:radial-gradient(#30303066 1px,transparent 1.5px) 0 0/24px 24px,#0E0E0E;color:#FFFFFF;border-radius:36px 36px 0 0;padding:23px 27px 0;overflow:hidden;position:relative}.footer-topline{display:flex;align-items:center;justify-content:space-between}.footer-topline>span{display:flex;align-items:center;gap:10px;font:8px var(--mono);font-weight:700;letter-spacing:.8px;color:#C4C4C4}.footer-topline .mini-mark{font-size:19px;line-height:21px;background:transparent;display:inline-block;color:white}.footer-up{display:grid;place-items:center;width:43px;height:43px;border:1px solid #FFFFFF2e;border-radius:50%;font-size:22px;transition:background .2s,transform .2s}.footer-up:hover{background:var(--orange);transform:translateY(-3px)}.footer-content{max-width:1160px;margin:10px auto 58px;display:grid;grid-template-columns:1.65fr 1fr;gap:55px}.footer-invite>.eyebrow{color:#F1EB1C;font-size:9px;letter-spacing:1.5px}.footer-big-link{display:block;font:800 clamp(30px,4vw,59px)/1.06 var(--display);letter-spacing:-.065em;margin:17px 0 25px;white-space:nowrap}.footer-big-link>span{font:36px var(--body);color:var(--orange);display:inline-block;margin-left:13px;transition:transform .2s}.footer-big-link:hover>span{transform:translate(4px,-4px)}.footer-invite>div{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.footer-invite .button{font-size:12px;min-height:42px;padding:10px 18px}.footer-available{font:8px var(--mono);font-weight:700;color:#C4C4C4;display:flex;align-items:center;gap:8px}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.footer-columns h3{font:700 8px var(--mono);letter-spacing:1px;color:#C4C4C4;margin-bottom:18px;white-space:nowrap}.footer-columns a{display:block;color:#FFFFFF;font-size:12px;margin-bottom:9px;transition:color .15s,transform .15s}.footer-columns a:hover{color:#F1EB1C;transform:translateX(3px)}.footer-scale{height:13px;margin-inline:-27px;border-top:1px solid #C4C4C421;background:repeating-linear-gradient(90deg,transparent 0 23px,#C4C4C429 23px 24px) top/100% 9px no-repeat}.footer-meta{max-width:1160px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:18px 0 23px;color:#C4C4C4;font:700 8px var(--mono);letter-spacing:.2px}.footer-meta>span{display:flex;align-items:center;gap:7px}.file-dot{width:8px;height:8px;display:inline-block;background:var(--orange);border-radius:3px}.canvas-cursor{position:fixed;left:0;top:0;z-index:70;pointer-events:none;opacity:0;display:none}.canvas-cursor.visible{opacity:1}.canvas-cursor>span{position:absolute;top:19px;left:13px;font:700 8px var(--mono);color:white;background:#F1EB1C;padding:3px 7px;border-radius:3px;white-space:nowrap;box-shadow:0 3px 6px #53535320}.canvas-cursor svg{display:block}
@media(hover:hover) and (pointer:fine){.canvas-cursor{display:block}}
@media(max-width:1100px){.hero h1{font-size:8.4vw}.hero-heading{padding:14px 20px 18px}.hero-sticker{right:3%;width:96px;height:96px}.hero-intro{font-size:8px}.hero{min-height:570px}.footer-content{grid-template-columns:1.2fr 1fr;gap:30px}.footer-big-link{font-size:42px}.footer-columns{gap:18px}.footer-invite>div{gap:14px}.plan-overview{gap:30px}.plan-overview h3{font-size:53px}.plan-note{padding:23px}.planner-bottom .eyebrow{font-size:9px}.concept-copy h3{font-size:46px}.compare-after h3{font-size:76px}.sculpture{right:8%}.specialties{font-size:9px}}
@media(max-width:760px){.hero{min-height:510px;padding-top:25px}.hero-heading{padding:12px 10px 16px}.hero h1{font-size:8.8vw;letter-spacing:-.065em;line-height:1.08}.hero-intro{font-size:6px;letter-spacing:.4px;margin-bottom:30px}.hero-copy{margin-top:35px}.hero-bottom{font-size:6px;letter-spacing:.3px;margin-top:48px}.hero-bottom p{max-width:128px}.hero .frame-label{font-size:7px}.dimension{font-size:6px}.section-heading h2{font-size:34px;letter-spacing:-.055em}.handwritten{font-size:18px}.card-signoff .eyebrow{font-size:8px}.service-top .eyebrow{font-size:10px}.project-footer h3{font-size:14px}.project-footer{flex-wrap:wrap}.project-image .image-caption{font-size:5px}.specialties{font-size:8px}.chat-thread{padding:12px 18px 20px}.chat-window .window-bar{font-size:7px}.chat-preview{font-size:5px;letter-spacing:0}.chat-message{grid-template-columns:30px 1fr;gap:10px}.chat-avatar{width:30px;height:30px;border-radius:9px;font-size:22px}.chat-message h3{font-size:12px;gap:7px}.chat-message h3 small{font-size:6px}.chat-message p{font-size:13px;line-height:1.7}.chat-divider{font-size:6px;gap:10px}.chat-file{font-size:8px}.chat-compose{margin:0 16px 18px;font-size:11px}.comparison-stage{height:410px}.compare-art{padding:22px}.concept-logo{font-size:17px}.concept-nav{display:none}.concept-copy{top:23%;left:8%}.concept-copy h3{font-size:34px}.concept-copy>span:first-child{font-size:6px;letter-spacing:.3px}.concept-copy p{font-size:10px}.concept-button{font-size:9px;padding:6px 10px}.concept-version{left:22px;font-size:5px;bottom:19px}.compare-before .concept-copy{top:28%}.compare-after .concept-logo{font-size:24px}.compare-after h3{font-size:59px;letter-spacing:-3px}.compare-after .concept-copy{z-index:2}.plain-vase{width:76px;height:116px;right:13%;top:auto;bottom:34px}.sculpture{width:115px;height:150px;right:4%;top:auto;bottom:27px}.sculpture i{width:77px;height:111px;border-width:18px;left:0;top:0}.sculpture b{width:60px;height:60px;right:0;bottom:11px}.sculpture>span{font-size:40px;right:-4px;top:0}.compare-divider>span{width:33px;height:33px;font-size:18px}.comparison-control{padding:18px}.comparison-control label{font-size:10px}.comparison-control p{font-size:6px;gap:14px}.comparison-control p>span{max-width:95px;text-align:right}.planner-card{padding:16px;border-radius:20px}.plan-switch{margin-bottom:16px;gap:0;padding:4px}.plan-switch button{font-size:10px;padding:10px 11px;gap:4px}.plan-switch button>span{font-size:16px}.plan-overview{padding:23px;grid-template-columns:1fr;gap:30px}.plan-overview h3{font-size:45px;letter-spacing:-2px;margin:20px 0}.plan-overview .eyebrow{font-size:10px;letter-spacing:.5px}.plan-overview p{font-size:13px;min-height:110px}.plan-note{max-width:235px;transform:rotate(4deg);padding:21px;margin-bottom:10px}.plan-note strong{font-size:33px}.plan-features{grid-template-columns:1fr 1fr;gap:15px;font-size:10px;padding:25px 4px}.planner-bottom{align-items:start;flex-direction:column;gap:20px;padding:23px 4px 6px}.planner-bottom .eyebrow{font-size:10px}.planner-bottom p{font-size:11px}.planner-bottom .button{width:100%;font-size:12px}.scribble{width:143px;height:49px;margin-bottom:12px}.faq h2{font-size:37px}.play-canvas{height:400px}.play-toolbar{padding:14px 13px}.play-toolbar .eyebrow{font-size:9px}.play-toolbar button{font-size:7px}.play-flower{width:88px;height:88px;font-size:109px}.play-note{width:127px;height:162px;padding:16px}.play-note strong{font-size:29px;letter-spacing:-1.4px}.play-note>span{font-size:7px}.play-note small{font-size:4px}.play-disc{width:104px;height:104px;padding:20px}.play-disc>span{font-size:18px}.play-disc>b{font-size:18px;right:19px;bottom:9px}.play-label{font-size:7px;padding:9px 12px}.canvas-hint{font-size:5px;letter-spacing:.4px;bottom:17px}.play-status{font-size:7px}.contact h2{font-size:41px;letter-spacing:-2.2px}.studio-footer{border-radius:25px 25px 0 0;padding:18px 18px 0}.footer-topline>span{font-size:6px}.footer-up{width:35px;height:35px;font-size:18px}.footer-content{display:block;margin:25px 6px 39px}.footer-invite>.eyebrow{font-size:9px;letter-spacing:1px}.footer-big-link{font-size:39px;letter-spacing:-2.2px;margin:15px 0 21px}.footer-big-link>span{font-size:25px;margin-left:7px}.footer-invite>div{gap:15px}.footer-invite .button{font-size:11px;min-height:40px}.footer-available{font-size:6px;gap:6px}.footer-columns{margin-top:39px;gap:15px}.footer-columns h3{font-size:6px;margin-bottom:14px;letter-spacing:.7px}.footer-columns a{font-size:11px;margin-bottom:10px}.footer-scale{margin-inline:-18px}.footer-meta{flex-wrap:wrap;gap:12px;font-size:6px;padding:16px 5px 22px}.footer-meta>span:last-child{flex-basis:100%;font-size:5px}.canvas-cursor{display:none}}
@media(max-width:380px){.hero{min-height:480px}.hero h1{font-size:8.55vw}.hero-intro{font-size:5px}.hero-heading{padding-inline:8px}.section-heading h2{font-size:29px}.hero-bottom{font-size:5px}.ruler-brand{font-size:6px}.ruler-live{font-size:6px}.plan-switch button{font-size:8px}.footer-big-link{font-size:32px}.footer-available{font-size:5px}.footer-invite .button{font-size:10px}.footer-columns h3{font-size:5px}.footer-columns a{font-size:10px}.footer-content{margin-inline:0}.plan-overview h3{font-size:39px}.service-top .eyebrow{font-size:8px}}
.compare-before{z-index:0}.compare-after{z-index:1}
.sky-track{position:absolute;left:0;top:0;bottom:0;width:200%;display:flex;animation:cloud-marquee var(--cloud-duration,150s) linear infinite;will-change:transform}.sky-panel{position:relative;flex:0 0 50%;height:100%}@keyframes cloud-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}.clouds-paused .sky-track{animation-play-state:paused}
.section-scribble{width:var(--scribble-width,320px);max-width:100%;height:54px;margin:0 0 15px;transform:rotate(-3deg)}.section-heading .scribble,.contact>.scribble{margin-inline:auto}.explorations .section-top .scribble{margin-left:0}.section-scribble .hw{overflow:visible}.js-ready .section-scribble.writing .hw-ink{animation-duration:2.2s}
.section-top>div{min-width:0;max-width:100%}
.compare-divider{pointer-events:auto;width:44px;margin-left:-21px;background:transparent;touch-action:none;cursor:ew-resize}.compare-divider:before{content:'';position:absolute;top:0;bottom:0;left:21px;width:2px;background:#F1EB1C}.compare-divider>span{pointer-events:none}
.footer-tools{display:flex;align-items:center;gap:16px}.footer-tools button{border:1px solid #C4C4C440;color:#FFFFFF;background:#1D1D1D;border-radius:30px;padding:8px 12px;font:8px var(--mono);cursor:pointer}.footer-tools button:hover{border-color:#F1EB1C;color:white}.footer-tools button:disabled{cursor:default;opacity:.7}
@media(max-width:760px){.section-scribble{height:46px;margin-bottom:13px}.footer-tools{gap:9px}.footer-tools button{font-size:6px;padding:7px 9px}.section-heading .section-scribble{max-width:calc(100% - 16px)}}
@media(prefers-reduced-motion:reduce){.sky-track{animation:none;will-change:auto}.js-ready .scribble .hw-ink{stroke-dashoffset:0}.footer-tools button{transition:none}}
.arriving{animation:canvas-arrival .45s cubic-bezier(.2,.7,.2,1)}@keyframes canvas-arrival{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){.service-card:hover{outline:1px solid #F1EB1C;outline-offset:4px}.note-card:hover{border-color:#F1EB1C}}
@media(max-width:760px){.hero h1{font-size:11.2vw}}
@media(max-width:380px){.hero h1{font-size:10.9vw}}
@media(prefers-reduced-motion:reduce){.js-ready .scribble .hw-ink{stroke-dashoffset:0}.canvas-cursor{display:none!important}.button:hover>span,.project-card:hover,.mini-project:hover img{transform:none}.arriving{animation:none}}

/* USER SETTINGS: lower duration = faster clouds (90s fast, 150s gentle, 280s slow). */
:root{--cloud-duration:80s;--heading-tracking:-.012em;--footer-tracking:-.012em}
.scribble,.section-scribble,.sticky-note{transform:none}
.scribble .hw,.scribble .hw-ink{transform:none}
h1,h2,h3,.hero h1,.section-heading h2,.section-top h2,.explorations .section-top h2,.faq h2,.contact h2,.statement h3,.service-card h3,.service-card h3 span,.note-card h3,.plan-overview h3,.plan-note strong,.concept-copy h3,.footer-big-link{letter-spacing:var(--heading-tracking)}
.hero h1{font-size:clamp(52px,7.8vw,110px)}
.studio-footer{padding-bottom:0}
.footer-content,.footer-wordmark,.footer-scale,.footer-meta{width:100%;max-width:1160px;margin-left:auto;margin-right:auto}
.footer-content{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:45px;margin-top:16px;margin-bottom:6px}
.footer-invite,.footer-columns{min-width:0}.footer-big-link{font-size:clamp(34px,4.2vw,59px);letter-spacing:-.03em}
.footer-wordmark{display:block;text-align:left;font-size:clamp(52px,13.9vw,198px);font-weight:800;letter-spacing:var(--footer-tracking);line-height:1.15;white-space:nowrap;padding:0 0 12px}
.footer-wordmark>span{display:inline;color:#FFFFFF;transition:color .2s}.footer-wordmark>span:first-child{color:var(--orange)}.footer-wordmark:hover>span{color:#919191}.footer-wordmark>span:hover{color:var(--orange)}
.footer-scale{margin-top:0;height:14px}.footer-meta{padding-top:16px;padding-bottom:25px;align-items:center}.footer-meta>span:last-child{justify-content:flex-end;text-align:right}.footer-tools{gap:9px;flex-wrap:wrap;justify-content:flex-end}
.canvas-cursor{z-index:2000}.canvas-cursor svg{overflow:visible}.canvas-cursor>span{top:19px;left:13px}
@media(hover:hover) and (pointer:fine){html.cursor-active,html.cursor-active *{cursor:none!important}html.cursor-active .canvas-cursor{display:block!important}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Reviews: the profile metrics are sourced; each sample quote is explicitly marked. */
.reviews .section-heading>.eyebrow{display:block;margin-bottom:19px;font-size:11px;letter-spacing:1.6px}
.review-proof{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;align-items:center;gap:20px;background:#FFFFFF;border:1px solid #FFFFFFb3;border-radius:18px;padding:26px 30px;box-shadow:var(--shadow)}
.upwork-source{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.upwork-source img{width:85px;height:45px;object-fit:contain;}.upwork-source>span{display:block;font:10px var(--mono);color:#535353;width:100%}
.review-proof>div{border-left:1px solid #FFFFFF;padding-left:23px}.review-proof strong{display:block;font:700 40px/1 var(--display);letter-spacing:-.025em}.review-proof strong>span{font-size:18px;font-weight:400;margin-left:3px}.review-proof p{font-size:13px;color:#535353;margin-top:8px}.review-proof .stars{font-size:14px;margin-top:6px;display:block}.review-proof .rising-talent{font-size:23px;line-height:1.15;color:var(--orange)}
.stars{color:var(--orange);letter-spacing:2px}.review-demo-note{font-size:12px;color:#535353;margin:24px 0 16px;text-align:center}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.review-card{padding:25px;background:#FFFFFF;border-radius:18px;box-shadow:var(--shadow);border:1px solid #FFFFFFcc;display:flex;flex-direction:column;min-width:0}.review-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.review-card .stars{font-size:14px}.demo-badge{font:9px var(--mono);border:1px solid #FFFFFF;border-radius:20px;padding:6px 11px;color:#535353;white-space:nowrap}.review-card blockquote{font:500 18px/1.55 var(--body);margin:24px 0 25px;flex:1}.review-person{display:flex;align-items:center;gap:10px}.review-avatar{display:grid;place-items:center;width:40px;height:40px;background:#FFFFFF;color:#535353;border-radius:50%;font:11px var(--mono);flex-shrink:0}.review-person h3{font-size:15px;font-weight:700;margin:0 0 6px}.review-person>div>span{font:9px var(--mono);color:#919191;line-height:1.5}.review-category{border-top:1px solid #FFFFFF;margin-top:22px;padding-top:14px;font-size:11px;color:#535353}.review-source-note{display:flex;align-items:center;justify-content:space-between;gap:20px;font:10px var(--mono);color:#535353;margin-top:21px}.review-source-note a{border-bottom:1px solid #919191;padding-bottom:4px}

/* Short first-visit loader: no image, video, or framework dependency. */
.intro-screen{display:none;position:fixed;inset:0;z-index:1000;background:linear-gradient(#FFFFFF66 1px,transparent 1px) 0 0/34px 34px,linear-gradient(90deg,#FFFFFF66 1px,transparent 1px) 0 0/34px 34px,#FFFFFF;align-items:center;justify-content:center;color:var(--ink)}
.intro-active .intro-screen{display:flex;animation:intro-failsafe 0s 3s forwards}.intro-canvas{width:min(650px,calc(100% - 52px));text-align:center}.intro-selection{position:relative;border:1px solid #F1EB1C;padding:26px 20px 30px}.intro-wordmark{font:800 clamp(30px,5.8vw,77px)/1.2 var(--display);letter-spacing:-.03em;white-space:nowrap}.intro-wordmark>b{color:var(--orange);font-weight:800}.intro-dimensions{display:inline-block;margin-top:8px;background:#F1EB1C;color:white;border-radius:3px;font:700 9px var(--mono);padding:3px 8px}.intro-progress{height:3px;width:190px;max-width:65%;background:#FFFFFF;margin:8px auto 0;border-radius:3px;overflow:hidden}.intro-progress>span{display:block;height:100%;background:#F1EB1C;transform-origin:left;animation:intro-progress 1.2s cubic-bezier(.2,.7,.2,1) both}.intro-caption{font:7px var(--mono);letter-spacing:1.3px;color:#535353;display:block;margin-top:15px}#skip-intro{position:absolute;right:25px;bottom:24px;border:1px solid #C4C4C4;background:#FFFFFF;border-radius:25px;color:#535353;padding:9px 13px;font:9px var(--mono)}@keyframes intro-progress{from{transform:scaleX(.05)}to{transform:scaleX(1)}}@keyframes intro-failsafe{to{visibility:hidden;pointer-events:none}}

/* Opt-in ambient sound. Audio starts only after pressing the control. */
.sound-dock{position:fixed;left:18px;bottom:18px;z-index:60;display:none;align-items:center;gap:12px;background:#FFFFFF;border:1px solid #FFFFFF;border-radius:35px;padding:4px 14px 4px 5px;box-shadow:0 5px 22px #30303020}.js-ready .sound-dock{display:flex}.sound-dock button{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:9px 10px;border-radius:25px;color:#303030;font:9px var(--mono);min-height:35px}.sound-dock button:hover{background:#FFFFFF}.sound-dock button:disabled{opacity:.65}.sound-bars{display:flex;align-items:center;gap:3px;height:15px;width:16px}.sound-bars i{display:block;width:3px;height:6px;background:#F1EB1C;border-radius:2px}.sound-bars i:nth-child(2){height:12px}.sound-bars i:nth-child(3){height:9px}.is-playing .sound-bars i{animation:sound-level .85s ease-in-out infinite alternate}.is-playing .sound-bars i:nth-child(2){animation-delay:-.25s}.is-playing .sound-bars i:nth-child(3){animation-delay:-.5s}.music-volume{display:flex;align-items:center}.music-volume input{width:58px;height:22px;margin:0;accent-color:#F1EB1C}.music-volume input:focus-visible{outline:2px solid #F1EB1C;outline-offset:3px}@keyframes sound-level{to{transform:scaleY(.4)}}
@media(min-width:1101px){.footer-meta>span:first-child{padding-left:210px}}@media(max-width:1100px){.footer-content{gap:28px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.footer-big-link{font-size:40px}.review-proof{gap:14px;padding:24px}.review-proof>div{padding-left:17px}.review-proof strong{font-size:34px}.review-proof .rising-talent{font-size:20px}.review-card{padding:20px}.review-card blockquote{font-size:16px}}
@media(max-width:760px){.hero h1{font-size:10.6vw}.section-heading h2,.faq h2{letter-spacing:-.02em}.footer-content{display:block;margin:25px auto 38px}.footer-big-link{font-size:36px;letter-spacing:-.025em;white-space:normal}.footer-wordmark{font-size:13.1vw;letter-spacing:-.008em;padding-bottom:15px}.footer-scale{max-width:100%}.footer-meta{padding-bottom:72px}.footer-meta>span:last-child{justify-content:flex-start;text-align:left}.footer-columns{gap:14px}.footer-columns h3{font-size:6px}.footer-tools{gap:6px}.footer-tools button{font-size:6px;padding:7px 8px}.review-proof{grid-template-columns:1fr 1fr;gap:24px 14px;padding:24px}.review-proof>div{padding-left:15px}.review-proof>div:nth-child(3){border-left:0;padding-left:0}.upwork-source img{width:76px;height:36px}.upwork-source>span{font-size:9px}.review-proof strong{font-size:34px}.review-proof .rising-talent{font-size:18px}.review-proof p{font-size:11px}.review-grid{grid-template-columns:1fr;gap:14px}.review-card{padding:25px}.review-card blockquote{font-size:18px;margin-top:21px}.review-person>div>span{font-size:8px}.review-demo-note{font-size:11px;line-height:1.7;margin-inline:8px}.review-source-note{flex-direction:column;align-items:flex-start;font-size:9px;gap:12px}.reviews .section-heading>.eyebrow{font-size:9px}.intro-wordmark{font-size:7.4vw}.intro-selection{padding:24px 10px}.intro-caption{font-size:6px}.sound-dock{left:12px;bottom:12px;gap:5px;padding-right:11px}.sound-dock button{font-size:8px;gap:8px;padding:8px}.music-volume input{width:47px}}
@media(max-width:380px){.hero h1{font-size:10.2vw}.footer-big-link{font-size:30px}.footer-wordmark{font-size:13.1vw}.footer-topline>span{font-size:5px;gap:5px}.footer-topline .mini-mark{width:15px;font-size:16px}.footer-tools{gap:4px}.footer-tools button{font-size:5px;padding:6px}.footer-up{width:30px;height:30px}.section-heading h2{font-size:28px}.contact h2{font-size:36px}.intro-dimensions{font-size:7px}}
@media(prefers-reduced-motion:reduce){.intro-screen{display:none!important}.sound-bars i{animation:none!important}}

/* Specialties marquee: one transform animation, duplicated group for a seamless loop. */
.specialties{display:block;overflow:hidden;padding-inline:0;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#060606 9%,#060606 91%,transparent);mask-image:linear-gradient(90deg,transparent,#060606 9%,#060606 91%,transparent)}
.marquee-track{display:flex;width:max-content;will-change:transform;animation:marquee var(--marquee-duration,42s) linear infinite}
.marquee-group{display:flex;align-items:center;gap:38px;padding-right:38px;flex:none}
.specialties span{white-space:nowrap;transition:color .18s}
.specialties:hover .marquee-track{animation-play-state:paused}
.specialties span:hover{color:var(--orange)}
@keyframes marquee{to{transform:translate3d(-50%,0,0)}}
@media(max-width:760px){.marquee-group{gap:23px;padding-right:23px}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}}

/* FAQ frames: each question is its own editor frame with a name tab. */
.faq-item{position:relative;margin-top:15px}
.faq-frame{position:absolute;top:-15px;left:12px;display:inline-flex;align-items:center;gap:6px;
 background:#FFFFFF;color:#535353;border-radius:6px 6px 0 0;padding:5px 10px 4px;font:8px var(--mono);letter-spacing:.6px;transition:background .18s,color .18s}
.faq-frame::before{content:"";width:6px;height:6px;border:1px solid currentColor;border-radius:1px}
.faq-item[open]>summary .faq-frame,.faq-item>summary:hover .faq-frame{background:var(--blue);color:#FFFFFF}
.faq-item>summary{list-style:none;cursor:pointer;background:var(--paper);border:1px solid #FFFFFF;border-radius:14px;
 padding:19px 22px;box-shadow:var(--shadow);transition:border-color .18s,box-shadow .18s,transform .18s}
.faq-item>summary::-webkit-details-marker{display:none}
.faq-item>summary:hover{transform:translateY(-2px);border-color:#C4C4C4;box-shadow:0 10px 26px #5353531f}
.faq-item[open]>summary{border-color:var(--blue);border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none}
.faq-row{display:flex;align-items:center;gap:16px}
.faq-number{font:700 11px var(--mono);color:var(--blue);flex:none}
.faq-item[open] .faq-number{color:var(--orange)}
.faq-question{flex:1;font:700 16px/1.4 var(--body);letter-spacing:-.01em}
.faq-toggle{position:relative;width:16px;height:16px;flex:none}
.faq-toggle::before,.faq-toggle::after{content:"";position:absolute;left:50%;top:50%;background:var(--orange);border-radius:2px;transform:translate(-50%,-50%);transition:transform .22s,opacity .22s}
.faq-toggle::before{width:15px;height:2px}
.faq-toggle::after{width:2px;height:15px}
.faq-item[open] .faq-toggle::before{background:var(--blue)}
.faq-item[open] .faq-toggle::after{opacity:0;transform:translate(-50%,-50%) rotate(90deg)}
.faq-answer{display:flex;gap:16px;background:var(--paper);border:1px solid var(--blue);border-top:0;
 border-radius:0 0 14px 14px;padding:20px 22px;animation:faq-open .22s ease}
.faq-answer-label{font:8px var(--mono);color:#919191;letter-spacing:.8px;padding-top:4px;flex:none;width:52px}
.faq-answer p{margin:0;font-size:14px;line-height:1.8;color:var(--muted)}
@keyframes faq-open{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:760px){.faq-question{font-size:14px}.faq-row{gap:11px}.faq-answer{gap:0;flex-direction:column;padding:17px 18px}
 .faq-answer-label{width:auto;padding-top:0;padding-bottom:8px}.faq-item>summary{padding:17px 18px}.faq-answer p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.faq-answer{animation:none}.faq-item>summary:hover{transform:none}}

/* Signed-by mark beside the handwritten signature. */
.signed-by{display:flex;align-items:center;gap:13px}
.signature-mark{display:block;width:44px;height:44px;flex:none;border-radius:50%;overflow:hidden;
 box-shadow:0 3px 10px #53535324;transition:transform .25s}
.signature-mark svg{display:block}
.statement:hover .signature-mark{transform:rotate(-8deg) scale(1.06)}
@media(max-width:380px){.signature-mark{width:38px;height:38px}}

/* Footer wordmark: each letter lifts on hover, staying on the same baseline. */
.footer-wordmark>span{display:inline-block;color:#FFFFFF;transition:transform .26s cubic-bezier(.22,1.2,.36,1),color .22s}
.footer-wordmark>span:first-child{color:var(--orange)}
.footer-wordmark:hover>span{color:#919191}
.footer-wordmark>span:hover{color:var(--orange);transform:translateY(-.06em)}

/* Small, consistent hover feedback across the page. */
.review-card{transition:transform .22s,box-shadow .22s}
.review-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px #5353531f}
.review-card:hover .stars{letter-spacing:3.5px;transition:letter-spacing .22s}
.upwork-source img{transition:transform .25s}
.upwork-source:hover img{transform:scale(1.07)}
.service-card{transition:transform .22s,box-shadow .22s}
.service-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px #5353531f}
.service-number{transition:color .2s,transform .2s;display:inline-block}
.service-card:hover .service-number{color:var(--orange);transform:translateY(-2px)}
.footer-columns a{position:relative}
.hero-sticker{transition:transform .3s}
.hero-sticker:hover{transform:rotate(-6deg) scale(1.05)}
.process-steps article{transition:transform .22s}
.process-steps article:hover{transform:translateY(-3px)}
.process-steps article .step-icon{transition:transform .25s}
.process-steps article:hover .step-icon{transform:rotate(20deg) scale(1.15)}
@media(prefers-reduced-motion:reduce){
 .review-card:hover,.service-card:hover,.process-steps article:hover,.footer-wordmark>span:hover,
 .hero-sticker:hover,.statement:hover .signature-mark,.upwork-source:hover img{transform:none}
}