/* Hallmark · macrostructure: illustrated concerns → photo-linked work narrative → illustrated estimate.
 * theme: studied-DNA (Carlman flyer + approved E hero + Fable FeatureIllust).
 * pre-emit critique: P4 H4 E4 S4 R4 V4. Existing Japanese typography and user-selected POINT layout retained.
 * 2026-09-13：写真と説明のつながりを優先した、今回の差分。
 * フライヤーの配色と承認済みFVを維持。線画はFable素材から転用。
 * 内容を隠す演出・再生ボタン・スクロールの乗っ取りは使わない。 */
.story-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.e-hero .e-hero-layout{min-height:620px;padding-block:36px}
.e-hero-copy{padding-bottom:24px}
.e-hero-bottom h2{font-size:clamp(23px,2.3vw,30px)}
.e-free-offer{margin-top:20px;padding-block:12px}
.e-eyebrow{font-size:14px}
.story-signs{padding-block:76px 84px;background:var(--color-paper-2)}
.story-sign-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:24px}
.story-signs .story-sign-head h2{font-size:clamp(28px,3.4vw,42px);line-height:1.5;margin:14px 0 0}
.story-signs .story-sign-head>p:last-child{font-size:16px;line-height:1.9;color:var(--color-muted);margin:0}
.story-sign-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.story-sign-list article{min-width:0;position:relative}
.story-sign-art{height:190px;position:relative;display:grid;place-items:center;margin-bottom:16px}
.story-sign-art img{display:block;width:100%;max-width:230px;height:180px;object-fit:contain}
.story-sign-list article:nth-child(3) .story-sign-art img{height:145px}
.story-sign-list h3{font-size:23px;line-height:1.6;letter-spacing:-.04em;color:var(--color-green);margin:0;padding-top:20px;border-top:1px solid var(--color-rule)}
.story-sign-list p{font-size:16px;line-height:1.9;margin:14px 0 0;color:var(--color-muted)}
.story-sound{position:absolute;top:8px;left:50%;color:var(--color-green);font-size:15px;font-weight:800;transform:rotate(-7deg)}
.story-sign-list.is-story-visible .story-sound{animation:story-rustle 4.8s var(--ease-in-out) infinite}
.story-onestop{padding:72px 0 60px}
.story-onestop h2{font-size:clamp(28px,4vw,48px);line-height:1.55;letter-spacing:-.055em;margin:18px 0 36px}
.story-service-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;position:relative}
.story-service-strip figure{margin:0;min-width:0;position:relative}
.story-service-strip img{display:block;width:100%;height:auto;aspect-ratio:1.22;object-fit:cover}
.story-service-strip figure:first-child img{object-position:35% 50%}
.story-service-strip figcaption{position:relative;background:var(--color-green-dark);padding:22px 20px 24px;display:grid;grid-template-columns:34px 1fr;gap:7px 6px;align-items:center}
.story-service-strip figcaption>span{color:var(--color-marker);font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}
.story-service-strip strong{color:var(--color-paper-2);font-size:19px;letter-spacing:-.04em}
.story-service-strip small{grid-column:1/-1;font-size:14px;line-height:1.7;color:var(--color-paper)}
.story-onestop .e-onestop-end{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-top:34px}
.story-onestop .e-onestop-end strong{font-size:27px;max-width:480px}
.story-onestop .e-onestop-end p{font-size:16px;margin:0;max-width:520px}
.craft-inspect{padding-block:80px;background:var(--color-paper);color:var(--color-ink)}
.craft-inspect-layout{align-items:center;gap:64px}
.craft-inspect-copy h3{color:var(--color-green)}
.craft-inspect-copy h3 span{color:var(--color-green);box-shadow:inset 0 -.25em var(--color-marker)}
.craft-inspect-copy .craft-observations>div{border-color:var(--color-rule)}
.craft-inspect-copy .craft-observations dd{color:var(--color-muted)}
.craft-exp .story-chapter{display:flex;align-items:center;gap:14px;font-size:16px;line-height:1.4;font-weight:800;letter-spacing:.025em;margin:0 0 22px;color:var(--color-green)}
.story-chapter span{font-size:34px;line-height:1;font-variant-numeric:tabular-nums}
.craft-seal{padding-top:0}
.craft-seal-head{padding-top:60px;border-top:1px solid var(--color-rule)}
.craft-seal-layout{align-items:start;gap:40px}
.craft-seal-demo{padding:24px 20px 0;position:sticky;top:calc(var(--e-header-height) + 24px)}
.craft-diagram-heading strong{font-size:20px}
.craft-seal-svg{margin-block:20px 12px}
.story-seal-phases{display:grid;grid-template-columns:1fr 25px 1fr;align-items:center;text-align:center;gap:8px;border-top:1px solid var(--color-rule);font-size:16px;line-height:1.6}
.story-seal-phases span{position:relative;padding:20px 0;color:var(--color-muted);font-weight:700}
.story-seal-phases b{color:var(--color-muted);font-size:24px}
.story-seal-phases span::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--color-green);transform:scaleX(0);transform-origin:left}
[data-craft-seal-state=open] .story-seal-phases span:first-child,[data-craft-seal-state=sealed] .story-seal-phases span:last-child{color:var(--color-green)}
[data-craft-seal-state=open].craft-auto-running .story-seal-phases span:first-child::after{animation:story-fill 1.5s linear both}
[data-craft-seal-state=sealed].craft-auto-running .story-seal-phases span:last-child::after{animation:story-fill 2.4s linear both}
.craft-seal-copy .craft-seal-photo{margin:0 0 24px!important}
.craft-seal-copy .craft-seal-photo img{aspect-ratio:1.5;object-position:50% 45%}
.craft-seal-copy .craft-emphasis{font-size:26px}
.craft-technical-list{margin-top:16px!important}
.craft-technical-list>div{padding-block:13px}
.craft-clean-head .story-chapter{color:var(--color-marker)}
.craft-clean-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:44px}
.craft-clean-gallery[data-craft-gallery-ready]{grid-template-rows:auto auto}
.craft-clean-gallery[data-craft-gallery-ready] .craft-clean-frame figcaption{padding:18px 20px}
.craft-clean-frame img{aspect-ratio:1.2}
.craft-clean-indicators{position:relative;inset:auto;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:14px}
.craft-clean-indicators>div{position:relative;min-width:0;padding-bottom:8px;border-bottom:3px solid var(--craft-color-dark-rule)}
.craft-clean-indicators img{width:100%;aspect-ratio:1.5;object-fit:cover;opacity:.7;transition:opacity .4s}
.craft-clean-indicators>div>span{display:block;height:auto;background:none;font-size:14px;font-weight:700;line-height:1.6;padding-top:7px;color:var(--color-paper)}
.craft-clean-indicators>div.craft-current>img{opacity:1}
.craft-clean-indicators>div.craft-current>span{color:var(--color-marker)}
.craft-clean-indicators i{display:block;position:absolute;bottom:-3px;left:0;right:0;height:3px;overflow:hidden}
.craft-clean-indicators i::after{content:'';display:block;height:100%;background:var(--color-marker);transform:scaleX(0);transform-origin:left}
.craft-auto-running .craft-clean-indicators .craft-current i::after{animation:story-fill 2.6s linear both}
.craft-clean-steps li{transition:background-color .175s,border-color .175s;padding-inline:14px;margin-inline:-14px}
.craft-clean-steps li.craft-current{background:var(--color-green-dark);border-color:var(--color-marker)}
.craft-clean-copy h4{font-size:24px}
.prices .section-head p{font-size:16px;line-height:1.9}
.story-price-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:40px 0 64px}
.story-price-points article{min-width:0}
.story-point{position:relative;display:grid;place-items:center;margin-bottom:24px}
.story-point::before{content:'';position:absolute;left:0;right:0;top:50%;border-top:2px dotted var(--color-rule)}
.story-point>span{position:relative;width:74px;height:74px;border-radius:50%;background:var(--color-green);color:var(--color-paper-2);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-weight:800;line-height:1.3;letter-spacing:.09em}
.story-point b{font-size:28px;line-height:1.15}
.story-price-points h3{color:var(--color-green);text-align:center;font-size:23px;line-height:1.65;letter-spacing:-.05em}
.story-price-points img{display:block;height:158px;max-width:220px;width:100%;object-fit:contain;margin:20px auto}
.story-price-points article:nth-child(2) img{height:136px;margin-block:31px}
.story-price-points p{font-size:16px;line-height:1.95;margin:0}
.story-price-points.is-story-visible .story-point>span{animation:story-point 9.6s var(--ease-in-out) infinite}
.story-price-points article:nth-child(2) .story-point>span{animation-delay:3.2s}
.story-price-points article:nth-child(3) .story-point>span{animation-delay:6.4s}
.story-estimate{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:70px;align-items:center;background:var(--color-paper);padding:48px}
.story-estimate-sheet{background:var(--color-paper-2);padding:28px 24px 22px;border:1px solid var(--color-rule);border-top:5px solid var(--color-green);transform:rotate(-2deg);box-shadow:8px 8px 0 var(--color-rule);text-align:center}
.story-estimate-sheet>p:first-child{font-size:18px;font-weight:800;color:var(--color-green)}
.story-estimate-sheet>strong{display:block;color:var(--color-green);font-size:86px;line-height:1.25;font-variant-numeric:tabular-nums}
.story-estimate-sheet>strong span{font-size:30px;margin-left:5px}
.story-estimate-sheet>p:last-child{font-size:14px;color:var(--color-green);margin:18px 0 0;font-weight:700}
.story-estimate-lines{display:grid;gap:0;text-align:left;margin-top:14px}
.story-estimate-lines span{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--color-rule);font-size:14px}
.story-estimate-lines span::after{content:'✓';font-size:19px;font-weight:800;color:var(--color-green)}
.story-estimate-copy h3{font-size:clamp(26px,3vw,36px);line-height:1.6;letter-spacing:-.04em;color:var(--color-green)}
.story-estimate-copy>p{font-size:16px;line-height:1.9;margin-top:16px}
.story-estimate-copy ul{list-style:none;padding:0;margin:24px 0 0}
.story-estimate-copy li{padding:18px 0 18px 27px;border-top:1px solid var(--color-rule);position:relative}
.story-estimate-copy li::before{content:'✓';position:absolute;left:0;top:16px;font-size:20px;color:var(--color-green);font-weight:800}
.story-estimate-copy li strong{display:block;font-size:18px;line-height:1.6;color:var(--color-green)}
.story-estimate-copy li span{display:block;font-size:16px;line-height:1.9;margin-top:6px;color:var(--color-muted)}
.guarantee-section{padding-block:64px 80px}
.guarantee-box{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.guarantee-heading{padding:32px;background:var(--color-green);position:relative}
.story-guarantee-art{display:block;width:160px;height:88px;margin:0 auto 8px;object-fit:contain}
.guarantee-heading h2{font-size:40px;line-height:1.4;margin:0;color:var(--color-paper-2)}
.guarantee-period{margin-top:12px;gap:6px 12px}
.guarantee-period b{font-size:72px;line-height:1.2}
.guarantee-period>span{font-size:20px}
.guarantee-terms{padding:0;border:0}
.guarantee-terms h3{font-size:27px;line-height:1.6}
.guarantee-terms p{font-size:16px;line-height:1.9}
@keyframes story-rustle{0%,15%,48%,100%{transform:rotate(-7deg)}22%,36%{transform:rotate(-3deg) translateX(2px)}29%,43%{transform:rotate(-10deg) translateX(-2px)}}
@keyframes story-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes story-point{0%,31%,100%{box-shadow:0 0 0 0 var(--color-marker)}6%,23%{box-shadow:0 0 0 7px var(--color-marker)}}
[data-story-motion]:not(.is-story-visible) *,[data-story-motion]:not(.is-story-visible) *::after{animation-play-state:paused!important}
@media(max-width:1000px) and (min-width:768px){.story-service-strip figcaption{padding:16px 12px}.story-service-strip strong{font-size:16px}.story-sign-list{gap:24px}.story-sign-list h3,.story-price-points h3{font-size:21px}.craft-inspect-layout{gap:32px}.story-estimate{gap:32px;padding:32px}.guarantee-box{gap:30px}.guarantee-heading{padding:24px 16px}.guarantee-period b{font-size:58px}.guarantee-period>span{font-size:17px}}
@media(max-width:767px){
 .e-hero .e-hero-layout{min-height:0;padding-block:20px 30px}.e-hero-copy{padding:0}.e-hero-bottom h2{font-size:23px}.e-free-offer{margin-top:16px}.e-eyebrow{font-size:12px}
 .story-signs{padding-block:48px 52px}.story-sign-head{display:block;margin-bottom:16px}.story-signs .story-sign-head h2{font-size:29px}.story-signs .story-sign-head>p:last-child{margin-top:16px;font-size:16px}
 .story-sign-list{grid-template-columns:minmax(0,1fr);gap:0}.story-sign-list article{display:grid;grid-template-columns:112px minmax(0,1fr);gap:0 18px;padding:25px 0;border-bottom:1px solid var(--color-rule);align-items:center}.story-sign-art{grid-row:1/3;height:120px;margin:0}.story-sign-art img,.story-sign-list article:nth-child(3) .story-sign-art img{height:112px;width:112px}.story-sign-list h3{font-size:19px;line-height:1.65;padding:0;border:0}.story-sign-list p{grid-column:2;font-size:16px;margin-top:10px;line-height:1.85}.story-sound{font-size:11px;top:0;left:34%}
 .story-onestop{padding-block:44px 42px}.story-onestop h2{font-size:29px;margin:16px 0 26px;line-height:1.65}.story-onestop h2 br{display:none}.story-onestop .e-eyebrow{font-size:13px}
 .story-service-strip{grid-template-columns:minmax(0,1fr);gap:14px}.story-service-strip figure{display:grid;grid-template-columns:42% minmax(0,1fr)}.story-service-strip img{height:100%;min-height:152px;aspect-ratio:auto}.story-service-strip figcaption{padding:18px 14px;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:5px}.story-service-strip figcaption>span{font-size:18px}.story-service-strip strong{font-size:18px;line-height:1.6}.story-service-strip small{font-size:14px;line-height:1.65}.story-onestop .e-onestop-end{display:block;margin-top:27px}.story-onestop .e-onestop-end strong{font-size:24px;line-height:1.6;display:block}.story-onestop .e-onestop-end p{margin-top:14px;font-size:16px}
 .craft-inspect{padding-block:48px}.craft-inspect-layout{gap:28px}.craft-exp .story-chapter{font-size:14px;margin-bottom:20px;gap:12px}.story-chapter span{font-size:28px}.craft-inspect-figure{grid-row:1}.craft-light-photo img{aspect-ratio:1.4;object-position:50% 45%}
 .craft-seal{padding-block:0 48px}.craft-seal-head{padding-top:36px}.craft-seal-layout{gap:26px}.craft-seal-demo{position:relative;top:auto;padding:18px 12px 0}.craft-diagram-heading strong{font-size:18px}.craft-seal-svg{margin-block:12px 4px}.story-seal-phases{font-size:14px;grid-template-columns:1fr 20px 1fr;gap:4px}.story-seal-phases span{padding-block:16px}.craft-seal-copy .craft-seal-photo{margin-bottom:20px!important}.craft-seal-copy .craft-emphasis{font-size:26px}.craft-seal-copy .craft-seal-photo img{aspect-ratio:1.5}
 .craft-clean-layout{grid-template-columns:minmax(0,1fr);gap:32px}.craft-clean-frame img{aspect-ratio:1.25}.craft-clean-indicators{gap:9px;padding-top:12px}.craft-clean-indicators>div>span{font-size:14px}.craft-clean-gallery[data-craft-gallery-ready] .craft-clean-frame figcaption{font-size:17px;padding:16px}.craft-clean-copy h4{font-size:24px}
 .prices .section-head h2{font-size:27px}.prices .section-head p{font-size:16px}.story-price-points{grid-template-columns:minmax(0,1fr);gap:32px;margin:32px 0 44px}.story-price-points article{display:grid;grid-template-columns:110px minmax(0,1fr);column-gap:18px;align-items:center}.story-point{grid-column:1/-1;margin-bottom:22px}.story-point>span{width:66px;height:66px}.story-price-points h3{grid-column:2;text-align:left;font-size:22px;line-height:1.6}.story-price-points img,.story-price-points article:nth-child(2) img{grid-column:1;grid-row:2/4;height:112px;max-width:110px;margin:0}.story-price-points p{grid-column:2;font-size:16px;line-height:1.85;margin-top:12px}
 .story-estimate{grid-template-columns:minmax(0,1fr);padding:28px 20px;gap:35px}.story-estimate-sheet{max-width:280px;justify-self:center;width:100%;padding:24px 22px 20px}.story-estimate-sheet>strong{font-size:80px}.story-estimate-copy h3{font-size:28px}.story-estimate-copy li{padding-left:26px}.story-estimate-copy li strong{font-size:18px}
 .guarantee-section{padding-block:12px 48px}.guarantee-box{grid-template-columns:minmax(0,1fr);gap:28px}.guarantee-heading{padding:25px 16px 30px}.story-guarantee-art{width:140px;height:77px}.guarantee-heading h2{font-size:36px}.guarantee-period b{font-size:64px}.guarantee-period>span{font-size:19px}.guarantee-terms h3{font-size:25px}.guarantee-terms{padding:0;border:0}
}

@media(max-width:359px){.story-sign-list article,.story-price-points article{grid-template-columns:86px minmax(0,1fr);column-gap:14px}.story-sign-art,.story-sign-art img,.story-sign-list article:nth-child(3) .story-sign-art img{width:86px;height:104px}.story-sign-list h3{font-size:18px}.story-price-points img,.story-price-points article:nth-child(2) img{max-width:86px}.story-price-points h3{font-size:20px}.story-service-strip figure{grid-template-columns:39% minmax(0,1fr)}.story-service-strip strong{font-size:17px}.guarantee-period b{font-size:54px}}
/* スマホでは挿絵の横に本文を押し込まず、⑨のように見出し→絵→本文で読む。 */
@media(max-width:767px){
 .story-sign-list p{grid-column:1/-1;margin-top:14px}.story-sign-art{grid-row:1}.story-sign-list h3{grid-column:2}
 .story-price-points article{display:block}.story-price-points h3{text-align:center;font-size:24px}.story-price-points img,.story-price-points article:nth-child(2) img{max-width:200px;height:140px;margin:14px auto}.story-price-points p{margin-top:16px;font-size:16px}.story-price-points article:nth-child(2) img{height:120px;margin-block:24px}
}
@media(prefers-reduced-motion:reduce){.story-estimate-sheet{transform:none}.story-seal-phases span::after{transform:scaleX(1)}.story-price-points .story-point>span{box-shadow:none}}
/* 写真中心の改修：意味のない進行線を廃止。実写真は横送りの奥に隠さない。
 * Hallmark · component: photo-led concerns and field report · studied-DNA: Carlman
 * critique: P4 H4 E4 S5 R4 V4。既存の深緑・生成り・書体を継承。 */












.field-records{padding-block:72px 80px;background:var(--color-green-dark);color:var(--color-paper-2)}
.field-wrap{width:min(1440px,calc(100% - 64px));margin-inline:auto}
.field-heading{margin-bottom:34px}
.field-heading>p{font-size:16px;font-weight:700;letter-spacing:.05em;margin:0 0 14px;color:var(--color-marker)}
.field-heading h2{font-size:clamp(32px,4.5vw,60px);font-weight:800;line-height:1.45;letter-spacing:-.04em;color:var(--color-paper-2);margin:0}
.field-showcase{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:24px;align-items:start}
.field-records figure{margin:0;min-width:0}
.field-records img{display:block;width:100%;height:auto;object-fit:cover;border-radius:0}
.field-main-photo img{aspect-ratio:1.34;object-position:50% 50%}
.field-side-photo img{aspect-ratio:.76;object-position:50% 42%}
.field-records figcaption{color:var(--color-paper-2);padding:20px 0 0}
.field-records figcaption h3{font-size:clamp(22px,2.5vw,32px);line-height:1.5;letter-spacing:-.04em;margin:0 0 8px;color:inherit}
.field-records figcaption p{font-size:16px;line-height:1.85;margin:0;color:var(--color-paper)}
.field-detail-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin-top:52px;padding-top:40px;border-top:1px solid var(--color-green)}
.field-detail-pair img{aspect-ratio:1.5}
.field-detail-pair figure:first-child img{object-position:60% 50%}
.field-detail-pair figcaption h3{font-size:26px}
@media(max-width:1000px) and (min-width:768px){.field-wrap{width:calc(100% - 40px)}.field-showcase{gap:20px}.field-detail-pair{gap:24px}}
@media(max-width:767px){
 
 
 .field-records{padding-block:44px 52px}.field-wrap{width:100%}.field-heading{padding-inline:18px;margin-bottom:28px}.field-heading>p{font-size:14px;margin-bottom:12px}.field-heading h2{font-size:34px;line-height:1.5}
 .field-showcase{display:block}.field-main-photo img{aspect-ratio:1.34}.field-records figcaption{padding:20px 18px 0}.field-records figcaption h3{font-size:26px;line-height:1.55}.field-records figcaption p{font-size:16px}
 .field-side-photo{display:grid;grid-template-columns:58% minmax(0,1fr);align-items:center;gap:0;margin:32px 18px 0!important;background:var(--color-green)}.field-side-photo img{aspect-ratio:.75}.field-side-photo figcaption{padding:18px 14px}.field-side-photo figcaption h3{font-size:23px}.field-side-photo figcaption p{font-size:14px}
 .field-detail-pair{display:block;margin-top:34px;padding-top:0;border:0}.field-detail-pair figure+figure{margin-top:32px}.field-detail-pair img{aspect-ratio:1.34}.field-detail-pair figcaption h3{font-size:25px}
}
@media(max-width:359px){.field-heading h2{font-size:31px}.field-side-photo{grid-template-columns:54% minmax(0,1fr)}.field-side-photo figcaption{padding:14px 12px}.field-records figcaption h3{font-size:23px}}
@media(max-width:767px){.field-records .field-side-photo figcaption h3{font-size:clamp(18px,4.2vw,23px)}}
/* 症状セクションは写真のみ・同じ比率に統一。 */
.story-sign-list.story-symptom-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:start;margin-top:32px}
.story-sign-list.story-symptom-photos article{display:block;min-width:0;padding:0;border:0}
.story-symptom-photo{margin:0 0 22px;width:100%;height:auto}
.story-symptom-photo img{display:block;max-width:none;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}
.story-symptom-photos h3{padding:0;border:0;font-size:23px;line-height:1.6}
.story-symptom-photos p{font-size:16px;line-height:1.9;margin-top:14px}
@media(max-width:767px){
 .story-sign-list.story-symptom-photos{grid-template-columns:minmax(0,1fr);gap:36px;margin-top:28px}
 .story-symptom-photo{margin-bottom:18px}
 .story-symptom-photos h3{font-size:25px}
 .story-symptom-photos p{font-size:16px;margin-top:12px}
}

