/* Site chrome, shared accents, social channels and locale typography. */
.section-heading h2,.tools-heading h2,.growth-copy h2{font-size:clamp(34px,3.7vw,52px);line-height:1.38;letter-spacing:-.035em}
.heading-accent{position:relative;z-index:0;display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.heading-accent:before{content:'';position:absolute;z-index:-1;inset:36% -5px 2%;background:#efe3dd;border-radius:31% 15% 24% 13% / 23% 26% 18% 22%;transform:scaleX(var(--accent-reveal,1));transform-origin:left;transition:transform 800ms cubic-bezier(.22,.7,.2,1)}
.stories .body-copy{font-size:17px}
.questions{padding-block:115px;gap:100px}
.questions summary{font-size:18px;padding:23px 42px 23px 8px;border-bottom-color:#e6ded9}
.questions details>p{padding-left:8px;font-size:16px}
.questions details[open]{background:#faf7f4;border-radius:5px}
.questions summary:after{top:21px;right:12px}
.questions h2{font-size:36px}
.closing{width:100%;border-radius:0;display:grid;grid-template-columns:1fr 1fr;min-height:440px;background:#f3eee7}
.closing-landscape{position:relative;grid-column:2;grid-row:1;height:100%;min-height:440px;overflow:hidden}
.closing-landscape canvas{opacity:1!important;position:absolute;inset:0}
.closing-copy{grid-column:1;grid-row:1;text-align:left;padding:70px max(40px,calc((100vw - 1180px)/2));padding-right:30px;white-space:nowrap}
.closing-copy h2{font-size:clamp(32px,3vw,45px);letter-spacing:-.035em}
.closing-copy .button{background:#e1cabf;transition:background 200ms,transform 250ms}
.closing-copy .button:hover{background:#d8bcae;transform:translateY(-2px)}
.footer-main{gap:72px}
.footer-about p{font-size:15px}
.footer nav>a{font-size:15px}
.footer-bottom{font-size:13px}
@media(max-width:760px){
.section-heading h2,.tools-heading h2,.growth-copy h2{font-size:33px}
.questions{padding-block:75px}
.questions h2{font-size:30px}
.questions summary{font-size:16px}
.questions details>p{font-size:15px}
.closing{display:flex;flex-direction:column-reverse}
.closing-landscape{width:100%;min-height:290px}
.closing-copy{white-space:normal;width:100%;padding:45px 24px;text-align:left}
.closing-copy h2{font-size:34px}
.footer-main{gap:25px;padding-top:15px}
.footer-about p,.footer nav>a{font-size:14px}
.footer-bottom{font-size:12px}
}
.stories{background:#faf7f4;padding:88px 0 84px}
.stories .section-heading h2{font-size:clamp(32px,3.3vw,45px)}
.social-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px}
.channel-link{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:32px 30px 30px;min-height:215px;background:#fff;border-radius:7px;transition:background 250ms,transform 350ms cubic-bezier(.22,.7,.2,1);color:#473e3b}
.channel-link .channel-icon{width:35px;height:35px;margin-bottom:25px}
.channel-name{font-size:24px;letter-spacing:-.03em;line-height:1.3}
.channel-description{font-size:14px;color:#776b66;margin-top:9px;word-break:keep-all}
.channel-link .channel-arrow{position:absolute;top:34px;right:28px;width:20px;height:20px;color:#776b66;transition:transform 250ms}
.channel-link:hover,.channel-link:focus-visible{background:#efe3dd;text-decoration:none;transform:translateY(-3px)}
.channel-link:hover .channel-arrow,.channel-link:focus-visible .channel-arrow{transform:translate(3px,-3px)}
@media(max-width:760px){
.stories{padding:65px 0 60px}
.social-channels{grid-template-columns:1fr;gap:12px;margin-top:30px}
.channel-link{min-height:112px;padding:23px 46px 22px 82px;justify-content:center}
.channel-link .channel-icon{position:absolute;left:24px;top:34px;width:31px;height:31px;margin:0}
.channel-name{font-size:22px}
.channel-description{font-size:13px;margin-top:5px}
.channel-link .channel-arrow{right:19px;top:44px;width:18px;height:18px}
}
.footer{padding-top:56px}
.footer-main{padding-top:0}
.footer-about .brand{font-size:23px;letter-spacing:-.035em}
@media(max-width:760px){
.footer{padding-top:40px}
.footer-about .brand{font-size:21px}
}
.growth-live{width:100%;max-width:510px;justify-self:center}
.growth-art{position:relative;aspect-ratio:780/660;isolation:isolate}
.growth-art:before{content:'';position:absolute;z-index:-1;left:11%;right:11%;bottom:10%;height:66%;background:#e8ecdf;opacity:.62;border-radius:70% 48% 62% 46%;transform:rotate(-6deg)}
.growth-art img{width:100%;height:100%;object-fit:contain;transform-origin:50% 85%}
.growth-live figcaption{display:flex;justify-content:space-between;align-items:center;max-width:330px;margin:4px auto 0;font-size:17px}
.growth-stage-count{font-size:12px;color:#776b66}
@media(max-width:760px){
.growth-live{max-width:350px}
.growth-live figcaption{font-size:15px;max-width:260px}
}
.growth-art>svg{display:block;width:100%;height:100%;overflow:visible}
.header{height:76px;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(71,62,59,.055)}
.header-inner{width:min(1320px,calc(100% - 88px));gap:48px}
.header .brand{font-size:23px;font-weight:400;letter-spacing:-.055em;line-height:1.2}
.header nav{gap:20px;margin-left:auto;margin-right:24px}
.header nav a{font-size:14px;letter-spacing:-.015em;color:#776b66;padding:0 4px;white-space:nowrap;transition:color 180ms}
.header nav a:hover,.header nav a:focus-visible{color:#473e3b;text-decoration:none}
.header-end{gap:0}
@media(max-width:1000px){
.header{height:auto}
.header-inner{width:calc(100% - 32px);display:grid;grid-template-columns:1fr auto;gap:0}
.header .brand{font-size:21px;min-height:66px;justify-self:start}
.header nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-column:1/-1;grid-row:2;gap:0;margin:0;padding-bottom:6px}
.header-end{grid-column:2;grid-row:1;margin:0}
}
.header nav a{position:relative;isolation:isolate;padding-inline:14px;min-height:44px}
.header nav a:before,.header .brand:before{content:'';position:absolute;z-index:-1;inset:7px 2px;background:#efe3dd;opacity:0;transform:scale(.92,.86);border-radius:27% 16% 24% 17% / 23% 29% 22% 27%;transition:opacity 110ms,transform 280ms cubic-bezier(.22,.61,.36,1);pointer-events:none}
.header nav a:hover:before,.header nav a:focus-visible:before,.header .brand:hover:before,.header .brand:focus-visible:before{opacity:1;transform:scale(1)}
.header nav a:active:before,.header .brand:active:before{background:#e1cabf}
@media(max-width:1100px) and (min-width:1001px){
.header-inner{width:calc(100% - 48px);gap:12px}
.header nav{gap:4px;margin-right:0}
.header nav a{padding-inline:9px}
}
@media(max-width:1000px){
.header nav a{justify-content:center;padding:6px 4px;min-height:44px;font-size:12px;line-height:1.35;white-space:normal;text-align:center}
}
.intro-release{margin-top:26px}
@media(prefers-reduced-motion:reduce){
.header nav a:before,.header .brand:before{transition:none}
}
html:not([lang=ko]) .intro-copy h1{font-size:clamp(40px,4.1vw,62px)}
html:not([lang=ko]) .intro-copy .eyebrow{font-size:12px;letter-spacing:.05em}
html:not([lang=ko]) .intro-description{font-size:18px}
html:not([lang=ko]) .intro-scene-copy h2{font-size:clamp(32px,3.4vw,48px)}
html:not([lang=ko]) .customize-caption{font-size:14px}
html:not([lang=ko]) .room-print figcaption{font-size:15px;gap:10px}
html:not([lang=ko]) .closing-copy{white-space:normal}
@media(max-width:760px){
html:not([lang=ko]) .intro-copy h1{font-size:33px}
html:not([lang=ko]) .intro-description{font-size:14px}
html:not([lang=ko]) .intro-scene-copy h2{font-size:29px}
html:not([lang=ko]) .intro-scene-copy p:last-child{font-size:14px}
}
.language-picker{position:relative;font-size:13px;color:#594b44}
.language-picker summary{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:8px;min-width:100px;min-height:44px;padding:8px 12px;list-style:none;cursor:pointer;border-radius:5px;user-select:none}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary:before{content:'';position:absolute;z-index:-1;inset:6px 0;background:#efe3dd;border-radius:25% 14% 20% 18% / 22% 26% 21% 27%;opacity:0;transition:opacity 140ms}
.language-picker summary:hover:before,.language-picker summary:focus-visible:before,.language-picker[open] summary:before{opacity:1}
.language-picker summary>svg{width:15px;height:15px;transition:transform 180ms}
.language-picker[open] summary>svg{transform:rotate(180deg)}
.language-options{position:absolute;z-index:30;top:calc(100% + 8px);right:0;min-width:172px;max-height: min(360px,65svh);overflow-y:auto;margin:0;padding:6px;background:#fff;box-shadow:0 8px 32px #473e3b15,0 0 0 1px #473e3b0c;border-radius:7px;list-style:none}
.language-options a{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;padding:10px 13px;border-radius:4px;color:#776b66;text-decoration:none}
.language-options a:hover,.language-options a:focus-visible{background:#f4ede8;color:#473e3b;text-decoration:none}
.language-options a[aria-current=page]{color:#473e3b;background:#faf7f4}
.language-check{font-size:14px;visibility:hidden}
.language-options [aria-current=page] .language-check{visibility:visible}
.language-picker summary:focus-visible{outline:2px solid #b17457;outline-offset:2px}
@media(max-width:760px){
.language-picker{font-size:12px}
.language-picker summary{min-width:90px;padding:8px 9px}
.language-options{min-width:160px}
}
@media(prefers-reduced-motion:reduce){
.language-picker summary:before,.language-picker summary>svg{transition:none}
}

/* Wordmark shares the app selection wash; keep its original dimensions. */
.header .brand{position:relative;isolation:isolate}
.header .brand:hover,.header .brand:focus-visible{text-decoration:none}
.header .brand:before{inset:7px -10px}

/* Native language names remain readable in a searchable, bounded menu. */
.language-picker summary{max-width:180px;line-height:1.4}
.language-picker summary [data-language-current]{overflow-wrap:anywhere}
.language-panel{position:absolute;z-index:30;top:calc(100% + 8px);inset-inline-end:0;width:min(290px,calc(100vw - 32px));padding:10px;background:#fff;box-shadow:0 8px 32px #473e3b15,0 0 0 1px #473e3b0c;border-radius:7px}
.language-panel input{display:block;width:100%;min-width:0;min-height:44px;padding:10px 12px;font:inherit;font-size:14px;line-height:1.5;color:#473e3b;background:#faf7f4;border:1px solid #e5ddd7;border-radius:4px}
.language-panel input:focus{outline:2px solid #95705b;outline-offset:1px}
.language-panel .language-options{position:static;min-width:0;max-height:min(320px,50svh);padding:6px 0 0;box-shadow:none;border-radius:0;overscroll-behavior:contain}
.language-panel .language-options a{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;gap:12px;min-height:44px;padding:10px 12px;line-height:1.5}
.language-panel [hidden]{display:none!important}
.language-empty{padding:18px 12px;color:var(--muted);font-size:14px;line-height:1.6}
html:not([lang=ko]) h1,html:not([lang=ko]) h2,html:not([lang=ko]) h3{word-break:normal;overflow-wrap:break-word}
.header nav a{hyphens:auto;overflow-wrap:anywhere}
html[dir=rtl]{text-align:start}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .eyebrow{letter-spacing:normal}
html[dir=rtl] .header nav{margin-left:24px;margin-right:auto}
html[dir=rtl] .closing-copy,html[dir=rtl] .task-row,html[dir=rtl] .journey-heading{text-align:start}
html[dir=rtl] .heading-accent:before{transform-origin:right}
html[dir=rtl] .task-row .task-name{letter-spacing:normal}
html[dir=rtl] .task-row .task-check{margin-right:0;margin-left:14px}
html[dir=rtl] .questions summary{padding-right:8px;padding-left:42px}
html[dir=rtl] .questions summary:after{right:auto;left:12px}
html[dir=rtl] .channel-link .channel-arrow{right:auto;left:28px}
.brand,.intro-phone,#device-stage{direction:ltr}
html{scroll-padding-top:calc(var(--site-header-height,76px) + 24px)}
@media(max-width:1000px){
.language-picker summary{max-width:40vw;min-width:80px;padding-inline:9px}
.header nav,html[dir=rtl] .header nav{margin:0}
}
@media(max-width:760px){
html[dir=rtl] .channel-link{padding-right:82px;padding-left:46px}
html[dir=rtl] .channel-link .channel-icon{left:auto;right:24px}
html[dir=rtl] .channel-link .channel-arrow{left:19px}
}