/* Shibanowa / editorial direction. Mobile first. Layout only; shared tokens stay in tokens.css. */
.home{letter-spacing:.035em}
.home .site-header{height:var(--header-height);border:0;background:var(--color-paper)}
.home .wordmark{letter-spacing:-.025em}
.home .site-header .wordmark span{display:none}
.home .site-header .wordmark{font-size:29px}
.home .shop-link{font-size:10px}
.home .eyebrow{font-size:10px;font-weight:400;letter-spacing:.11em;line-height:1.8;margin-bottom:23px;color:var(--color-muted)}
.home h2{font-size:27px;line-height:1.85;letter-spacing:.08em}
.home .text-link{font-size:12px;min-height:46px;border-color:#aaa69f;letter-spacing:.035em;gap:38px}
.home .button{font-size:12px;letter-spacing:.035em}
.home .hero{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0 auto;padding:0;max-width:1680px}
.home .hero-copy{grid-column:1;grid-row:1;align-self:auto;padding:32px var(--gutter) 29px;margin:0;width:auto}
.home .hero-copy .eyebrow{font-size:10px;margin-bottom:17px;letter-spacing:.13em}
.home .hero h1{font-family:var(--font-display);font-size:clamp(23px,6.5vw,31px);font-weight:400;line-height:1.9;letter-spacing:.09em;white-space:normal}
.home .hero-scene{grid-column:1;grid-row:2;position:relative;margin:0 18px;height:auto;min-height:0;aspect-ratio:4/5.3;background:transparent;overflow:visible}
.home .shiba-interaction{inset:0 0 28px;height:calc(100% - 28px);width:100%;background:#e8e7e4;cursor:default}
.home .scene-art{inset:-3px;transform-origin:47% 65%;transition:transform var(--motion-slow) var(--ease);will-change:auto}
.home .hero-photo,.home .shiba-head img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.home .shiba-head{mask-image:radial-gradient(ellipse 19% 18% at 51% 35%,#000 45%,transparent 90%);transform-origin:51% 44%}
.home .scene-caption{bottom:0;left:0;right:0;line-height:1.5;color:var(--color-muted);text-shadow:none;font-size:9px;letter-spacing:.04em;gap:10px}
.home .scene-caption>span:last-child{font-size:9px;margin-left:auto}
.home .hero-notes{grid-column:1;grid-row:3;padding:24px var(--gutter) 0}
.home .hero-intro{font-size:13px;line-height:2.2;letter-spacing:.04em;margin:0}
.home .hero-links{gap:26px;margin-top:18px;flex-wrap:wrap}
.home .hero-links .text-link{font-size:12px;gap:30px;min-height:44px}
.home .hero-links .button-quiet{background:transparent;border:0;border-bottom:1px solid #aaa69f;color:var(--color-ink);padding:9px 0;font-size:11px;gap:22px;min-height:44px}
.home .hero-links .button-quiet:after{display:none}
.home .brand-message{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;text-align:left;overflow:visible;position:relative;padding-block:105px 98px}
.home .brand-message h2{font-family:var(--font-display);font-size:26px;line-height:1.95;letter-spacing:.07em}
.home .message-copy>p{font-size:14px;line-height:2.3;letter-spacing:.04em}
.home .message-copy .text-link{margin-top:25px}
.home .scenes{padding-block:20px 100px}
.home .section-heading>p:not(.eyebrow){font-size:12px;margin-top:18px;line-height:2.1}
.home .scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 20px;margin-top:33px}
.home .scene-grid figure{padding:0;margin:0;min-width:0}
.home .scene-grid figure:first-child,.home .scene-grid figure:last-child{grid-column:1/-1}
.home .scene-grid img{aspect-ratio:3/4;object-fit:cover}
.home .scene-grid figure:first-child img{aspect-ratio:5/4;object-position:50% 55%}
.home .scene-grid figure:last-child img{aspect-ratio:16/9;object-position:50% 18%}
.home .scene-grid figcaption{gap:12px;margin-top:15px}
.home .scene-index{font-size:9px;color:var(--color-muted);line-height:2.8}
.home .scene-grid h3{font-size:12px;letter-spacing:.025em;line-height:1.9}
.home .scene-grid p{font-size:11px;line-height:1.9;margin-top:6px;letter-spacing:.015em}
.home .featured-product{grid-template-columns:minmax(0,1fr);gap:37px;border:0;padding-block:0 100px}
.home .product-stage{aspect-ratio:5/6;max-height:none;background:#efeeeb;display:flex;align-items:center}
.home .product-stage .product-photo{width:68%;height:78%;max-height:none}
.home .stage-label{font-size:8px;left:22px;bottom:19px;letter-spacing:.12em;color:var(--color-muted)}
.home .product-story h2{font-size:29px;line-height:1.8}
.home .product-story h3{font-size:25px;line-height:1.45;margin-top:26px}
.home .product-story>p{font-size:13px;line-height:2.25;margin-top:16px}
.home .product-story>p.muted{font-size:11px;margin-top:10px}
.home .product-story .text-link{margin-top:23px}
.home .ingredients{padding-block:72px;background:#efeeea}
.home .ingredients .content-width{display:block}
.home .ingredients .section-heading h2{font-size:26px}
.home .ingredient-list{margin-top:33px}
.home .ingredient-list>div{padding:22px 0;gap:8px 17px;border-color:#d4d1cb}
.home .ingredient-list h3{font-size:14px}
.home .ingredient-list p{font-size:12px;line-height:2}
.home .formulation-list{grid-template-columns:1fr 1fr;display:grid;gap:0;margin-top:27px}
.home .formulation-list li{padding:11px 2px;font-size:11px;border:0;text-align:left}
.home .formulation-list li:last-child{border:0}
.home .ingredients .fine-print{font-size:10px;text-align:left;line-height:1.9;margin-top:17px}
.home .why-section{grid-template-columns:minmax(0,1fr);gap:36px;padding-block:100px}
.home .why-photo img{aspect-ratio:5/4;object-fit:cover;object-position:50% 57%}
.home .why-photo span{display:none}
.home .why-section>div>p:not(.eyebrow){font-size:13px;line-height:2.4;margin-top:22px}
.home .why-section .text-link{margin-top:22px}
.home .howto{padding-block:58px 66px;border-color:var(--color-line)}
.home .howto .section-heading h2{font-size:25px}
.home .steps{margin-top:28px;gap:21px}
.home .steps>div{padding-top:21px;gap:25px}
.home .step-number{font-size:25px}
.home .steps h3{font-size:13px}
.home .howto .fine-print{font-size:10px;line-height:1.9}
.home .voices{padding-block:49px 67px;border-color:var(--color-line)}
.home .voices-heading{margin-bottom:22px}
.home .voices-heading h2{font-size:25px}
.home .voices-heading span{font-size:11px}
.home .voices .fine-print{margin-top:14px;font-size:10px}
.home .purchase-section{padding-block:63px 73px;background:#edece7}
.home .purchase-layout{grid-template-columns:minmax(0,1fr);gap:32px}
.home .purchase-image{height:244px}
.home .purchase-layout h2{font-family:var(--font-display);font-size:28px;line-height:1.9}
.home .purchase-layout .english-title{font-size:24px;margin-top:24px}
.home .purchase-layout .button{margin-top:25px;min-width:243px;background:#46443e;border-color:#46443e}
.home .purchase-layout .fine-print{font-size:10px;max-width:320px;line-height:1.9}
.home .home-faq{padding-block:75px 85px;gap:25px}
.home .home-faq h2{font-size:25px}
.home .home-faq .text-link{margin-top:14px}
.home .faq-list summary{font-size:13px;padding-block:22px}
.home .site-footer{background:#e6e4de;padding-top:55px}
.home .footer-top{border-color:#cfccc5}
.home .footer-bottom{border-color:#cfccc5}
.home .footer-top .wordmark{font-size:35px}
.home .footer-top .wordmark span{letter-spacing:.035em;font-size:9px;line-height:2;max-width:190px}
@media(min-width:701px){
 .home .site-header .wordmark{font-size:35px}
 .home .hero{grid-template-columns:43% minmax(0,57%);grid-template-rows:1fr 1fr;column-gap:0;padding:25px var(--gutter) 0}
 .home .hero-copy{grid-column:1;grid-row:1;align-self:end;padding:0 24px 25px 0}
 .home .hero-copy .eyebrow{font-size:10px;margin-bottom:25px}
 .home .hero h1{font-size:clamp(26px,2.8vw,43px);letter-spacing:.08em;line-height:1.9;white-space:nowrap}
 .home .hero-scene{grid-column:2;grid-row:1/3;margin:0;aspect-ratio:auto;height:clamp(570px,72svh,770px)}
 .home .hero-notes{grid-column:1;grid-row:2;padding:0 30px 0 0}
 .home .hero-intro{font-size:11px;line-height:2.35}
 .home .hero-links{gap:20px;margin-top:26px}
 .home .hero-links .button-quiet{font-size:10px;gap:12px}
 .home .hero-links .text-link{font-size:11px;gap:20px}
 .home .brand-message{grid-template-columns:1fr 1fr;column-gap:12%;padding-block:145px 135px}
 .home .brand-message h2{font-size:clamp(27px,2.7vw,38px)}
 .home .message-copy{padding-top:43px}
 .home .message-copy>p{font-size:14px;line-height:2.45}
 .home .scenes{padding-block:10px 125px}
 .home .scene-grid{grid-template-columns:1.15fr .95fr;gap:50px 45px;margin-top:47px}
 .home .scene-grid figure:first-child,.home .scene-grid figure:last-child{grid-column:auto}
 .home .scene-grid figure:nth-child(even){padding-top:65px}
 .home .scene-grid img{aspect-ratio:4/5}
 .home .scene-grid figure:first-child img{aspect-ratio:5/4}
 .home .scene-grid figure:last-child img{aspect-ratio:1;object-position:50% 20%}
 .home .scene-grid h3{font-size:14px}
 .home .scene-grid p{font-size:11px}
 .home .featured-product{grid-template-columns:1fr .9fr;gap:10%;align-items:center;padding-bottom:135px}
 .home .product-stage{aspect-ratio:4/5}
 .home .product-story h2{font-size:32px}
 .home .product-story h3{font-size:26px;margin-top:35px}
 .home .ingredients{padding-block:88px}
 .home .ingredients .content-width{display:grid;grid-template-columns:1fr 1.15fr;gap:0 10%}
 .home .ingredient-list{margin-top:0}
 .home .formulation-list{display:flex;justify-content:flex-start;gap:30px;grid-column:2;margin-top:22px;flex-wrap:wrap}
 .home .formulation-list li{font-size:10px;padding:0}
 .home .ingredients .fine-print{grid-column:2;font-size:10px}
 .home .why-section{grid-template-columns:1fr 1.25fr;gap:10%;padding-block:135px;align-items:center}
 .home .why-photo{grid-column:2;grid-row:1}
 .home .why-section>div:last-child{grid-column:1;grid-row:1}
 .home .why-photo img{aspect-ratio:5/6}
 .home .why-section h2{font-size:33px}
 .home .howto{padding-block:68px 72px}
 .home .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:37px}
 .home .steps>div{display:block;border:0;padding-top:0}
 .home .steps h3{margin-top:15px}
 .home .voices{padding-block:60px 77px}
 .home .purchase-section{padding-block:82px}
 .home .purchase-layout{grid-template-columns:.8fr 1fr;gap:11%;max-width:990px}
 .home .purchase-image{height:345px}
 .home .purchase-layout h2{font-size:34px}
 .home .home-faq{padding-block:100px;grid-template-columns:1fr 1.4fr;gap:11%}
 .home .site-footer{padding-top:70px}
 .home .footer-top .wordmark{font-size:45px}
}
@media(min-width:1100px){
 .home .hero{grid-template-columns:44% minmax(0,56%);padding-top:24px}
 .home .hero-copy{padding:0 35px 30px 6%}
 .home .hero-notes{padding:0 35px 0 6%}
 .home .hero-scene{height:clamp(630px,75svh,800px)}
 .home .hero-intro{font-size:12px}
 .home .hero-links{margin-top:34px;gap:32px}
 .home .hero-links .button-quiet{font-size:11px;gap:24px}
 .home .hero-links .text-link{font-size:12px;gap:32px}
 .home .brand-message{padding-block:167px 150px;grid-template-columns:1.1fr 1fr;gap:13%}
 .home .message-heading{padding-left:6%}
 .home .message-copy{padding-top:45px}
 .home .section-heading h2{font-size:35px}
 .home .scene-grid{grid-template-columns:1.2fr 1fr 1fr .9fr;gap:27px;margin-top:50px;align-items:start}
 .home .scene-grid figure:nth-child(2){padding-top:68px}
 .home .scene-grid figure:nth-child(3){padding-top:20px}
 .home .scene-grid figure:nth-child(4){padding-top:132px}
 .home .scene-grid img{aspect-ratio:3/4}
 .home .scene-grid figure:first-child img{aspect-ratio:5/4}
 .home .scene-grid figure:last-child img{aspect-ratio:4/5}
 .home .featured-product{grid-template-columns:1.08fr 1fr;gap:12%;padding-block:40px 150px}
 .home .product-story h2{font-size:39px}
 .home .product-story h3{font-size:30px}
 .home .product-story>p{font-size:13px}
 .home .ingredients{padding-block:103px}
 .home .ingredients .section-heading h2{font-size:34px}
 .home .ingredient-list h3{font-size:17px}
 .home .ingredient-list p{font-size:12px}
 .home .why-section{padding-block:150px;grid-template-columns:.9fr 1.2fr;gap:13%}
 .home .why-photo img{aspect-ratio:5/4}
 .home .why-section h2{font-size:37px}
 .home .why-section>div>p:not(.eyebrow){font-size:13px}
 .home .howto .section-heading h2{font-size:30px}
 .home .voices-heading h2{font-size:30px}
 .home .purchase-layout h2{font-size:37px}
 .home .home-faq h2{font-size:30px}
}
@media(prefers-reduced-motion:reduce){.home .scene-art,.home .shiba-head{transform:none!important}}
/* Keep the full stance visible on narrow tablets, and leave room around the wordmark. */
@media(min-width:701px) and (max-width:1099px){
 .home .hero-scene{height:auto;min-height:0;aspect-ratio:4/5.3;align-self:start}
}
@media(max-width:360px){.home .site-header .shop-link{display:none}}

/* Catalogue voices: three quiet groups of everyday care concerns. */
.home .voices .voices-lead{font-family:var(--font-display);font-size:17px;line-height:2;letter-spacing:.055em;margin:28px 0 32px}
.home .voices .voice-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,58px)}
.home .voices .voice-group{min-width:0;border-top:1px solid #d8e6f3;padding-top:20px}
.home .voices .voice-group h3{font-size:12px;font-weight:400;line-height:1.8;letter-spacing:.08em;color:#647d9b;margin:0 0 26px}
.home .voices .voice-group ul{display:grid;gap:22px;list-style:none;padding:0;margin:0}
.home .voices .voice-group li{font-size:clamp(16px,1.1vw,18px);line-height:2;letter-spacing:.035em;min-height:4em;overflow-wrap:anywhere}
.home .voices .voice-group q{quotes:none;font-style:normal}
.home .voices .voices-source{font-size:11px;line-height:1.9;color:var(--color-muted);margin-top:30px}
@media(max-width:999px){
 .home .voices .voice-groups{grid-template-columns:minmax(0,1fr);gap:32px}
 .home .voices .voice-group h3{margin-bottom:18px}
 .home .voices .voice-group ul{gap:15px}
 .home .voices .voice-group li{min-height:0}
 .home .voices .voices-lead{font-size:16px;margin-block:26px 28px}
}