:root{--paper:#f7f7f2;--ink:#252522;--muted:#85857e;--line:#deded7;--orange:#fa6034;--sans:'DM Sans','PingFang SC','Microsoft YaHei',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.skip{position:fixed;left:20px;top:-80px;z-index:20;padding:15px;background:var(--ink);color:white}.skip:focus{top:10px}.site-header,main,footer{max-width:1536px;margin:auto}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;letter-spacing:-1px}.brand-symbol{width:30px;height:30px;flex:0 0 auto;overflow:visible}.brand-symbol rect{fill:var(--orange)}.brand-symbol .mark-arc{fill:none;stroke:var(--paper);stroke-width:3.4;stroke-linecap:round}.brand-symbol circle{fill:var(--paper);transition:transform .5s cubic-bezier(.3,1.6,.5,1)}.brand-symbol .d2{opacity:.5}.brand-symbol .d3{opacity:.22}.brand:hover .d1{transform:translateX(3px)}.brand:hover .d2{transform:translateX(1.6px)}.brand:hover .d3{transform:translateX(.6px)}.site-header nav{display:flex;gap:32px;font-size:13px}.site-header nav a{color:#777770}.site-header nav a:hover,.site-header nav a.nav-active{color:var(--ink)}.header-link{font-size:12px}.header-link span{font-size:19px;margin-left:20px}.hero{padding:46px 5% 60px}.hero-top{display:flex;justify-content:space-between;align-items:center}.eyebrow,.edition{font-family:var(--mono);font-size:10px;letter-spacing:1.2px}.eyebrow{display:flex;align-items:center;gap:8px}.status-dot{height:6px;width:6px;background:var(--orange);border-radius:100%;box-shadow:0 0 0 4px #fa603410}.edition{color:var(--muted);font-size:9px}.wordmark-wrap{position:relative;padding-top:20px;padding-bottom:0}h1{margin:0;line-height:1.08;letter-spacing:-.07em}#hero-title{position:relative;isolation:isolate}#wordmark,.ghost{display:flex;align-items:baseline;justify-content:space-between;background:none;border:0;padding:0;width:100%;font-family:var(--sans);font-weight:600;font-size:clamp(64px,14.6vw,228px);letter-spacing:-.075em;line-height:1.25;isolation:isolate}#wordmark span,.ghost span{display:inline-block;flex:0 0 auto;width:auto;transition:color .25s;will-change:transform}.ghost{position:absolute;inset:0;z-index:-1;pointer-events:none;color:var(--orange)}.ghost.g1{opacity:.32}.ghost.g2{opacity:.13}.ghost.style-3 span{-webkit-text-stroke-color:var(--orange)}.hero{background-image:radial-gradient(#dcdcd3 1px,transparent 1.2px);background-size:22px 22px;background-position:-11px -11px}.scrubber{margin-top:-6px;margin-bottom:38px;user-select:none}.ruler{position:relative;height:22px;border-bottom:1px solid #c9c9c0;background:repeating-linear-gradient(90deg,#c9c9c0 0 1px,transparent 1px calc(100%/60)) 0 100%/100% 6px no-repeat,repeating-linear-gradient(90deg,#9e9e94 0 1px,transparent 1px calc(100%/12)) 0 100%/100% 12px no-repeat;touch-action:none;cursor:ew-resize}.scrub-head{position:absolute;top:-6px;bottom:-1px;left:0;width:2px;margin-left:-1px;background:var(--orange)}.scrub-head:before{content:'';position:absolute;top:-2px;left:-5px;width:12px;height:9px;background:var(--orange);clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%)}.scrub-meta{display:flex;justify-content:space-between;margin-top:9px;font:10px var(--mono);letter-spacing:.6px;color:var(--muted)}.scrub-fn b{color:var(--orange);font-weight:500}#scrub-readout{font-variant-numeric:tabular-nums}#wordmark span:nth-child(4){margin-right:0}#wordmark span.active{color:var(--orange);z-index:1}:is(#wordmark,.ghost).style-1 span{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-style:italic}:is(#wordmark,.ghost).style-2 span{font-family:'Space Mono',monospace;font-size:.83em;letter-spacing:-.12em}:is(#wordmark,.ghost).style-3 span{-webkit-text-stroke:1.5px var(--ink);color:transparent;font-weight:700}#wordmark.style-3 span.active{-webkit-text-stroke-color:var(--orange)}.hero-sticker{position:absolute;right:-8px;top:4px;color:var(--orange);font-size:62px;line-height:1;transform:rotate(15deg);animation:slow-spin 22s linear infinite;pointer-events:none}.cursor-note{position:absolute;left:44%;bottom:14px;background:var(--orange);color:white;font-family:var(--mono);font-size:10px;letter-spacing:0;padding:7px 10px;border-radius:3px;transform:rotate(-7deg);opacity:0;transition:opacity .2s;pointer-events:none}.wordmark-wrap:hover .cursor-note{opacity:1}.hero-bottom{display:grid;grid-template-columns:1.3fr 1fr .7fr;gap:30px;align-items:center;margin-top:11px}.hero-bottom h2{font-size:24px;letter-spacing:-.9px;font-weight:500;margin:0 0 14px}.hero-bottom p{font-size:13px;line-height:1.9;color:#777770;margin:0}.hero-action{justify-self:center}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--ink);color:white;padding:16px 21px;border:1px solid var(--ink);border-radius:5px;font-size:13px;transition:background .2s,transform .2s}.primary-button span{font-size:20px;line-height:1}.primary-button:hover{background:var(--orange);border-color:var(--orange);transform:translateY(-2px)}.hero-meta{display:flex;align-items:center;gap:9px;font-size:10px;color:#888880;margin-top:14px}.mini-shapes{font-size:13px;letter-spacing:-1px;color:#aaa99e}.hero-note{position:relative;justify-self:end;font-size:11px;line-height:1.9;transform:rotate(-5deg);padding-left:33px}.hero-note>span:last-child{color:var(--muted)}.note-arrow{position:absolute;left:0;top:-18px;font-size:40px;font-family:Georgia;font-weight:400}.collection{padding:45px 5% 0;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:29px}.section-heading h2{font-size:32px;font-weight:500;letter-spacing:-1.4px;margin:16px 0 0}.section-heading h2>span{color:#91918a}.section-heading>p{font-size:12px;line-height:1.9;color:#878780;margin:0 0 2px}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:15px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{border:1px solid transparent;background:transparent;padding:10px 14px;font-size:11px;color:#74746d;border-radius:5px;white-space:nowrap;transition:background .2s}.filters button.selected{color:var(--paper);background:var(--ink)}.filters button:not(.selected):hover{background:#eaeae2}.filters button span{font-family:var(--mono);margin-left:9px;font-size:9px;color:#c1c1b8}.result-count{font-size:10px;color:var(--muted);white-space:nowrap}.effect-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.effect-card{min-width:0;animation:card-appear .45s both}.art-button{width:100%;border:0;padding:0;display:block;text-align:left;background:none;position:relative;border-radius:9px;overflow:hidden}.art{aspect-ratio:1.43;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}.art:after{content:'';position:absolute;inset:0;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.3' d='M0 0h180v180H0z'/%3E%3C/svg%3E");pointer-events:none;z-index:4}.art-label{position:absolute;left:17px;top:16px;font:8px var(--mono);letter-spacing:1.1px;z-index:5;opacity:.6}.art-index{position:absolute;right:16px;top:16px;font:9px var(--mono);opacity:.5;z-index:5}.preview-badge{position:absolute;bottom:13px;left:14px;font-size:8px;border:1px solid currentColor;border-radius:20px;padding:4px 7px;opacity:.55;z-index:5}.art-play{position:absolute;bottom:14px;right:14px;width:30px;height:30px;border-radius:50%;background:#fff9;display:grid;place-items:center;font-size:12px;z-index:6;transition:transform .25s,background .25s;color:#252522}.art-button:hover .art-play{background:white;transform:scale(1.12)}.card-info{padding:15px 1px 0}.card-title-line{display:flex;align-items:center;justify-content:space-between}.card-title-line h3{font-size:18px;font-weight:500;letter-spacing:-.5px;margin:0}.detail-link{border:0;background:none;font-size:19px;padding:0 2px;transition:transform .2s}.detail-link:hover{transform:translate(3px,-3px);color:var(--orange)}.card-info p{font-size:11px;line-height:1.8;color:#83837b;margin:7px 0 11px}.tags{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tags span{font-size:9px;padding:4px 7px;border:1px solid var(--line);border-radius:3px;color:#73736a}.tags .video-indicator{border:0;margin-left:auto;padding:4px 0;color:#8a8a82;font-size:9px}.collection-end{border-bottom:1px solid var(--line);margin-top:38px;padding:0 0 25px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.collection-end>span:last-child{font:9px var(--mono);letter-spacing:1px}.orange{color:var(--orange)}.lavender{background:#e4def2}.blue{background:#dfe9f3}.yellow{background:#f5ebbd}.green{background:#e0e8d9}.dark{background:#252b2c;color:#f4f4de}.peach{background:#f2e2d8}.pink{background:#e9dfe4}.mint{background:#d8e9e2}.graph{background:#292d32;color:#dce8ef}.map{background:#e8e8d9}.clay{background:#e7dfe7}.timeline{background:#dedfe3}.type-art{font-size:clamp(35px,5.8vw,85px);font-weight:600;line-height:.86;letter-spacing:-5px;transform:rotate(-7deg);position:relative}.type-art span{display:block}.type-art span:last-child{font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-weight:400;color:#746195;padding-left:25px}.type-art i{position:absolute;font-size:28px;font-style:normal;color:#fa6034;right:-30px;top:10px;animation:slow-spin 10s linear infinite}.type-art{animation:type-float 5s ease-in-out infinite}.mini-card{position:absolute;width:110px;height:137px;display:flex;flex-direction:column;justify-content:space-between;padding:15px;border-radius:10px;background:#fafbf9;box-shadow:0 10px 20px #23384b18;transform:rotate(-14deg) translateX(-57px)}.mini-card b{font-size:42px;font-weight:500;letter-spacing:-3px}.mini-card small{font:8px var(--mono);opacity:.5}.mini-card.front{background:#5485ec;color:white;transform:rotate(11deg) translateX(42px);animation:card-float 5s ease-in-out infinite}.mini-card.front>span{font-size:28px}.sketch-art{width:80%;height:74%;overflow:visible}.sketch-art path,.sketch-art circle{fill:none;stroke:#514b30;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sketch-art .sketch-fill{fill:#eea86075;stroke:#554825;animation:sketch-jitter .5s steps(2) infinite}.landscape-art{position:absolute;width:100%;height:100%;bottom:0}.landscape-art .sun{animation:sun-rise 6s ease-in-out infinite}.landscape-art .hill{animation:hill-rise 6s ease-in-out infinite}.landscape-art .hill.front-hill{animation-delay:.3s}.orbit-scene{width:160px;height:160px;position:relative;transform:rotate(-25deg)}.orbit-ring{position:absolute;inset:5px;border:1px solid #a7bda666;border-radius:50%;transform:rotateX(55deg);box-shadow:0 0 0 23px #a7bda614,0 0 0 46px #a7bda60b}.orbit-ring:nth-child(2){transform:rotateY(60deg) rotateZ(45deg)}.orbit-ring:nth-child(3){transform:rotateY(60deg) rotateZ(-45deg)}.orbit-core{position:absolute;inset:36px;background:radial-gradient(circle at 30% 25%,#dbe2ad,#76865e 45%,#343d32 80%);border-radius:50%;box-shadow:15px 20px 30px #0006;animation:orb-breathe 5s ease-in-out infinite}.orbit-dot{position:absolute;width:11px;height:11px;border-radius:100%;background:#e7eea9;top:44px;left:8px;box-shadow:0 0 15px #ddea9380;animation:orbit-dot 7s linear infinite;transform-origin:72px 37px}.paint-art{width:200px;height:170px;position:relative}.paint-blob{position:absolute;width:120px;height:140px;border-radius:43% 57% 66% 34% / 54% 31% 69% 46%;background:#d76b4070;filter:blur(3px);mix-blend-mode:multiply;animation:paint-breathe 7s ease-in-out infinite}.paint-blob:nth-child(2){background:#d5ae5270;left:65px;top:24px;transform:rotate(75deg);animation-delay:-2s}.paint-blob:nth-child(3){background:#939b7270;left:12px;top:55px;width:140px;height:90px;animation-delay:-4s}.paint-caption{position:absolute;z-index:2;bottom:33%;left:50%;transform:translateX(-50%) rotate(-8deg);font-family:'DM Serif Display',serif;font-size:30px;font-style:italic;white-space:nowrap;color:#663d2b}.code-art{font:12px/2 var(--mono);width:76%;background:#f9f6f1b0;padding:16px;border-radius:5px;transform:rotate(-3deg)}.code-art>div{white-space:nowrap}.code-art span{color:#ac5b70}.code-highlight{background:#fa603430;border-left:2px solid var(--orange);animation:highlight 4s steps(1) infinite}.flower{position:relative;width:126px;height:126px;animation:slow-spin 20s linear infinite}.petal{position:absolute;left:42px;top:0;width:42px;height:74px;background:#478d78;border-radius:40px;transform-origin:21px 63px;transform:rotate(calc(var(--i) * 45deg))}.flower-center{position:absolute;inset:44px;background:#e6ecbe;border-radius:50%}.sine-svg{width:83%;height:72%;overflow:visible}.sine-svg .curve{stroke:#a8cce5;stroke-width:3;fill:none;stroke-dasharray:500;stroke-dashoffset:500;animation:draw-line 6s ease-in-out infinite}.sine-label{position:absolute;top:53px;right:27px;font-family:'DM Serif Display',serif;font-style:italic;font-size:17px;color:#a8cce5}.route-svg{width:88%;height:85%}.route-path{stroke:#d87c45;stroke-width:3;fill:none;stroke-dasharray:500;animation:draw-line 7s ease-in-out infinite}.route-city{fill:#4b5c4c}.route-label{font-size:9px;fill:#66705e;font-family:var(--sans)}.clay-object{width:130px;height:130px;position:relative;animation:clay-float 5s ease-in-out infinite}.clay-orb{position:absolute;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#dab8db,#a77da9 70%,#88638c);box-shadow:inset -10px -9px 15px #76587536,10px 15px 25px #987d9730;left:18px;top:7px}.clay-orb:after{content:'';position:absolute;left:31px;top:34px;width:35px;height:35px;background:radial-gradient(circle at 65% 70%,#ebe0eb,#b596bb);border-radius:50%;box-shadow:inset 3px 3px 5px #70557560}.clay-base{position:absolute;width:130px;height:33px;border-radius:50%;background:#baa7bd;bottom:0;box-shadow:inset 0 -7px 8px #88748d30,0 8px 12px #7d6b7d20}.timeline-art{width:78%;background:#f5f5f3;border-radius:7px;box-shadow:0 10px 24px #5e63751a;padding:15px 12px;transform:rotate(-4deg)}.timeline-header{font:8px var(--mono);color:#8b8e97;border-bottom:1px solid #dedee2;padding-bottom:10px;margin-bottom:10px;display:flex;justify-content:space-between}.track{display:flex;gap:4px;margin:5px 0;height:21px}.track i{display:block;border-radius:3px;background:#afa4cc;flex:1}.track i:nth-child(2){background:#c8c1dd;flex:1.6}.track.audio{height:15px}.track.audio i{background:repeating-linear-gradient(90deg,#8da99b 0 2px,#c8dbd0 2px 4px)}.playhead{height:91px;width:1px;background:#fa6034;position:absolute;left:30%;top:35px;animation:playhead 6s linear infinite}.playhead:before{content:'';position:absolute;top:-4px;left:-3px;border-top:6px solid var(--orange);border-left:3px solid transparent;border-right:3px solid transparent}.watch-section{padding:65px 5% 58px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.video-poster{display:block;position:relative;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#252522;border-radius:8px;overflow:hidden;color:white}.video-poster img{width:100%;height:100%;object-fit:cover;opacity:.84;transition:transform .4s,opacity .4s}.video-poster:hover img{transform:scale(1.04);opacity:1}.video-poster .big-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:47px;height:47px;background:#fffffff0;color:var(--ink);border-radius:50%;padding-left:3px;font-size:16px}.video-provider{position:absolute;left:12px;bottom:12px;background:#0006;border:1px solid #fff4;padding:4px 6px;border-radius:3px;font:8px var(--mono)}.video-frame{width:100%;aspect-ratio:16/9;border:0;border-radius:8px;background:#252522}.video-slot{position:relative}.stop-video{display:block;margin:7px 0 0 auto;border:0;background:none;color:var(--muted);font-size:10px}.video-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-top:14px}.video-caption h3{font-size:13px;font-weight:500;margin:0 0 6px;line-height:1.6}.video-caption p{font-size:10px;color:var(--muted);margin:0}.video-caption>a{font-size:17px}.video-note{font-size:10px;color:var(--muted);line-height:1.8;margin-top:23px}.how-section{margin:0 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:58px 0;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.how-copy h2{font-size:34px;line-height:1.5;letter-spacing:-1.5px;font-weight:500;margin:17px 0}.how-copy p{font-size:12px;color:var(--muted);line-height:2}.how-copy>a{font-size:11px;display:inline-block;margin-top:14px;border-bottom:1px solid #a6a69c;padding-bottom:4px}.frame-machine{border:1px solid var(--line);border-radius:8px;background:#eeeee7;overflow:hidden}.machine-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px;font:8px var(--mono);color:#99998e}.machine-top>span:first-child{display:flex;gap:4px}.machine-top i{width:5px;height:5px;border-radius:50%;background:#c6c6bc}.formula{display:flex;justify-content:center;align-items:center;gap:19px;padding:40px 15px;font:23px 'DM Serif Display',serif}.formula>b{font-size:16px;font-weight:400;color:#aaa99e}.formula-frame{background:var(--orange);border-radius:6px;width:62px;height:62px;display:grid;place-items:center;color:#fff4c9;box-shadow:5px 5px 0 #d8d8ce;transform:rotate(-6deg)}.formula-frame i{font-style:normal;font-size:49px;animation:slow-spin 14s linear infinite}.machine-line{padding:0 25px 22px;display:flex;align-items:center;justify-content:space-between;font:10px var(--mono);color:#7f7f73}.blink{color:var(--orange);animation:highlight 1.5s steps(1) infinite}.machine-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:14px;font-size:10px;color:#89897e}.closing{position:relative;margin:65px 5%;padding:42px 40px;background:#eaeae2;border-radius:9px;overflow:hidden}.closing>p{font-size:34px;line-height:1.6;letter-spacing:-1.3px;font-weight:500;margin:21px 0 24px;position:relative;z-index:2}.closing>p>span{font-family:'DM Serif Display',var(--sans);color:#8d8d81}.closing>.primary-button{position:relative;z-index:2}.closing-star{position:absolute;right:10%;top:15px;font-size:260px;line-height:1.2;font-family:Georgia;color:var(--orange);transform:rotate(-12deg);animation:slow-spin 50s linear infinite}footer{padding:26px 5% 35px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}footer .brand{font-size:19px}footer .brand-symbol{width:24px;height:24px}footer>span{font-size:9px;color:#939388}footer>span:nth-child(2){font-family:var(--mono)}footer>span>a{margin-left:25px;color:#5c5c54}dialog{border:1px solid var(--line);padding:26px;background:var(--paper);color:var(--ink);border-radius:12px;max-width:800px;width:calc(100% - 36px);max-height:90dvh;box-shadow:0 25px 120px #0003}dialog::backdrop{background:#24241e75;backdrop-filter:blur(7px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-dialog{border:1px solid var(--line);border-radius:50%;background:none;width:33px;height:33px;font-size:24px;line-height:1}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.detail-header h2{font-size:34px;font-weight:500;letter-spacing:-1px;margin:0 0 6px}.detail-header>span{font:10px var(--mono);color:var(--muted)}.detail-description{font-size:13px;line-height:2;color:#77776c}.detail-demo{margin-top:20px}.detail-demo .art{aspect-ratio:2.5;border-radius:7px}.detail-demo .art-label,.detail-demo .art-index,.detail-demo .preview-badge,.detail-demo .art-play{display:none}.detail-code{position:relative;margin-top:20px}.detail-code pre{margin:0;background:#252522;color:#dfdfcf;padding:24px 18px 18px;border-radius:7px;overflow:auto;font:11px/1.9 var(--mono)}.copy-code{position:absolute;right:10px;top:8px;border:0;background:#42423a;color:#d7d7cd;font-size:9px;padding:5px 9px;border-radius:3px}.code-caption{font-size:10px;color:var(--muted);margin:8px 0 20px}.detail-links{display:flex;justify-content:space-between;font-size:11px;gap:20px}.detail-links a{border-bottom:1px solid var(--line);padding-bottom:4px}.detail-video-heading{font-size:13px;font-weight:500;margin:24px 0 12px}.detail-credit{font-size:10px;color:var(--muted);line-height:1.8}.detail-video-container{margin-top:12px}.detail-video-container .video-poster{aspect-ratio:16/8}.no-video-note{font-size:10px;color:var(--muted);margin:12px 0}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);padding:12px 20px;background:var(--ink);color:var(--paper);font-size:12px;border-radius:5px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:30}#toast.visible{opacity:1;transform:translate(-50%,0)}
@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes type-float{50%{transform:translateY(-5px) rotate(-4deg)}}@keyframes card-float{50%{transform:rotate(5deg) translate(42px,-8px)}}@keyframes sketch-jitter{50%{transform:translate(1px,-1px) rotate(.5deg)}}@keyframes sun-rise{0%,100%{transform:translateY(22px);opacity:.5}40%,80%{transform:translateY(0);opacity:1}}@keyframes hill-rise{0%,100%{transform:translateY(14px)}45%,80%{transform:translateY(0)}}@keyframes orb-breathe{50%{transform:scale(1.08)}}@keyframes orbit-dot{to{transform:rotate(360deg)}}@keyframes paint-breathe{50%{border-radius:62% 38% 39% 61% / 42% 60% 40% 58%;transform:scale(1.12) rotate(8deg)}}@keyframes highlight{50%{opacity:.45}}@keyframes draw-line{0%{stroke-dashoffset:500}65%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:-500}}@keyframes clay-float{50%{transform:translateY(-11px) rotate(5deg)}}@keyframes playhead{0%{left:16%}100%{left:85%}}@keyframes card-appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:1536px){#wordmark,.ghost{font-size:224px}.type-art{font-size:85px}}@media(max-width:1000px){.hero-note{display:none}.hero-bottom{grid-template-columns:1fr 1fr}.hero-action{justify-self:end}.edition{display:none}.effect-grid{gap:27px 18px}.art{aspect-ratio:1.25}.art-label{font-size:6px;left:12px}.art-index{right:12px}.card-info p{font-size:10px}.type-art{letter-spacing:-3px}.mini-card{width:88px;height:116px}.code-art{font-size:9px;padding:12px}.hero-sticker{font-size:48px;top:0}.result-count{display:none}.section-heading h2{font-size:29px}.closing-star{right:3%;font-size:230px}}
@media(max-width:760px){.site-header{height:76px;padding:0 6%}.brand{font-size:21px}.site-header nav{gap:21px;font-size:11px}.header-link{display:none}.hero{padding:34px 6% 39px}.eyebrow{font-size:8px;letter-spacing:.9px}.wordmark-wrap{padding-top:27px;padding-bottom:6px}#wordmark,.ghost{font-size:14.6vw}.hero-sticker{font-size:35px;right:-4px;top:9px}.hero-bottom h2{font-size:19px}.hero-bottom p{font-size:11px}.hero-bottom{gap:15px}.primary-button{padding:14px 16px;gap:25px;font-size:11px}.hero-meta{font-size:8px}.mini-shapes{font-size:10px}.collection{padding:32px 6% 0}.section-heading h2{font-size:25px;margin-top:12px;letter-spacing:-1px}.section-heading>p{font-size:10px}.collection-toolbar{margin:0 0 20px;overflow:auto}.filters{flex-wrap:nowrap;gap:2px}.filters button{font-size:10px;padding:9px 11px}.filters button span{font-size:8px;margin-left:5px}.effect-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.art{aspect-ratio:1.25}.type-art{font-size:9vw}.card-title-line h3{font-size:16px}.card-info p{font-size:10px;margin-bottom:8px}.video-indicator{display:none}.tags span{font-size:8px}.art-label{letter-spacing:.5px}.art-index{font-size:8px}.sketch-art{width:85%}.mini-card{width:83px;height:105px;padding:12px}.mini-card b{font-size:32px}.mini-card.front{transform:rotate(11deg) translateX(25px)}.orbit-scene{transform:scale(.8) rotate(-25deg)}.paint-art{transform:scale(.8)}.flower{transform:scale(.8)}.sine-label{top:44px;font-size:14px}.code-art{width:83%;font-size:8px}.timeline-art{width:84%;padding:12px 8px}.timeline-header{font-size:6px}.clay-object{transform:scale(.8)}.watch-section{padding:44px 6%}.video-grid{grid-template-columns:1fr;gap:25px}.video-card{display:grid;grid-template-columns:1fr 1fr;gap:17px;align-items:center}.video-caption{margin:0}.video-caption h3{font-size:11px}.video-caption p{font-size:9px}.video-provider{font-size:6px;left:8px;bottom:8px}.video-poster .big-play{width:33px;height:33px;font-size:11px}.how-section{margin:0 6%;padding:37px 0;gap:27px;grid-template-columns:1fr}.how-copy h2{font-size:28px}.how-copy p{font-size:11px}.frame-machine{max-width:500px;width:100%}.formula{padding:28px}.closing{margin:42px 6%;padding:30px 25px}.closing>p{font-size:26px}.closing-star{font-size:170px;right:-40px;top:54px;opacity:.7}.closing>.eyebrow{font-size:7px}footer{padding:22px 6%;flex-wrap:wrap;gap:24px}footer>span:nth-child(2){display:none}footer>span{font-size:8px}footer>span>a{margin-left:10px}.detail-header{display:block}.detail-header h2{font-size:27px}.detail-header>span{display:block;margin-top:10px}.detail-description{font-size:12px}.detail-demo .art{aspect-ratio:1.9}.detail-demo .type-art{font-size:65px}.detail-code pre{font-size:9px}.detail-links{font-size:10px;flex-wrap:wrap}}
@media(max-width:390px){.effect-grid{gap:22px 12px}.card-title-line h3{font-size:14px}.card-info p{font-size:9px}.tags span{font-size:7px;padding:3px 5px}.preview-badge{font-size:6px;left:8px;bottom:10px}.art-play{height:24px;width:24px;right:8px;bottom:9px}.art-label{font-size:5px}.mini-card{width:68px;height:94px}.mini-card:first-of-type{transform:rotate(-14deg) translateX(-34px)}.hero-meta{font-size:7px}.mini-shapes{display:none}.hero-bottom h2{font-size:16px}.hero-bottom p{font-size:10px}.section-heading>p{font-size:8px}.filters button{padding:8px 9px}.section-heading h2{font-size:22px}.formula{gap:15px;font-size:20px}.site-header nav{gap:14px;font-size:10px}.brand{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.sine-svg .curve,.route-path{stroke-dashoffset:0}#wordmark span{will-change:auto}.cursor-note{display:none}}

@media(max-width:500px){.effect-grid{grid-template-columns:1fr;gap:28px}.art{aspect-ratio:1.48}.type-art{font-size:73px}.card-title-line h3{font-size:19px}.card-info p{font-size:12px}.tags span{font-size:10px}.art-label{font-size:8px;left:16px}.art-index{font-size:10px;right:16px}.preview-badge{font-size:8px;left:14px}.art-play{width:30px;height:30px;right:14px}.mini-card{width:100px;height:126px}.mini-card:first-of-type{transform:rotate(-14deg) translateX(-57px)}.mini-card.front{transform:rotate(11deg) translateX(42px)}.code-art{font-size:12px}.orbit-scene{transform:rotate(-25deg)}.paint-art{transform:none}.flower{transform:none}.video-card{display:block}.video-caption{margin-top:13px}.video-caption h3{font-size:13px}.video-caption p{font-size:10px}.clay-object{transform:none}.section-heading>p{max-width:39%;font-size:10px}}

@media(max-width:500px){.hero-bottom{grid-template-columns:1fr;gap:20px}.hero-action{justify-self:start;display:flex;align-items:center;gap:17px}.hero-meta{margin-top:0;font-size:8px}.hero-bottom h2{font-size:20px}.hero-bottom p{font-size:12px}.collection-toolbar{scrollbar-width:none}.collection-toolbar::-webkit-scrollbar{display:none}.hero{padding-bottom:33px}}

/* Custom services */
.services-section{padding:64px 5% 0;scroll-margin-top:24px}.services-section .section-heading{margin-bottom:27px}.service-intro{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding:24px 0 29px}.team-mark{color:var(--orange);font-size:42px;line-height:1}.service-intro p{font-size:12px;line-height:1.9;color:#73736b;margin:0}.service-intro strong{font-weight:500;color:var(--ink)}.service-intro-label{margin-left:auto;font:8px var(--mono);letter-spacing:.6px;color:var(--muted);white-space:nowrap}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pricing-card{border:1px solid var(--line);border-radius:9px;padding:30px;background:#f1f1e9;position:relative;overflow:hidden}.pricing-card-top{display:flex;align-items:center;justify-content:space-between}.pricing-card-top .eyebrow{font-size:9px;color:#727269}.service-glyph{width:38px;height:38px;border:1px solid #c8c8bd;border-radius:9px;display:grid;place-items:center;font-size:25px;color:#626258;transform:rotate(-7deg)}.pricing-card h3{font-size:28px;font-weight:500;letter-spacing:-1px;margin:19px 0 10px}.service-description{font-size:12px;line-height:1.8;color:#77776d;margin:0}.service-price{display:flex;align-items:baseline;gap:5px;margin:25px 0 7px;line-height:1}.service-price .currency{font-size:27px;align-self:flex-start;margin-top:10px;font-weight:500}.service-price strong{font-size:77px;font-weight:500;letter-spacing:-5px}.price-unit{font:11px var(--mono);color:#77776c;margin-left:12px}.price-caption{font-size:10px;color:#838377;line-height:1.8}.deliverable-list{border-top:1px solid #d7d7cd;padding:21px 0 22px;list-style:none;margin:22px 0 0;display:grid;gap:13px}.deliverable-list li{font-size:12px;line-height:1.7;display:flex;align-items:baseline;gap:10px}.deliverable-list li:before{content:'↗';color:#777769;font-size:13px}.service-button{padding:15px 16px;border:1px solid #babab0;border-radius:5px;display:flex;align-items:center;justify-content:space-between;font-size:12px;transition:background .2s,color .2s,border-color .2s}.service-button>span{font-size:20px;line-height:1}.service-button:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.service-best-for{font-size:10px;color:#89897c;text-align:center;margin:13px 0 0}.skill-pricing{background:#e8e5dc;border-color:#d4cdbf}.skill-pricing .service-glyph{background:#fa603412;border-color:#fa603450;color:var(--orange)}.skill-pricing .service-button{background:var(--ink);color:var(--paper);border-color:var(--ink)}.skill-pricing .service-button:hover{background:var(--orange);border-color:var(--orange)}.pricing-note{font-size:10px;color:var(--muted);line-height:1.9;margin:17px 0 0}.consultation{padding-top:57px;scroll-margin-top:24px}.consultation-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.consultation-heading h3{font-weight:500;font-size:25px;letter-spacing:-.8px;line-height:1.6;margin:13px 0 0}.consultation-heading>span{color:var(--muted);font-size:11px;padding-bottom:5px}.service-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:0;gap:25px}.service-steps li{border-top:1px solid #cfcfc4;padding:17px 0 21px;min-width:0}.step-number{font:20px var(--mono);display:flex;justify-content:space-between;align-items:center;color:#9d9d90}.step-number>span{font:17px var(--sans);color:#b3b3a5}.service-steps h4{font-size:16px;font-weight:500;margin:26px 0 11px;letter-spacing:-.4px}.service-steps p{font-size:11px;line-height:1.9;color:#808075;margin:0}.aftercare{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 26px;background:#e9ece3;border-radius:7px;margin-top:16px}.aftercare>div:first-child{display:flex;align-items:center;gap:18px}.support-symbol{font-size:29px;color:#61775b}.aftercare h4{font-size:15px;font-weight:500;letter-spacing:-.3px;margin:0 0 7px}.aftercare p{color:#7b8472;font-size:11px;line-height:1.8;margin:0}.followup-points{display:flex;gap:17px;flex-wrap:wrap}.followup-points span{font-size:10px;color:#637458;display:flex;gap:7px;align-items:center;white-space:nowrap}.followup-points i{background:#839871;width:5px;height:5px;display:block;border-radius:50%}.consultation-prep{border-bottom:1px solid var(--line);margin-top:21px}.consultation-prep summary{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:19px 0;cursor:pointer;list-style:none}.consultation-prep summary::-webkit-details-marker{display:none}.consultation-prep summary>span{font-size:19px;color:#848477;transition:transform .2s}.consultation-prep[open] summary>span{transform:rotate(45deg)}.consultation-prep summary:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.prep-content{padding:0 0 20px;font-size:12px;line-height:1.9;color:#77776c}.prep-content p{margin:0 0 10px}.prep-content ul{margin:0;padding-left:19px}.prep-content li+li{margin-top:7px}
@media(max-width:1000px){.service-intro-label{display:none}.aftercare{align-items:flex-start}.followup-points{flex-direction:column;gap:12px}.service-steps{gap:19px}.service-steps p{font-size:10px}.pricing-card{padding:25px}.consultation-heading>span{font-size:10px}}
@media(max-width:760px){.site-header nav a[href="#how"]{display:none}.services-section{padding:43px 6% 0}.service-intro{gap:15px;padding:20px 0 25px}.service-intro p{font-size:11px}.team-mark{font-size:32px}.pricing-grid{gap:16px}.pricing-card{padding:20px}.pricing-card h3{font-size:23px}.service-price strong{font-size:66px}.service-description{font-size:11px}.price-unit{font-size:9px;margin-left:8px}.deliverable-list li{font-size:11px}.pricing-card-top .eyebrow{font-size:7px}.service-glyph{width:30px;height:30px;font-size:21px}.service-button{font-size:10px;padding:13px}.consultation{padding-top:39px}.consultation-heading{display:block;margin-bottom:22px}.consultation-heading h3{font-size:22px}.consultation-heading>span{display:block;margin-top:10px}.service-steps{grid-template-columns:1fr 1fr;gap:16px 24px}.service-steps h4{margin-top:17px}.service-steps p{font-size:11px}.aftercare{padding:21px;flex-direction:column;gap:20px}.aftercare h4{font-size:14px}.followup-points{flex-direction:row;gap:21px;margin-left:43px}.consultation-prep summary{font-size:11px}.prep-content{font-size:11px}.pricing-note{font-size:9px}}
@media(max-width:500px){.pricing-grid{grid-template-columns:1fr;gap:18px}.pricing-card{padding:25px}.pricing-card-top .eyebrow{font-size:8px}.pricing-card h3{font-size:27px}.service-description{font-size:12px}.service-price strong{font-size:76px}.price-unit{font-size:11px}.deliverable-list li{font-size:12px}.service-button{font-size:12px;padding:15px}.service-best-for{font-size:10px}.service-intro p{font-size:10px}.service-intro p br{display:none}.service-intro strong{display:block;margin-top:5px}.service-steps{gap:15px 18px}.service-steps h4{font-size:15px}.consultation-heading h3{font-size:21px}.aftercare>div:first-child{gap:12px}.followup-points{margin-left:0;font-size:9px;gap:15px}.aftercare p{font-size:10px}.services-section .section-heading{align-items:flex-start}.services-section .section-heading h2{font-size:25px;line-height:1.5;max-width:200px}.services-section .section-heading>p{font-size:10px;max-width:34%;margin-top:22px}.pricing-note{line-height:2}}
.service-contact{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:28px;padding:29px 0 0}.service-contact h4{font-size:21px;font-weight:500;letter-spacing:-.6px;line-height:1.6;margin:12px 0 8px}.service-contact p{font-size:11px;color:#818174;line-height:1.8;margin:0}.contact-actions{display:flex;align-items:center;flex-direction:column;gap:12px}.contact-actions .primary-button{min-width:190px}.contact-email{font:10px var(--mono);color:#767669;border-bottom:1px solid #c9c9ba;padding-bottom:3px}.contact-email:hover{color:var(--orange)}
@media(max-width:760px){.service-contact{align-items:flex-start;padding-top:23px;gap:20px}.service-contact h4{font-size:18px}.service-contact p{font-size:10px}.contact-actions .primary-button{min-width:160px}.contact-email{font-size:9px}}
@media(max-width:500px){.service-contact{flex-direction:column;gap:22px}.service-contact h4{font-size:20px}.contact-actions{align-items:flex-start;gap:13px}.contact-actions .primary-button{min-width:190px}.contact-email{font-size:11px}}

.services-section :is(.service-description,.price-unit,.price-caption,.service-best-for,.pricing-note,.service-intro p,.service-intro-label,.pricing-card-top .eyebrow,.consultation-heading>span,.service-steps p,.prep-content,.service-contact p,.contact-email){color:#626257}.services-section .aftercare p,.services-section .followup-points span{color:#536246}

@media(max-width:500px){.services-section .section-heading{display:block}.services-section .section-heading h2{max-width:none}.services-section .section-heading>p{max-width:none;margin-top:13px;font-size:11px}.services-section .section-heading>p br{display:none}}

/* Language control and English copy */
.header-actions{display:flex;align-items:center;gap:24px}.language-switch{display:flex;align-items:center;padding:3px;gap:2px;border:1px solid #d5d5ca;border-radius:5px;flex-shrink:0}.language-switch button{min-width:32px;min-height:29px;padding:5px 7px;border:0;border-radius:3px;background:none;font:10px var(--mono);color:#626257}.language-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.language-switch button:hover:not([aria-pressed=true]){background:#e8e8df}.language-switch button:focus-visible{outline-offset:2px}html[lang=en] .section-heading h2{letter-spacing:-1px;line-height:1.25}html[lang=en] .hero-note{max-width:170px}html[lang=en] .hero-bottom{grid-template-columns:1.35fr 1fr .7fr}html[lang=en] .hero-bottom p{max-width:410px}html[lang=en] .how-copy h2{line-height:1.25}html[lang=en] .how-copy p br{display:none}html[lang=en] .pricing-card h3{font-size:27px;line-height:1.3;min-height:36px}html[lang=en] .service-intro p{max-width:660px}html[lang=en] .service-intro-label{font-size:7px}html[lang=en] .service-description{min-height:44px}html[lang=en] .consultation-heading h3{font-size:24px;max-width:670px}html[lang=en] .service-steps h4{font-size:16px;line-height:1.45;min-height:46px}html[lang=en] .service-contact h4{max-width:620px}html[lang=en] .closing>p{max-width:74%;line-height:1.35}html[lang=en] .closing>p br{display:block}html[lang=en] .route-label{font-size:8px}
@media(max-width:1100px){.header-actions{gap:13px}.header-link{display:none}.site-header nav{gap:22px}html[lang=en] .hero-bottom{grid-template-columns:1.3fr 1fr}.language-switch button{min-width:30px}}
@media(max-width:760px){.site-header{display:grid;grid-template-columns:1fr auto;height:auto;min-height:100px;padding-top:16px;padding-bottom:14px;row-gap:15px}.site-header .brand{grid-column:1;grid-row:1}.header-actions{grid-column:2;grid-row:1}.site-header nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:10px;font-size:11px}.site-header nav a[href="#how"]{display:block}.language-switch button{min-width:31px;min-height:30px}.hero{padding-top:28px}html[lang=en] .hero-bottom{grid-template-columns:1fr 1fr}html[lang=en] .hero-bottom h2{font-size:20px;line-height:1.35}html[lang=en] .section-heading{gap:20px}html[lang=en] .section-heading h2{font-size:25px}html[lang=en] .section-heading>p{max-width:40%;font-size:10px}html[lang=en] .section-heading>p br{display:none}html[lang=en] .pricing-card h3{font-size:23px}html[lang=en] .consultation-heading h3{font-size:21px}html[lang=en] .service-steps h4{font-size:15px}html[lang=en] .service-contact{flex-direction:column}html[lang=en] .closing>p{font-size:28px}}
@media(max-width:500px){html[lang=en] .hero-bottom{grid-template-columns:1fr}html[lang=en] .hero-bottom h2{font-size:23px}html[lang=en] .hero-action{flex-wrap:wrap;gap:13px}html[lang=en] .hero-meta{font-size:8px}html[lang=en] .services-section .section-heading>p{max-width:none}html[lang=en] .pricing-card h3{font-size:27px;min-height:0}html[lang=en] .service-description{min-height:0}html[lang=en] .aftercare h4{font-size:15px;line-height:1.5}html[lang=en] .followup-points{gap:13px}html[lang=en] .closing>p{max-width:85%;font-size:26px}html[lang=en] .closing-star{opacity:.22}html[lang=en] .service-intro p{font-size:11px}.site-header nav{font-size:10px}.language-switch button{min-height:31px}}
.hero-bottom{display:flex;grid-template-columns:none;justify-content:space-between;align-items:center;gap:20px;margin-top:0}.hero-bottom h2{margin:0}.pricing-card h3{margin-top:18px}.service-button{margin-top:22px}.service-flow{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:8px 0;font-size:12px;color:#6f6f68}.service-flow li{display:flex;align-items:center}.service-flow li+li:before{content:"→";margin:0 12px;color:var(--orange)}.service-mail{margin:16px 0 0;font-size:12px}.service-mail a{border-bottom:1px solid #a6a69c;padding-bottom:3px}@media(max-width:500px){.hero-bottom{flex-direction:column;align-items:flex-start}.service-flow{font-size:11px}.service-flow li+li:before{margin:0 8px}}