.editorial-page{--topic-line:#ffffff24;background:#101010}.editorial-page .site-header{max-width:none;padding-inline:4.5vw;min-height:88px}.editorial-page .site-header nav{gap:24px}.editorial-page main{max-width:none}.topic-page{overflow:clip}.topic-page>section,.topic-ribbon{padding-inline:4.5vw;max-width:1800px;margin-inline:auto}.topic-hero{position:relative;display:grid;grid-template-columns:1.55fr 1fr;gap:4vw;align-items:center;min-height:calc(100svh - 88px);padding-block:32px 50px}.topic-title{position:relative;z-index:1}.topic-title>.eyebrow{display:inline-block;margin-bottom:32px}.topic-title h1{font-size:clamp(54px,5.65vw,100px);letter-spacing:-.055em;line-height:1.05}.topic-title h1 span{display:block}.topic-title h1 span:last-child{color:#9c9a95}.topic-intro{font-size:clamp(17px,1.45vw,23px);max-width:640px;line-height:1.65;margin:30px 0;color:#c7c5c0}.topic-explore{display:flex;align-items:center;justify-content:space-between;width:170px;border-bottom:1px solid #73716d;padding-block:15px;font-size:12px}.topic-explore span{font-size:24px}.topic-hero-film{position:relative;height:min(76svh,850px);min-height:480px;background:#202020;overflow:hidden;isolation:isolate}.topic-hero-film video{width:100%;height:100%;object-fit:cover}.hero-film-overlay{position:absolute;inset:auto 0 0;padding:65px 25px 22px;background:linear-gradient(transparent,#000b);display:grid;gap:20px}.hero-film-overlay>span{font-size:10px;letter-spacing:.025em;color:#d1d0cc}.film-open{display:flex;align-items:center;gap:12px;font-size:13px;width:fit-content}.play-icon{display:grid;place-items:center;border:1px solid #fffa;width:44px;height:44px;border-radius:50%;font-size:12px;background:#0004}.film-time{font-size:10px;color:#ddd;margin-left:12px}.film-open:hover .play-icon{background:#eeece6;color:#111}.topic-ribbon{min-height:65px;display:flex;align-items:center;gap:25px;border-block:1px solid var(--topic-line);font-size:10px;color:#afada8;letter-spacing:.06em;text-transform:uppercase}.topic-ribbon>span:nth-child(2){margin-left:auto}.motion-toggle{background:none;color:#aaa;border:0;border-left:1px solid #666;padding:8px 0 8px 25px;font:inherit;font-size:10px;cursor:pointer;letter-spacing:0;text-transform:none}.topic-opening{display:grid;grid-template-columns:1fr 1.2fr;gap:20px 8vw;padding-block:80px 55px}.topic-opening>.eyebrow{grid-column:1/-1;margin:0}.topic-opening h2{font-size:clamp(38px,4.3vw,72px);max-width:700px}.topic-opening>p:last-child{font-size:16px;max-width:710px;align-self:end;margin-bottom:0}.chapter-feature{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start;padding-bottom:60px}.story-visual{position:sticky;top:28px;align-self:start;padding-top:16px}.story-images{display:grid;gap:20px}.story-frame{margin:0;position:relative;background:#202020;overflow:hidden;isolation:isolate}.story-frame img{width:100%;height:100%;object-fit:cover}.story-frame figcaption{position:absolute;bottom:0;left:0;right:0;padding:60px 22px 20px;background:linear-gradient(transparent,#000b);font-size:11px;color:#e9e7e0}.story-progress{height:2px;background:#373633;margin-top:15px;overflow:hidden}.story-progress span{display:block;height:100%;background:#dfddd6;transform-origin:left;transform:scaleX(var(--chapter-progress,.3333))}.chapter{min-height:64svh;display:flex;flex-direction:column;justify-content:center;padding-block:45px;max-width:620px}.chapter-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#8e8c86}.chapter h2{font-size:clamp(32px,3.65vw,58px);line-height:1.1;margin-bottom:26px}.chapter>p:last-child{font-size:16px;line-height:1.8;margin:0;max-width:540px}.has-motion .story-images{position:relative;height:min(78svh,850px)}.has-motion .story-frame{position:absolute;inset:0}.has-motion .story-frame:not(:first-child){clip-path:inset(100% 0 0 0)}.theme-product .topic-hero{grid-template-columns:1fr 1.2fr}.theme-product .topic-title{order:2}.theme-product .topic-hero-film{order:1;height:min(77svh,900px);margin-right:4vw}.theme-product .topic-title h1{font-size:clamp(56px,6.4vw,110px)}.theme-product .chapter-feature{grid-template-columns:1.2fr 1fr}.theme-product .story-visual{order:2}.theme-product .chapter-list{order:1}.theme-product .topic-practical{background:#242322;color:#eae9e4}.theme-product .topic-practical p,.theme-product .topic-practical dd,.theme-product .topic-practical .eyebrow{color:#bab8b2}.theme-product .preparation-list>div{border-color:#ffffff30}.theme-planning .topic-hero{grid-template-columns:1.7fr .7fr;gap:6vw}.theme-planning .topic-title h1{font-size:clamp(50px,5.6vw,95px)}.theme-planning .topic-hero-film{height:min(66svh,730px);min-height:430px;margin-top:40px}.theme-planning .topic-hero-film video{filter:saturate(.65)}.theme-planning .story-images{height:min(74svh,800px)}.theme-planning .chapter-list{border-left:1px solid var(--topic-line);padding-left:3vw}.topic-practical{border-block:1px solid var(--topic-line);display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;padding-block:75px;background:#191919}.topic-practical h2{font-size:clamp(36px,4vw,62px);max-width:520px}.topic-practical>div>p:last-child{max-width:480px;margin-top:26px;font-size:15px}.preparation-list{margin:0;align-self:start}.preparation-list>div{display:grid;grid-template-columns:125px 1fr;gap:26px;border-top:1px solid #ffffff30;padding:24px 0}.preparation-list dt{font-size:14px;color:inherit}.preparation-list dd{font-size:14px;line-height:1.8;color:#b6b4ae;margin:0}.topic-detail{padding-block:75px;display:grid;grid-template-columns:1fr 1.2fr;gap:20px 8vw}.topic-detail .eyebrow{grid-column:1/-1;margin:0}.topic-detail h2{font-size:clamp(32px,3.5vw,52px);max-width:520px}.topic-detail>p:last-child{font-size:16px;margin:0;max-width:680px}.topic-film-note{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;align-items:center;padding-block:20px 75px}.note-film{position:relative;height:450px;max-width:420px;overflow:hidden;background:#222}.note-film video{width:100%;height:100%;object-fit:cover}.note-film .film-open{position:absolute;bottom:24px;left:24px;padding:8px 14px 8px 8px;background:#0008;border-radius:28px}.topic-film-note>div>h2{font-size:clamp(38px,5vw,80px);margin-bottom:25px}.topic-film-note>div>p{max-width:570px}.topic-faq{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;padding-block:65px;border-top:1px solid var(--topic-line)}.topic-faq h2{font-size:clamp(34px,4vw,60px)}.topic-next{padding-block:45px 65px;border-top:1px solid var(--topic-line)}.topic-next>div{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.topic-next a{font-size:clamp(18px,2vw,28px);line-height:1.3;letter-spacing:-.035em;display:flex;gap:24px;justify-content:space-between;padding:22px 0;border-block:1px solid var(--topic-line);transition:color .2s}.topic-next a:hover{color:#fff}.topic-contact{background:#1a1a1a;padding-block:70px}.topic-contact h2{font-size:clamp(40px,6vw,88px);max-width:1100px}.topic-contact>p:not(.eyebrow){margin-top:25px;max-width:700px;font-size:16px}.editorial-page .site-footer{max-width:none;padding-inline:4.5vw}.topic-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:16px 28px 28px;background:#090909;color:#eee;border:0}.topic-dialog::backdrop{background:#000d}.dialog-bar{display:flex;justify-content:space-between;align-items:center;height:55px;gap:20px}.dialog-bar h2{font-size:15px;letter-spacing:0}.film-close{background:#242424;border:1px solid #666;color:#eee;padding:10px 16px;font:inherit;font-size:13px;cursor:pointer}.topic-player{width:100%;height:calc(100% - 55px);object-fit:contain}.editorial-page button:focus-visible{outline:2px solid #eee;outline-offset:5px}.motion-paused .story-frame{transition:none!important}.motion-paused .topic-hero-film{transform:none!important}
@media(min-width:1500px){.topic-page>section,.topic-ribbon{padding-inline:6vw}.topic-title h1{font-size:100px}}
@media(max-width:1000px){.topic-title h1{font-size:56px}.topic-hero{gap:30px;grid-template-columns:1.2fr 1fr}.topic-hero-film{min-height:440px;height:65svh}.topic-opening,.chapter-feature,.topic-practical,.topic-detail,.topic-film-note,.topic-faq{gap:35px}.topic-title h1 span{display:inline}.topic-title h1 span:last-child{display:block}.theme-product .topic-title h1{font-size:60px}.preparation-list>div{grid-template-columns:100px 1fr;gap:15px}.chapter h2{font-size:38px}}
@media(max-width:700px){.editorial-page .site-header{padding-inline:22px}.editorial-page .site-header nav{gap:20px}.topic-page>section,.topic-ribbon{padding-inline:22px}.topic-hero,.theme-product .topic-hero,.theme-planning .topic-hero{display:flex;flex-direction:column;gap:28px;min-height:0;padding-top:30px;padding-bottom:0;align-items:stretch}.topic-title,.theme-product .topic-title{order:0}.topic-title>.eyebrow{margin-bottom:22px;font-size:9px;letter-spacing:.075em}.topic-title h1,.theme-product .topic-title h1,.theme-planning .topic-title h1{font-size:clamp(38px,10.4vw,62px);line-height:1.1;letter-spacing:-.05em}.topic-title h1 span{display:block}.topic-intro{font-size:16px;line-height:1.7;margin:24px 0 15px}.topic-explore{width:140px;padding-block:10px}.topic-hero-film,.theme-product .topic-hero-film,.theme-planning .topic-hero-film{margin:0 -22px;min-height:0;height:min(115vw,68svh);max-height:680px;order:1}.theme-product .topic-hero-film{height:min(125vw,72svh)}.theme-planning .topic-hero-film{height:100vw}.hero-film-overlay{padding:55px 22px 20px}.topic-ribbon{gap:10px;min-height:65px;flex-wrap:wrap;padding-block:13px;font-size:8px}.topic-ribbon>span:nth-child(2){margin-left:auto}.motion-toggle{padding-left:12px;margin-left:auto}.topic-opening{display:block;padding-block:45px 26px}.topic-opening .eyebrow{margin-bottom:18px}.topic-opening h2{font-size:39px;margin-bottom:24px}.topic-opening>p:last-child{font-size:15px}.chapter-feature,.theme-product .chapter-feature{display:block;padding-inline:0!important;padding-bottom:20px}.story-visual,.theme-product .story-visual{position:sticky;top:0;padding-top:0;z-index:2;background:#101010}.has-motion .story-images,.theme-planning.has-motion .story-images{height:40svh;min-height:260px;max-height:390px}.story-frame img{object-position:center 48%}.story-frame figcaption{padding:45px 22px 16px;font-size:10px}.story-progress{margin:0;height:2px}.chapter-list,.theme-planning .chapter-list{padding:0 22px;border:0}.chapter{min-height:58svh;padding:28px 0 35px;justify-content:center}.chapter-kicker{font-size:9px;margin-bottom:18px}.chapter h2{font-size:34px;margin-bottom:20px}.chapter>p:last-child{font-size:14px;line-height:1.75}.topic-practical{display:block;padding-block:44px}.topic-practical h2{font-size:37px}.topic-practical>div>p:last-child{margin:20px 0 30px}.preparation-list>div{grid-template-columns:85px 1fr;gap:18px;padding:20px 0}.preparation-list dt,.preparation-list dd{font-size:13px}.topic-detail{display:block;padding-block:45px}.topic-detail .eyebrow{margin-bottom:18px}.topic-detail h2{font-size:35px;margin-bottom:24px}.topic-detail>p:last-child{font-size:15px}.topic-film-note{display:flex;flex-direction:column;gap:28px;padding-block:5px 45px;align-items:stretch}.note-film{max-width:none;height:90vw}.topic-film-note>div>h2{font-size:40px}.topic-film-note>div>p{font-size:15px}.topic-faq{display:block;padding-block:45px}.topic-faq h2{font-size:36px;margin-bottom:32px}.topic-next{padding-block:35px}.topic-next>div{grid-template-columns:1fr;gap:0}.topic-next a{border-top:0;font-size:23px;padding-block:22px}.topic-contact{padding-block:50px}.topic-contact h2{font-size:41px}.topic-contact>p:not(.eyebrow){font-size:15px}.topic-contact .contact-row a{font-size:21px}.topic-dialog{padding:10px 12px 16px}.dialog-bar h2{font-size:13px}.film-close{font-size:12px}.editorial-page .site-footer{padding-inline:22px}}
@media(prefers-reduced-motion:reduce){.has-motion .story-images,.theme-planning.has-motion .story-images{height:auto;min-height:0;max-height:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.has-motion .story-frame{position:relative!important;clip-path:none!important;visibility:visible!important;transform:none!important;aspect-ratio:9/16}.story-frame figcaption{display:none}.story-visual{position:relative;top:auto}.chapter{min-height:0;padding-block:25px}.story-progress{display:none}}
.motion-paused .story-images{height:auto!important;min-height:0!important;max-height:none!important;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.motion-paused .story-frame{position:relative!important;clip-path:none!important;visibility:visible!important;transform:none!important;aspect-ratio:9/16}.motion-paused .story-frame figcaption{display:none}.motion-paused .story-visual{position:relative;top:auto}.motion-paused .chapter{min-height:0;padding-block:25px}.motion-paused .story-progress{display:none}