@font-face{font-family:Huiwen Mincho;src:url(/fonts/HuiwenMincho-frontdoor.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Radio Newsman;src:url(/fonts/RadioNewsman-frontdoor.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Erikas Farbband;src:url(/fonts/ErikasFarbband-frontdoor.woff2)format("woff2");font-weight:400;font-display:swap}:root{color:#292421;font-synthesis:none;background:#f7f3ec;font-family:Iowan Old Style,Noto Serif TC,Georgia,serif}*{box-sizing:border-box}body{margin:0}a{color:inherit}.shell{max-width:1120px;margin:auto;padding:28px 24px 60px}.front-door{text-align:center;background:radial-gradient(circle at 50% 42%,#fff 0,#f7f1f3 38%,#ede3e7 100%);align-content:center;justify-items:center;min-height:100vh;padding:9vh 24px;display:grid}.front-mark{letter-spacing:.28em;color:#8f6071;font:700 11px/1.2 system-ui,sans-serif}.front-door h1{letter-spacing:-.055em;margin:32px 0 26px;font-size:clamp(50px,9vw,104px);line-height:.92}.front-door p{color:#655860;font-size:18px}.front-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.button{justify-content:space-between;gap:28px;padding:15px 20px;font:600 14px/1 system-ui,sans-serif;text-decoration:none;display:inline-flex}.button.dark{color:#fff;background:#292421}.button.light{color:#292421;background:#f7f3ec}.button.quiet{border:1px solid #bbaeb3}.directory header{border-bottom:1px solid #c9c0b7;padding:60px 0 40px}.directory header>a,.dialogue nav>a{letter-spacing:.2em;font:700 11px system-ui,sans-serif}.directory h1{margin:22px 0 8px;font-size:clamp(54px,9vw,92px)}.directory header p{color:#6c625b}.product-grid{background:#c9c0b7;border:1px solid #c9c0b7;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:36px;display:grid}.product{background:#f7f3ec;min-height:190px;padding:26px;text-decoration:none;position:relative}.product small,.hero small,.steps small{letter-spacing:.18em;text-transform:uppercase;color:#8a6035;font:700 10px system-ui,sans-serif}.product h2{margin:22px 0 10px;font-size:27px}.product p{color:#6c625b;line-height:1.7}.product span{position:absolute;bottom:20px;right:22px}.dialogue nav{border-bottom:1px solid #c9c0b7;justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.dialogue nav div{gap:6px;display:flex}.dialogue nav div a{border-radius:20px;padding:8px 10px;font:12px system-ui,sans-serif;text-decoration:none}.dialogue nav div a.active{color:#fff;background:#292421}.hero{border-bottom:1px solid #c9c0b7;grid-template-columns:1fr 280px;align-items:end;gap:56px;padding:80px 0;display:grid}.hero h1{letter-spacing:-.045em;max-width:820px;margin:20px 0 28px;font-size:clamp(52px,8vw,82px);line-height:1.02}.hero>div>p{color:#665d56;max-width:690px;font-size:18px;line-height:1.8}.hero aside{border-left:3px solid #8a6035;flex-direction:column;padding-left:24px;display:flex}.hero aside strong{font-size:42px}.hero aside span{color:#6c625b;margin-top:4px;font:14px system-ui,sans-serif}.hero aside b{margin:22px 0;font:600 14px system-ui,sans-serif}.dialogue section{border-bottom:1px solid #c9c0b7;padding:58px 0}.dialogue h2{margin:0 0 24px;font-size:32px}.two,.split{grid-template-columns:1fr 1fr;gap:72px;display:grid}.dialogue ul{margin:0;padding:0;list-style:none}.dialogue li{color:#514b46;margin:12px 0;padding-left:28px;line-height:1.75;position:relative}.dialogue li:before{content:"✓";color:#8a6035;position:absolute;left:0}.dialogue ul.negative li:before{content:"×";color:#8c8580}.split>div>p{color:#6c625b;line-height:1.8}.topics{background:#c9c0b7;border:1px solid #c9c0b7;grid-template-columns:1fr 1fr;gap:1px;display:grid}.topics div{background:#f7f3ec;padding:20px;line-height:1.5}.steps{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.steps article{border-top:1px solid #8c8580;padding-top:20px}.steps p{color:#514b46;line-height:1.75}.closing{color:#fff;background:#292421;justify-content:space-between;align-items:end;gap:40px;margin:50px 0 0;display:flex;border:0!important;padding:38px!important}.closing p{color:#c9c0b7;max-width:640px;line-height:1.7}@media (width<=760px){.product-grid,.hero,.two,.split,.steps{grid-template-columns:1fr}.hero{gap:36px;padding:56px 0}.two,.split{gap:38px}.product-grid,.topics{grid-template-columns:1fr}.closing{flex-direction:column;align-items:stretch}.dialogue nav{flex-direction:column;align-items:flex-start;gap:18px}.front-door h1{font-size:54px}}