:root{--ink:#122338;--paper:#f6f2eb;--accent:#b7764a;--blue:#416c96;--soft:#e8e2d8;--white:#fffdf9;--muted:#5c6872;--serif:Georgia,'Times New Roman',serif;--sans:'Aptos Narrow',Aptos,'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5}body.kin{--ink:#143447;--paper:#faf6ef;--accent:#b87450;--blue:#597e6c;--soft:#e6ece5;--white:#fffefb;--muted:#526960}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{transition:background .18s,transform .18s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}a{color:inherit;text-underline-offset:4px}button{cursor:pointer;border:1px solid #bbc0be;border-radius:4px;background:transparent;padding:9px 15px;color:var(--ink)}button:hover{background:var(--soft)}button.primary,.cta{display:inline-block;background:var(--ink);color:var(--paper);border-color:var(--ink);text-decoration:none;padding:12px 22px}button.danger{color:#8b322f}button.small{font-size:13px;padding:5px 9px}.quiet{border:none;text-decoration:underline;text-underline-offset:4px}.wrap{max-width:1280px;margin:auto;padding:0 5vw}header{padding:24px 0;border-bottom:1px solid #cdd0cb}.head{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:26px var(--serif);text-decoration:none;letter-spacing:-.7px}.by{display:block;font:10px var(--sans);letter-spacing:2.4px;text-transform:uppercase;margin-top:4px}.nav{display:flex;align-items:center;gap:20px}.nav a{font-size:14px;text-decoration:none}details.family{position:relative}details.family summary{cursor:pointer;font-size:13px}details.family .menu{position:absolute;right:0;top:30px;z-index:9;background:var(--white);padding:20px;min-width:220px;border:1px solid #cdd0cb;box-shadow:0 10px 20px #12233810}.menu a{display:block;padding:8px 0}.hero{padding:68px 0 50px;display:grid;grid-template-columns:1.15fr 1fr;gap:5vw;align-items:center}.eyebrow{font-size:11px;letter-spacing:2.2px;text-transform:uppercase;color:var(--blue);font-weight:700}.hero h1{font:clamp(46px,5.8vw,78px)/1.06 var(--serif);letter-spacing:-2.5px;margin:22px 0}.hero p{max-width:450px;color:var(--muted);font-size:19px}.hero .actions{display:flex;gap:16px;align-items:center;margin-top:30px}.caption{font-size:12px;color:var(--muted);margin-top:16px}.heroart{position:relative;border:1px solid #c9c8bf;background:#e5e8e7;aspect-ratio:1.12;border-radius:2px;overflow:hidden}.heroart svg{display:block;width:100%;height:100%}.arttag{position:absolute;left:24px;bottom:22px;font-size:11px;letter-spacing:1.5px;color:var(--ink)}.kin .heroart{border:0;border-radius:46% 46% 12% 30%;background:#dce8df;aspect-ratio:1.07}.float{animation:float 7s ease-in-out infinite}@keyframes float{50%{transform:translateY(-7px)}}.promise{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cbcfc9;border-bottom:1px solid #cbcfc9;margin:15px 0 58px}.promise div{padding:24px 22px 25px 0}.promise div+div{border-left:1px solid #cbcfc9;padding-left:30px}.promise strong{font:22px var(--serif);display:block}.promise p{font-size:14px;color:var(--muted);margin:8px 0 0}.workspace{background:var(--white);border:1px solid #c7ccc6;box-shadow:0 18px 55px #12233808;margin:0 0 60px;scroll-margin-top:20px}.workspace-head{padding:28px 30px;background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;align-items:center;gap:20px}.workspace-head h2{font:30px var(--serif);margin:0}.workspace-head .eyebrow{color:#cdd7d5}.workspace-head .muted{color:#c5d1d6}.workspace-head button{border-color:#9cabaa;color:var(--paper)}.toolbar{padding:20px 30px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #d4d8d0;flex-wrap:wrap}.toolbar select{min-width:200px}.status{margin-left:auto;font-size:12px;color:var(--muted)}.tabs{display:flex;padding:0 30px;border-bottom:1px solid #d4d8d0;gap:26px;overflow-x:auto}.tabs button{border:0;border-radius:0;padding:17px 0;white-space:nowrap;color:var(--muted)}.tabs button.active{color:var(--ink);border-bottom:3px solid var(--accent);font-weight:700}.panel{padding:30px}.panel h3{font:29px var(--serif);margin:0 0 5px}.panel h4{font:21px var(--serif);margin:25px 0 12px}.hint{font-size:13px;color:var(--muted);margin:8px 0 22px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.full{grid-column:1/-1}label{display:block;font-size:13px;font-weight:600}input,select,textarea{width:100%;padding:10px 12px;background:#fff;border:1px solid #bdc6c0;border-radius:3px;color:var(--ink);margin-top:5px;min-width:0}textarea{resize:vertical;min-height:96px;line-height:1.5}input[type=checkbox]{width:17px;height:17px;margin:0 8px 0 0;vertical-align:middle}.check{font-weight:400}.table-wrap{overflow-x:auto;margin:22px 0}table{border-collapse:collapse;width:100%;font-size:14px}th{font-size:11px;text-transform:uppercase;letter-spacing:1px;text-align:left;padding:10px 8px;border-bottom:1px solid #aebbb4;color:var(--muted)}td{padding:10px 8px;border-bottom:1px solid #e0e4de;vertical-align:top}td input{margin:0}td input[type=number]{min-width:85px}td input.description{min-width:180px}td label{font-size:12px}.totals{display:grid;grid-template-columns:1fr 340px;gap:30px;margin:25px 0}.amounts{background:var(--paper);padding:20px}.amounts div{display:flex;justify-content:space-between;padding:6px 0}.amounts .grand{font:24px var(--serif);border-top:1px solid #bec4bc;margin-top:10px;padding-top:15px}.amounts .deposit{font-weight:700;color:var(--blue)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end}.pill{font-size:11px;border:1px solid #8fa89a;border-radius:20px;padding:4px 11px;display:inline-block}.empty{padding:35px;background:var(--paper);border:1px dashed #b9c6bc;font-size:14px}.timeline{margin:25px 0;border-left:2px solid var(--accent);padding-left:22px}.timeline div{padding:12px 0;position:relative}.timeline div:before{content:'';width:10px;height:10px;border-radius:50%;background:var(--accent);position:absolute;left:-28px;top:19px}.timeline span{font-size:12px;color:var(--muted);display:block}.pricing{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;margin-bottom:65px;border-top:1px solid #bec8c0;padding-top:45px}.pricing h2{font:40px var(--serif);margin:10px 0 20px}.pricebox{padding:28px;border:1px solid #bec8c0;background:var(--white)}.price{font:38px var(--serif)}.price small{font:14px var(--sans)}footer{background:var(--ink);color:var(--paper);padding:32px 0}.foot{display:flex;justify-content:space-between;gap:30px;align-items:center}.foot p{font-size:12px;color:#c6d0d1}.foot button{color:var(--paper);border:none;font-size:13px}.foot a{font-size:13px}dialog{border:1px solid #aebbb4;max-width:650px;width:90%;background:var(--paper);color:var(--ink);padding:32px;box-shadow:0 20px 90px #12233850}dialog::backdrop{background:#12233880}dialog h2{font:30px var(--serif);margin-top:0}.modal-close{float:right}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:13px 24px;z-index:30;border:1px solid #98a9a2;box-shadow:0 4px 24px #12233825;max-width:90%;font-size:14px}.document{max-width:850px;margin:auto;padding:32px;border:1px solid #cbd1c9;background:#fff}.document h2{font:35px var(--serif);margin:15px 0}.document h3{font:22px var(--serif);margin:26px 0 10px}.document .dochead{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--ink);padding-bottom:18px}.document .meta{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;font-size:14px}.document pre{white-space:pre-wrap;font:14px/1.6 var(--sans);margin:8px 0}.document img.logo{max-width:90px;max-height:60px}.docnotice{background:var(--paper);padding:12px;font-size:12px}.pet-header{display:flex;gap:22px;align-items:center;margin-bottom:28px}.pet-art{width:96px;height:96px;flex:none;background:var(--soft);border-radius:38%}.pet-art img{width:100%;height:100%;object-fit:cover;border-radius:38%}.pet-art svg{width:100%;height:100%}.task{display:grid;grid-template-columns:28px 70px 1fr auto;align-items:start;padding:18px 0;border-bottom:1px solid #d9ded8;gap:10px}.task input{margin-top:4px}.task time{font-size:14px;font-weight:700}.task small{display:block;color:var(--muted)}.task.done strong{text-decoration:line-through;color:var(--muted)}.readiness{background:var(--soft);padding:20px;margin:22px 0}.readiness button{margin:6px 6px 0 0;font-size:13px;background:var(--white)}.docpet{break-inside:avoid;border-top:1px solid #c7cfc6;margin-top:30px;padding-top:20px}.species-strip{display:flex;justify-content:space-around;gap:12px;padding:18px 0;border-bottom:1px solid #bec8c0;margin-bottom:45px}.species-strip div{text-align:center;font-size:12px;color:var(--muted)}.species-strip svg{width:58px;height:58px;display:block;margin:auto}.safety{font-size:12px;color:var(--muted);padding:13px 30px;border-top:1px solid #d4d8d0}.inline-info{border-left:3px solid var(--accent);padding:10px 17px;background:var(--paper);font-size:13px;margin:20px 0}.no-print{}@media(max-width:850px){.wrap{padding:0 22px}.nav{gap:12px}.nav>a{display:none}.hero{grid-template-columns:1fr;padding-top:38px;gap:30px}.hero h1{font-size:55px;letter-spacing:-1.5px}.heroart{max-width:560px}.promise{margin-bottom:35px}.promise div{padding:20px 12px 20px 0}.promise div+div{padding-left:15px}.promise strong{font-size:19px}.workspace-head{padding:22px;align-items:start}.toolbar,.panel{padding:22px}.tabs{padding:0 22px;gap:22px}.grid,.grid.three{grid-template-columns:1fr 1fr}.totals,.pricing{grid-template-columns:1fr}.pricing{gap:22px}.status{margin-left:0}.safety{padding:13px 22px}.foot{align-items:start;flex-direction:column}.species-strip{overflow-x:auto;justify-content:start}.species-strip div{min-width:65px}}@media(max-width:520px){.brand{font-size:23px}.nav{gap:10px}.family summary{max-width:70px}.hero h1{font-size:47px}.promise{grid-template-columns:1fr}.promise div+div{border-left:0;border-top:1px solid #cbcfc9;padding-left:0}.promise div{padding:17px 0}.grid,.grid.three{grid-template-columns:1fr}.toolbar select{width:100%}.workspace-head{flex-direction:column}.document{padding:18px}.document .meta{grid-template-columns:1fr}.task{grid-template-columns:25px 55px 1fr}.task .row{grid-column:3}.price{font-size:33px}.head{gap:12px}.hero .actions{gap:13px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media print{body{background:#fff;font-size:12px}header,.hero,.promise,.species-strip,.workspace-head,.toolbar,.tabs,.safety,.pricing,footer,.no-print,.toast,dialog{display:none!important}.wrap{max-width:none;padding:0}.workspace{border:0;box-shadow:none;margin:0}.panel{padding:0}.document{max-width:none;border:0;padding:0}.document h2{font-size:28px}.document h3{font-size:19px}.document .meta{grid-template-columns:1fr 1fr}.document .dochead{break-after:avoid}.document table{font-size:11px}a{text-decoration:none;color:inherit}button{display:none}.amounts{break-inside:avoid}.docpet{break-inside:auto}.print-text{white-space:pre-wrap} @page{margin:18mm;size:A4}}
.jfu-mark{height:11px;width:28px;object-fit:contain;vertical-align:-1px}footer .jfu-mark{filter:brightness(0) invert(1)}.heroart img{animation:art-entry 1.2s cubic-bezier(.2,.7,.2,1) both}.hero h1{animation:copy-entry .8s ease-out both}.quote-journey{background:#edf1f2;border:1px solid #c6d0d4;padding:22px;margin-top:25px}.quote-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:15px;gap:14px}.quote-flow span{position:relative;padding-top:16px;border-top:3px solid var(--blue);font-size:12px;color:var(--muted);animation:copy-entry .35s ease-out both;animation-delay:calc(var(--step)*.06s)}.quote-flow strong{font:20px var(--serif);display:block;color:var(--ink);margin-top:7px}.care-progress{padding:20px 0;border-bottom:1px solid #d3ddd3}.progress-track{height:7px;background:#dfe8df;border-radius:6px;margin-top:15px;overflow:hidden}.progress-track span{height:100%;background:var(--blue);display:block;transition:width .35s ease}.task{animation:copy-entry .3s ease-out}.pet-header .pet-art{animation:pet-entry .4s ease-out}@keyframes art-entry{from{opacity:.4;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes copy-entry{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes pet-entry{from{opacity:.5;transform:rotate(-4deg) scale(.95)}to{opacity:1;transform:none}}@media(max-width:700px){.quote-flow{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.heroart img,.hero h1,.quote-flow span,.task,.pet-header .pet-art{animation:none!important}.progress-track span{transition:none}}@media print{.quote-journey{display:none}}

.print-only{display:none}@media print{#root{display:none!important}#print-root{display:block!important}#print-root .no-print{display:none!important}#print-root .document{border:0;padding:0;max-width:none}.print-only .dochead{break-after:avoid}}

/* Shared endorsement: a quiet, left-aligned signature below each product name. */
.brand{display:inline-flex;flex-direction:column;align-items:flex-start}
.by{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font:9px var(--sans);letter-spacing:0;text-transform:none;opacity:.5;line-height:14px}
.jfu-mark{width:22px;height:14px;object-fit:contain;vertical-align:initial}
.nav{flex-wrap:wrap;justify-content:flex-end;gap:14px}.motion-toggle{font-size:11px;white-space:nowrap}
button:disabled{cursor:default;opacity:.5}button:disabled:hover{background:transparent}
.heroart{overflow:visible;aspect-ratio:auto;background:transparent;margin-bottom:0;border:0;isolation:isolate}
.heroart>img{display:block;aspect-ratio:1.12;object-fit:cover;border:1px solid #c9c8bf;border-radius:2px;transform:translate(var(--depth-x,0px),var(--depth-y,0px));transition:transform .28s ease-out;animation:none}
.arttag{top:22px;bottom:auto;left:24px;color:var(--paper);text-shadow:0 1px 4px #122338;pointer-events:none}
.hero-story{position:relative;left:auto;right:auto;bottom:auto;margin:-24px 20px 0;z-index:2;background:var(--white);border:1px solid #bdc9d1;box-shadow:0 15px 35px #12233815;padding:19px 22px;border-radius:3px}
.story-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.story-top a{text-decoration:none;font-size:21px}.story-top .eyebrow{font-size:9px;letter-spacing:1.5px}
.story-scene{height:130px;position:relative;margin-top:8px;overflow:hidden}.scene-text{position:absolute;right:0;top:34px;max-width:61%;text-align:right}.scene-text strong{font:25px/1.16 var(--serif);display:block}.scene-text small{font-size:12px;color:var(--muted);display:block;margin-top:7px;overflow-wrap:anywhere}
.story-cue{font-size:12px!important;line-height:1.5;max-width:none!important;margin:8px 0 13px!important;color:var(--muted)!important;overflow-wrap:anywhere}
.story-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cbd5dd;padding-top:10px;gap:8px}.story-steps button{font-size:12px;border:0;padding:7px 3px;border-radius:2px}.story-steps button.active{background:var(--ink);color:var(--paper)}
.story-controls{display:flex;align-items:center;gap:12px;margin-top:12px}.story-controls>button{flex-shrink:0}.story-note{font-size:10px;color:var(--muted);line-height:1.4;display:block}
/* Craft: separate vellum planes become options, then one agreed construction. */
.draft-overlay{position:absolute;inset:10% 5% 30%;pointer-events:none;transform:translate(calc(var(--depth-x,0px)*1.6),calc(var(--depth-y,0px)*1.6));transition:transform .28s ease-out;color:#f6f2eb;opacity:.55}.draft-overlay svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1;stroke-dasharray:3 5}.draft-overlay .draft-plan{stroke:#e6bd99;stroke-width:1.7;stroke-dasharray:none;transform-origin:50% 60%;transition:transform .65s,stroke .65s}
.heroart[data-stage="1"] .draft-plan{transform:translateY(-8px) scale(.92)}.heroart[data-stage="2"] .draft-plan{transform:translateY(4px) scale(1.03);stroke:#fffdf9}
.draft-construction{position:absolute;inset:0 auto 0 0;width:37%;max-width:145px;perspective:420px;transform-style:preserve-3d}
.draft-ground{position:absolute;left:1px;top:65px;width:125px;height:55px;background:repeating-linear-gradient(0deg,transparent,transparent 10px,#416c9620 11px),repeating-linear-gradient(90deg,transparent,transparent 10px,#416c9620 11px);border:1px solid #416c9640;transform:rotateX(55deg) rotateZ(-13deg)}
.scope-block{position:absolute;left:12px;top:47px;width:82px;height:55px;background:#e0e8ee;border:1px solid #416c96;box-shadow:3px 4px 0 #12233818;transform:rotateX(30deg) rotateY(-9deg) rotateZ(-10deg);transition:transform .65s cubic-bezier(.25,.8,.25,1),background .45s,border-color .45s;transform-style:preserve-3d}
.scope-block:after{content:'';position:absolute;inset:8px;border:1px solid #416c9650}.scope-block i{position:absolute;width:36%;height:1px;background:#416c9680;left:18px;top:22px}.scope-block i+i{top:30px;width:49%}
.scope-block.b2{left:22px;top:30px;background:#faf6ef;border-color:var(--accent);transform:translateZ(15px) rotateX(30deg) rotateY(-9deg) rotateZ(-10deg)}.scope-block.b3{left:32px;top:13px;background:#f1e9df;border-color:var(--accent);transform:translateZ(30px) rotateX(30deg) rotateY(-9deg) rotateZ(-10deg)}
.stage-1 .scope-block.b1{transform:translate(-9px,9px) rotateX(40deg) rotateZ(-16deg)}.stage-1 .scope-block.b2{transform:translate(12px,0) rotateX(25deg) rotateZ(-2deg)}.stage-1 .scope-block.b3{transform:translate(25px,-9px) rotateX(13deg) rotateZ(9deg)}
.stage-2 .scope-block.b1{transform:translate(8px,-4px) rotateX(24deg) rotateY(-12deg) rotateZ(-8deg);background:#122338}.stage-2 .scope-block.b2{transform:translate(0,-1px) rotateX(24deg) rotateY(-12deg) rotateZ(-8deg);background:#b7764a}.stage-2 .scope-block.b3{transform:translate(-8px,2px) rotateX(24deg) rotateY(-12deg) rotateZ(-8deg);background:#f6f2eb}.stage-2 .scope-block.b1:after{border-color:#f6f2eb50}
.draft-measure{position:absolute;border:solid #b7764a;border-width:1px 0 0;width:115px;left:4px;top:118px}.draft-measure:before,.draft-measure:after{content:'';position:absolute;height:7px;top:-4px;border-left:1px solid #b7764a}.draft-measure:before{left:0}.draft-measure:after{right:0}.draft-measure.vertical{transform:rotate(-90deg);transform-origin:left;width:90px;top:111px;left:3px}.draft-cross{position:absolute;left:117px;top:18px;width:10px;height:10px;background:linear-gradient(90deg,transparent 45%,#416c9670 45%,#416c9670 55%,transparent 55%),linear-gradient(transparent 45%,#416c9670 45%,#416c9670 55%,transparent 55%)}.draft-pencil{position:absolute;left:112px;top:51px;width:3px;height:59px;background:var(--accent);transform:rotate(23deg);border-radius:1px}
/* Kin: blue daylight travels above a layered home landscape, with owner cues. */
body.kin{--ink:#173c57;--paper:#faf6ef;--accent:#b87450;--blue:#527eaa;--soft:#e7eff6;--white:#fffdf8;--muted:#546e82}
.kin .heroart{background:transparent;aspect-ratio:auto;border-radius:0}.kin .heroart>img{aspect-ratio:1.07;border:0;border-radius:46% 46% 12% 30%}.kin .arttag{color:var(--ink);text-shadow:0 1px 5px #fffdf8}
.kin-story{border-radius:20px;background:#fffdf8}.kin-story .story-scene{height:132px;border-radius:16px;background:linear-gradient(110deg,#e8eff6,#fff8eb);transition:background .65s}.kin-story.stage-1 .story-scene{background:linear-gradient(110deg,#dcecf8,#fff3db)}.kin-story.stage-2 .story-scene{background:linear-gradient(110deg,#cbdcf0,#e5edf6)}
.day-landscape{position:absolute;inset:0;width:38%;max-width:145px;overflow:hidden}.day-light{position:absolute;inset:0;background:radial-gradient(circle at 17% 25%,#ffe2bc88,transparent 65%);transition:opacity .65s}.day-orbit{position:absolute;left:3px;top:16px;width:125px;height:94px;border:1px dashed #527eaa50;border-radius:50%;transform:rotate(-15deg)}
.scene-orb{position:absolute;width:20px;height:20px;border-radius:50%;background:#efc3a0;left:8px;top:48px;box-shadow:0 0 16px #efc3a060;transition:transform .65s,background .65s,box-shadow .65s}
.scene-hill{position:absolute;border-radius:50% 50% 0 0;height:70px;width:155px;left:-22px;top:90px;background:#c5dcec;transition:transform .65s,background .65s}.scene-hill.far{top:76px;left:23px;background:#e0ebf3;height:56px}.scene-hill.near{top:106px;background:#97b9d2}
.pet-shadow{position:absolute;left:37px;top:109px;width:63px;height:10px;border-radius:50%;background:#173c5720;transition:transform .65s}.scene-pet{position:absolute;left:32px;top:44px;width:68px;height:68px;transition:transform .65s;filter:drop-shadow(1px 4px 2px #173c5720)}.scene-pet svg{width:100%;height:100%}.scene-silhouette{position:absolute;left:17px;top:36px;width:85px;height:85px;opacity:.1;filter:brightness(0);transform:translate(-3px,0);transition:transform .65s}.scene-silhouette svg{width:100%;height:100%}.stage-1 .scene-silhouette{transform:translate(-7px,4px) rotate(-4deg)}.stage-2 .scene-silhouette{transform:translate(3px,2px) rotate(3deg)}.kin-story .scene-text{top:30px;right:12px;max-width:58%}
.stage-1 .scene-orb{transform:translate(50px,-39px);background:#f1ca8e;box-shadow:0 0 20px #f1ca8e66}.stage-1 .scene-pet{transform:translate(3px,-5px) rotate(3deg)}.stage-1 .scene-hill.far{transform:translateX(-6px)}
.stage-2 .scene-orb{transform:translate(105px,5px);background:#d3e2f4;box-shadow:inset 6px -1px #87a7c8}.stage-2 .day-light{opacity:.15}.stage-2 .scene-hill.far{background:#bed2e6}.stage-2 .scene-hill.near{background:#7d9fbe}.stage-2 .scene-pet{transform:translate(4px,3px) rotate(-3deg)}.stage-2 .pet-shadow{transform:scaleX(1.15)}
.cue-reveal{margin:0 0 12px}.cue-reveal>button{padding-left:0}.pet-cue{font-size:12px!important;max-width:none!important;line-height:1.5;padding:10px 12px;border-left:2px solid #d5a581;background:#f8efe5;margin:5px 0!important;overflow-wrap:anywhere}.pet-cue strong{display:block;color:var(--ink)}.pet-cue[hidden]{display:none}
.care-progress .progress-track{background:#dce8f1}.pet-art{background:var(--soft)}
/* Motion affects artwork or fades only; editing surfaces stay in place. */
.hero h1,.quote-flow span,.task,.pet-header .pet-art,.float{animation:none}
.panel{view-transition-name:workspace-panel}
::view-transition-old(root){display:none}::view-transition-new(root){animation:none}
::view-transition-old(workspace-panel){animation:workspace-out .15s ease both}::view-transition-new(workspace-panel){animation:workspace-in .22s ease both}
@keyframes workspace-out{to{opacity:0}}@keyframes workspace-in{from{opacity:0}to{opacity:1}}
html[data-motion="off"]{scroll-behavior:auto}html[data-motion="off"] *,html[data-motion="off"] *:before,html[data-motion="off"] *:after{animation:none!important;transition:none!important}html[data-motion="off"] .heroart>img,html[data-motion="off"] .draft-overlay{transform:none}
@media(max-width:850px){.heroart{margin-bottom:0}.hero{gap:36px}.hero-story{margin:-24px 20px 0}.head{align-items:flex-start}.nav{max-width:55%;gap:10px}.nav>a{display:none}}
@media(max-width:520px){.head{gap:12px}.nav{max-width:48%;gap:7px}.nav .small{padding:4px 6px}.hero-story{margin:-20px 4px 0;padding:16px}.scene-text strong{font-size:21px}.scope-story .scene-text{max-width:58%}.draft-construction{transform:scale(.85);transform-origin:0 50%}.arttag{font-size:9px;left:18px;top:18px}.kin-story .scene-text{max-width:54%;right:9px}.scene-pet{left:24px}.story-controls{gap:9px}.brand{max-width:50%}footer .brand{max-width:none}}
@media(prefers-reduced-motion:reduce){.heroart>img,.draft-overlay{transform:none!important}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.hero-story,.draft-overlay{display:none!important}.panel{view-transition-name:none}}