.hero{min-height:calc(100svh - 96px);display:grid;grid-template-rows:auto 1fr;align-items:end;gap:56px;padding-bottom:72px;position:relative}.hero-band-wrap{position:relative}.hero-band{margin:0;height:50vh;min-height:260px;overflow:hidden}.hero-figures{position:absolute;inset-inline-end:var(--m);bottom:0;transform:translateY(32px);display:grid;grid-template-columns:repeat(2,minmax(0,15rem));gap:4px;list-style:none;margin:0;padding:4px;background:var(--ink)}.hero-figures a{display:block;height:100%;padding:16px 18px 18px;background:var(--bg);text-decoration:none;transition:background .2s,color .2s}.hero-figures a:hover{background:var(--accent);color:var(--accent-ink)}.hero-figures b{display:block;font:var(--display-weight) clamp(1.5rem,2.3vw,2.25rem)/1 var(--display);letter-spacing:-.03em;direction:ltr;text-align:right}.hero-figures span{display:block;font-size:.9375rem;line-height:1.35;margin-top:8px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hero-actions a:not(.btn){font-weight:600}.hero-band img{height:100%}.hero-title{font-size:var(--step-display);letter-spacing:-.04em;line-height:.95}.hero-side{position:absolute;inset-inline-start:var(--m);bottom:72px;width:min(34ch,calc(var(--axis) - var(--m) * 2.5))}.hero-side p{font-size:1.125rem;margin-bottom:20px}.intro{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;padding:140px var(--m) 200px}.intro-text{grid-column:6 / 13;font:500 clamp(1.5rem,2.2vw,2.1rem)/1.3 var(--display);text-indent:3em;margin:0;align-self:start}.intro-photo{grid-column:1 / 5;grid-row:1;aspect-ratio:1;margin-top:120px}.intro-photo img{aspect-ratio:1}.calc{background:var(--accent);color:var(--accent-ink);padding:120px var(--m);--ink: var(--accent-ink);--muted: #c9bda6}.calc h2{font-size:var(--step-head);max-width:18ch}.calc-grid{display:grid;grid-template-columns:5fr 7fr;gap:64px;margin-top:64px;align-items:end}.calc-controls{display:grid;gap:28px}.calc label{display:grid;grid-template-columns:1fr auto;gap:10px;font-weight:600}.calc output{font:500 1.375rem/1 var(--display)}.calc input[type=range]{grid-column:1 / -1;width:100%;accent-color:var(--accent-ink);height:32px}.calc-num{font:500 clamp(3.5rem,9vw,9rem)/.9 var(--display);letter-spacing:-.04em;margin:0 0 24px;direction:ltr;text-align:right}.calc-out p:not(.calc-num){max-width:46ch}.calc-out a{color:var(--accent-ink);font-weight:600}.index{padding:var(--gap) var(--m) 0}.index h2{font-size:clamp(2.5rem,4.5vw,4.25rem);line-height:.98;text-indent:3vw;max-width:16ch}.index-body{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;margin-top:96px}.index-photo{grid-column:1 / 5;align-self:end}.index-photo img{aspect-ratio:4 / 5}.index-rows{grid-column:7 / 13;list-style:none;margin:0;padding:0}.index-rows li:nth-child(4n+1):not(:first-child){margin-top:44px}.index-rows a{display:grid;grid-template-columns:1fr auto 24px;gap:16px;align-items:baseline;padding:10px 0;text-decoration:none;transition:transform .2s var(--ease-out)}.index-rows a:hover{transform:translate(-6px)}.index-rows a:hover .k{text-decoration:underline}.index-rows .k{font:500 1.25rem/1.25 var(--display)}.index-rows .v{color:var(--muted);font-size:.9375rem}.chapters{margin-top:var(--gap)}.chapter{position:relative;min-height:100svh;background:var(--field);color:var(--field-ink);display:grid;place-items:center;padding:112px var(--m)}.chapter-photo{width:min(506px,72vw);aspect-ratio:3 / 4}.chapter-photo img{aspect-ratio:3 / 4}.chapter-title{position:absolute;top:32px;inset-inline-start:var(--m);font-size:clamp(1.75rem,2.4vw,2.25rem);max-width:32ch}.chapter-line{position:absolute;bottom:32px;inset-inline-start:var(--m);max-width:32ch;margin:0;font-size:1.0625rem}.chapter-link{position:absolute;bottom:32px;inset-inline-end:var(--m);color:var(--field-ink);font-weight:600}.method{padding:var(--gap) var(--m) 0}.method-head{max-width:40ch}.method-head h2{font-size:clamp(2.25rem,4vw,3.75rem);margin-bottom:20px}.method-art{width:100%;height:auto;margin-top:64px;transform:scaleX(-1)}.method-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px}.method-cols b{font:500 1.25rem/1.2 var(--display)}.method-cols p{margin-top:8px}.faq{padding:var(--gap) var(--m)}.faq-row{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;margin-bottom:80px}.faq-q{grid-column:1 / 7;font:500 clamp(1.625rem,2.6vw,2.5rem)/1.1 var(--display)}.faq-title{color:var(--muted)}.faq-a{grid-column:8 / 13;font-size:1.0625rem;line-height:1.55;max-width:40ch;margin:.35em 0 0}@media(max-width:900px){.hero{align-content:end}.hero-title{font-size:12.5vw;margin-inline-start:var(--m)}.hero-side{position:static;margin:24px var(--m) 0;width:auto}.hero{display:flex;flex-direction:column;justify-content:flex-start;gap:0;min-height:0}.hero-band-wrap{order:3;margin-top:40px}.hero-title{margin-top:32px}.hero-band{height:34vh}.hero-figures{position:static;transform:none;grid-template-columns:1fr 1fr;margin:0 var(--m)}.intro{display:block;padding:96px var(--m)}.intro-text{margin:0 0 40px;text-indent:0;font-size:1.375rem}.intro-photo{width:62%;margin:0 auto 0 0}.calc-grid,.index-body{display:block}.calc-out{margin:0 0 48px}.calc-grid{display:flex;flex-direction:column-reverse}.index h2{font-size:9.5vw;text-indent:0}.index-photo{width:60%;margin:48px auto 0 0;order:2}.index-rows a{grid-template-columns:1fr 24px}.index-rows .v{grid-column:1;grid-row:2}.chapter-photo{width:80vw}.chapter{place-items:start;display:block;min-height:0;padding-block:48px 56px}.chapter-title{position:static;font-size:1.5rem;margin-bottom:24px}.chapter-line{position:static;margin-top:24px}.chapter-link{position:static;margin-top:12px;justify-self:start}.method-cols{grid-template-columns:1fr}.faq-row{display:block;margin-bottom:56px}.faq-q{font-size:1.5rem}.faq-a{margin-top:12px}}
