/*
 * First Sheep
 * Page: たいわ
 * Route: /features/dialogue/
 *
 * 01 Hero
 * 02 01 まだ言葉にならないところから
 * 03 02 話し始める前に
 * 04 03 大切にすること
 * 05 04 AIであることの限界
 * 06 App CTA
 */

/* -------------------------
   Rules retained in their original cascade order
   ------------------------- */
:root{
  --color-brand:#d89a3a;--color-deep-amber:#b96a2c;--color-action:#91461f;--color-action-hover:#743515;
  --color-apricot:#f3c98b;--color-pink:#c98f97;--color-rose:#e8c9cd;--color-ivory:#fff7f0;--color-cream:#f9efe6;
  --color-cocoa:#3a2c28;--color-taupe:#6b5a53;--color-border:#d9c8bc;--color-white:#fffdf9;
  --ink:var(--color-cocoa);--muted:var(--color-taupe);--paper:var(--color-ivory);--white:var(--color-white);
  --amber:var(--color-brand);--amber-soft:var(--color-apricot);--burnt:var(--color-action);--yellow:var(--color-brand);
  --rose:var(--color-rose);--plum:#76545c;--deep:var(--color-cocoa);--line:var(--color-border);--mist:var(--color-cream);--cream:var(--color-cream);--blue:#eee8e5;
  --olive:var(--color-brand);--olive-dark:var(--color-action);--moss:var(--color-cocoa);
  --shadow:0 28px 80px rgba(82,47,32,.12);--radius:30px;--max:1160px;
}
/* HOME Emotional Story — one continuous movement */
:root{--warm-white:var(--white);--text-sub:var(--muted);--text-main:var(--ink);--deep-amber:var(--burnt);--border-neutral:var(--line);--primary-amber:var(--amber);--serif:Georgia,"Yu Mincho",serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.85;letter-spacing:.025em}
img{max-width:100%;height:auto}
a{color:inherit;text-underline-offset:.22em}
button{font:inherit}
.skip{position:fixed;left:1rem;top:-5rem;z-index:999;padding:.6rem 1rem;background:var(--ink);color:#fff}
.skip:focus{top:1rem}
:focus-visible{outline:3px solid #9b4515;outline-offset:4px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(246,244,236,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(35,48,42,.09)}
.header-inner{max-width:var(--max);min-height:72px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-family:Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;font-size:1.25rem;font-weight:700;letter-spacing:.08em}
.brand img{border-radius:12px}
.site-nav{display:flex;align-items:center;gap:25px}
.site-nav a{text-decoration:none}
.site-nav a:hover{text-decoration:underline}
.nav-cta{padding:9px 17px;border-radius:999px;background:var(--ink);color:#fff}
.menu-button{display:none;border:1px solid var(--line);background:transparent;padding:7px 13px;border-radius:999px;color:var(--ink)}
details{border-bottom:1px solid var(--line)}
summary{cursor:pointer;list-style:none;padding:24px 45px 24px 0;font-weight:700;position:relative}
summary:after{content:"＋";position:absolute;right:8px;font-size:1.35rem;font-weight:400}
details[open] summary:after{content:"−"}
details p{padding:0 0 24px;max-width:800px;color:var(--muted)}
.store-links{display:flex;align-items:center;gap:14px;flex-shrink:0}
.store-links a,.store-links img{display:block}
.store-links img{object-fit:contain}
.site-footer{background:#deded6;padding:70px 24px 30px}
.footer-inner{max-width:var(--max);margin:auto}
.footer-brand{display:flex;align-items:center;gap:16px;margin-bottom:50px}
.footer-brand img{border-radius:14px}
.footer-brand strong{font-family:Georgia,"Yu Mincho",serif;display:block;font-size:1.45rem}
.footer-brand span{display:block;font-size:.8rem;color:var(--muted)}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}
.footer-grid h2{font-size:.77rem;letter-spacing:.12em}
.footer-grid a{display:block;margin:9px 0;text-decoration:none;font-size:.82rem}
.footer-grid a:hover{text-decoration:underline}
.footer-bottom{border-top:1px solid rgba(35,48,42,.16);margin-top:55px;padding-top:20px;display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted)}
@media(max-width:900px){.menu-button{display:block}
.site-nav{display:none;position:absolute;left:16px;right:16px;top:66px;padding:20px;background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}
.site-nav.open{display:flex}
.site-nav a{padding:12px}
.nav-cta{text-align:center;margin-top:8px}
.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){body{font-size:16px}
.header-inner{padding:0 16px}
.brand{font-size:1.04rem}
.store-links{flex-wrap:wrap}
.footer-grid{grid-template-columns:1fr 1fr;gap:30px 18px}
.footer-bottom{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(forced-colors:active){.button,.nav-cta{border:1px solid ButtonText}}
/* Messaging architecture — protect Brand Core before Product and Trust */
.nav-group{position:relative;border:0}
.nav-group>summary{padding:8px 17px 8px 0;font-weight:500;white-space:nowrap}
.nav-group>summary:after{content:"⌄";position:static;margin-left:7px;font-size:.8rem}
.nav-group[open]>summary:after{content:"⌃"}
.nav-panel{position:absolute;top:calc(100% + 18px);left:50%;width:600px;padding:22px;display:grid;grid-template-columns:repeat(2,1fr);gap:0;background:rgba(250,249,244,.98);border:1px solid rgba(32,48,41,.18);box-shadow:0 24px 60px rgba(28,43,36,.16);transform:translateX(-50%)}
.nav-panel:before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}
.nav-panel a{min-height:86px;padding:17px!important;border-bottom:1px solid var(--line)}
.nav-panel a:nth-child(even){border-left:1px solid var(--line)}
.nav-panel b,.nav-panel span{display:block}
.nav-panel span{margin-top:6px;color:var(--muted)}
.nav-panel .nav-overview{grid-column:1/-1;min-height:74px;background:#eef0de}
.trust-panel{left:35%;width:650px}
.trust-panel a:last-child{grid-column:1/-1}
.corporate-panel{left:0;transform:translateX(-55%)}
@media(max-width:1100px){.site-nav{gap:14px}
.nav-group>summary{padding-right:8px}
.nav-panel{width:520px}
.trust-panel{width:580px}}
@media(max-width:900px){.nav-group{width:100%}
.nav-group>summary{padding:14px 12px;border-bottom:1px solid var(--line)}
.nav-panel,.trust-panel,.corporate-panel{position:static;width:auto;padding:0 0 10px 14px;display:grid;grid-template-columns:1fr;background:transparent;border:0;box-shadow:none;transform:none}
.nav-panel a,.nav-panel .nav-overview,.trust-panel a:last-child{grid-column:auto;min-height:0;padding:12px!important;border:0!important}
.nav-panel span{display:none}
.site-nav>.nav-cta{margin-top:16px}}
/* 2026-09 Brand refinement: golden light + quiet companionship */
.site-header{background:rgba(255,251,245,.92)}
.nav-cta,.button.primary{background:var(--burnt);color:#fff}
.nav-cta:hover,.button.primary:hover{background:#8f3f13;text-decoration:none}
/* Color System v2 — Amber / Dusty Pink / Warm Editorial */
body,.story-page,.subpage{color:var(--color-cocoa);background:var(--color-ivory)}
.site-header{background:rgba(255,247,240,.94);border-color:rgba(58,44,40,.12)}
.brand img,.footer-brand img{box-shadow:0 0 0 2px rgba(216,154,58,.14)}
.site-nav a:hover,.breadcrumbs a:hover,.footer-grid a:hover{color:var(--color-action)}
.nav-group>summary:focus-visible,.menu-button:focus-visible{outline-color:var(--color-action)}
.nav-panel{background:rgba(255,247,240,.98);border-color:var(--color-border);box-shadow:0 24px 60px rgba(82,47,32,.16)}
.nav-panel .nav-overview{background:var(--color-rose)}
.nav-cta,.button.primary{background:var(--color-action);color:var(--color-white)}
.nav-cta:hover,.button.primary:hover{background:var(--color-action-hover);color:var(--color-white)}
.site-footer{background:#ead9d2}
.footer-bottom{border-color:rgba(58,44,40,.18)}
@media(forced-colors:active){.nav-cta,.button.primary,.on-dark{border:1px solid ButtonText}}
/* Desktop story system — one viewport, one message */
h1,h2,h3,blockquote,.purpose-lead,.download-band p{line-break:strict;word-break:normal;overflow-wrap:normal;text-wrap:balance}
/* Responsive Layout System — Wide / Compact / Tablet / Mobile */
html,body{max-width:100%;overflow-x:clip}
main,section,article,header,footer,nav,div,figure,picture{min-width:0}
img,svg,video,canvas,picture,source{max-width:100%}
img,video,canvas{height:auto}
h1,h2,h3,blockquote,.purpose-lead,.download-band p{line-break:strict;word-break:normal;overflow-wrap:break-word;text-wrap:balance}
p,li,dd,dt,summary,a{overflow-wrap:anywhere}
body{font-size:clamp(1rem,.22vw + .96rem,1.125rem)}
.button,summary{font-size:clamp(.95rem,.18vw + .92rem,1.05rem)}
/* Wide Desktop: presentation is enabled only with enough width and height. */
@media(min-width:1280px) and (min-height:720px){
 .story-page .hero h1{font-size:clamp(3rem,3.5vw,4.2rem)}
 .story-page .hero h1,.story-page .section-heading h2,.story-page .feature-copy h2{overflow-wrap:normal}
}
/* Compact Desktop: adaptive presentation, no viewport-height pressure. */
@media(min-width:900px) and (max-width:1279px){
 html:has(.story-page),html:has(.story-subpage){scroll-snap-type:none}
 .story-page>.hero,.story-page>.section,.story-page>.features-experience>.section,.story-page>.features-experience>.feature-showcase,.story-page>.features-experience>article,.story-page>.science-disclosure-screen,.story-subpage .subpage-hero,.story-subpage .dialogue-experience,.story-subpage .reading-chapter,.story-subpage>.page-shell>.download-band{min-height:0;scroll-snap-align:none}
 .section{padding-top:clamp(78px,9vw,112px);padding-bottom:clamp(78px,9vw,112px)}
 .story-page .hero{min-height:0;padding-top:clamp(54px,7vw,82px);padding-bottom:clamp(70px,8vw,104px);grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(24px,4vw,48px)}
 .story-page .hero h1{max-width:12.5ch;font-size:clamp(2.75rem,4.7vw,3.9rem);line-height:1.12;letter-spacing:-.025em}
 .hero-copy{padding-left:0;margin-top:0}.story-time,.hero-side-note{display:none}
 .phone-stage{width:100%;min-height:0;height:clamp(470px,54vw,590px);margin:0;transform:none}
 .phone-stage:before{width:min(52vw,540px);height:min(52vw,540px)}.phone-stage:after{width:min(38vw,390px);height:min(38vw,390px);right:0}
 .phone-stage .phone-frame{width:clamp(220px,23vw,285px)}
 .ui-chip,.record-fragment,.voice-fragment,.phone-stage>.navigator-note{transform:scale(.88);transform-origin:center}
 .daily-scenes,.permission,.companionship,.desired-future-intro,.purpose-home,.sheep-companion,.trust-intro,.science-home .section-heading{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,58px)}
 .daily-scenes{padding-top:96px;padding-bottom:120px}.daily-scenes .section-heading{margin-left:0}.daily-scenes .scene-quote{position:static;grid-column:2;justify-self:end;margin-top:24px}
 .permission,.companionship,.desired-future,.purpose-home,.sheep-companion,.trust-intro,.science-home{padding-top:clamp(88px,10vw,128px);padding-bottom:clamp(88px,10vw,128px)}
 .permission-lines{margin:0}.permission-lines p{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:24px}.permission-lines b{font-size:clamp(1.25rem,2.1vw,1.75rem)}
 .companion-copy h2,.sheep-copy h2,.trust-intro h2,.science-home .section-heading h2{font-size:clamp(2.6rem,4.6vw,4.1rem)}
 .companion-mark,.sheep-symbol{min-height:330px}.sheep-symbol:before{width:min(34vw,360px);height:min(34vw,360px)}.sheep-symbol:after{width:min(25vw,270px);height:min(25vw,270px)}
 .purpose-index>b{font-size:clamp(3.7rem,6vw,5.6rem)}.purpose-copy{padding-top:0}.purpose-lead{font-size:clamp(1.55rem,2.35vw,2.15rem)}
 .experience-loop{padding-top:110px;padding-bottom:120px}.loop-figure{padding:48px 20px;min-height:420px}.loop-center{width:150px;height:150px}.loop-node{min-height:105px}
 .feature-intro{padding-top:100px;padding-bottom:100px}.feature-intro h2{font-size:clamp(3.4rem,6.6vw,5.7rem)}.feature-intro p{margin-left:auto}
 .feature-showcase,.feature-showcase:nth-of-type(even),.dialogue-show,.feature-showcase:nth-of-type(even).dialogue-show,.work-show{min-height:0;padding-top:clamp(80px,9vw,112px);padding-bottom:clamp(80px,9vw,112px);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(38px,6vw,72px)}
 .feature-showcase .feature-media{min-height:460px}.feature-media .phone-frame{width:clamp(220px,24vw,285px)}
 .feature-copy h2{font-size:clamp(2.45rem,4.4vw,3.85rem)}.feature-number{font-size:26vw}
 .record-show .feature-media,.dialogue-show .feature-media{min-height:500px}.web-dialogues p{max-width:15rem}.question-field span{max-width:42%;white-space:normal}
 .bridge-grid,.proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-track{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)}
 .team-layout{grid-template-columns:minmax(0,.75fr) minmax(0,1fr) minmax(0,1fr)}
 .subpage-hero{min-height:0;padding:64px max(24px,calc((100vw - var(--max))/2)) 88px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(34px,5vw,64px)}
 .page-hero h1{max-width:12ch;font-size:clamp(2.9rem,4.8vw,4.35rem);line-height:1.12}
 .story-subpage .page-visual{max-height:none}.feature-page-visual,.work-page-visual{height:auto;min-height:520px}.feature-page-visual .phone-frame{width:clamp(210px,22vw,260px)}
 .about-brand-composition,.team-page-visual{grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr)}
 .about-brand-composition .brand-manifesto,.team-page-visual .team-map{margin-left:-38px;padding:clamp(26px,3.2vw,40px)}
 .dialogue-experience{grid-template-columns:minmax(0,1.12fr) minmax(230px,.88fr);gap:clamp(34px,5vw,58px);padding:clamp(40px,5vw,58px)}
 .reading-chapter{width:min(76%,800px)}
 .download-band{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px}
}
/* Narrow compact desktop: switch before two-column compositions become cramped. */
@media(min-width:900px) and (max-width:1099px){
 .story-page .hero,.daily-scenes,.permission,.companionship,.desired-future-intro,.purpose-home,.sheep-companion,.trust-intro,.science-home .section-heading,.subpage-hero,.feature-showcase,.feature-showcase:nth-of-type(even),.dialogue-show,.feature-showcase:nth-of-type(even).dialogue-show,.work-show,.about-brand-composition,.team-page-visual,.dialogue-experience{grid-template-columns:minmax(0,1fr)}
 .story-page .hero{padding-left:clamp(34px,6vw,64px);padding-right:clamp(34px,6vw,64px)}.hero-copy{max-width:760px}.story-page .hero h1{max-width:13ch}
 .phone-stage{max-width:660px;margin:0 auto}.ui-chip,.record-fragment,.voice-fragment,.phone-stage>.navigator-note{transform:scale(.94)}
 .daily-scenes .section-heading,.daily-scenes .dayline,.daily-scenes .scene-visual,.daily-scenes .scene-labels,.daily-scenes .scene-quote{grid-column:1;grid-row:auto}.daily-scenes .scene-labels{grid-template-columns:repeat(3,minmax(0,1fr));padding:24px 0 0;color:inherit}.daily-scenes .scene-labels p{color:var(--color-taupe)}
 .permission-lines{margin-top:48px}.companion-copy,.purpose-copy,.sheep-copy,.trust-intro>p{max-width:760px}.companion-mark,.sheep-symbol{min-height:280px}
 .feature-showcase .feature-media,.record-show .feature-media,.dialogue-show .feature-media{order:0;min-height:500px}.feature-showcase .feature-copy,.dialogue-show .feature-copy{order:1;max-width:760px}.work-show .feature-copy,.work-show .feature-media{grid-column:1;grid-row:auto}
 .subpage-hero{padding-left:clamp(32px,6vw,64px);padding-right:clamp(32px,6vw,64px)}.subpage .page-visual{width:100%;max-width:760px}
 .about-brand-composition .brand-manifesto,.team-page-visual .team-map{width:min(90%,680px);margin:-44px 0 0 auto}
 .dialogue-experience-ui{order:-1}.reading-chapter{width:min(84%,800px)}
}
/* Tablet: readable, stacked story. */
@media(min-width:768px) and (max-width:899px){
 html:has(.story-page),html:has(.story-subpage){scroll-snap-type:none}
 .story-page>.hero,.story-page>.section,.story-page>.features-experience>.section,.story-page>.features-experience>.feature-showcase,.story-page>.science-disclosure-screen,.story-subpage .subpage-hero,.story-subpage .dialogue-experience,.story-subpage .reading-chapter,.story-subpage>.page-shell>.download-band{min-height:0;scroll-snap-align:none}
 .section{padding:88px clamp(28px,6vw,54px)}
 .story-page .hero,.daily-scenes,.permission,.companionship,.desired-future-intro,.purpose-home,.sheep-companion,.trust-intro,.science-home .section-heading,.subpage-hero,.feature-showcase,.feature-showcase:nth-of-type(even),.dialogue-show,.feature-showcase:nth-of-type(even).dialogue-show,.work-show,.about-brand-composition,.team-page-visual,.dialogue-experience{display:grid;grid-template-columns:minmax(0,1fr);gap:44px}
 .story-page .hero{min-height:0;padding:70px clamp(32px,6vw,54px) 92px}.hero-copy{padding-left:0;margin:0;max-width:700px}.story-page .hero h1{max-width:13ch;font-size:clamp(3rem,7vw,4.25rem);line-height:1.12}.story-time,.hero-side-note{display:none}
 .phone-stage{width:100%;max-width:620px;min-height:560px;height:auto;margin:0 auto;transform:none}.phone-stage:before{width:520px;height:520px}.phone-stage:after{width:360px;height:360px;right:0}.phone-stage .phone-frame{width:280px}
 .daily-scenes{padding:92px clamp(32px,6vw,54px)}.daily-scenes .section-heading,.daily-scenes .dayline,.daily-scenes .scene-visual,.daily-scenes .scene-labels,.daily-scenes .scene-quote{grid-column:1;grid-row:auto}.daily-scenes .section-heading{margin:0}.daily-scenes .scene-labels{position:static;grid-template-columns:repeat(3,minmax(0,1fr));padding:24px 0 0;color:inherit}.daily-scenes .scene-labels p{color:var(--color-taupe)}.daily-scenes .scene-quote{color:var(--color-cocoa);margin-top:20px}
 .permission,.companionship,.desired-future,.purpose-home,.sheep-companion,.trust-intro,.science-home{padding:96px clamp(32px,6vw,54px)}.permission-lines{margin:22px 0 0}.permission-lines p{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:28px}
 .companion-mark,.sheep-symbol{min-height:280px}.companion-copy h2,.sheep-copy h2,.trust-intro h2,.science-home .section-heading h2{font-size:clamp(2.8rem,6.5vw,4rem)}
 .purpose-copy{padding-top:0}.purpose-index>b{font-size:clamp(4rem,8vw,5.5rem)}
 .experience-loop{padding:100px clamp(32px,6vw,54px)}.loop-figure{border-radius:30px;padding:82px 34px 34px}.loop-grid{grid-template-columns:1fr}.loop-arrow{transform:rotate(90deg);text-align:center}.loop-center{width:150px;height:150px}.loop-rail{inset:14px;border-radius:28px}
 .feature-intro{padding:96px clamp(32px,6vw,54px)}.feature-intro h2{font-size:clamp(3.7rem,8vw,5.6rem)}.feature-intro p{margin-left:0}
 .feature-showcase,.feature-showcase:nth-of-type(even),.dialogue-show,.feature-showcase:nth-of-type(even).dialogue-show,.work-show{min-height:0;padding:92px clamp(32px,6vw,54px)}.feature-showcase .feature-media,.record-show .feature-media,.dialogue-show .feature-media{order:0;min-height:500px}.feature-showcase .feature-copy,.dialogue-show .feature-copy{order:1;max-width:700px}.work-show .feature-copy,.work-show .feature-media{grid-column:1;grid-row:auto}.feature-media .phone-frame{width:280px}.question-field span{max-width:44%;white-space:normal}
 .bridge-grid,.proof-grid,.column-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-track{grid-template-columns:1fr}.flow-track>i{transform:rotate(90deg);text-align:center}.team-layout{grid-template-columns:1fr 1fr}.team-statement{grid-column:1/-1}
 .subpage-hero{min-height:0;padding:58px clamp(32px,6vw,54px) 88px}.page-hero h1{max-width:13ch;font-size:clamp(3rem,6.8vw,4.2rem)}.subpage .page-visual{width:100%;max-width:700px}
 .feature-page-visual,.work-page-visual{height:auto;min-height:540px}.about-brand-composition .brand-manifesto,.team-page-visual .team-map{width:min(92%,650px);margin:-50px 0 0 auto}.dialogue-experience{padding:54px 42px}.dialogue-experience-ui{order:-1}
 .reading-chapter,.reading-chapter:nth-child(even){width:min(88%,800px)}.download-band{flex-direction:column;align-items:flex-start}
}
/* Mobile: natural vertical story and mobile-native line breaks. */
@media(max-width:767px){
 html:has(.story-page),html:has(.story-subpage){scroll-snap-type:none}
 .keep-line{white-space:normal}
 .story-page h1 br,.story-page h2 br,.story-page blockquote br,.story-page .purpose-lead br,.subpage h1 br,.subpage h2 br,.subpage blockquote br{display:none}
 .section,.permission,.companionship,.desired-future,.purpose-home,.sheep-companion,.trust-intro,.science-home,.feature-intro{padding:76px 18px}
 .story-page .hero,.daily-scenes,.permission,.companionship,.desired-future-intro,.purpose-home,.sheep-companion,.trust-intro,.science-home .section-heading,.subpage-hero,.feature-showcase,.feature-showcase:nth-of-type(even),.dialogue-show,.feature-showcase:nth-of-type(even).dialogue-show,.work-show,.about-brand-composition,.team-page-visual,.dialogue-experience{display:block;min-height:0}
 .story-page .hero{padding:52px 18px 74px}.hero-copy{padding-left:0;margin:0}.story-page .hero h1{max-width:12.5ch;font-size:clamp(2.65rem,11.8vw,3.45rem);line-height:1.15;letter-spacing:-.025em}.hero-kicker,.hero-lead{max-width:100%}.story-time,.hero-side-note{display:none}
 .phone-stage{width:100%;max-width:430px;min-height:520px;height:auto;margin:42px auto 0;transform:none}.phone-stage:before{width:min(112vw,420px);height:min(112vw,420px)}.phone-stage:after{width:min(80vw,310px);height:min(80vw,310px);right:0}.phone-stage .phone-frame{width:min(66vw,260px)}
 .ui-chip{max-width:42vw}.record-fragment{right:0;width:min(42vw,165px)}.voice-fragment{right:0;width:min(48vw,190px)}.phone-stage>.navigator-note{max-width:55vw}
 .section-heading,.hero-copy,.feature-copy,.page-hero{max-width:100%}.section-heading h2,.section h2,.feature-copy h2{max-width:15ch;font-size:clamp(2rem,9vw,2.75rem);line-height:1.25}.page-hero h1{max-width:13ch;font-size:clamp(2.55rem,11vw,3.35rem);line-height:1.17}
 .daily-scenes .section-heading,.daily-scenes .dayline,.daily-scenes .scene-visual,.daily-scenes .scene-labels,.daily-scenes .scene-quote{grid-column:auto;grid-row:auto}.daily-scenes .section-heading{margin:0}.daily-scenes .scene-labels{position:static;display:grid;grid-template-columns:1fr;padding:26px 0 0;color:inherit}.daily-scenes .scene-labels p{color:var(--color-taupe)}.daily-scenes .scene-quote{color:var(--color-cocoa);margin:34px 0 0}
 .permission-lines{margin:46px 0 0}.permission-lines p{grid-template-columns:1fr;gap:10px}.permission-lines b{font-size:clamp(1.3rem,6vw,1.7rem)}
 .companion-mark,.sheep-symbol{min-height:245px}.companion-copy,.purpose-copy,.sheep-copy{margin-top:48px}.companion-copy h2,.sheep-copy h2,.trust-intro h2{font-size:clamp(2.25rem,10vw,3rem)}
 .desired-future .section-heading{display:block}.future-shifts article{grid-template-columns:minmax(0,.85fr) 24px minmax(0,1.15fr);gap:6px}.future-shifts span,.future-shifts strong{font-size:clamp(.88rem,3.8vw,1rem)}
 .purpose-index>b{font-size:clamp(3.1rem,13vw,4.3rem)}.purpose-copy{padding-top:0}.purpose-lead{font-size:clamp(1.45rem,6.5vw,1.9rem)}
 .experience-loop{padding:82px 18px}.loop-figure{padding:82px 22px 28px}.loop-grid{grid-template-columns:1fr}.loop-arrow{transform:rotate(90deg);text-align:center}
 .feature-intro{padding-top:82px;padding-bottom:82px}.feature-intro h2{font-size:clamp(3rem,13vw,4.2rem)}.feature-intro p{margin-left:0}
 .feature-showcase,.feature-showcase:nth-of-type(even),.dialogue-show,.feature-showcase:nth-of-type(even).dialogue-show,.work-show{margin:0;padding:76px 18px;border-radius:0;grid-template-columns:1fr}.feature-showcase .feature-media,.record-show .feature-media,.dialogue-show .feature-media{order:0;min-height:430px}.feature-showcase .feature-copy,.dialogue-show .feature-copy{order:1;margin-top:38px}.work-show .feature-copy,.work-show .feature-media{grid-column:auto;grid-row:auto}.feature-media .phone-frame{width:min(68vw,255px)}.emotion-cloud span,.web-dialogues p{font-size:.68rem;max-width:42vw}.record-stack{right:0;width:42vw}.question-field span{max-width:45%;white-space:normal}.feature-number{font-size:45vw}
 .bridge-grid,.safety-diagram,.proof-grid,.column-grid,.team-layout,.role-map,.flow-track,.science-disclosure,.footer-grid{grid-template-columns:1fr}.flow-track>i{transform:rotate(90deg);text-align:center}.team-statement{grid-column:auto}
 .subpage .breadcrumbs{padding:18px}.subpage-hero{padding:42px 18px 76px}.page-hero{padding:18px 0 50px}.subpage .page-visual{width:100%;max-width:100%;margin:36px 0 0}.feature-page-visual,.work-page-visual{min-height:0;height:auto;padding:34px 18px}.feature-page-visual>.app-screen,.route-features-record .feature-page-visual>.app-screen,.route-features-coach .feature-page-visual>.app-screen{position:relative;margin:0;transform:none}.dialogue-page-visual{min-height:0}.dialogue-device{transform:none}.dialogue-page-visual>.dialogue-map{position:relative;right:auto;bottom:auto;width:100%;margin-top:28px}.work-page-visual>.work-visual{margin:0;transform:none}
 .about-brand-composition .brand-manifesto,.team-page-visual .team-map,.brand-manifesto{position:relative;right:auto;bottom:auto;width:100%;margin:0;padding:28px 20px}.about-brand-composition .brand-image picture,.team-page-visual .brand-image picture{aspect-ratio:4/5}.dialogue-experience{margin:0;padding:52px 18px}.dialogue-experience-ui{order:-1;margin-bottom:42px}
 .reading-prose{padding:76px 18px 96px}.reading-chapter,.reading-chapter:nth-child(even){width:100%;margin:0;padding:48px 0 62px}.reading-chapter h2{font-size:clamp(1.9rem,8vw,2.45rem)}.reading-chapter figure,.reading-chapter .key-idea{width:100%;margin-top:38px;transform:none}
 .download-band{padding:32px 22px;display:flex;flex-direction:column;align-items:flex-start}.download-band h2{font-size:clamp(1.75rem,7.5vw,2.2rem)}.store-links{width:100%;flex-wrap:wrap}.store-links a{max-width:calc(50% - 7px)}
}
@media(max-width:1060px){.menu-button{display:block}
.site-nav{display:none;position:absolute;left:16px;right:16px;top:66px;padding:20px;background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}
.site-nav.open{display:flex}
.site-nav a{padding:12px}
.nav-cta{text-align:center;margin-top:8px}}
/* Wide but short laptop windows use normal document flow. */
@media(min-width:1280px) and (max-height:719px){
 html:has(.story-page),html:has(.story-subpage){scroll-snap-type:none}
 .story-page>.hero,.story-page>.section,.story-page>.features-experience>.section,.story-page>.features-experience>.feature-showcase,.story-page>.science-disclosure-screen,.story-subpage .subpage-hero,.story-subpage .dialogue-experience,.story-subpage .reading-chapter,.story-subpage>.page-shell>.download-band{min-height:0;scroll-snap-align:none}
 .story-page .hero,.feature-showcase,.permission,.companionship,.desired-future,.purpose-home,.sheep-companion,.trust-intro,.science-home{padding-top:64px;padding-bottom:72px}
}
@supports not (overflow:clip){html,body{overflow-x:hidden}}
/* Wide desktop: each About V3 chapter is a complete 1440 × 900 slide-like surface. */
@media (min-width:1200px){
 .about-v3{--v3-screen:827px}
 .about-v3>section{min-height:var(--v3-screen);padding-block:82px 0;display:grid;align-items:start}
 .about-v3__frame{width:min(1180px,82vw);gap:92px}
 .about-v3__hero{min-height:var(--v3-screen);padding-top:140px}
 .about-v3__hero .about-v3__frame{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center}
 .about-v3__hero-image{width:456px;transform:translateY(4px)}
 .about-v3__shape--hero{top:0;width:47vw;height:392px;border-radius:0 0 53% 0}
 .about-v3__future{display:flex!important;min-height:var(--v3-screen);padding:82px 0 0!important;flex-direction:column;justify-content:flex-start}
 .about-v3__future .about-v3__frame{align-items:center}
 .about-v3__future-close{width:min(1180px,82vw);margin:18px auto 0}
 .about-v3__shape--future{top:50%;width:34vw;height:226px;transform:translateY(-30%)}
 .about-v3__why .about-v3__frame,.about-v3__sheep .about-v3__frame,.about-v3__ending .about-v3__frame{align-items:center}
 .about-v3__why .about-v3__section-body,.about-v3__sheep .about-v3__section-body{padding-top:76px}
 .about-v3__why .about-v3__number,.about-v3__sheep .about-v3__number{top:-14px}
 .about-v3__ally .about-v3__frame{width:min(1180px,82vw)}
 .about-v3__ally-heading{margin-bottom:44px}
 .about-v3__ally-grid{gap:92px}
 .about-v3__shape--ally{bottom:53px;width:31vw;height:180px}
 .about-v3__not-do{background:#ead5d1}
 .about-v3__not-do .about-v3__inset{width:min(1180px,82vw);padding:52px 60px 48px;border-radius:5px;background:rgba(255,247,240,.5)}
 .about-v3__not-do-grid{gap:92px}
 .about-v3__not-do .about-v3__number{top:39px;right:56px}
 .about-v3__ending .about-v3__section-body{padding-top:68px}
 .about-v3__ending .about-v3__number{top:-10px;right:0}
 .about-v3__shape--ending{bottom:0;width:33vw;height:178px}
 .about-v3__start .about-v3__frame{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}
 .about-v3__start .store-links{display:flex;gap:9px;align-items:center;margin:0 0 20px}
 .about-v3__start .store-links img{display:block;height:35px;width:auto}
 .about-v3__shape--start{bottom:77px;width:29vw;height:164px}
}
/* About target mapping: all desktop coordinates are 630px-source ratios × viewport width. */
@media(min-width:1200px){
 .route-about .about-target-hero{min-height:61.5vw;background:#fff9f5}
 .route-about .about-target-hero__field{top:3.97vw;width:64.9vw;height:25.4vw;border-radius:0 0 54% 0}
 .route-about .about-target-hero__inner{position:relative;display:block;width:100%;height:61.5vw;margin:0;padding:0}
 .route-about .about-target-hero__crumb{position:absolute;top:1.59vw;left:4.92vw;margin:0;color:#6b5a53;font-size:.76vw;line-height:1.2;letter-spacing:.02em}
 .route-about .about-target-hero__copy{position:absolute;top:6.51vw;left:4.92vw;width:43.8vw;padding:0}
 .route-about .about-target-hero__eyebrow{margin:0 0 4.3vw;font-size:.87vw;line-height:1.36;letter-spacing:.17em}
 .route-about .about-target-hero h1{margin:0 0 1.75vw;font-size:3.48vw;line-height:1.12;letter-spacing:.03em}
 .route-about .about-target-hero__statement{margin:0;color:#3a2c28;font-size:2.05vw;font-weight:700;line-height:1.32;letter-spacing:.055em}
 .route-about .about-target-hero__lead{margin:3.4vw 0 0;color:#4e403a;font-size:1.28vw;font-weight:500;line-height:1.42;letter-spacing:.06em}
 .route-about .about-target-hero__body{margin:2.05vw 0 0;color:#6b5a53;font-size:1.06vw;line-height:1.5;letter-spacing:.05em}
 .route-about .about-target-hero__link{margin-top:5.6vw;font-size:.86vw;line-height:1.2}
 .route-about .about-target-hero__visual{position:absolute;top:16.35vw;left:50.79vw;width:47.3vw;margin:0}
 .route-about .about-target-hero__visual img{border-radius:2.85vw 1.42vw 2.85vw 1.42vw;box-shadow:0 1.1vw 2.2vw rgba(80,54,42,.10)}
 .route-about .about-target-hero__visual figcaption{margin-top:3.75vw;font-size:1.45vw;line-height:1.38;letter-spacing:.07em}
}
/* Slide 03 /features/: independent composition, measured from the 630px target. */
.features-v1{width:100%;overflow:hidden;background:#fff7f0;color:#3a2c28;font-family:var(--first-sheep-font)}
/* /about/ target story: each chapter has a dedicated composition, scoped to this route only. */
.route-about .about-target-story{width:100vw;margin-left:calc(50% - 50vw);font-family:var(--first-sheep-font);color:#3a2c28;overflow:hidden}
/* About target geometry lock — projected from the 630px-wide source image. */
@media(min-width:1200px){
 .route-about .about-target-story{
  --about-target-h2:3vw;
  --about-target-body:1.15vw;
  --about-target-support:1.65vw;
  --about-target-display:2.25vw;
  --about-target-number:5.8vw;
  background:#faeee9;
 }
 .about-target-section h2{font-size:var(--about-target-h2);line-height:1.18}
 .about-target-section p{font-size:var(--about-target-body);line-height:1.72}
 .about-target-emphasis{font-size:var(--about-target-support)!important;line-height:1.32!important}
 .about-target-display{font-size:var(--about-target-display)!important;line-height:1.28!important}
 .about-target-number{top:1.6vw;right:11.6vw;font-size:var(--about-target-number);color:rgba(216,154,58,.24)}

 /* 01 — heading, oval, body and closing line follow the source offsets. */
 .about-target-block--future-left{top:.7vw}
 .about-target-block--future-left .about-target-emphasis{margin-top:10.5vw}
 .about-target-block--future-left .about-target-display{margin-top:2.5vw}
 .about-target-block--future-right{top:12.8vw}
 .about-target-close{bottom:3.0vw;font-size:1.3vw!important}

 /* 02 — a quiet, full-width pink surface with intentionally offset columns. */
 .about-target-section--why{background:#f2ddd8}
 .about-target-section--why .about-target-number{color:rgba(255,247,240,.42)}
 .about-target-block--why-right{top:20.2vw}

 /* 03 — retain the broad horizontal reading order of the target. */
 .about-target-block--ally-heading{top:4.7vw}
 .about-target-flow{font-size:1.12vw;line-height:1.55}

 /* 04 — its inset panel starts at the same left edge as the target heading. */
 .about-target-panel{width:75vw;height:48vw;margin-left:10vw;margin-right:15vw;padding-top:6.1vw}
 .about-target-panel h2{margin-left:0;font-size:var(--about-target-h2)}
 .about-target-panel .about-target-number{top:3.1vw;right:4.2vw}
 .about-target-block--not-do-left{left:0;top:17vw}
 .about-target-block--not-do-left ul{font-size:1.28vw;line-height:1.52}
 .about-target-block--not-do-right{top:16.2vw}

 /* 05 and END preserve their source-aligned headings, with room for the body. */
 .about-target-block--sheep-right{top:18.2vw}
 .about-target-section--ending .about-target-number{right:10.4vw;font-size:6.1vw;color:rgba(216,154,58,.22)}

 /* The source includes a pale separator before the last, open CTA surface. */
 .about-target-section--cta{margin-top:4.8vw}
 .about-target-block--cta-left{top:7.35vw}
 .about-target-store-links{top:14.7vw}
}
/* Global lockup and typography supplied with HOME image specification. */
body,button,input,textarea,select,.button,.site-header,.site-footer{font-family:"筑紫A丸ゴシック","Tsukushi A Round Gothic",sans-serif}
.brand-lockup{gap:9px}
.brand-lockup img:first-child{width:38px;height:38px;border-radius:0}
.brand-lockup .brand-wordmark{display:block;width:126px;height:auto;border-radius:0}
.footer-brand>img{display:none}
.footer-brand>div>strong{display:none}
.footer-brand>div:before{content:"";display:block;width:170px;height:32px;background:url("/assets/home-v3/logo2.png") center/contain no-repeat}
.footer-brand:before{content:"";display:block;width:44px;height:44px;background:url("/assets/home-v3/logo1.png") center/contain no-repeat}
.footer-brand{display:flex;align-items:center;gap:9px}
.footer-brand>div{display:flex;flex-direction:column;gap:5px}
/* HOME V3 — independent six-chapter brand story, source: 20260917 assets. */
.home-v3{--ivory:#fff7f0;--cream:#f9efe6;--amber:#d89a3a;--deep:#b96a2c;--apricot:#f3c98b;--pink:#c98f97;--rose:#e8c9cd;--cocoa:#3a2c28;--taupe:#6b5a53;overflow-x:clip;background:var(--ivory);color:var(--cocoa)}
/* HOME V3 local alignment: PPT typography, lockups, and meaningful desktop line breaks. */
:root{--first-sheep-font:"筑紫A丸ゴシック","Tsukushi A Round Gothic",sans-serif}
body,button,input,textarea,select,.button,.site-header,.site-footer,.site-header *,.site-footer *,.home-v3,.home-v3 *{font-family:var(--first-sheep-font)!important}
.brand-lockup,.footer-lockup{display:inline-flex;align-items:center;gap:9px;padding:0!important;background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important}
.brand-lockup img,.footer-lockup img{display:block;padding:0!important;background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important}
.brand-lockup img:first-child,.footer-lockup img:first-child{width:38px;height:38px}
.brand-lockup .brand-wordmark,.footer-lockup .brand-wordmark{width:126px;height:auto}
.footer-brand{display:flex;align-items:flex-start;gap:14px}
.footer-brand:before,.footer-brand>div:before{content:none!important;display:none!important}
.footer-brand>img{display:none!important}
.footer-brand>div>strong{display:none!important}
.footer-brand>div{display:block!important}
.footer-brand>span{display:block;color:var(--muted);font-size:.875rem;line-height:1.55}
@media(max-width:767px){.brand-lockup img:first-child,.footer-lockup img:first-child{width:32px;height:32px}
.brand-lockup .brand-wordmark,.footer-lockup .brand-wordmark{width:110px}
.footer-brand{flex-direction:column;gap:10px}}
.footer-brand{display:block}
.footer-brand__signature{display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.footer-brand__signature>span{display:block;max-width:28rem;color:var(--muted);font-size:.875rem;line-height:1.55}
.footer-lockup img:first-child{border-radius:10px!important;object-fit:cover}
@media(max-width:767px){.footer-brand__signature>span{max-width:100%}}
/* HOME V3 local refinements: clearer Hope layer and more legible brand marks. */
.brand-lockup img:first-child,.footer-lockup img:first-child{width:44px;height:44px}
.brand-lockup .brand-wordmark,.footer-lockup .brand-wordmark{width:146px}
@media(max-width:767px){.brand-lockup img:first-child,.footer-lockup img:first-child{width:36px;height:36px}
.brand-lockup .brand-wordmark,.footer-lockup .brand-wordmark{width:120px}}
/* 01 / a lighter editorial opening, joined to the following chapter by a soft field */
.lp-story-home .lp-hero{
 grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);
 gap:clamp(44px,6vw,88px);
 min-height:auto;
 padding-top:clamp(54px,6.2vw,88px);
 padding-bottom:clamp(82px,8vw,126px);
 background:linear-gradient(180deg,#fffaf4 0%,#fff7f0 78%,#f9efe6 100%);
}
/* 03 / quiet, ordered hope with a clear question-and-future relationship */
.lp-story-home .lp-hope{
 grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);
 gap:clamp(54px,8vw,122px);
 min-height:auto;
 padding-top:clamp(84px,9vw,132px);
 padding-bottom:clamp(84px,9vw,132px);
 background:#fff8ef;
}
/* 04 / acceptance lives on overlapping rose and cream shapes, not a solid colour band */
.lp-story-home .lp-acceptance{
 grid-template-columns:minmax(0,1fr) minmax(0,.9fr);
 gap:clamp(54px,8vw,128px);
 min-height:auto;
 padding-top:clamp(86px,9vw,138px);
 padding-bottom:clamp(88px,9vw,142px);
 background:#f8eee8;
}
/* Full-width editorial surfaces, with a readable inner column. */
.subpage .reading-prose{max-width:none;margin:0;padding:0;counter-reset:none}
/* Family rhythm: same language, different page jobs. */
.family-brand .subpage-hero{grid-template-columns:minmax(320px,.7fr) minmax(560px,1.3fr);background:linear-gradient(135deg,#fff9f2,#f4e2d9 58%,var(--color-rose))}
/* Emotional HOME height refinement */
@media(min-width:1280px) and (min-height:720px){.story-purpose{padding-block:68px}.story-purpose h2{font-size:clamp(4rem,7vw,7rem);margin-bottom:20px}.brand-promise{font-size:clamp(2rem,3.5vw,3.6rem)}.purpose-companion{margin-top:22px}.approach-teaser{margin-top:28px;padding-top:22px}}

/* -------------------------
   Route-specific styles moved from inline markup: /features/dialogue/
   ------------------------- */

.dialogue-target,.coach-target,.work-target{--t-ink:#3a2c28;--t-copy:#6b5a53;--t-ivory:#fff9f3;--t-pink:#f3ddd8;--t-yellow:#fff4c5;--t-line:#dfc8bf;--t-pad:max(7vw,calc((100vw - 1240px)/2));width:100%;overflow:hidden;color:var(--t-ink);background:var(--t-ivory);font-family:var(--first-sheep-font)}.dialogue-target *,.coach-target *,.work-target *{box-sizing:border-box;font-family:inherit}.dialogue-target section,.coach-target section,.work-target section{position:relative;isolation:isolate;overflow:hidden;padding:clamp(78px,8vw,118px) var(--t-pad)}.dialogue-target>section:not(.target-start),.coach-target>section:not(.target-start),.work-target>section:not(.target-start){min-height:clamp(500px,54vw,780px)}.dialogue-target section>i,.coach-target section>i,.work-target section>i{position:absolute;z-index:0;display:block;border-radius:50%;pointer-events:none}.dialogue-target section>div,.dialogue-target section>figure,.dialogue-target section>ol,.coach-target section>div,.coach-target section>figure,.coach-target section>ol,.work-target section>div,.work-target section>figure,.work-target section>ol,.work-target section>dl{position:relative;z-index:2}.dialogue-target h1,.dialogue-target h2,.coach-target h1,.coach-target h2,.work-target h1,.work-target h2{margin:0;color:var(--t-ink);font-weight:700;letter-spacing:.035em;line-height:1.2}.dialogue-target h1,.coach-target h1,.work-target h1{font-size:clamp(44px,4.25vw,60px)}.dialogue-target h2,.coach-target h2,.work-target h2{font-size:clamp(34px,3.15vw,46px)}.dialogue-target span,.coach-target span,.work-target span{display:block;color:#8b6a50;font-size:12px;font-weight:700;letter-spacing:.17em}.dialogue-target p,.coach-target p,.work-target p{color:var(--t-copy);font-size:clamp(16px,1.25vw,18px);line-height:1.85}.dialogue-target a,.coach-target a,.work-target a{color:#76513f;font-size:14px;font-weight:700;text-underline-offset:5px}.dialogue-target>section>b,.coach-target>section>b,.work-target>section>b{position:absolute;z-index:1;top:clamp(38px,4vw,62px);right:var(--t-pad);color:rgba(216,154,58,.23);font-size:clamp(76px,7vw,100px);font-weight:500;line-height:1}.dialogue-target__hero,.coach-target__hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);align-items:center;gap:clamp(70px,12vw,190px);background:#fff9f4}.dialogue-target__hero>i,.coach-target__hero>i{left:-15%;top:-38%;width:57%;height:98%;background:#f5e3cf}.dialogue-target__hero-copy>span,.coach-target__hero>div>span,.work-target__hero>div>span{margin-bottom:20px}.dialogue-target__hero-copy>p,.coach-target__hero>div>p,.work-target__hero>div>p{margin:30px 0 16px;color:#4c3d38;font-size:clamp(26px,2.25vw,34px);font-weight:700;line-height:1.3}.dialogue-target__hero small,.coach-target__hero small,.work-target__hero small{display:block;color:var(--t-copy);font-size:16px;line-height:1.8}.dialogue-target__hero a,.coach-target__hero a,.work-target__hero a{display:inline-block;margin-top:27px}.dialogue-target__hero figure,.coach-target__hero figure{justify-self:center;width:min(100%,255px);margin:0}.dialogue-target__hero img,.coach-target__hero img{display:block;width:100%;height:auto}.dialogue-target__words{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:center;gap:clamp(60px,10vw,150px);background:#fffaf6}.dialogue-target__words>i{left:-15%;bottom:-37%;width:48%;height:70%;background:#f7e5cf}.dialogue-target__words div>span,.dialogue-target__choice div>span,.dialogue-target__values div>span,.dialogue-target__limits div>span,.coach-target__six div>span,.coach-target__steps div>span,.coach-target__position div>span,.coach-target__limits div>span,.work-target__types div>span,.work-target__unfold div>span,.work-target__effect div>span{margin-bottom:20px}.dialogue-target__words div>p{margin:28px 0 0}.dialogue-target__words ol{margin:0;padding:0;list-style:none}.dialogue-target__words li{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:13px 0;border-bottom:1px solid var(--t-line)}.dialogue-target__words li b{font-size:17px}.dialogue-target__words li small{color:#6b5a53;font-size:13px;line-height:1.5}.dialogue-target__choice{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);align-items:center;gap:clamp(70px,12vw,170px);background:var(--t-pink)}.dialogue-target__choice>i{right:-10%;top:-35%;width:46%;height:90%;background:rgba(255,247,240,.5)}.dialogue-target__choice div>p{margin:28px 0}.dialogue-target__choice figure{justify-self:center;width:min(100%,350px);margin:0}.dialogue-target__choice img,.coach-target__steps img,.work-target__effect img{display:block;width:100%;height:auto;border-radius:26px;box-shadow:0 18px 34px rgba(79,52,43,.1)}.dialogue-target__values{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);align-items:center;gap:clamp(65px,10vw,160px);background:#f5dfda}.dialogue-target__values>i{left:-15%;bottom:-35%;width:45%;height:68%;background:rgba(243,201,139,.31)}.dialogue-target__values ul{margin:32px 0 0;padding:0;list-style:none}.dialogue-target__values li{padding:8px 0 8px 22px;color:#6b5a53;font-size:17px;line-height:1.45;position:relative}.dialogue-target__values li:before{content:'—';position:absolute;left:0;color:#b96a2c}.dialogue-target__phases>p{margin:0 0 13px;font-size:15px}.dialogue-target__phases ol{margin:0;padding:0;list-style:none}.dialogue-target__phases li{display:flex;align-items:baseline;gap:16px;padding:8px 0;border-bottom:1px solid #d8bbb4}.dialogue-target__phases li b{font-size:14px}.dialogue-target__phases li span{color:#6b5a53;font-size:13px;font-weight:400;letter-spacing:0}.dialogue-target__limits,.coach-target__limits{display:flex;align-items:center;background:#fffaf3}.dialogue-target__limits>i,.coach-target__limits>i{right:-12%;top:15%;width:48%;height:70%;background:#f7e8d9}.dialogue-target__limits div,.coach-target__limits div{max-width:470px}.dialogue-target__limits div>p,.coach-target__limits div>p{margin:28px 0}.target-start{display:grid;grid-template-columns:1fr auto;align-items:center;gap:70px;min-height:clamp(390px,40vw,570px);background:var(--t-yellow)!important}.target-start p{margin:0 0 23px;color:#8b6a50;font-size:11px;font-weight:700;letter-spacing:.2em}.target-start h2{font-size:clamp(38px,3.5vw,52px)!important}.target-start small{display:block;margin-top:36px;color:#6b5a53;font-size:15px;line-height:1.8}.target-start .store-links{display:flex;gap:8px;align-items:center}.target-start .store-links a{margin:0}.target-start .store-links img{display:block;width:auto;height:40px}.coach-target__six{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);align-items:center;gap:clamp(70px,10vw,160px);background:#fffaf6}.coach-target__six>i{left:-15%;bottom:-35%;width:48%;height:68%;background:#f7e5cf}.coach-target__six div>p{margin:28px 0 0}.coach-target__six ol{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0;padding:0;list-style:none}.coach-target__six li{display:flex;align-items:center;justify-content:center;min-height:64px;padding:10px;border:1px solid #dfc7bd;border-radius:50%;color:#76513f;font-size:15px;text-align:center}.coach-target__steps{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);align-items:center;gap:clamp(65px,11vw,170px);background:#f3ddd8}.coach-target__steps>i{right:-12%;top:-35%;width:45%;height:90%;background:rgba(255,247,240,.48)}.coach-target__steps ul{margin:30px 0 0;padding:0;list-style:none}.coach-target__steps li{position:relative;padding:8px 0 8px 22px;color:#6b5a53;font-size:16px;line-height:1.45}.coach-target__steps li:before{content:'—';position:absolute;left:0}.coach-target__steps figure{justify-self:center;width:min(100%,350px);margin:0}.coach-target__position{display:flex;align-items:center;background:#f2ddd8}.coach-target__position>i{left:-15%;bottom:-35%;width:48%;height:70%;background:rgba(243,201,139,.28)}.coach-target__position div{max-width:580px}.coach-target__position div>p{margin:24px 0}.work-target__hero{display:flex;align-items:center;min-height:clamp(510px,53vw,760px)!important;background:#fff9f4}.work-target__hero>i:first-child{left:-12%;top:-42%;width:52%;height:88%;background:#f5e3cf}.work-target__hero>i:nth-child(2){right:-10%;top:-38%;width:38%;height:70%;background:#f4e4e0}.work-target__types{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.75fr);align-items:center;gap:clamp(70px,11vw,160px);background:#fffaf6}.work-target__type-copy{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:30px}.work-target__type-copy p{margin:0;font-size:16px}.work-target__type-copy strong{color:#3a2c28}.work-target__types dl{margin:0}.work-target__types dl div{display:grid;grid-template-columns:64px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--t-line)}.work-target__types dt{color:#76513f;font-size:18px;font-weight:700}.work-target__types dd{margin:0;color:#6b5a53;font-size:14px}.work-target__unfold{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);align-items:center;gap:clamp(70px,10vw,160px);background:#f3ddd8}.work-target__unfold>i{right:-12%;top:-35%;width:46%;height:90%;background:rgba(255,247,240,.48)}.work-target__unfold div>p{margin:20px 0}.work-target__unfold ol{margin:0;padding:0;list-style:none}.work-target__unfold li{display:grid;gap:4px;padding:16px 0;border-bottom:1px solid #d8bbb4}.work-target__unfold li b{font-size:16px}.work-target__unfold li span{color:#6b5a53;font-size:13px;font-weight:400;letter-spacing:0}.work-target__effect{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);align-items:center;gap:clamp(60px,10vw,160px);background:#f3ddd8}.work-target__effect>i{left:-15%;bottom:-35%;width:48%;height:70%;background:rgba(243,201,139,.32)}.work-target__effect div>p{margin:25px 0}.work-target__effect figure{justify-self:center;width:min(100%,350px);margin:0}@media(max-width:860px){.dialogue-target section,.coach-target section,.work-target section{min-height:0!important;padding:86px 28px}.dialogue-target__hero,.coach-target__hero,.dialogue-target__words,.dialogue-target__choice,.dialogue-target__values,.coach-target__six,.coach-target__steps,.work-target__types,.work-target__unfold,.work-target__effect{display:block}.dialogue-target__hero figure,.coach-target__hero figure,.dialogue-target__choice figure,.coach-target__steps figure,.work-target__effect figure{margin:45px auto 0}.dialogue-target__words ol,.dialogue-target__values .dialogue-target__phases,.coach-target__six ol,.work-target__types dl,.work-target__unfold ol{margin-top:40px}.dialogue-target__choice figure,.coach-target__steps figure,.work-target__effect figure{width:100%;max-width:360px}.dialogue-target>section>b,.coach-target>section>b,.work-target>section>b{right:28px;top:34px}.target-start{display:block}.target-start .store-links{margin-top:32px}.target-start .store-links img{height:36px}.work-target__type-copy{display:block}.work-target__type-copy p+ p{margin-top:18px}}

.dialogue-target section{scroll-margin-top:74px}.dialogue-target__crumb{position:absolute!important;z-index:3!important;top:1.6vw;left:4.9vw;margin:0!important;font-size:.76vw!important}.dialogue-target__hero em{display:block;margin-top:14px;color:#8b6a50;font-size:12px;font-style:normal;font-weight:700;letter-spacing:.17em}.dialogue-target__words ol[role=table],.dialogue-target__phases ol[role=table]{margin:0;padding:0}.dialogue-target__words li[role=row],.dialogue-target__phases li[role=row]{list-style:none}.dialogue-target__table-caption{margin:0 0 12px!important;color:#3a2c28!important;font-size:15px!important;font-weight:700}@media(max-width:860px){.dialogue-target__crumb{top:34px;left:28px;font-size:.72rem!important}.dialogue-target__hero figure{width:min(72vw,255px)}}

@media(min-width:1200px){
.dialogue-target,.coach-target,.work-target{--t-pad:10.2vw}
.dialogue-target section,.coach-target section,.work-target section{padding-left:var(--t-pad);padding-right:var(--t-pad)}
.dialogue-target>section:not(.target-start),.coach-target>section:not(.target-start),.work-target>section:not(.target-start){min-height:50vw}
.dialogue-target__hero,.coach-target__hero{grid-template-columns:38% 25%;justify-content:space-between;gap:0}
.dialogue-target__words,.dialogue-target__choice,.dialogue-target__values,.coach-target__six,.coach-target__steps,.coach-target__position,.work-target__types,.work-target__unfold,.work-target__effect{grid-template-columns:38% 34%;justify-content:space-between;gap:0}
.dialogue-target__choice figure,.coach-target__position figure,.work-target__effect figure{width:25vw}
.dialogue-target>section>b,.coach-target>section>b,.work-target>section>b{right:5.8vw}
.target-start{padding-left:10.2vw;padding-right:10.2vw}
}
