/* Content-specific layout overrides; loaded after the shared theme in style.css. */
.hero{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);column-gap:12px}
.hero h1{font-size:clamp(40px,4.25vw,68px);white-space:normal;line-height:1.12;text-wrap:balance}
.hero-copy,.section-intro>*{min-width:0}
.hero-intro{max-width:510px}
.hero-art{margin-inline:0}
.hero-actions{flex-wrap:wrap;gap:12px 24px}
.theme-toggle{min-width:44px;min-height:44px}
html[lang=ko] .hero h1{font-size:clamp(36px,3.8vw,60px);letter-spacing:-.065em;line-height:1.3;word-break:keep-all}
html[lang=ko] .learning-loop,html[lang=ko] .horizon{word-break:keep-all;overflow-wrap:anywhere}
.learning-loop{margin-top:64px;padding:36px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.loop-heading{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-top:20px}
.loop-heading h3,.horizon-heading h3{font-size:clamp(26px,2.8vw,40px);font-weight:500;letter-spacing:-.045em;line-height:1.25}
.loop-heading>p{font-size:14px;color:var(--muted);max-width:510px}
.learning-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:0;margin:36px 0 0}
.learning-steps li{border-top:1px solid var(--line);padding-top:18px}
.step-number{font:11px monospace;letter-spacing:.08em;color:var(--blue)}
.learning-steps h4{font-size:18px;font-weight:500;letter-spacing:-.025em;margin-top:15px}
.learning-steps p{font-size:13px;color:var(--muted);margin-top:8px}
.loop-return{display:flex;gap:12px;border-top:1px solid var(--line);margin-top:28px;padding-top:20px;font-size:12px;color:var(--muted)}
.loop-return>span{font-size:20px;line-height:1.1;color:var(--blue)}
.horizon{border-top:1px solid #43505e;margin-top:80px;padding-top:72px}
.horizon>.eyebrow{color:#b7cbea}
.horizon-heading{display:grid;grid-template-columns:1fr 1fr;gap:72px;margin-top:26px;align-items:start}
.horizon-heading>p{font-size:14px;line-height:1.85;color:#c0ccd8}
.horizon-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px}
.horizon-principles article{border-top:1px solid #43505e;padding-top:20px}
.horizon .small-label{color:#b8c6d6}
.horizon-principles h4{font-size:18px;font-weight:500;margin-top:16px;letter-spacing:-.02em}
.horizon-principles p{font-size:13px;color:#c0ccd8;margin-top:12px}
.horizon-note{font-size:12px;color:#b1bfce;line-height:1.8;max-width:940px;margin-top:28px}
.roadmap-label{margin-top:52px}
.capability-roadmap{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;padding:0;margin:24px 0 0}
.capability-roadmap li{position:relative;padding-top:22px;border-top:1px solid #63758a}
.capability-roadmap li:before{content:'';position:absolute;left:0;top:-4px;width:7px;height:7px;background:#afc8ed;border-radius:50%}
.capability-roadmap li>span{font:10px monospace;color:#b8c6d6;letter-spacing:.08em}
.capability-roadmap h4{font-size:16px;font-weight:500;margin-top:14px}
.capability-roadmap p{font-size:12px;color:#c0ccd8;margin-top:8px}
.aspiration{border-left:2px solid #afc8ed;padding-left:22px;margin-top:44px;max-width:950px}
.aspiration h4{font-size:17px;font-weight:500;line-height:1.5}
.aspiration p{font-size:13px;color:#c0ccd8;margin-top:12px}
.product-copy>p{min-height:0}
.design-principles{margin-top:36px;border-block:1px solid var(--line)}
.design-principles summary{padding:22px 4px;cursor:pointer;font-size:14px;font-weight:500;min-height:48px}
.design-principles summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.design-principles .values{padding:6px 0 28px}
.learning-loop{border-left:3px solid var(--blue)}
.learning-steps li{position:relative}
.learning-steps li:not(:last-child):after{content:'→';position:absolute;right:0;top:14px;color:var(--muted)}
.loop-return{color:var(--ink)}
.product-card{display:flex;flex-direction:column}
.product-copy{flex:1;display:flex;flex-direction:column;align-items:flex-start}
.product-copy .tags{margin-top:auto;padding-top:24px}
.language,.menu-toggle{min-width:44px;justify-content:center}
.footer-meta a{display:inline-flex;align-items:center;min-height:44px}
.footer-meta{align-items:center}
html[lang=ko] h3,html[lang=ko] h4,html[lang=ko] .future-grid p{word-break:keep-all;overflow-wrap:anywhere}
.legal h1{overflow-wrap:anywhere}
@media(min-width:901px){.hero{min-height:660px}}
@media(max-width:600px){
 .section h2{font-size:clamp(28px,7.6vw,35px);line-height:1.2}
 .product-copy h3{font-size:clamp(22px,6.3vw,26px)}
 .values p,.domains p{font-size:13px}
 .visual-caption,.status,.tags span{font-size:11px}
 .future-grid p.future-note{font-size:12px}
 .footer-meta{flex-wrap:wrap;gap:8px 18px;justify-content:flex-start}
 .learning-steps li:nth-child(2):after{content:none}
 .learning-steps li:last-child:before{content:'↳';position:absolute;right:0;top:14px;color:var(--blue)}
}
@media(max-width:1100px){.loop-heading,.horizon-heading{gap:32px}.learning-loop{padding:28px}.hero h1{font-size:clamp(36px,4.6vw,52px)}}
@media(max-width:900px){.hero h1{font-size:clamp(34px,4.5vw,44px)}html[lang=ko] .hero h1{font-size:clamp(30px,4vw,38px)}.loop-heading,.horizon-heading{grid-template-columns:1fr;gap:20px}.learning-steps,.capability-roadmap{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.horizon-principles{gap:22px}.horizon{padding-top:52px;margin-top:56px}}
@media(max-width:600px){.hero{grid-template-columns:1fr}.hero h1{font-size:clamp(30px,7.65vw,46px);letter-spacing:-.055em;text-wrap:initial}html[lang=ko] .hero h1{font-size:clamp(28px,7.4vw,44px)}.hero-art{margin:10px auto 0}.hero-intro{font-size:14px}.hero-foot{gap:16px}.hero-foot span:last-child{display:none}.learning-loop{padding:24px 20px;margin-top:36px}.loop-heading h3,.horizon-heading h3{font-size:27px}.loop-heading>p,.horizon-heading>p{font-size:14px}.horizon-principles{grid-template-columns:1fr;gap:24px}.horizon-principles h4{margin-top:10px}.horizon-principles p{max-width:450px}.horizon-note{font-size:12px}.learning-steps h4{font-size:17px}.learning-steps p{font-size:13px}.learning-steps,.capability-roadmap{gap:24px 18px}.horizon>.eyebrow{font-size:9px}.roadmap-label{font-size:9px;line-height:1.8}.aspiration{padding-left:16px}.statement{flex-wrap:wrap;justify-content:flex-start;gap:8px 14px;padding-block:20px}.statement span{font-size:11px}}
@media(max-width:360px){.hero h1{font-size:28px}html[lang=ko] .hero h1{font-size:25px}.learning-steps,.capability-roadmap{grid-template-columns:1fr}.learning-steps li{display:grid;grid-template-columns:30px 1fr;gap:6px 12px}.learning-steps h4{margin-top:0}.learning-steps p{grid-column:2;margin-top:0}.step-number{padding-top:5px}.learning-loop{padding:22px 16px}.controls{gap:10px}}
@media(prefers-reduced-motion:reduce){.hero-art .sculpture{animation:none}}
