html{box-sizing:border-box;font-size:100%}
*,::before,::after{box-sizing:inherit}
html,body{margin:0}
body{position:relative;min-height:100vh}
@keyframes focus-dash-spin {
from{outline-offset:2px;transform:none}
to{outline-offset:4px}
}
:focus-visible{outline:2px dashed #271518;outline-offset:3px;animation:focus-dash-spin 1.8s linear infinite alternate}
.top-bar{background:#271518;padding:8px 40px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand-pod{display:flex;align-items:center;gap:16px;text-decoration:none}
.logo-cell{width:78px;height:78px;border:2px solid #DEBF8B;border-radius:36px;display:flex;align-items:center;justify-content:center;background:#F8F7F3;box-shadow:0 1px 6px 0 #2715180d 0 7px 18px 0 #2715181a;flex-shrink:0;overflow:hidden;transition:border-radius .14s cubic-bezier(0.4,0,1,1)}
.logo-cell:hover{border-radius:0}
.logo-cell img{width:62px;height:62px;object-fit:contain;display:block}
.brand-name{font-family:'PT Serif',Georgia,serif;font-size:32px;font-weight:700;line-height:1.2;color:#F8F7F3;letter-spacing:0}
.brand-tag{font-family:'PT Serif',Georgia,serif;font-size:13px;font-weight:400;line-height:1.5;color:#DEBF8B;display:block}
.top-bar-contact{display:flex;align-items:center;gap:8px;font-family:'PT Serif',Georgia,serif;font-size:13px;color:#DEBF8B;text-decoration:none;border:1px solid #debf8b4d;border-radius:36px;padding:8px 16px;transition:border-radius .12s cubic-bezier(0.4,0,1,1),background .16s cubic-bezier(0.4,0,1,1)}
.top-bar-contact:hover{border-radius:0;background:#debf8b1a}
.top-bar-contact i{font-size:15px}
.nav-bar{background:#f8f7f3e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #2715181f;border-top:1px solid #debf8b40;padding:0 40px;box-shadow:0 7px 18px 0 #2715181a}
.nav-deck{max-width:1440px;margin:0 auto;display:flex;align-items:stretch;gap:0}
.nav-link{font-family:'PT Serif',Georgia,serif;font-size:15px;font-weight:400;line-height:1.5;color:#271518;text-decoration:none;padding:20px;display:flex;align-items:center;gap:8px;border-bottom:3px solid transparent;border-radius:0;transition:border-color .14s cubic-bezier(0.4,0,1,1),color .12s cubic-bezier(0.4,0,1,1),background .16s cubic-bezier(0.4,0,1,1);white-space:nowrap}
.nav-link i{font-size:18px;color:#DEBF8B;flex-shrink:0}
.nav-link:hover{color:#271518;border-bottom-color:#DEBF8B;background:#debf8b14}
.nav-link.active{border-bottom-color:#271518;font-weight:700}
.nav-sep{width:1px;background:#2715181a;margin:12px 0;flex-shrink:0}
.site-header{position:relative}
.top-bar-plate{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}
.foot-wrap{background:#271518;padding:80px 40px 40px;font-family:'PT Serif',Georgia,serif}
.foot-plate{max-width:1440px;margin:0 auto}
.foot-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid #debf8b33}
.foot-about-cell{display:flex;flex-direction:column;gap:16px}
.foot-about-text{font-size:15px;line-height:1.75;color:#f8f7f3bf;max-width:320px}
.foot-col-label{font-size:13px;font-weight:700;line-height:1.2;color:#DEBF8B;letter-spacing:0;text-transform:uppercase;margin-bottom:8px}
.foot-links-cell{display:flex;flex-direction:column;gap:4px}
.foot-link{font-size:15px;line-height:1.75;color:#f8f7f3cc;text-decoration:none;display:flex;align-items:center;gap:8px;padding:4px 0;border-radius:0;transition:color .12s cubic-bezier(0.4,0,1,1),border-radius .14s cubic-bezier(0.4,0,1,1)}
.foot-link i{font-size:15px;color:#DEBF8B;flex-shrink:0}
.foot-link:hover{color:#DEBF8B}
.foot-contact-cell{display:flex;flex-direction:column;gap:16px}
.foot-email-link{font-size:15px;line-height:1.5;color:#DEBF8B;text-decoration:none;display:flex;align-items:center;gap:8px;border:1px solid #debf8b4d;border-radius:36px;padding:8px 16px;width:fit-content;transition:border-radius .14s cubic-bezier(0.4,0,1,1),background .16s cubic-bezier(0.4,0,1,1)}
.foot-email-link:hover{border-radius:0;background:#debf8b1a}
.foot-email-link i{font-size:15px}
.foot-domain{font-size:13px;line-height:1.5;color:#f8f7f373}
.foot-bottom{padding-top:40px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.foot-logo-zone{display:flex;align-items:center;gap:16px}
.foot-logo-cell{width:70px;height:70px;border:2px solid #debf8b80;border-radius:36px;display:flex;align-items:center;justify-content:center;background:#F8F7F3;box-shadow:0 1px 6px 0 #2715180d;flex-shrink:0;overflow:hidden;transition:border-radius .14s cubic-bezier(0.4,0,1,1)}
.foot-logo-cell:hover{border-radius:0}
.foot-logo-cell img{width:54px;height:54px;object-fit:contain;display:block}
.foot-brand{font-size:18px;font-weight:700;line-height:1.2;color:#F8F7F3}
.foot-copy{font-size:13px;line-height:1.5;color:#f8f7f366}
.ck-toast{position:fixed;top:20px;right:20px;width:320px;background:#F8F7F3;border:1px solid #27151826;border-radius:36px;box-shadow:0 12px 40px 0 #2715181a 0 7px 18px 0 #2715181a;z-index:4000;display:none;font-family:'PT Serif',Georgia,serif;overflow:hidden}
.ck-body{padding:20px}
.ck-icon-row{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.ck-icon-wrap{width:40px;height:40px;background:#271518;border-radius:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ck-icon-wrap i{font-size:18px;color:#DEBF8B}
.ck-site-label{font-size:13px;font-weight:700;line-height:1.2;color:#271518}
.ck-msg{font-size:13px;line-height:1.75;color:#271518bf;margin-bottom:16px}
.ck-msg a{color:#271518;font-weight:700}
.ck-btns{display:flex;gap:8px;flex-direction:column}
.ck-accept{font-family:'PT Serif',Georgia,serif;font-size:13px;font-weight:700;line-height:1.5;color:#F8F7F3;background:#271518;border:none;border-radius:36px;padding:8px 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:border-radius .14s cubic-bezier(0.4,0,1,1),background .16s cubic-bezier(0.4,0,1,1);min-height:44px}
.ck-accept:hover{border-radius:0;background:#3d2025}
.ck-decline{font-family:'PT Serif',Georgia,serif;font-size:13px;font-weight:400;line-height:1.5;color:#271518;background:transparent;border:1px solid #27151840;border-radius:36px;padding:8px 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:border-radius .14s cubic-bezier(0.4,0,1,1),background .16s cubic-bezier(0.4,0,1,1);min-height:44px}
.ck-decline:hover{border-radius:0;background:#2715180f}
.ck-mini{position:fixed;bottom:20px;right:20px;background:#271518;border-radius:36px;padding:8px 16px;display:none;align-items:center;gap:8px;z-index:4000;box-shadow:0 7px 18px 0 #2715181a;cursor:pointer;border:none;font-family:'PT Serif',Georgia,serif;font-size:13px;color:#DEBF8B;transition:border-radius .14s cubic-bezier(0.4,0,1,1)}
.ck-mini:hover{border-radius:0}
.ck-mini i{font-size:15px}
@media (max-width: 960px) {
.top-bar{padding:8px 20px}
.brand-name{font-size:18px}
.top-bar-contact span{display:none}
.nav-bar{padding:0 20px}
.nav-link{font-size:13px;padding:16px 12px}
.foot-wrap{padding:40px 20px 20px}
.foot-top{grid-template-columns:1fr 1fr;gap:20px}
.foot-contact-cell{grid-column:1 / -1}
}
@media (max-width: 480px) {
.top-bar{padding:8px 16px}
.logo-cell{width:60px;height:60px}
.logo-cell img{width:46px;height:46px}
.brand-name{font-size:15px}
.brand-tag{font-size:13px}
.nav-deck{flex-wrap:wrap}
.nav-link{padding:12px 8px;font-size:13px}
.foot-top{grid-template-columns:1fr}
.foot-bottom{flex-direction:column;align-items:flex-start;gap:16px}
.ck-toast{width:calc(100vw - 40px);right:20px}
}
@media (min-width: 1440px) {
.top-bar-plate{padding:0}
}
.doc-box-xy{max-width:720px;margin:0 auto;padding:80px 40px;color:#271518}
.doc-box-xy p{font-size:15px;line-height:1.75;margin-top:0;margin-bottom:20px;color:#271518}
.doc-box-xy strong,.doc-box-xy b{font-weight:700;color:#271518}
.doc-box-xy a{color:#271518;text-decoration:underline;text-decoration-color:#DEBF8B;text-underline-offset:3px;text-decoration-thickness:2px;transition:color .15s cubic-bezier(0.4,0,1,1),text-decoration-color .12s cubic-bezier(0.4,0,1,1)}
.doc-box-xy a:hover{color:#4a2028;text-decoration-color:#271518}
.doc-box-xy hr{border:none;border-top:1px solid #DEBF8B;margin-top:40px;margin-bottom:40px;opacity:.6}
.doc-box-xy div{background:#F8F7F3;border-radius:36px;padding:40px;margin-bottom:40px;box-shadow:0 1px 6px 0 #2715180d 0 7px 18px 0 #2715181a}
.doc-box-xy div p:last-child{margin-bottom:0}
@media (max-width: 960px) {
.doc-box-xy{padding:80px 20px}
.doc-box-xy div{padding:20px;border-radius:36px}
}
@media (max-width: 480px) {
.doc-box-xy{padding:40px 16px}
.doc-box-xy p{font-size:15px;line-height:1.75}
.doc-box-xy div{padding:16px;border-radius:36px;margin-bottom:20px}
.doc-box-xy hr{margin-top:20px;margin-bottom:20px}
}
.bld{max-width:1440px;margin:0 auto;background:#F8F7F3;overflow-x:clip}
.bld *{box-sizing:border-box}
.bld a{color:inherit;text-decoration:none}
.bld img{display:block;max-width:100%}
.bld-art-top{display:grid;grid-template-columns:1fr 1fr;min-height:560px;position:relative}
.bld-art-top .txt-col{display:flex;flex-direction:column;justify-content:center;padding:80px 40px 80px 80px;position:relative;z-index:1}
.bld-art-top .img-col{position:relative;overflow:hidden;border-radius:0 0 0 36px}
.bld-art-top .img-col img{width:100%;height:100%;object-fit:cover;filter:saturate(0.7);transition:filter .18s cubic-bezier(0.4,0,1,1)}
.bld-art-top .img-col:hover img{filter:saturate(1)}
.bld-art-top .img-overlay{position:absolute;inset:0;background:linear-gradient(to right,#2715182e,transparent);pointer-events:none;transition:opacity .15s cubic-bezier(0.4,0,1,1)}
.bld-art-top .img-col:hover .img-overlay{opacity:0}
.bld-art-top .spot1{position:absolute;width:320px;height:320px;background:#debf8b2e;border-radius:36px;filter:blur(60px);top:-40px;left:-80px;pointer-events:none}
.bld-art-top .spot2{position:absolute;width:200px;height:200px;background:#27151814;border-radius:36px;filter:blur(40px);bottom:40px;left:60px;pointer-events:none}
.bld-art-top .tag-line{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.bld-art-top .art-tag{font-size:13px;line-height:1.2;color:#F8F7F3;background:#271518;padding:4px 16px;border-radius:36px;letter-spacing:.04em;text-transform:uppercase}
.bld-art-top .overline{display:block;width:40px;height:2px;background:#DEBF8B;margin-bottom:16px}
.bld-art-top .art-h1{font-size:clamp(32px,4vw,62px);line-height:1.2;color:#271518;margin:0 0 16px}
.bld-art-top .art-sub{font-size:18px;line-height:1.75;color:#271518;opacity:.72;margin:0}
.bld-body{display:grid;grid-template-columns:1fr 320px;gap:40px;padding:80px;align-items:start}
.bld-body .art-text{min-width:0}
.bld-body .art-text p{font-size:18px;line-height:1.75;color:#271518;margin:0 0 16px}
.bld-body .art-text h2{font-size:32px;line-height:1.2;color:#271518;margin:40px 0 16px;position:relative;padding-top:16px}
.bld-body .art-text h2::before{content:'';display:block;width:32px;height:2px;background:#DEBF8B;margin-bottom:8px}
.bld-body .art-text strong{color:#271518;font-weight:700}
.bld-body .art-text cite{display:block;font-style:italic;font-size:15px;line-height:1.75;color:#271518;opacity:.65;margin:8px 0}
.bld-body .art-text ul{list-style:none;padding:0;margin:0 0 16px}
.bld-body .art-text ul li{font-size:18px;line-height:1.75;color:#271518;padding:4px 0 4px 20px;position:relative}
.bld-body .art-text ul li::before{content:'';display:block;width:6px;height:6px;background:#DEBF8B;border-radius:0;position:absolute;left:0;top:14px}
.bld-body .art-text blockquote{margin:40px 0;padding:20px 40px;background:#271518;border-radius:36px;color:#F8F7F3;font-size:18px;line-height:1.75}
.bld-body .art-text blockquote p{color:#F8F7F3;margin:0}
.bld-body .art-text table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px;line-height:1.5}
.bld-body .art-text th{background:#271518;color:#F8F7F3;padding:8px 16px;text-align:left;font-weight:600}
.bld-body .art-text td{padding:8px 16px;color:#271518;border-bottom:1px solid #2715181a}
.bld-body .art-text tr:nth-child(even) td{background:#debf8b1f}
.bld-body .art-text tfoot td{font-weight:600;background:#debf8b33}
.bld-body .art-text details{margin:16px 0;border-radius:36px;background:#debf8b26;overflow:hidden}
.bld-body .art-text summary{font-size:18px;line-height:1.5;color:#271518;padding:16px 20px;cursor:pointer;font-weight:600;list-style:none}
.bld-body .art-text summary::-webkit-details-marker{display:none}
.bld-body .art-text details[open] summary{border-bottom:1px solid #2715181a}
.bld-body .art-text details p{padding:16px 20px 8px}
.bld-aside{display:flex;flex-direction:column;gap:20px;position:sticky;top:20px}
.pull-quote{background:#271518;border-radius:36px;padding:40px 20px;color:#DEBF8B;font-size:18px;line-height:1.75;position:relative;box-shadow:0 12px 40px 0 #2715181a}
.pull-quote .pq-mark{display:block;width:32px;height:3px;background:#DEBF8B;margin-bottom:16px}
.pull-quote .pq-text{font-size:18px;line-height:1.75;color:#DEBF8B;font-style:italic}
.bld-tag-chip{display:inline-flex;align-items:center;gap:8px;background:#debf8b33;border-radius:36px;padding:8px 16px;font-size:13px;line-height:1.2;color:#271518;font-weight:600}
.bld-tag-chip i{font-size:15px;color:#DEBF8B}
.back-btn{display:inline-flex;align-items:center;gap:8px;background:#DEBF8B;color:#271518;font-size:15px;line-height:1.2;padding:16px 20px;border-radius:0;border:none;cursor:pointer;font-weight:600;transition:border-radius .15s cubic-bezier(0.4,0,1,1),background .12s cubic-bezier(0.4,0,1,1);text-decoration:none;box-shadow:0 7px 18px 0 #2715181a}
.back-btn:hover{border-radius:36px;background:#271518;color:#DEBF8B}
.back-btn:focus-visible{outline:2px solid #271518;outline-offset:2px}
.react-block{padding:80px;background:#271518;display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;overflow:hidden}
.react-block .rb-bg{position:absolute;inset:0;background:linear-gradient(to right,#debf8b14,transparent);pointer-events:none;animation:desat-cycle 8s ease-in-out infinite}
@keyframes desat-cycle {
0%{opacity:1}
50%{opacity:.3}
100%{opacity:1}
}
.react-block .rb-label{font-size:15px;line-height:1.5;color:#f8f7f3a6;text-align:center;letter-spacing:.06em;text-transform:uppercase}
.react-block .rb-heading{font-size:32px;line-height:1.2;color:#F8F7F3;text-align:center;margin:0}
.react-row{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap;justify-content:center}
.react-row input[type="radio"]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.react-row .r-item{display:flex;flex-direction:column;align-items:center;gap:8px}
.react-row .r-item label{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:16px 20px;border-radius:0;border:1px solid #debf8b40;transition:border-radius .15s cubic-bezier(0.4,0,1,1),background .12s cubic-bezier(0.4,0,1,1),border-color .12s cubic-bezier(0.4,0,1,1);min-width:80px;text-align:center}
.react-row .r-item label:hover{border-radius:36px;background:#debf8b1f;border-color:#debf8b80}
.react-row .r-item label .r-icon{font-size:32px;line-height:1.2}
.react-row .r-item label .r-name{font-size:13px;line-height:1.2;color:#f8f7f3a6}
.react-row input[type="radio"]:checked + label{background:#debf8b38;border-color:#DEBF8B;border-radius:36px}
.react-row input[type="radio"]:checked + label .r-name{color:#DEBF8B}
.react-row input[type="radio"]:focus-visible + label{outline:2px solid #DEBF8B;outline-offset:2px}
.rb-thanks{font-size:15px;line-height:1.5;color:#f8f7f380;text-align:center}
.bld-nav-strip{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:20px 80px;background:#debf8b1a;gap:16px;flex-wrap:wrap}
.bld-nav-strip .breadcrumb{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:13px;line-height:1.2;color:#27151899}
.bld-nav-strip .breadcrumb a{color:#27151899;text-decoration:none;transition:color .12s cubic-bezier(0.4,0,1,1)}
.bld-nav-strip .breadcrumb a:hover{color:#271518;text-decoration:underline}
.bld-nav-strip .breadcrumb .sep{color:#2715184d}
.bld-nav-strip .breadcrumb .cur{color:#271518;font-weight:600}
@media (max-width: 960px) {
.bld-art-top{grid-template-columns:1fr}
.bld-art-top .txt-col{padding:40px 20px;order:2}
.bld-art-top .img-col{order:1;min-height:280px;border-radius:0}
.bld-body{grid-template-columns:1fr;padding:40px 20px;gap:40px}
.bld-aside{position:static}
.react-block{padding:40px 20px}
.bld-nav-strip{padding:16px 20px}
}
@media (max-width: 480px) {
.bld-art-top .txt-col{padding:20px 16px}
.bld-art-top .art-h1{font-size:32px}
.bld-body{padding:20px 16px}
.react-block{padding:40px 16px}
.bld-nav-strip{padding:16px}
.react-row{gap:8px}
.react-row .r-item label{min-width:64px;padding:8px 16px}
}
@media (min-width: 1440px) {
.bld-art-top .txt-col{padding:80px 40px 80px 80px}
}
.blg-root{max-width:1440px;margin:0 auto;background:#F8F7F3;overflow-x:clip}
.blg-root .hero-wrap{display:grid;grid-template-columns:1fr 1fr;min-height:520px;background:#271518;position:relative}
.blg-root .hero-txt{display:flex;flex-direction:column;justify-content:center;padding:80px 40px 80px 80px;gap:20px}
.blg-root .hero-overline{font-size:13px;line-height:1.5;color:#DEBF8B;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:8px}
.blg-root .hero-overline::before{content:'';display:inline-block;width:8px;height:8px;border-radius:36px;background:#DEBF8B;flex-shrink:0}
.blg-root .hero-h1{font-size:clamp(32px,4vw,62px);line-height:1.2;color:#F8F7F3;margin:0}
.blg-root .hero-sub{font-size:18px;line-height:1.75;color:#f8f7f3b8;margin:0;max-width:420px}
.blg-root .hero-img-col{position:relative;overflow:hidden}
.blg-root .hero-img-col img{width:100%;height:100%;object-fit:cover;display:block;animation:imgFadeIn .18s cubic-bezier(0.4,0,1,1) both}
@keyframes imgFadeIn {
from{opacity:0}
to{opacity:1}
}
.blg-root .hero-img-col::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,#271518 0%,transparent 60%);pointer-events:none}
.blg-root .divider-wrap{display:flex;align-items:center;justify-content:center;padding:20px 0;gap:16px}
.blg-root .divider-line{height:1px;background:#2715181f;flex:1;max-width:200px}
.blg-root .divider-gem{width:10px;height:10px;background:#DEBF8B;transform:rotate(45deg);border-radius:0;flex-shrink:0}
.blg-root .posts-seg{padding:40px 80px 80px;background:#F8F7F3}
.blg-root .seg-label{font-size:13px;line-height:1.5;color:#DEBF8B;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;display:flex;align-items:center;gap:8px}
.blg-root .seg-label::before{content:'';display:inline-block;width:6px;height:6px;border-radius:36px;background:#DEBF8B}
.blg-root .seg-head{font-size:clamp(32px,3vw,45px);line-height:1.2;color:#271518;margin:0 0 40px}
.blg-root .cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.blg-root .post-card{background:#fff;border-radius:0;box-shadow:0 1px 6px 0 #2715180d;overflow:hidden;display:flex;flex-direction:column;transition:border-radius .15s cubic-bezier(0.4,0,1,1),box-shadow .15s cubic-bezier(0.4,0,1,1);text-decoration:none}
.blg-root .post-card:hover{border-radius:36px;box-shadow:0 12px 40px 0 #2715181a}
.blg-root .post-card:hover .card-img img{filter:none}
.blg-root .card-img{position:relative;height:220px;overflow:hidden}
.blg-root .card-img img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(0.6) brightness(0.92);transition:filter .15s cubic-bezier(0.4,0,1,1)}
.blg-root .card-img-overlay{position:absolute;inset:0;background:linear-gradient(to right,#2715182e,transparent);pointer-events:none}
.blg-root .card-tag{position:absolute;top:16px;left:16px;background:#DEBF8B;color:#271518;font-size:13px;line-height:1.5;padding:4px 16px;border-radius:36px;font-weight:600}
.blg-root .card-body{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}
.blg-root .card-subtitle{font-size:13px;line-height:1.5;color:#2715188c}
.blg-root .card-title{font-size:18px;line-height:1.5;color:#271518;margin:0;font-weight:700}
.blg-root .card-desc{font-size:15px;line-height:1.75;color:#271518b8;margin:0}
.blg-root .card-link{display:inline-flex;align-items:center;gap:8px;font-size:15px;line-height:1.5;color:#271518;font-weight:600;text-decoration:none;margin-top:8px;transition:color .12s ease-in}
.blg-root .card-link:hover{color:#DEBF8B}
.blg-root .card-link i{font-size:18px}
.blg-root .tips-seg{background:#271518;padding:80px;position:relative;overflow:hidden}
.blg-root .tips-seg::before{content:'';position:absolute;top:-80px;right:-80px;width:400px;height:400px;border-radius:36px;background:#debf8b0f;transform:rotate(20deg);pointer-events:none}
.blg-root .tips-inner{display:grid;grid-template-columns:30% 1fr;gap:80px;max-width:1280px;margin:0 auto;position:relative}
.blg-root .tips-left{display:flex;flex-direction:column;gap:20px}
.blg-root .tips-overline{font-size:13px;line-height:1.5;color:#DEBF8B;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:8px}
.blg-root .tips-overline::before{content:'';display:inline-block;width:6px;height:6px;border-radius:36px;background:#DEBF8B}
.blg-root .tips-head{font-size:clamp(32px,2.8vw,45px);line-height:1.2;color:#F8F7F3;margin:0}
.blg-root .tips-desc{font-size:15px;line-height:1.75;color:#f8f7f3a6;margin:0}
.blg-root .tips-right{display:flex;flex-direction:column;gap:4px}
.blg-root .step-item{display:grid;grid-template-columns:40px 1fr auto;gap:16px;align-items:start;padding:20px;border-radius:0;transition:background .12s ease-in,border-radius .12s ease-in}
.blg-root .step-item:hover{background:#debf8b14;border-radius:36px}
.blg-root .step-num{width:40px;height:40px;border-radius:0;background:#debf8b26;border:1px solid #debf8b4d;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1.5;color:#DEBF8B;font-weight:700;flex-shrink:0;transition:border-radius .12s ease-in}
.blg-root .step-item:hover .step-num{border-radius:36px}
.blg-root .step-txt h5{font-size:15px;line-height:1.5;color:#F8F7F3;margin:0 0 4px;font-weight:600}
.blg-root .step-txt p{font-size:13px;line-height:1.75;color:#f8f7f399;margin:0}
.blg-root .step-dur{font-size:13px;line-height:1.5;color:#DEBF8B;white-space:nowrap;padding-top:4px;opacity:.8}
.blg-root .fact-seg{padding:80px;background:#F8F7F3}
.blg-root .fact-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.blg-root .fact-text-col{display:flex;flex-direction:column;gap:20px}
.blg-root .fact-overline{font-size:13px;line-height:1.5;color:#DEBF8B;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:8px}
.blg-root .fact-overline::before{content:'';display:inline-block;width:6px;height:6px;border-radius:36px;background:#DEBF8B}
.blg-root .fact-head{font-size:clamp(32px,2.8vw,45px);line-height:1.2;color:#271518;margin:0}
.blg-root .fact-body{font-size:15px;line-height:1.75;color:#271518b8;margin:0}
.blg-root .fact-body strong{color:#271518}
.blg-root .fact-highlights{display:flex;flex-direction:column;gap:16px;margin-top:8px}
.blg-root .fact-hl{background:#271518;border-radius:0;padding:20px;display:flex;flex-direction:column;gap:4px;box-shadow:0 7px 18px 0 #2715181a;transition:border-radius .14s cubic-bezier(0.4,0,1,1)}
.blg-root .fact-hl:hover{border-radius:36px}
.blg-root .fact-hl-label{font-size:13px;line-height:1.5;color:#DEBF8B;text-transform:uppercase;letter-spacing:.06em}
.blg-root .fact-hl-val{font-size:18px;line-height:1.5;color:#F8F7F3;font-weight:700}
.blg-root .fact-hl-note{font-size:13px;line-height:1.5;color:#f8f7f38c}
.blg-root .fact-blocks-col{display:flex;flex-direction:column;gap:20px;padding-top:40px}
.blg-root .fact-card{background:#fff;border-radius:0;padding:20px;box-shadow:0 1px 6px 0 #2715180d;display:flex;flex-direction:column;gap:8px;transition:border-radius .14s cubic-bezier(0.4,0,1,1),box-shadow .14s cubic-bezier(0.4,0,1,1)}
.blg-root .fact-card:hover{border-radius:36px;box-shadow:0 12px 40px 0 #2715181a}
.blg-root .fact-card-icon{width:36px;height:36px;border-radius:0;background:#debf8b26;display:flex;align-items:center;justify-content:center;transition:border-radius .14s cubic-bezier(0.4,0,1,1)}
.blg-root .fact-card:hover .fact-card-icon{border-radius:36px}
.blg-root .fact-card-icon i{font-size:18px;color:#DEBF8B}
.blg-root .fact-card h5{font-size:15px;line-height:1.5;color:#271518;margin:0;font-weight:700}
.blg-root .fact-card p{font-size:13px;line-height:1.75;color:#271518a6;margin:0}
.blg-root .pano-seg{position:relative;height:320px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.blg-root .pano-bg{position:absolute;inset:0;width:140%;height:100%;background:linear-gradient(to right,#271518 0%,#3d2226 40%,#271518 100%);animation:panoBg 18s linear infinite alternate}
@keyframes panoBg {
from{transform:translateX(0)}
to{transform:translateX(-28%)}
}
.blg-root .pano-overlay{position:absolute;inset:0;background:#2715188c;pointer-events:none}
.blg-root .pano-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;padding:0 40px}
.blg-root .pano-head{font-size:clamp(32px,3vw,45px);line-height:1.2;color:#F8F7F3;margin:0}
.blg-root .pano-sub{font-size:18px;line-height:1.75;color:#f8f7f3b8;margin:0;max-width:560px}
.blg-root .pano-btn{display:inline-flex;align-items:center;gap:8px;padding:16px 40px;background:#DEBF8B;color:#271518;font-size:15px;line-height:1.5;font-weight:700;border-radius:0;border:none;cursor:pointer;text-decoration:none;transition:border-radius .12s cubic-bezier(0.4,0,1,1),background .12s ease-in}
.blg-root .pano-btn:hover{border-radius:36px;background:#F8F7F3}
.blg-root .pano-btn:focus-visible{outline:3px solid #F8F7F3;outline-offset:4px}
@media (max-width: 960px) {
.blg-root .hero-wrap{grid-template-columns:1fr}
.blg-root .hero-txt{padding:40px}
.blg-root .hero-img-col{height:280px}
.blg-root .posts-seg{padding:40px}
.blg-root .cards-grid{grid-template-columns:1fr}
.blg-root .tips-seg{padding:40px}
.blg-root .tips-inner{grid-template-columns:1fr;gap:40px}
.blg-root .fact-seg{padding:40px}
.blg-root .fact-inner{grid-template-columns:1fr}
.blg-root .fact-blocks-col{padding-top:0}
}
@media (max-width: 480px) {
.blg-root .hero-txt{padding:40px 20px}
.blg-root .posts-seg{padding:40px 20px}
.blg-root .tips-seg{padding:40px 20px}
.blg-root .fact-seg{padding:40px 20px}
.blg-root .pano-content{padding:0 20px}
.blg-root .step-item{grid-template-columns:40px 1fr}
.blg-root .step-dur{display:none}
}
.auth-pg{max-width:1440px;margin:0 auto;overflow-x:clip;position:relative}
.auth-pg .geo-spin{position:absolute;top:120px;right:-80px;width:320px;height:320px;border:1px solid #debf8b2e;border-radius:36px;animation:geo-rotate 28s linear infinite;pointer-events:none;z-index:0}
.auth-pg .geo-spin::before{content:'';position:absolute;inset:20px;border:1px solid #debf8b1a;border-radius:36px}
@keyframes geo-rotate {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.auth-pg .flip-reveal{animation:flip-in .6s cubic-bezier(0.4,0,1,1) both}
@keyframes flip-in {
from{transform:rotateY(90deg);opacity:0}
to{transform:rotateY(0deg);opacity:1}
}
.auth-pg .scroll-fade{opacity:0;transform:translateY(24px);transition:opacity .18s cubic-bezier(0.4,0,1,1),transform .15s cubic-bezier(0.4,0,1,1)}
.auth-pg .scroll-fade.visible{opacity:1;transform:translateY(0)}
.auth-pg .ttl-blk{position:relative;background:linear-gradient(to right,#271518 0%,#271518eb 60%,#271518b3 100%);padding:80px;display:flex;flex-direction:row;align-items:stretch;gap:80px;overflow:clip}
.auth-pg .ttl-blk::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:48px;background:#F8F7F3;clip-path:ellipse(55% 100% at 50% 100%);pointer-events:none}
.auth-pg .ttl-left{flex:1 1 0;display:flex;flex-direction:column;justify-content:center;gap:20px;position:relative;z-index:1}
.auth-pg .ttl-overline{font-size:13px;letter-spacing:.08em;color:#DEBF8B;text-transform:uppercase;line-height:1.2}
.auth-pg .ttl-h1{font-size:clamp(32px,4.5vw,62px);line-height:1.2;color:#F8F7F3;margin:0}
.auth-pg .ttl-sub{font-size:18px;line-height:1.5;color:#f8f7f3b8;max-width:420px}
.auth-pg .ttl-link{display:inline-flex;align-items:center;gap:8px;background:#DEBF8B;color:#271518;font-size:15px;font-weight:600;padding:16px 40px;border-radius:0;text-decoration:none;align-self:flex-start;transition:border-radius .12s cubic-bezier(0.4,0,1,1),background .1s ease-in;box-shadow:0 7px 18px 0 #2715181a}
.auth-pg .ttl-link:hover{border-radius:36px;background:#F8F7F3}
.auth-pg .ttl-right{flex:0 0 340px;position:relative;z-index:1}
.auth-pg .ttl-img-wrap{width:100%;height:420px;border-radius:36px;overflow:clip;position:relative;box-shadow:0 12px 40px 0 #2715181a}
.auth-pg .ttl-img-wrap img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:filter .15s ease-in;filter:brightness(0.82) saturate(0.9)}
.auth-pg .ttl-img-wrap:hover img{filter:brightness(1) saturate(1)}
.auth-pg .ttl-img-wrap::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,#27151873 100%);pointer-events:none;border-radius:36px}
.auth-pg .grain-layer{position:absolute;inset:0;border-radius:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");pointer-events:none;z-index:2}
.auth-pg .exp-blk{background:#F8F7F3;padding:80px;display:grid;grid-template-columns:1fr 2fr;gap:80px;align-items:start;position:relative}
.auth-pg .exp-sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:40px}
.auth-pg .exp-label{font-size:13px;color:#DEBF8B;text-transform:uppercase;line-height:1.2}
.auth-pg .exp-h2{font-size:clamp(32px,3vw,45px);line-height:1.2;color:#271518;margin:0}
.auth-pg .exp-img-wrap{width:100%;aspect-ratio:4/3;border-radius:36px;overflow:clip;position:relative;box-shadow:0 7px 18px 0 #2715181a}
.auth-pg .exp-img-wrap img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:brightness(0.85) saturate(0.88);transition:filter .15s ease-in}
.auth-pg .exp-img-wrap:hover img{filter:brightness(1) saturate(1)}
.auth-pg .exp-img-wrap::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 45%,#27151861 100%);pointer-events:none;z-index:1}
.auth-pg .exp-body{display:flex;flex-direction:column;gap:40px}
.auth-pg .exp-txt-group{display:flex;flex-direction:column;gap:16px}
.auth-pg .exp-p{font-size:15px;line-height:1.75;color:#271518}
.auth-pg .exp-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.auth-pg .exp-met-item{background:#271518;border-radius:0;padding:20px;display:flex;flex-direction:column;gap:8px;transition:border-radius .12s cubic-bezier(0.4,0,1,1);box-shadow:inset 0 1px 0 0 #f8f7f314 inset 0 -1px 0 0 #27151866}
.auth-pg .exp-met-item:hover{border-radius:36px}
.auth-pg .exp-met-num{font-size:32px;line-height:1.2;color:#DEBF8B;font-weight:700}
.auth-pg .exp-met-desc{font-size:13px;line-height:1.5;color:#f8f7f3b8}
.auth-pg .phil-blk{background:#271518;padding:80px;position:relative;overflow:clip}
.auth-pg .phil-deco{position:absolute;bottom:-60px;left:-60px;width:280px;height:280px;border:1px solid #debf8b1f;border-radius:36px;pointer-events:none;animation:geo-rotate 36s linear infinite reverse}
.auth-pg .phil-inner{display:grid;grid-template-columns:2fr 1fr;gap:80px;align-items:start;position:relative;z-index:1}
.auth-pg .phil-left{display:flex;flex-direction:column;gap:40px}
.auth-pg .phil-top{display:flex;flex-direction:column;gap:16px}
.auth-pg .phil-overline{font-size:13px;color:#DEBF8B;text-transform:uppercase;line-height:1.2}
.auth-pg .phil-h2{font-size:clamp(32px,3vw,45px);line-height:1.2;color:#F8F7F3;margin:0}
.auth-pg .phil-p{font-size:15px;line-height:1.75;color:#f8f7f3bf}
.auth-pg .phil-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}
.auth-pg .phil-list li{display:flex;flex-direction:row;align-items:flex-start;gap:16px;font-size:15px;line-height:1.75;color:#f8f7f3d1}
.auth-pg .phil-list li .pl-icon{flex:0 0 20px;width:20px;height:20px;margin-top:2px;color:#DEBF8B;font-size:18px;line-height:1}
.auth-pg .phil-multi{display:flex;flex-direction:column;gap:20px}
.auth-pg .phil-h3{font-size:18px;line-height:1.5;color:#F8F7F3;margin:0}
.auth-pg .phil-h4{font-size:15px;line-height:1.5;color:#DEBF8B;margin:0}
.auth-pg .phil-h5{font-size:13px;line-height:1.5;color:#f8f7f38c;margin:0;text-transform:uppercase}
.auth-pg .phil-right{display:flex;flex-direction:column;gap:20px}
.auth-pg .phil-img-wrap{width:100%;aspect-ratio:3/4;border-radius:36px;overflow:clip;position:relative;box-shadow:0 12px 40px 0 #2715181a}
.auth-pg .phil-img-wrap img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:brightness(0.8) saturate(0.85);transition:filter .15s ease-in}
.auth-pg .phil-img-wrap:hover img{filter:brightness(1) saturate(1)}
.auth-pg .phil-img-wrap::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,#27151880 100%);pointer-events:none}
.auth-pg .phil-quote{background:#debf8b14;border-radius:36px;padding:20px;box-shadow:inset 0 1px 0 0 #debf8b26 inset 0 -1px 0 0 #2715184d}
.auth-pg .phil-quote-txt{font-size:15px;line-height:1.75;color:#f8f7f3d1;font-style:italic}
.auth-pg .phil-quote-author{font-size:13px;color:#DEBF8B;margin-top:8px;display:block}
.auth-pg .collab-blk{background:#F8F7F3;padding:80px;display:flex;flex-direction:column;gap:40px}
.auth-pg .collab-top{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:40px}
.auth-pg .collab-hd{display:flex;flex-direction:column;gap:8px}
.auth-pg .collab-overline{font-size:13px;color:#DEBF8B;text-transform:uppercase;line-height:1.2}
.auth-pg .collab-h2{font-size:clamp(32px,3vw,45px);line-height:1.2;color:#271518;margin:0}
.auth-pg .collab-sub{font-size:15px;line-height:1.75;color:#271518b3;max-width:360px}
.auth-pg .collab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.auth-pg .collab-card{background:#271518;border-radius:0;padding:40px 20px;display:flex;flex-direction:column;gap:16px;transition:border-radius .12s cubic-bezier(0.4,0,1,1),box-shadow .12s ease-in;box-shadow:0 1px 6px 0 #2715180d;position:relative;overflow:clip}
.auth-pg .collab-card:hover{border-radius:36px;box-shadow:0 12px 40px 0 #2715181a}
.auth-pg .collab-card-icon{font-size:32px;color:#DEBF8B;line-height:1}
.auth-pg .collab-card-h3{font-size:18px;line-height:1.5;color:#F8F7F3;margin:0}
.auth-pg .collab-card-p{font-size:13px;line-height:1.75;color:#f8f7f3ad}
.auth-pg .collab-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}
.auth-pg .collab-portrait-wrap{display:flex;flex-direction:row;gap:16px;align-items:center}
.auth-pg .collab-port-img{width:80px;height:106px;border-radius:36px;overflow:clip;flex:0 0 80px;box-shadow:0 7px 18px 0 #2715181a}
.auth-pg .collab-port-img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:brightness(0.88) saturate(0.9);transition:filter .12s ease-in}
.auth-pg .collab-port-img:hover img{filter:brightness(1) saturate(1)}
.auth-pg .collab-port-info{display:flex;flex-direction:column;gap:8px}
.auth-pg .collab-port-name{font-size:18px;line-height:1.2;color:#271518;font-weight:600}
.auth-pg .collab-port-role{font-size:13px;line-height:1.5;color:#27151899}
.auth-pg .collab-port-txt{font-size:15px;line-height:1.75;color:#271518bf;font-style:italic}
.auth-pg .collab-img-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.auth-pg .collab-img-item{border-radius:36px;overflow:clip;aspect-ratio:4/3;position:relative}
.auth-pg .collab-img-item img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:brightness(0.85) saturate(0.88);transition:filter .15s ease-in}
.auth-pg .collab-img-item:hover img{filter:brightness(1) saturate(1)}
.auth-pg .collab-img-item::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,#27151866 100%);pointer-events:none}
@media (max-width: 960px) {
.auth-pg .ttl-blk{flex-direction:column;padding:40px 40px 80px;gap:40px}
.auth-pg .ttl-right{flex:0 0 auto;width:100%}
.auth-pg .ttl-img-wrap{height:300px}
.auth-pg .exp-blk{grid-template-columns:1fr;padding:40px;gap:40px}
.auth-pg .exp-sidebar{position:static}
.auth-pg .exp-metrics{grid-template-columns:1fr 1fr}
.auth-pg .phil-inner{grid-template-columns:1fr;gap:40px}
.auth-pg .phil-blk{padding:40px}
.auth-pg .phil-img-wrap{aspect-ratio:4/3}
.auth-pg .collab-blk{padding:40px}
.auth-pg .collab-top{flex-direction:column;align-items:flex-start}
.auth-pg .collab-grid{grid-template-columns:1fr}
.auth-pg .collab-bottom{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.auth-pg .ttl-blk{padding:40px 16px 80px;gap:20px}
.auth-pg .ttl-h1{font-size:32px}
.auth-pg .exp-blk{padding:40px 16px;gap:20px}
.auth-pg .exp-metrics{grid-template-columns:1fr}
.auth-pg .phil-blk{padding:40px 16px}
.auth-pg .collab-blk{padding:40px 16px}
.auth-pg .collab-img-grid{grid-template-columns:1fr}
.auth-pg .geo-spin{display:none}
}
.dbt-pg{max-width:1440px;margin:0 auto;overflow-x:clip;position:relative}
.dbt-pg .stripe-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.dbt-pg .stripe-bg::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(-45deg,transparent,transparent 28px,#debf8b0b 28px,#debf8b0b 30px)}
.dbt-pg .top-strip{position:relative;z-index:1;background:#F8F7F3;padding:80px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;min-height:0}
.dbt-pg .top-strip .txt-side{display:flex;flex-direction:column;gap:20px}
.dbt-pg .top-strip .overline-tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:1.2;color:#271518;opacity:.6;letter-spacing:.08em;text-transform:uppercase}
.dbt-pg .top-strip .overline-tag::before{content:"";display:block;width:32px;height:1px;background:#DEBF8B}
.dbt-pg .top-strip .main-hdg{font-size:62px;line-height:1.2;color:#271518;margin:0}
.dbt-pg .top-strip .main-hdg .accent-word{color:#DEBF8B}
.dbt-pg .top-strip .sub-para{font-size:18px;line-height:1.75;color:#271518;opacity:.75;margin:0;max-width:480px}
.dbt-pg .top-strip .counter-row{display:flex;flex-direction:row;gap:40px;margin-top:8px}
.dbt-pg .top-strip .cnt-item{display:flex;flex-direction:column;gap:4px}
.dbt-pg .top-strip .cnt-num{font-size:45px;line-height:1.2;color:#271518;font-weight:700}
.dbt-pg .top-strip .cnt-lbl{font-size:13px;line-height:1.5;color:#271518;opacity:.55}
.dbt-pg .top-strip .img-side{position:relative;border-radius:36px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 12px 40px 0 #2715181a}
.dbt-pg .top-strip .img-side img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;animation:slow-zoom 12s ease-in-out infinite alternate}
@keyframes slow-zoom {
from{transform:scale(1)}
to{transform:scale(1.06)}
}
.dbt-pg .top-strip .img-side .img-grad{position:absolute;inset:0;background:linear-gradient(to right,#2715188c,transparent);transition:opacity .18s cubic-bezier(0.4,0,1,1)}
.dbt-pg .top-strip .img-side:hover .img-grad{opacity:.2}
.dbt-pg .zigzag-div{width:100%;line-height:0;display:block}
.dbt-pg .zigzag-div svg{width:100%;height:32px;display:block}
.dbt-pg .post-belt{position:relative;z-index:1;background:#271518;padding:80px}
.dbt-pg .post-belt .belt-hd{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;margin-bottom:40px;gap:20px}
.dbt-pg .post-belt .belt-hd .bl-overline{font-size:13px;line-height:1.2;color:#DEBF8B;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.dbt-pg .post-belt .belt-hd h2{font-size:45px;line-height:1.2;color:#F8F7F3;margin:0}
.dbt-pg .post-belt .belt-hd h2 .accent-word{color:#DEBF8B}
.dbt-pg .post-belt .belt-hd .see-all-lnk{display:inline-flex;align-items:center;gap:8px;font-size:15px;line-height:1.5;color:#DEBF8B;text-decoration:none;border:1px solid #debf8b66;padding:8px 20px;border-radius:0;transition:border-radius .15s cubic-bezier(0.4,0,1,1),background .15s cubic-bezier(0.4,0,1,1);white-space:nowrap}
.dbt-pg .post-belt .belt-hd .see-all-lnk:hover{background:#debf8b1f;border-radius:36px}
.dbt-pg .post-belt .post-card{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:stretch}
.dbt-pg .post-belt .post-card .card-img{position:relative;border-radius:36px;overflow:hidden;aspect-ratio:16/10}
.dbt-pg .post-belt .post-card .card-img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .18s cubic-bezier(0.4,0,1,1)}
.dbt-pg .post-belt .post-card:hover .card-img img{transform:scale(1.04)}
.dbt-pg .post-belt .post-card .card-img .img-tint{position:absolute;inset:0;background:#27151859;transition:opacity .15s cubic-bezier(0.4,0,1,1)}
.dbt-pg .post-belt .post-card:hover .card-img .img-tint{opacity:0}
.dbt-pg .post-belt .post-card .card-body{display:flex;flex-direction:column;gap:16px;justify-content:center}
.dbt-pg .post-belt .post-card .card-tag{display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:1.2;color:#DEBF8B;text-transform:uppercase;letter-spacing:.07em}
.dbt-pg .post-belt .post-card .card-tag i{font-size:15px}
.dbt-pg .post-belt .post-card .card-ttl{font-size:32px;line-height:1.2;color:#F8F7F3;margin:0}
.dbt-pg .post-belt .post-card .card-sub{font-size:15px;line-height:1.75;color:#f8f7f3a6;margin:0}
.dbt-pg .post-belt .post-card .card-desc{font-size:15px;line-height:1.75;color:#f8f7f38c;margin:0}
.dbt-pg .post-belt .post-card .read-btn{display:inline-flex;align-items:center;gap:8px;font-size:15px;line-height:1.5;color:#271518;background:#DEBF8B;border:none;padding:16px 40px;border-radius:0;cursor:pointer;text-decoration:none;align-self:flex-start;transition:border-radius .12s cubic-bezier(0.4,0,1,1),box-shadow .12s cubic-bezier(0.4,0,1,1);box-shadow:0 7px 18px 0 #debf8b1a}
.dbt-pg .post-belt .post-card .read-btn:hover{border-radius:36px;box-shadow:0 12px 40px 0 #debf8b1a}
.dbt-pg .post-belt .post-card .read-btn:focus{outline:2px solid #DEBF8B;outline-offset:3px}
.dbt-pg .zigzag-div-light svg{width:100%;height:32px;display:block}
.dbt-pg .rhythm-blk{position:relative;z-index:1;background:#F8F7F3;padding:80px;display:grid;grid-template-columns:5fr 7fr;gap:80px;align-items:start}
.dbt-pg .rhythm-blk .rh-left{display:flex;flex-direction:column;gap:20px;position:sticky;top:40px}
.dbt-pg .rhythm-blk .rh-left .bl-overline{font-size:13px;line-height:1.2;color:#DEBF8B;text-transform:uppercase;letter-spacing:.08em}
.dbt-pg .rhythm-blk .rh-left h2{font-size:45px;line-height:1.2;color:#271518;margin:0}
.dbt-pg .rhythm-blk .rh-left h2 .accent-word{color:#DEBF8B}
.dbt-pg .rhythm-blk .rh-left .rh-para{font-size:15px;line-height:1.75;color:#271518b3;margin:0}
.dbt-pg .rhythm-blk .tl-col{display:flex;flex-direction:column;gap:0;position:relative}
.dbt-pg .rhythm-blk .tl-col::before{content:"";position:absolute;left:19px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#DEBF8B,#debf8b1a)}
.dbt-pg .rhythm-blk .tl-item{display:flex;flex-direction:row;gap:20px;align-items:flex-start;padding:20px 0;position:relative;clip-path:inset(0 0 0 0);animation:slide-up-reveal .18s cubic-bezier(0.4,0,1,1) both}
.dbt-pg .rhythm-blk .tl-item:nth-child(1){animation-delay:.04s}
.dbt-pg .rhythm-blk .tl-item:nth-child(2){animation-delay:.08s}
.dbt-pg .rhythm-blk .tl-item:nth-child(3){animation-delay:.12s}
.dbt-pg .rhythm-blk .tl-item:nth-child(4){animation-delay:.16s}
@keyframes slide-up-reveal {
from{transform:translateY(16px);opacity:0}
to{transform:translateY(0);opacity:1}
}
.dbt-pg .rhythm-blk .tl-dot{width:40px;height:40px;border-radius:0;background:#271518;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-radius .12s cubic-bezier(0.4,0,1,1);box-shadow:0 1px 6px 0 #2715180d;z-index:1}
.dbt-pg .rhythm-blk .tl-item:hover .tl-dot{border-radius:36px}
.dbt-pg .rhythm-blk .tl-dot i{font-size:18px;color:#DEBF8B}
.dbt-pg .rhythm-blk .tl-dot.done{background:#DEBF8B}
.dbt-pg .rhythm-blk .tl-dot.done i{color:#271518}
.dbt-pg .rhythm-blk .tl-txt{display:flex;flex-direction:column;gap:4px;padding-top:8px}
.dbt-pg .rhythm-blk .tl-txt h4{font-size:18px;line-height:1.5;color:#271518;margin:0}
.dbt-pg .rhythm-blk .tl-txt p{font-size:15px;line-height:1.75;color:#271518a6;margin:0}
.dbt-pg .rhythm-blk .tl-txt .status-badge{display:inline-flex;align-items:center;gap:4px;font-size:13px;line-height:1.2;padding:4px 8px;border-radius:0;margin-top:4px;align-self:flex-start}
.dbt-pg .rhythm-blk .tl-txt .status-badge.pub{background:#debf8b33;color:#271518}
.dbt-pg .rhythm-blk .tl-txt .status-badge.soon{background:#27151812;color:#27151899}
.dbt-pg .adj-blk{position:relative;z-index:1;background:#271518;padding:80px}
.dbt-pg .adj-blk .adj-top{display:flex;flex-direction:column;gap:8px;margin-bottom:40px}
.dbt-pg .adj-blk .adj-top .bl-overline{font-size:13px;line-height:1.2;color:#debf8bb3;text-transform:uppercase;letter-spacing:.08em}
.dbt-pg .adj-blk .adj-top h2{font-size:45px;line-height:1.2;color:#F8F7F3;margin:0}
.dbt-pg .adj-blk .adj-top h2 .accent-word{color:#DEBF8B}
.dbt-pg .adj-blk .adj-top .adj-para{font-size:15px;line-height:1.75;color:#f8f7f399;margin:0;max-width:560px}
.dbt-pg .adj-blk .adj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dbt-pg .adj-blk .adj-card{background:#f8f7f30d;border:1px solid #debf8b26;border-radius:36px;padding:40px;display:flex;flex-direction:column;gap:16px;transition:background .15s cubic-bezier(0.4,0,1,1),border-radius .15s cubic-bezier(0.4,0,1,1);box-shadow:0 1px 6px 0 #2715180d}
.dbt-pg .adj-blk .adj-card:hover{background:#debf8b14;border-radius:0}
.dbt-pg .adj-blk .adj-card .adj-icon{width:48px;height:48px;background:#debf8b1f;border-radius:0;display:flex;align-items:center;justify-content:center;transition:border-radius .12s cubic-bezier(0.4,0,1,1)}
.dbt-pg .adj-blk .adj-card:hover .adj-icon{border-radius:36px}
.dbt-pg .adj-blk .adj-card .adj-icon i{font-size:22px;color:#DEBF8B}
.dbt-pg .adj-blk .adj-card h4{font-size:18px;line-height:1.5;color:#F8F7F3;margin:0}
.dbt-pg .adj-blk .adj-card p{font-size:15px;line-height:1.75;color:#f8f7f38c;margin:0}
.dbt-pg .adj-blk .adj-img-row{margin-top:40px;border-radius:36px;overflow:hidden;aspect-ratio:21/6;position:relative}
.dbt-pg .adj-blk .adj-img-row img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;animation:slow-pan 14s ease-in-out infinite alternate}
@keyframes slow-pan {
from{object-position:30% center}
to{object-position:70% center}
}
.dbt-pg .adj-blk .adj-img-row .img-tint{position:absolute;inset:0;background:#27151866;transition:opacity .15s cubic-bezier(0.4,0,1,1)}
.dbt-pg .adj-blk .adj-img-row:hover .img-tint{opacity:.1}
.dbt-pg .voice-blk{position:relative;z-index:1;background:#F8F7F3;padding:80px;display:grid;grid-template-columns:7fr 5fr;gap:80px;align-items:center}
.dbt-pg .voice-blk .voice-left{display:flex;flex-direction:column;gap:20px}
.dbt-pg .voice-blk .voice-left .bl-overline{font-size:13px;line-height:1.2;color:#27151880;text-transform:uppercase;letter-spacing:.08em}
.dbt-pg .voice-blk .voice-left h2{font-size:45px;line-height:1.2;color:#271518;margin:0}
.dbt-pg .voice-blk .voice-left h2 .accent-word{color:#DEBF8B}
.dbt-pg .voice-blk .voice-left .voice-para{font-size:15px;line-height:1.75;color:#271518b3;margin:0}
.dbt-pg .voice-blk .voice-left .std-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.dbt-pg .voice-blk .voice-left .std-list li{display:flex;align-items:flex-start;gap:8px;font-size:15px;line-height:1.75;color:#271518bf}
.dbt-pg .voice-blk .voice-left .std-list li::before{content:"—";color:#DEBF8B;flex-shrink:0;margin-top:2px}
.dbt-pg .voice-blk .voice-right{display:flex;flex-direction:column;align-items:center;gap:20px}
.dbt-pg .voice-blk .voice-right .port-wrap{width:240px;height:240px;border-radius:36px;overflow:hidden;box-shadow:0 12px 40px 0 #2715181a;flex-shrink:0}
.dbt-pg .voice-blk .voice-right .port-wrap img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.dbt-pg .voice-blk .voice-right .port-info{text-align:center;display:flex;flex-direction:column;gap:4px}
.dbt-pg .voice-blk .voice-right .port-info .port-name{font-size:18px;line-height:1.5;color:#271518}
.dbt-pg .voice-blk .voice-right .port-info .port-role{font-size:13px;line-height:1.5;color:#2715188c}
.dbt-pg .voice-blk .voice-right .about-lnk{display:inline-flex;align-items:center;gap:8px;font-size:15px;line-height:1.5;color:#271518;text-decoration:none;border:1px solid #2715184d;padding:8px 20px;border-radius:36px;transition:border-radius .12s cubic-bezier(0.4,0,1,1),background .12s cubic-bezier(0.4,0,1,1)}
.dbt-pg .voice-blk .voice-right .about-lnk:hover{border-radius:0;background:#2715180d}
.dbt-pg .sub-blk{position:relative;z-index:1;background:#3a1e22;padding:80px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.dbt-pg .sub-blk .sub-deco{position:absolute;top:40px;right:80px;opacity:.06;pointer-events:none}
.dbt-pg .sub-blk .sub-deco svg{width:160px;height:160px}
.dbt-pg .sub-blk .sub-left{display:flex;flex-direction:column;gap:20px}
.dbt-pg .sub-blk .sub-left .bl-overline{font-size:13px;line-height:1.2;color:#debf8b99;text-transform:uppercase;letter-spacing:.08em}
.dbt-pg .sub-blk .sub-left h2{font-size:45px;line-height:1.2;color:#F8F7F3;margin:0}
.dbt-pg .sub-blk .sub-left h2 .accent-word{color:#DEBF8B}
.dbt-pg .sub-blk .sub-left .sub-para{font-size:15px;line-height:1.75;color:#f8f7f399;margin:0}
.dbt-pg .sub-blk .sub-left .freq-row{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap}
.dbt-pg .sub-blk .sub-left .freq-chip{display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:1.2;color:#DEBF8B;background:#debf8b1a;padding:8px 16px;border-radius:0;border:1px solid #debf8b33}
.dbt-pg .sub-blk .sub-right{display:flex;flex-direction:column;gap:20px}
.dbt-pg .sub-blk .sub-right .sub-form{display:flex;flex-direction:column;gap:16px}
.dbt-pg .sub-blk .sub-right .sub-form .field-grp{display:flex;flex-direction:column;gap:8px}
.dbt-pg .sub-blk .sub-right .sub-form label{font-size:13px;line-height:1.5;color:#f8f7f3b3}
.dbt-pg .sub-blk .sub-right .sub-form input[type="text"],.dbt-pg .sub-blk .sub-right .sub-form input[type="email"]{background:#f8f7f312;border:1px solid #f8f7f326!important;border-radius:0;padding:16px 20px;font-size:15px;line-height:1.5;color:#F8F7F3;outline:none;width:100%;box-sizing:border-box;transition:border-color .12s cubic-bezier(0.4,0,1,1),background .12s cubic-bezier(0.4,0,1,1)}
.dbt-pg .sub-blk .sub-right .sub-form input[type="text"]::placeholder,.dbt-pg .sub-blk .sub-right .sub-form input[type="email"]::placeholder{color:#f8f7f34d}
.dbt-pg .sub-blk .sub-right .sub-form input[type="text"]:focus,.dbt-pg .sub-blk .sub-right .sub-form input[type="email"]:focus{border-color:#debf8b99!important;background:#f8f7f31a}
.dbt-pg .sub-blk .sub-right .sub-form .sub-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;line-height:1.5;color:#271518;background:#DEBF8B;border:none;padding:16px 40px;border-radius:0;cursor:pointer;width:100%;transition:border-radius .12s cubic-bezier(0.4,0,1,1),box-shadow .12s cubic-bezier(0.4,0,1,1);box-shadow:0 7px 18px 0 #debf8b1a}
.dbt-pg .sub-blk .sub-right .sub-form .sub-btn:hover{border-radius:36px;box-shadow:0 12px 40px 0 #debf8b1a}
.dbt-pg .sub-blk .sub-right .sub-form .sub-btn:focus{outline:2px solid #DEBF8B;outline-offset:3px}
@keyframes shake-once {
0%{transform:translateX(0)}
20%{transform:translateX(-6px)}
40%{transform:translateX(6px)}
60%{transform:translateX(-4px)}
80%{transform:translateX(4px)}
100%{transform:translateX(0)}
}
.dbt-pg .sub-blk .sub-right .sub-form .sub-btn.shake{animation:shake-once .18s cubic-bezier(0.4,0,1,1)}
.dbt-pg .sub-blk .sub-right .privacy-note{font-size:13px;line-height:1.5;color:#f8f7f359;margin:0}
@media (max-width: 960px) {
.dbt-pg .top-strip{grid-template-columns:1fr;padding:40px;gap:40px}
.dbt-pg .top-strip .img-side{aspect-ratio:16/9}
.dbt-pg .top-strip .main-hdg{font-size:45px}
.dbt-pg .post-belt{padding:40px}
.dbt-pg .post-belt .post-card{grid-template-columns:1fr}
.dbt-pg .post-belt .belt-hd h2{font-size:32px}
.dbt-pg .rhythm-blk{grid-template-columns:1fr;padding:40px;gap:40px}
.dbt-pg .rhythm-blk .rh-left{position:static}
.dbt-pg .adj-blk{padding:40px}
.dbt-pg .adj-blk .adj-grid{grid-template-columns:1fr 1fr}
.dbt-pg .adj-blk .adj-img-row{aspect-ratio:16/7}
.dbt-pg .voice-blk{grid-template-columns:1fr;padding:40px;gap:40px}
.dbt-pg .voice-blk .voice-right{flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap}
.dbt-pg .voice-blk .voice-right .port-info{text-align:left}
.dbt-pg .sub-blk{grid-template-columns:1fr;padding:40px;gap:40px}
.dbt-pg .sub-blk .sub-left h2{font-size:32px}
}
@media (max-width: 480px) {
.dbt-pg .top-strip{padding:40px 20px}
.dbt-pg .top-strip .main-hdg{font-size:32px}
.dbt-pg .top-strip .counter-row{gap:20px}
.dbt-pg .top-strip .cnt-num{font-size:32px}
.dbt-pg .post-belt{padding:40px 20px}
.dbt-pg .post-belt .belt-hd{flex-direction:column;align-items:flex-start}
.dbt-pg .rhythm-blk{padding:40px 20px}
.dbt-pg .adj-blk{padding:40px 20px}
.dbt-pg .adj-blk .adj-grid{grid-template-columns:1fr}
.dbt-pg .voice-blk{padding:40px 20px}
.dbt-pg .voice-blk .voice-right{flex-direction:column;align-items:center}
.dbt-pg .sub-blk{padding:40px 20px}
.dbt-pg .sub-blk .sub-left h2{font-size:32px}
.dbt-pg .rhythm-blk .rh-left h2{font-size:32px}
.dbt-pg .adj-blk .adj-top h2{font-size:32px}
.dbt-pg .voice-blk .voice-left h2{font-size:32px}
}
.succ-page{min-height:100vh;background-color:#F8F7F3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}
.succ-page .succ-wrap{max-width:600px;width:100%;background-color:#fff;border-radius:36px;padding:80px 40px;box-shadow:0 12px 40px 0 #2715181a;text-align:center;position:relative}
.succ-page .succ-icon-ring{width:80px;height:80px;border-radius:36px;background:linear-gradient(to right,#DEBF8B,#debf8b00);display:flex;align-items:center;justify-content:center;margin:0 auto 40px;box-shadow:0 7px 18px 0 #debf8b1a}
.succ-page .succ-icon-ring svg{width:36px;height:36px;flex-shrink:0}
.succ-page .succ-tag{display:inline-block;font-size:13px;line-height:1.2;color:#DEBF8B;background-color:#debf8b1f;border-radius:36px;padding:4px 16px;margin-bottom:16px;letter-spacing:.04em;text-transform:uppercase}
.succ-page .succ-head{font-size:32px;line-height:1.2;color:#271518;margin:0 0 16px}
.succ-page .succ-body{font-size:15px;line-height:1.75;color:#5a4045;margin:0 0 40px}
.succ-page .succ-divider{width:40px;height:2px;background:linear-gradient(to right,#DEBF8B,#debf8b00);border-radius:0;margin:0 auto 40px}
.succ-page .succ-actions{display:flex;flex-direction:row;gap:16px;justify-content:center;flex-wrap:wrap}
.succ-page .btn-prim{display:inline-flex;align-items:center;gap:8px;background-color:#271518;color:#F8F7F3;font-size:15px;line-height:1.2;padding:16px 40px;border-radius:0;text-decoration:none;border:2px solid #271518;transition:border-radius .12s cubic-bezier(0.4,0,1,1),background-color .15s cubic-bezier(0.4,0,1,1)}
.succ-page .btn-prim:hover{border-radius:36px;background-color:#3d2025}
.succ-page .btn-prim:focus-visible{outline:2px solid #DEBF8B;outline-offset:4px}
.succ-page .btn-sec{display:inline-flex;align-items:center;gap:8px;background-color:transparent;color:#271518;font-size:15px;line-height:1.2;padding:16px 40px;border-radius:0;text-decoration:none;border:2px solid #271518;transition:border-radius .1s cubic-bezier(0.4,0,1,1),background-color .18s cubic-bezier(0.4,0,1,1)}
.succ-page .btn-sec:hover{border-radius:36px;background-color:#2715180f}
.succ-page .btn-sec:focus-visible{outline:2px solid #DEBF8B;outline-offset:4px}
.succ-page .succ-note{margin-top:40px;font-size:13px;line-height:1.5;color:#8a6e73}
.succ-page .succ-note a{color:#271518;text-decoration:underline;text-underline-offset:3px;transition:color .12s cubic-bezier(0.4,0,1,1)}
.succ-page .succ-note a:hover{color:#DEBF8B}
.succ-page .succ-note a:focus-visible{outline:2px solid #DEBF8B;outline-offset:2px;border-radius:0}
@media (max-width: 480px) {
.succ-page{padding:40px 16px}
.succ-page .succ-wrap{padding:40px 20px;border-radius:36px}
.succ-page .succ-head{font-size:32px}
.succ-page .succ-actions{flex-direction:column;align-items:stretch}
.succ-page .btn-prim,.succ-page .btn-sec{justify-content:center;padding:16px 20px}
}