*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}@font-face{font-family:ZCOOL KuaiLe;src:url(../fonts/zcool-kuaile-subset.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--primitive-cream: oklch(94.4% .023 66);--primitive-paper: oklch(98.9% .008 85);--primitive-coral: oklch(87.7% .044 26);--primitive-salmon: oklch(75.8% .122 23);--primitive-sage: oklch(70.3% .045 165);--primitive-forest: oklch(39% .045 165);--primitive-yellow: oklch(87.3% .11 75);--primitive-ink: oklch(27% .012 60);--primitive-muted: oklch(43% .018 60);--primitive-brand: oklch(70.5% .14 10);--surface-page: var(--primitive-cream);--surface-card: var(--primitive-paper);--surface-accent: var(--primitive-coral);--surface-action: var(--primitive-ink);--surface-deep: var(--primitive-forest);--text-primary: var(--primitive-ink);--text-secondary: var(--primitive-muted);--text-on-dark: var(--primitive-paper);--action-highlight: var(--primitive-salmon);--brand-primary: var(--primitive-brand);--button-bg: var(--surface-action);--button-text: var(--text-on-dark);--focus-ring: var(--primitive-salmon);--border-soft: oklch(27% .012 60 / .16);--shadow-paper: 0 20px 50px oklch(27% .012 60 / .13), 0 3px 8px oklch(27% .012 60 / .08);--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-display: "ZCOOL KuaiLe", "PingFang SC", "Microsoft YaHei", sans-serif;font-family:var(--font-body);color:var(--text-primary);background:var(--surface-page);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;min-width:320px;min-height:100dvh;background:var(--surface-page);color:var(--text-primary);font-size:16px;line-height:1.65;overflow-x:clip}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.42}::-moz-selection{background:var(--primitive-yellow);color:var(--text-primary)}::selection{background:var(--primitive-yellow);color:var(--text-primary)}.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}#root{min-height:100dvh}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.paper-texture{background-color:var(--surface-page);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='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.055'/%3E%3C/svg%3E")}.section-shell{width:min(100%,1320px);margin-inline:auto;padding:120px 40px}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:12px clamp(20px,4vw,64px);background:var(--surface-page);border-bottom:1px solid var(--border-soft)}.brand{display:inline-flex;align-items:center;gap:10px;min-height:48px;font-family:var(--font-display);font-size:23px;letter-spacing:.02em}.brand img{width:40px;height:40px;-o-object-fit:contain;object-fit:contain}.site-nav{display:flex;align-items:center;gap:clamp(20px,2.4vw,36px);font-size:15px}.site-nav a{position:relative;display:inline-flex;align-items:center;min-height:44px}.site-nav a:after{position:absolute;right:0;bottom:6px;left:0;height:2px;content:"";background:var(--brand-primary);transform:scaleX(0);transform-origin:left;transition:transform .18s ease-out}.site-nav a:hover:after,.site-nav a:focus-visible:after{transform:scaleX(1)}.release-pill{padding:6px 12px;border:1px solid var(--border-soft);border-radius:999px;color:var(--text-secondary);font-size:13px}.menu-button{display:none;align-items:center;justify-content:center;width:48px;height:48px;padding:0;color:var(--text-primary);background:transparent;border:0}.hero{position:relative;display:grid;grid-template-columns:minmax(360px,.84fr) minmax(600px,1.16fr);gap:clamp(32px,4vw,72px);align-items:center;min-height:calc(100dvh - 76px);padding:64px clamp(32px,4.5vw,76px) 80px;overflow:hidden}.hero-copy{position:relative;z-index:2;max-width:580px}.hero-kicker{display:flex;align-items:center;gap:9px;margin:0 0 24px;color:var(--text-secondary);font-size:14px;font-weight:650;letter-spacing:.06em}.hero h1{margin:0;font-family:var(--font-display);font-size:clamp(64px,6.4vw,104px);font-weight:400;line-height:1.06;letter-spacing:-.035em}.hero h1 span{position:relative;display:inline-block;color:var(--primitive-forest);transform:rotate(-2deg)}.hero h1 span:after{position:absolute;right:2%;bottom:-8px;left:4%;height:12px;content:"";background:var(--primitive-yellow);clip-path:polygon(0 38%,13% 22%,32% 43%,54% 18%,72% 35%,100% 0,98% 60%,76% 67%,48% 58%,20% 85%,2% 70%);opacity:.8}.hero-lede{max-width:34rem;margin:36px 0 0;color:var(--text-secondary);font-size:18px;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:13px 24px;border-radius:999px;font-weight:650;line-height:1.2;transition:transform .18s ease-out,opacity .18s ease-out}.button:hover{transform:translateY(-2px) rotate(-1deg)}.button:active{transform:translateY(0) scale(.98)}.button--dark{color:var(--button-text);background:var(--button-bg)}.button--cream{color:var(--text-primary);background:var(--surface-card)}.text-link,.closing-link{display:inline-flex;align-items:center;gap:7px;min-height:48px;border-bottom:1px solid currentColor;font-weight:650;transition:transform .18s ease-out}.text-link:hover,.closing-link:hover{transform:translate(3px)}.hero-status{display:flex;align-items:center;gap:9px;margin:24px 0 0;color:var(--text-secondary);font-size:13px}.hero-status span{width:8px;height:8px;background:var(--primitive-sage);border-radius:50%}.hero-composer{position:relative;z-index:3;min-width:0}.hero-floating{position:absolute;z-index:1;width:120px;pointer-events:none;filter:drop-shadow(0 8px 8px oklch(27% .012 60 / .1))}.hero-floating--flower{top:6%;right:43%;transform:rotate(14deg)}.hero-floating--pencil{bottom:4%;left:2%;width:100px;transform:rotate(-22deg)}.composer{display:grid;grid-template-columns:minmax(280px,1fr) minmax(220px,.72fr);gap:clamp(18px,2vw,30px);align-items:center}.composer-stage{position:relative;width:100%;max-width:380px;margin-inline:auto;padding:28px 16px 16px}.composer-stage__note{position:absolute;top:0;left:-14px;z-index:8;padding:7px 13px;color:var(--text-primary);background:var(--primitive-yellow);font-family:var(--font-display);font-size:16px;transform:rotate(-6deg);box-shadow:0 3px #2b252114}.composer-stage__tape{position:absolute;top:18px;right:2px;z-index:7;width:72px;height:25px;background:#f2ccc8cc;clip-path:polygon(3% 10%,98% 0,95% 90%,0 100%);transform:rotate(12deg)}.composer-card{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;container-type:inline-size;background-position:center;background-size:cover;border:8px solid var(--surface-card);border-radius:5px;box-shadow:var(--shadow-paper);transform:rotate(1.4deg)}.composer-element{position:absolute;display:block;min-width:44px;min-height:44px;margin:0;padding:0;color:var(--text-primary);background:transparent;border:0;border-radius:0;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.composer-element:active{cursor:grabbing}.composer-element.is-selected:after{position:absolute;inset:-4px;content:"";border:2px dashed var(--primitive-salmon);pointer-events:none}.composer-element img{display:block;width:100%;pointer-events:none;filter:drop-shadow(0 5px 4px oklch(27% .012 60 / .12))}.composer-element--text{font-family:var(--font-display);font-size:7cqw;line-height:1.25;text-align:center;white-space:pre-wrap}.composer-controls{position:relative;display:flex;flex-direction:column;gap:13px;min-width:0}.composer-control-row{display:flex;gap:12px;align-items:center}.composer-label{flex:0 0 48px;color:var(--text-secondary);font-size:13px;font-weight:650}.paper-options,.sticker-options{display:flex;flex-wrap:wrap;gap:7px}.paper-option,.sticker-options button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:3px;overflow:hidden;background:var(--surface-card);border:2px solid transparent;border-radius:50%;transition:transform .16s ease-out}.paper-option:hover,.sticker-options button:hover{transform:rotate(-6deg) scale(1.06)}.paper-option.is-active{border-color:var(--text-primary)}.paper-option img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.sticker-options button{padding:5px;background:#fefbf5b3}.sticker-options img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.pet-options{display:flex;flex-wrap:wrap;gap:6px}.pet-option{display:inline-flex;gap:4px;align-items:center;justify-content:center;min-width:62px;min-height:48px;padding:3px 6px;color:var(--text-primary);background:transparent;border:1px solid transparent;border-radius:8px;transition:transform .16s ease-out}.pet-option:hover{transform:translateY(-2px) rotate(-2deg)}.pet-option.is-active{background:var(--surface-card);border-color:var(--text-primary)}.pet-option img{width:28px;height:38px;-o-object-fit:contain;object-fit:contain}.pet-option span{font-size:12px;font-weight:650}.composer-text-input{display:flex;gap:12px;align-items:center}.composer-text-input input{min-width:0;width:100%;min-height:44px;padding:8px 0;color:var(--text-primary);background:transparent;border:0;border-bottom:1px solid var(--text-primary);border-radius:0}.composer-object-tools{display:flex;gap:10px;align-items:center;justify-content:space-between;min-height:52px;padding-block:6px;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}.composer-selection{max-width:120px;overflow:hidden;color:var(--text-secondary);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.composer-object-tools>div{display:flex;gap:2px}.composer-object-tools button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:var(--text-primary);background:transparent;border:0;border-radius:50%;transition:transform .16s ease-out}.composer-object-tools button:not(:disabled):hover{transform:rotate(-8deg);background:var(--primitive-coral)}.composer-actions{display:flex;flex-wrap:wrap;gap:7px}.composer-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 12px;border-radius:999px;font-size:13px;font-weight:650;transition:transform .16s ease-out,opacity .16s ease-out}.composer-actions button:not(:disabled):hover{transform:translateY(-2px)}.icon-action{color:var(--text-primary);background:transparent;border:1px solid var(--border-soft)}.export-action{flex:1;color:var(--text-on-dark);background:var(--surface-action);border:1px solid var(--surface-action)}.composer-hint{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.55}.composer-toast{min-height:22px;color:var(--primitive-forest);font-size:12px;font-weight:650;opacity:0;transform:translateY(4px);transition:transform .18s ease-out,opacity .18s ease-out}.composer-toast.is-visible{opacity:1;transform:translateY(0)}.section-heading--split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(40px,8vw,120px);align-items:end}.section-heading h2,.everyday-copy h2,.faq-heading h2,.closing-section h2{margin:0;font-family:var(--font-display);font-size:clamp(44px,5vw,72px);font-weight:400;line-height:1.14;letter-spacing:-.025em}.section-heading p{max-width:35rem;margin:0;color:var(--text-secondary);font-size:17px;line-height:1.8}.section-heading .hand-note{margin-top:22px;color:var(--primitive-forest);font-family:var(--font-display);font-size:22px;transform:rotate(-2deg)}.canvas-proof{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(360px,1.15fr);gap:clamp(56px,8vw,120px);align-items:center;margin-top:88px}.proof-photo{position:relative;margin:0}.proof-photo img{display:block;width:100%;border:12px solid var(--surface-card);border-bottom-width:46px;box-shadow:var(--shadow-paper)}.proof-photo figcaption{position:absolute;right:18px;bottom:12px;left:18px;color:var(--text-secondary);font-size:13px;text-align:center}.proof-photo--main{width:min(100%,420px);margin-inline:auto;transform:rotate(-4deg)}.proof-photo--main:before,.proof-photo--tilted:before{position:absolute;top:-18px;left:34%;z-index:2;width:100px;height:32px;content:"";background:#ffcb83cc;background:oklch(87.3% .11 75 / .8);clip-path:polygon(2% 9%,100% 0,96% 92%,0 100%);transform:rotate(4deg)}.proof-list{display:flex;flex-direction:column}.proof-list article{position:relative;padding:28px 0 28px 52px;border-bottom:1px solid var(--border-soft)}.proof-list article:first-child{border-top:1px solid var(--border-soft)}.proof-list svg{position:absolute;top:32px;left:0;width:26px;height:26px;color:var(--primitive-forest);stroke-width:1.6}.proof-list h3,.everyday-points h3{margin:0 0 8px;font-size:20px;line-height:1.45}.proof-list p,.everyday-points p{margin:0;color:var(--text-secondary);line-height:1.75}.material-counts{display:grid;grid-template-columns:repeat(4,1fr);margin:100px 0 0;padding:30px 0;border-top:1px solid var(--text-primary);border-bottom:1px solid var(--text-primary)}.material-counts div{display:flex;gap:10px;align-items:baseline;justify-content:center;border-right:1px solid var(--border-soft)}.material-counts div:last-child{border-right:0}.material-counts dt{font-family:var(--font-display);font-size:48px;line-height:1}.material-counts dd{margin:0;color:var(--text-secondary);font-size:14px}.dog-story{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(480px,1.2fr);gap:clamp(48px,7vw,96px);align-items:center;padding-top:40px}.dog-story__heading .hand-note{margin:0 0 18px;color:var(--primitive-forest);font-family:var(--font-display);font-size:23px;transform:rotate(-2deg)}.dog-story__heading h2{margin:0;font-family:var(--font-display);font-size:clamp(44px,4.5vw,60px);font-weight:400;line-height:1.14;letter-spacing:-.025em}.dog-story__heading>p:last-child{max-width:32rem;margin:26px 0 0;color:var(--text-secondary);font-size:17px;line-height:1.8}.dog-cards{display:flex;gap:24px;align-items:center;justify-content:center;min-width:0}.dog-card{flex:0 0 auto;width:min(46%,300px)}.dog-card--left{transform:translate(12px) rotate(-5deg)}.dog-card--right{transform:translate(-12px,28px) rotate(5deg)}@media(max-width:800px){.dog-story{grid-template-columns:1fr;gap:48px;padding-top:20px}.dog-story__heading h2{font-size:clamp(40px,11vw,58px)}.dog-cards{max-width:600px;margin-inline:auto}}@media(max-width:420px){.dog-cards{gap:10px}.dog-card{width:46%}.dog-card--left{transform:translate(4px) rotate(-4deg)}.dog-card--right{transform:translate(-4px,18px) rotate(4deg)}}.materials-section{background-color:var(--surface-accent)}.materials-heading p{color:var(--text-primary)}.material-tabs{display:flex;gap:32px;margin-top:64px;border-bottom:1px solid var(--text-primary)}.material-tabs button{position:relative;min-height:52px;padding:8px 0;color:var(--text-primary);background:transparent;border:0;font-weight:650}.material-tabs button:after{position:absolute;right:0;bottom:-2px;left:0;height:4px;content:"";background:var(--text-primary);transform:scaleX(0);transition:transform .18s ease-out}.material-tabs button[aria-selected=true]:after{transform:scaleX(1)}.material-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(16px,3vw,40px);align-items:start;min-height:300px;padding:56px 0 32px}.material-grid figure{margin:0;text-align:center;transform:rotate(-3deg)}.material-grid figure:nth-child(2n){transform:rotate(4deg) translateY(16px)}.material-grid figure:nth-child(3n){transform:rotate(-7deg) translateY(-8px)}.material-grid figure>div{display:flex;align-items:center;justify-content:center;aspect-ratio:1}.material-grid img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 10px 8px oklch(27% .012 60 / .1))}.material-grid figcaption{margin-top:12px;font-family:var(--font-display);font-size:17px}.material-grid--papers{grid-template-columns:repeat(4,minmax(0,1fr))}.material-grid--papers figure>div,.material-grid--frames figure>div{aspect-ratio:3 / 4;overflow:hidden;background:var(--surface-card);border:8px solid var(--surface-card);box-shadow:var(--shadow-paper)}.material-grid--papers img{-o-object-fit:cover;object-fit:cover}.material-grid--frames{grid-template-columns:repeat(5,minmax(0,1fr))}.material-grid--frames figure>div{background:var(--surface-page)}.material-note{margin:24px 0 0;color:var(--text-primary);font-size:13px;text-align:right}.everyday{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);gap:clamp(64px,9vw,140px);align-items:center}.everyday-visual{position:relative;width:min(100%,450px);margin-inline:auto}.proof-photo--tilted{transform:rotate(5deg)}.everyday-handnote{position:absolute;right:-30px;bottom:42px;padding:12px 18px;background:var(--primitive-yellow);font-family:var(--font-display);font-size:21px;transform:rotate(-8deg);box-shadow:0 5px #2b252114}.everyday-points{margin-top:40px}.everyday-points article{padding:24px 0;border-bottom:1px solid var(--border-soft)}.everyday-points article:first-child{padding-top:0}.faq-section{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(400px,1.25fr);gap:clamp(48px,8vw,120px);border-top:1px solid var(--border-soft)}.faq-heading h2{font-size:clamp(38px,4vw,56px)}.faq-heading p{color:var(--text-secondary)}.faq-list details{border-bottom:1px solid var(--text-primary)}.faq-list details:first-child{border-top:1px solid var(--text-primary)}.faq-list summary{display:flex;gap:20px;align-items:center;justify-content:space-between;min-height:72px;padding:18px 0;font-size:18px;font-weight:650;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-plus{flex:0 0 auto;font-family:var(--font-display);font-size:28px;font-weight:400;transition:transform .18s ease-out}.faq-list details[open] .faq-plus{transform:rotate(45deg)}.faq-list details p{max-width:70ch;margin:0;padding:0 44px 26px 0;color:var(--text-secondary);line-height:1.8}.closing-section{position:relative;padding:100px 40px 0;overflow:hidden;color:var(--text-on-dark);background:var(--surface-deep);text-align:center}.closing-section>p{margin:0 0 18px;font-family:var(--font-display);font-size:22px}.closing-section h2{font-size:clamp(52px,6vw,84px)}.closing-actions{display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:center;margin-top:40px}.closing-wordmark{margin-top:70px;padding-bottom:24px;font-family:var(--font-display);font-size:clamp(96px,16vw,260px);line-height:1;letter-spacing:-.05em;white-space:nowrap;opacity:.14;transform:none}.site-footer{padding:36px clamp(20px,4vw,64px) 28px;background:var(--surface-page)}.footer-main,.footer-legal{width:min(100%,1440px);margin-inline:auto}.footer-main{display:flex;flex-wrap:wrap;gap:24px 48px;align-items:center;justify-content:space-between}.footer-brand{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.footer-brand img{width:36px;height:36px}.footer-brand strong{font-family:var(--font-display);font-size:20px;font-weight:400}.footer-brand span{color:var(--text-secondary);font-size:13px}.footer-meta{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:flex-end;color:var(--text-secondary);font-size:12px}.footer-meta a,.footer-meta span{display:inline-flex;flex:0 0 auto;align-items:center;min-height:44px;white-space:nowrap}.footer-meta a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.footer-legal{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:center;justify-content:space-between;margin-top:24px;padding-top:20px;color:var(--text-secondary);border-top:1px solid var(--border-soft);font-size:12px}.footer-records{display:flex;flex-wrap:wrap;gap:8px 24px}.footer-records a{display:inline-flex;gap:5px;align-items:center;min-height:32px;text-decoration:none}.footer-records a:hover,.footer-records a:focus-visible{text-decoration:underline;text-underline-offset:3px}.footer-records img{width:13px;height:14px;-o-object-fit:contain;object-fit:contain}@media(max-width:1280px){.hero{grid-template-columns:minmax(330px,.85fr) minmax(430px,1.15fr);padding-inline:36px}.composer{grid-template-columns:1fr}.composer-stage{max-width:340px}.composer-controls{width:min(100%,480px);margin-inline:auto}.composer-control-row--stickers{align-items:flex-start}.hero-floating--flower{right:38%}}@media(max-width:1024px){.hero{grid-template-columns:1fr;gap:48px;padding-top:56px}.hero-copy{max-width:680px}.hero h1{font-size:clamp(64px,10vw,92px)}.hero-composer{width:min(100%,680px);margin-inline:auto}.composer{grid-template-columns:minmax(280px,1fr) minmax(230px,.75fr)}.composer-stage{max-width:350px}.hero-floating--flower{top:38%;right:4%}.section-heading--split,.canvas-proof,.everyday,.faq-section{gap:56px}.material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.material-grid--papers{grid-template-columns:repeat(4,minmax(0,1fr))}.material-grid--frames{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.section-shell{padding:80px 20px}.site-header{min-height:68px;padding:10px 16px}.menu-button{display:inline-flex}.site-nav{position:absolute;top:68px;right:0;left:0;display:none;flex-direction:column;gap:4px;align-items:stretch;padding:16px 20px 22px;background:var(--surface-page);border-bottom:1px solid var(--text-primary)}.site-nav.is-open{display:flex}.site-nav a{min-height:48px}.release-pill{align-self:flex-start;margin-top:8px}.hero{min-height:auto;padding:40px 20px 64px}.hero h1{font-size:clamp(50px,14vw,74px)}.hero-lede{margin-top:28px;font-size:17px}.hero-floating{display:none}.composer{grid-template-columns:1fr}.composer-stage{max-width:330px}.section-heading--split,.canvas-proof,.everyday,.faq-section{grid-template-columns:1fr}.section-heading--split{gap:28px}.section-heading h2,.everyday-copy h2{font-size:clamp(40px,11vw,58px)}.canvas-proof{gap:64px;margin-top:56px}.proof-photo--main{max-width:330px}.material-counts{grid-template-columns:repeat(2,1fr);margin-top:64px;padding:0}.material-counts div{min-height:100px;border-bottom:1px solid var(--border-soft)}.material-counts div:nth-child(2){border-right:0}.material-counts div:nth-child(3),.material-counts div:nth-child(4){border-bottom:0}.material-counts dt{font-size:40px}.material-tabs{gap:24px;margin-top:44px;overflow-x:auto}.material-tabs button{flex:0 0 auto}.material-grid,.material-grid--frames{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-height:220px;padding-top:40px}.material-grid--papers{grid-template-columns:repeat(2,minmax(0,1fr))}.material-grid figure:nth-child(2n),.material-grid figure:nth-child(3n){transform:rotate(2deg)}.material-grid figcaption{font-size:14px}.everyday{gap:72px}.everyday-visual{max-width:330px}.everyday-handnote{right:-12px;font-size:17px}.faq-section{gap:32px}.closing-section{padding:80px 20px 0}.closing-section h2{font-size:clamp(46px,12vw,64px)}.closing-wordmark{margin-top:60px;font-size:22vw}.site-footer{padding-block:32px 24px}.footer-main{flex-direction:column;align-items:flex-start;gap:16px}.footer-meta{flex-direction:column;gap:4px}.footer-legal{align-items:flex-start;flex-direction:column;gap:8px}.footer-records{flex-direction:column;gap:0}}@media(max-width:420px){.hero-actions{gap:14px}.hero-actions .button{width:100%}.hero-actions .text-link{margin-inline:auto}.composer-stage{max-width:300px;padding-inline:8px}.composer-stage__note{left:-4px;font-size:14px}.composer-object-tools{align-items:flex-start;flex-direction:column;gap:0}.composer-selection{max-width:100%}.composer-object-tools>div{width:100%;justify-content:space-between}.composer-actions .export-action{flex-basis:100%}.material-grid,.material-grid--frames{gap:10px}.material-grid figcaption{font-size:12px}.closing-actions{flex-direction:column;gap:16px}}
