:root{--navy:#122331;--navy-dark:#091a25;--cream:#f5f2ec;--white:#fff;--ink:#172837;--muted:#62717b;--accent:#dca969;--line:#e4e4df}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}
.skip-link{position:absolute;transform:translateY(-150%);padding:12px;background:var(--white);z-index:99}
.skip-link:focus{transform:none}
.utility-bar{background:var(--navy-dark);color:#e6e2da;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:9px 0}
.utility-bar span{color:var(--accent);padding:0 10px}
.site-header{background:var(--white);border-bottom:1px solid #ecedea;position:relative;z-index:4}
.header-inner{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}
.brand-mark{display:flex;align-items:center;justify-content:center;background:var(--navy);color:var(--white);height:49px;width:49px;font-size:17px;font-weight:800;letter-spacing:-.08em}
.brand-text{display:flex;flex-direction:column;line-height:1.25}
.brand-text strong{font-size:17px;letter-spacing:-.025em}
.brand-text small{font-size:10px;color:var(--muted);letter-spacing:.17em;text-transform:uppercase;margin-top:4px}
.nav-links{display:flex;gap:36px;font-weight:550;font-size:13px}
.nav-links a:hover,.footer-inner a:hover{color:#b37d3e}
.cart-link{display:inline-flex;align-items:center;gap:15px;border:1px solid var(--navy);padding:12px 18px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-size:10px;transition:.2s}
.cart-link:hover{background:var(--navy);color:#fff}
.hero{background:var(--navy);color:#fff;overflow:hidden}
.hero-grid{min-height:580px;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:55px}
.eyebrow{color:var(--accent);font-size:11px;font-weight:750;letter-spacing:.23em;display:block;margin-bottom:20px}
.hero h1{font-size:clamp(38px,4.8vw,72px);line-height:1.1;font-weight:600;letter-spacing:-.056em;max-width:760px;margin:0}
.hero h1 em{color:#efce9f;font-style:normal}
.hero p{max-width:490px;color:#c2cdd2;font-size:15px;margin:25px 0 29px}
.hero-actions{display:flex;flex-wrap:wrap;gap:13px}
.btn{padding:14px 23px;font-size:12px;display:inline-flex;justify-content:center;align-items:center;gap:22px;font-weight:700;letter-spacing:.015em;transition:.2s}
.btn-primary{color:var(--navy);background:var(--accent)}
.btn-primary:hover{background:#f0bf7c}
.btn-ghost{border:1px solid #697e89;color:#fff}
.btn-ghost:hover{border-color:#fff}
.hero-art{height:480px;position:relative;display:flex;justify-content:center;align-items:center;isolation:isolate}
.art-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.5%,#ffffff0f 50%,transparent 50.5%),linear-gradient(transparent 49.5%,#ffffff0f 50%,transparent 50.5%);background-size:58px 58px;transform:rotate(-11deg);opacity:.55}
.art-slab{position:absolute;box-shadow:0 38px 60px #0006;border:1px solid #f3d4a944;border-radius:2px}
.art-a{width:52%;height:63%;transform:rotate(-17deg) translate(-38px,5px);background:linear-gradient(148deg,#cba06c,#8b623b);z-index:1}
.art-b{width:51%;height:61%;transform:rotate(13deg) translate(44px,-2px);background:linear-gradient(145deg,#2b4452,#0c1d28);z-index:2}
.art-seal{position:absolute;z-index:3;color:#f2d5a8;border:1px solid #f2d5a877;width:170px;height:170px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:250;letter-spacing:-.13em}
.art-seal span{color:var(--accent);font-size:29px;padding:0 4px}
.art-caption{z-index:4;position:absolute;bottom:24px;right:5px;font-size:11px;color:#d9e3e5;letter-spacing:.15em;text-transform:uppercase;text-align:right}
.intro-section{padding-top:94px;padding-bottom:110px}
.eyebrow.dark{color:#af8047}
.section-head h2{font-size:clamp(28px,3.5vw,47px);line-height:1.15;letter-spacing:-.04em;font-weight:600;margin:0 0 44px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.feature-grid article{padding:37px 42px 45px 0;min-height:218px}
.feature-grid article+article{border-left:1px solid var(--line);padding-left:42px}
.feature-number{font-size:12px;color:#af8047;font-weight:650}
.feature-grid h3{font-size:19px;letter-spacing:-.025em;margin:22px 0 9px}
.feature-grid p{font-size:14px;color:var(--muted);margin:0}
.text-link{font-size:13px;font-weight:700;border-bottom:1px solid #162b3d;display:inline-flex;gap:24px;padding:10px 0;margin-top:20px}
.page-banner{background:var(--cream);padding:85px 0 78px}
.page-banner.compact{padding:64px 0 55px}
.page-banner .eyebrow{color:#a47741;margin-bottom:12px}
.page-banner h1{font-weight:600;font-size:clamp(35px,4vw,57px);letter-spacing:-.06em;line-height:1.1;margin:0}
.page-banner p{font-size:15px;color:var(--muted);margin:17px 0 0}
.mall-section{padding-top:65px;padding-bottom:100px;min-height:350px}
.mall-section.narrow{max-width:960px}
.product-section{padding-top:45px}
.crumbs{font-size:12px;color:var(--muted);margin-bottom:40px}
.crumbs a{text-decoration:underline;text-underline-offset:3px}
.crumbs span{margin:0 12px}
.site-footer{background:var(--navy-dark);color:#f0f2f1;padding:65px 0 20px}
.footer-inner{display:flex;justify-content:space-between;gap:40px}
.footer-inner strong{font-size:23px;letter-spacing:-.04em}
.footer-inner p{color:#9eabb2;font-size:13px;max-width:340px}
.footer-inner>div:nth-child(2){display:flex;gap:32px;font-size:13px}
.copyright{margin-top:50px;padding-top:19px;border-top:1px solid #263a45;font-size:12px;color:#82939f}
button,input,select,textarea{font:inherit}
input,select,textarea{max-width:100%;border-radius:0}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:15px;padding-top:65px;padding-bottom:25px}.hero-art{height:310px}.art-seal{width:130px;height:130px;font-size:36px}.nav-links{gap:15px}.feature-grid{grid-template-columns:1fr}.feature-grid article,.feature-grid article+article{border-left:0;border-bottom:1px solid var(--line);padding:24px 0;min-height:auto}}
@media(max-width:600px){.wrap{width:min(100% - 36px,1240px)}.header-inner{min-height:79px;flex-wrap:wrap;gap:8px;padding:12px 0}.brand-mark{height:41px;width:41px}.brand-text strong{font-size:14px}.nav-links{order:3;width:100%;justify-content:space-between;gap:8px;font-size:12px;padding-top:11px}.cart-link{padding:10px;font-size:10px}.hero h1{font-size:38px}.hero-art{height:260px}.art-slab{height:60%}.page-banner{padding:48px 0}.mall-section{padding-top:40px;padding-bottom:55px}.intro-section{padding:55px 0}.footer-inner{display:block}.footer-inner>div:nth-child(2){margin-top:30px;flex-wrap:wrap}.copyright{margin-top:32px}}