:root{--color-primary:#33383c;--color-secondary:#f5f5f5;--color-accent:#b8a28a;--color-text:#33383c;--color-subtle:#7b8487;--transition:all .4s cubic-bezier(.165, .84, .44, 1);--ot-white:#fff;--ot-paper:#fafafa;--ot-ink:#33383c;--ot-muted:#7b8487;--ot-placeholder:#acb2b4;--ot-line:#e5e5e5}*{box-sizing:border-box;margin:0;padding:0}body[data-theme=dark]{--bg-main:#111418;--bg-header:#111418c2;--bg-header-scrolled:#111418f0;--text-title:#f5f3ef;--text-main:#ddd8d0;--text-sub:#9ea4aa;--text-muted:#7b8487;--logo-fill:#fff;--hamburger-color:#f5f3ef;--footer-bg:#14181c;--footer-border:#ffffff14;--drawer-bg:#14181cf5;--drawer-text:#f5f3ef;--drawer-border:#ffffff14;--drawer-close:#f5f3ef;--social-color:#9ea4aa}body[data-theme=light]{--bg-main:#fafafa;--bg-header:#fafafadb;--bg-header-scrolled:#fffffff5;--text-title:#33383c;--text-main:#33383c;--text-sub:#7b8487;--text-muted:#acb2b4;--logo-fill:#33383c;--hamburger-color:#33383c;--footer-bg:#f5f5f5;--footer-border:#e5e5e5;--drawer-bg:#fffffff7;--drawer-text:#33383c;--drawer-border:#0000000f;--drawer-close:#33383c;--social-color:#7b8487}body{font-family:var(--font-primary,system-ui, -apple-system, sans-serif);color:var(--text-main);background-color:var(--bg-main);letter-spacing:.015em;-webkit-font-smoothing:antialiased;padding-top:0;line-height:1.6;transition:background-color .4s,color .4s}header{background-color:var(--bg-header);z-index:100;width:100%;transition:var(--transition), background-color .4s ease;-webkit-backdrop-filter:blur(16px);border-bottom:none;min-height:52px;padding:.55rem 0;display:block;position:fixed;top:0;left:0;right:0}header.scrolled{background-color:var(--bg-header-scrolled);padding:.45rem 0;box-shadow:0 10px 30px #00000014}.nav-content{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;min-height:52px;display:grid}.brand{grid-column:2;justify-self:center}.brand-logo{height:26px;display:block}.brand-logo img,.brand-logo svg{width:auto;height:26px;transition:filter .4s;display:block}body[data-theme=dark] .brand-logo img{filter:brightness(0)invert()}body[data-theme=light] .brand-logo img{filter:none}.hamburger{cursor:pointer;z-index:103;background:0 0;border:none;outline:none;grid-column:3;justify-self:end;margin-right:clamp(.9rem,2.4vw,2.5rem);padding:.4rem;display:block}.hamburger-box{width:18px;height:14px;display:inline-block;position:relative}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{background-color:var(--hamburger-color);width:18px;height:.8px;transition:var(--transition), background-color .4s ease;position:absolute;left:0}.hamburger-inner{top:50%;transform:translateY(-50%)}.hamburger-inner:before{content:"";top:-5px}.hamburger-inner:after{content:"";bottom:-5px}.hamburger.active .hamburger-inner{background-color:#0000}.hamburger.active .hamburger-inner:before{transform:translateY(5px)rotate(45deg)}.hamburger.active .hamburger-inner:after{transform:translateY(-5px)rotate(-45deg)}.hamburger.active{opacity:0;visibility:hidden;pointer-events:none}.nav-overlay{z-index:101;opacity:0;visibility:hidden;width:100%;height:100%;transition:var(--transition);background-color:#00000073;position:fixed;top:0;left:0}.nav-overlay.active{opacity:1;visibility:visible}.nav-drawer{background:var(--drawer-bg);border:1px solid var(--drawer-border);z-index:102;border-radius:0;width:350px;max-width:85%;padding:3.5rem 1.8rem 1.8rem;transition:right .35s,background .4s,border-color .4s;position:fixed;inset:calc(58px + .75rem) -100% .75rem auto;overflow-y:auto;box-shadow:0 15px 45px #0000002e}.nav-drawer.active{right:.75rem}.nav-drawer-close{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex;position:absolute;top:.9rem;right:.9rem}.nav-drawer-close:before,.nav-drawer-close:after{content:"";background:var(--drawer-close);width:18px;height:1px;transition:background-color .4s;position:absolute}.nav-drawer-close:before{transform:rotate(45deg)}.nav-drawer-close:after{transform:rotate(-45deg)}.nav-drawer-links a{color:var(--drawer-text);border-bottom:1px solid var(--drawer-border);padding:.85rem 0;font-size:1rem;font-weight:400;text-decoration:none;transition:color .2s,border-color .4s;display:block}.nav-drawer-links a:last-child{border-bottom:none}.nav-drawer-links a:hover{color:var(--color-accent,#b8a28a)}@media (width<=768px){header{min-height:48px;padding:.42rem 0}header.scrolled{padding:.35rem 0}.brand-logo{height:22px}.nav-drawer{width:260px;top:calc(48px + .6rem);bottom:.6rem}.nav-drawer.active{right:.6rem}}.hero-container-frame{background:var(--bg-main);box-sizing:border-box;padding:90px 4% 2.5rem;transition:background-color .4s}.hero-section{width:100%;height:calc(100vh - 120px);min-height:520px;max-height:820px;box-shadow:none;border-radius:0;position:relative;overflow:hidden}.hero-content{color:#fff;z-index:5;pointer-events:none;max-width:550px;position:absolute;top:50%;left:8%;transform:translateY(-50%)}.hero-subtitle{letter-spacing:.3em;text-transform:uppercase;color:var(--color-accent,#b8a28a);margin-bottom:1rem;font-size:.85rem}.hero-title{letter-spacing:.05em;color:#fff;margin-bottom:1.5rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:300;line-height:1.2}.hero-desc{opacity:.88;color:#fff;font-size:.95rem;font-weight:300;line-height:1.8}.section-content{max-width:1100px;margin:0 auto;padding:6rem 8%}.section-title{letter-spacing:.08em;color:var(--text-title);margin-bottom:1.5rem;font-size:2rem;font-weight:300;transition:color .4s}.section-p{color:var(--text-sub);margin-bottom:2rem;font-size:1.05rem;line-height:1.95;transition:color .4s}footer{background-color:var(--footer-bg);border-top:1px solid var(--footer-border);color:var(--text-sub);padding:4rem 8% 2rem;transition:background-color .4s,border-color .4s,color .4s}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-bottom:3rem;display:grid}.footer-col h4{letter-spacing:.12em;text-transform:uppercase;color:var(--text-title);margin-bottom:1.25rem;font-size:.9rem;transition:color .4s}.footer-col a{color:var(--text-sub);margin-bottom:.65rem;font-size:.85rem;text-decoration:none;transition:color .25s;display:block}.footer-col a:hover{color:var(--color-accent,#b8a28a)}.footer-social-box{align-items:center;gap:1.25rem;display:flex}.footer-social-box .social-icons-wrapper{align-items:center!important;gap:1.25rem!important;display:flex!important}.footer-social-box a,.footer-social-box .social-icon-dynamic{justify-content:center;align-items:center;font-size:1.2rem;transition:color .25s,transform .25s;color:var(--social-color)!important;display:inline-flex!important}.footer-social-box a:hover,.footer-social-box .social-icon-dynamic:hover{transform:translateY(-2px);color:var(--color-accent,#b8a28a)!important}.footer-social-box svg.filled-icon,.footer-social-box svg.filled-icon path{fill:currentColor!important;stroke:none!important}.footer-social-box svg.stroke-icon,.footer-social-box svg.stroke-icon path{fill:none!important;stroke:currentColor!important;stroke-width:2px!important}.footer-social-box svg{width:1.2rem!important;height:1.2rem!important;display:block!important}.footer-bottom{border-top:1px solid var(--footer-border);color:var(--text-sub);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;font-size:.82rem;transition:border-color .4s,color .4s;display:flex}#footer-copyright{opacity:.85;margin:0}.theme-toggle-btn{border:1px solid var(--footer-border);color:var(--text-sub);cursor:pointer;user-select:none;background:0 0;border-radius:50%;outline:none;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .4s cubic-bezier(.165,.84,.44,1);display:inline-flex;position:relative;overflow:hidden}.theme-toggle-btn:hover{border-color:var(--color-accent,#b8a28a);color:var(--color-accent,#b8a28a);transform:scale(1.05)translateY(-1px)}.theme-toggle-btn .theme-icon{stroke:currentColor;stroke-width:1.2px;width:16px;height:16px;transition:transform .5s cubic-bezier(.165,.84,.44,1),opacity .4s;position:absolute}.theme-toggle-btn .theme-icon-sun{opacity:0;transform:rotate(45deg)scale(.5)}.theme-toggle-btn .theme-icon-moon{opacity:0;transform:rotate(-45deg)scale(.5)}body[data-theme=light] .theme-toggle-btn .theme-icon-sun,body[data-theme=dark] .theme-toggle-btn .theme-icon-moon{opacity:1;transform:rotate(0)scale(1)}