/* Hallmark · component: estimate sequence + field captions
 * pre-emit critique: P4 H4 E4 S5 R4 V4 · existing green/paper tokens preserved.
 * Content advances with the animation; no decorative-only countdown.
 */
.craft-clean-indicators > div > b{display:block;font-family:var(--font-number);font-size:28px;line-height:1.2;color:var(--color-paper);opacity:.55;padding:8px 0}
.craft-clean-indicators > div.craft-current > b{color:var(--color-marker);opacity:1}
.craft-clean-indicators > div > span{padding-top:0}
.field-records figcaption p{max-width:52ch;line-height:1.95}
.field-records figcaption p strong{color:var(--color-marker);font-weight:700}
.story-estimate{gap:64px;padding:48px 36px;align-items:center}
.estimate-scene{min-width:0;max-width:420px;width:100%;justify-self:center}
.estimate-status{display:flex;align-items:center;gap:12px;min-height:48px;font-size:13px;font-weight:700;color:var(--color-green);margin-bottom:16px}
.estimate-status > :first-child{font-family:var(--font-number);font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}
.estimate-paper-stack{position:relative;isolation:isolate;margin:0 10px 0 0}
.estimate-back-sheet{position:absolute;inset:0;border:1px solid var(--color-rule);background:var(--color-surface);z-index:-1;transition:transform 700ms var(--ease-out)}
.estimate-back-sheet--one{transform:translate(10px,8px) rotate(2deg)}
.estimate-back-sheet--two{transform:translate(3px,4px) rotate(-2deg);background:var(--color-paper-2)}
.estimate-scene .story-estimate-sheet{position:relative;transform:none;box-shadow:none;width:100%;max-width:none;padding:24px 20px 20px;text-align:left;transition:transform 600ms var(--ease-out)}
.estimate-scene .story-estimate-sheet > p:first-child{font-size:16px;margin:0}
.estimate-scene .story-estimate-sheet > strong{font-family:var(--font-number);font-size:88px;line-height:1.2;letter-spacing:-.06em;margin:8px 0 0}
.estimate-scene .story-estimate-sheet > strong span{font-size:30px;letter-spacing:0}
.estimate-cost-note{font-size:12px;line-height:1.6;color:var(--color-muted);margin:0 0 20px}
.estimate-checklist{list-style:none;padding:0;margin:0;display:grid}
.estimate-checklist li{position:relative;isolation:isolate;display:grid;grid-template-columns:24px minmax(0,1fr) 24px;gap:8px;align-items:center;padding:16px 0;border-top:1px solid var(--color-rule)}
.estimate-checklist li::before{content:'';position:absolute;inset:0 -8px;background:var(--color-surface);z-index:-1;opacity:0;transform:scaleX(.7);transform-origin:left;transition:opacity 250ms var(--ease-out),transform 500ms var(--ease-out)}
.estimate-checklist li.is-current::before{opacity:1;transform:scaleX(1)}
.estimate-row-num{font-size:12px;font-family:var(--font-number);color:var(--color-muted);font-weight:700}
.estimate-checklist strong{display:block;font-size:16px;line-height:1.5;color:var(--color-green)}
.estimate-checklist li div > span{display:block;font-size:12px;line-height:1.6;color:var(--color-muted);margin-top:4px}
.estimate-tick{font-size:23px;font-weight:800;color:var(--color-green);transform-origin:center;transition:opacity 220ms var(--ease-out),transform 420ms var(--ease-out)}
.estimate-complete{display:flex;align-items:center;justify-content:center;gap:10px;border:2px solid var(--color-green);padding:12px 8px;margin-top:20px;color:var(--color-green);transform:rotate(-2deg);transition:transform 500ms var(--ease-out),opacity 350ms var(--ease-out)}
.estimate-complete > span{font-size:23px;font-weight:800}.estimate-complete strong{font-size:16px}
.estimate-scene .story-estimate-sheet > p:last-child{font-size:12px;text-align:center;margin-top:16px}
.estimate-scene-note{font-size:13px;line-height:1.7;margin:24px 0 0;color:var(--color-green);text-align:center}
.estimate-scene[data-estimate-ready] li:not(.is-done) .estimate-tick{opacity:0;transform:translateY(-10px) rotate(-16deg) scale(.7)}
.estimate-scene[data-estimate-ready]:not([data-estimate-phase="complete"]) .estimate-complete{opacity:0;transform:translateY(-12px) rotate(-8deg) scale(1.08)}
.estimate-scene[data-estimate-phase="1"] .estimate-back-sheet--one{transform:translate(5px,7px) rotate(-5deg)}
.estimate-scene[data-estimate-phase="1"] .estimate-back-sheet--two{transform:translate(12px,5px) rotate(5deg)}
.estimate-scene[data-estimate-phase="1"] .story-estimate-sheet{transform:translateY(4px) rotate(-1deg)}
.estimate-scene[data-estimate-phase="complete"] .story-estimate-sheet{transform:translateY(-3px)}
@media(max-width:1000px) and (min-width:768px){.story-estimate{padding:32px 20px;gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.estimate-scene .story-estimate-sheet{padding:20px 14px}.estimate-checklist strong{font-size:14px}.estimate-checklist li{grid-template-columns:20px minmax(0,1fr) 20px;gap:6px}}
@media(max-width:767px){
 .field-side-photo{display:block;margin:36px 18px 0!important;background:none}.field-side-photo img{aspect-ratio:1.2;object-position:center 46%}
 .field-side-photo figcaption{padding:20px 0 0}.field-records .field-side-photo figcaption h3{font-size:26px}
 .field-side-photo figcaption p{font-size:16px}
 .story-estimate{padding:24px 16px;gap:40px}
 .estimate-scene .story-estimate-sheet{padding:24px 16px 20px}
 .estimate-status{gap:8px;font-size:12px}.estimate-checklist li{padding:14px 0}
 .estimate-checklist strong{font-size:15px}.estimate-checklist li div > span{font-size:11px}
 .estimate-complete strong{font-size:15px}.estimate-scene-note{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 .estimate-scene *, .estimate-scene *::before{transition:none!important;animation:none!important}
 .estimate-scene .story-estimate-sheet,.estimate-complete{transform:none!important}
 .estimate-scene[data-estimate-ready] .estimate-tick,.estimate-scene[data-estimate-ready] .estimate-complete{opacity:1!important;transform:none!important}
}
html[data-motion="off"] .estimate-scene *,html[data-motion="off"] .estimate-scene *::before{transition:none!important}