:root{--ink:#f7f0df;--rose:#d8af68;--cream:#111114;--plum:#192447;--gold:#d8af68;--line:#544733;--white:#18181b;--muted:#c9c0b4}
html{scroll-padding-top:95px}
body{background:#0a0a0d;color:var(--ink);font-family:"DM Sans",sans-serif}
::selection{background:#b7955c;color:#0b0b0d}
.wrap{width:min(1220px,calc(100% - 48px))}
.topbar{background:#16100b;color:#e5c78e;border-bottom:1px solid #6a4c27;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase}
.nav-shell{position:sticky;top:0;z-index:12;background:rgba(10,10,13,.94);backdrop-filter:blur(20px);border-bottom:1px solid #51412a}
.nav{height:88px;gap:22px}
.logo{display:flex;align-items:center;gap:11px;font-family:"Playfair Display",serif;font-size:1.3rem;letter-spacing:.09em;color:#e8c68d;white-space:nowrap}
.logo img{width:50px;height:50px;object-fit:cover;border-radius:50%;border:1px solid #8a6a37}
.logo small{font-family:"DM Sans",sans-serif;font-size:.7rem;letter-spacing:.35em;margin-left:5px}
.navlinks{align-items:center;gap:30px;color:#e7ddd0}
.navlinks a:hover,.navlinks a:focus-visible{color:#efc985}
.icon-btn{background:#201c1b;border:1px solid #796341;color:#f0d59e;border-radius:5px;width:auto;padding:0 17px;height:42px;font-weight:700}
.icon-btn:hover{background:#342b22}
.bag{padding-right:29px}.badge{top:-7px;right:-8px;background:#d8af68;color:#141011}
.hero{display:block;border-radius:0;background:radial-gradient(circle at 80% 25%,#192855 0%,#0b0d17 39%,#060608 72%);min-height:660px;border-bottom:1px solid #66502f}
.hero-inner{display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;gap:4vw;min-height:660px}
.hero-copy{padding:70px 0 80px}.hero .eyebrow,.eyebrow{color:#dcb979;letter-spacing:.22em}
.hero h1{font-size:clamp(3.6rem,7vw,7.4rem);line-height:1.02;letter-spacing:-.035em;max-width:650px}
h1 em{color:#e4bb76;font-weight:600}
.hero p{color:#e4d8c5;font-size:1.11rem;line-height:1.7;max-width:500px}
.hero-art{padding:28px 0 28px;display:grid;place-items:center;min-width:0}
.hero-art img{width:min(100%,570px);height:auto;display:block;filter:drop-shadow(0 15px 60px rgba(180,122,50,.16));mask-image:radial-gradient(ellipse 76% 74% at center,#000 62%,transparent 100%)}
.hero-note{margin-top:36px;color:#baaa96;letter-spacing:.2em;text-transform:uppercase;font-size:.74rem}
.btn{border-radius:4px;min-height:52px;justify-content:center}
.btn-dark,.hero .btn-dark{background:linear-gradient(110deg,#f2d399,#b88442,#f3d7a5);color:#17100c;border:1px solid #d7ad6c}
.btn-dark:hover,.hero .btn-dark:hover{filter:brightness(1.12)}
.btn-light{background:transparent;border:1px solid #9c8054;color:#f2dfbf}
.btn-light:hover{background:#241e19}
.trust{gap:0;padding:0;border-bottom:1px solid #554126}
.trust div{background:transparent;border:0;border-right:1px solid #554126;border-radius:0;padding:29px 32px}
.trust div:first-child{padding-left:0}.trust div:last-child{border-right:0}
.trust b{font-family:"Playfair Display",serif;font-size:1.17rem;color:#ecd2a3}
.trust span{color:#bdb1a4}
.styles-section{padding:94px 0 20px}
.section-head{gap:30px;align-items:end}
.section h2,.styles-section h2,.brand-story h2,.contact h2{font-family:"Playfair Display",serif}
.styles-section h2{font-size:clamp(2.6rem,5vw,5rem);line-height:1.08;margin:15px 0 0}
.styles-section h2 em,.section h2 em{color:#d7b16c;font-weight:600}
.section-head p{color:#c7b9a8;line-height:1.7}
.styles-visual{margin-top:38px;overflow:hidden;border:1px solid #654e2e;background:#0c0a09;box-shadow:0 25px 70px #0008}
.styles-visual img{display:block;width:100%;height:auto}
.section{padding:92px 0}
.card{background:#151519;border:1px solid #745a35;border-radius:2px;box-shadow:0 24px 72px #0009;grid-template-columns:1.15fr .85fr}
.products{display:grid;gap:36px}
.birman-gallery{grid-template-columns:1fr 1fr}
.birman-gallery .media-main{min-height:480px}
.product-gallery{background:#151314;padding:12px;gap:10px}
.media-main,.media-small{background:#26232a;border-radius:0}
.media-main{min-height:650px}
.card-body{padding:48px 42px}
.card h3{color:#f5e5c8;font-size:clamp(2.15rem,3.7vw,3.5rem)}
.meta{color:#c8bdad}
.pill{border:1px solid #937345;background:#2a221a;color:#e8c68f;border-radius:2px;padding:8px 13px}
.option-picker legend{color:#f0dfc0}
.choice label{background:#1d1d21;color:#e4d9ca;border:1px solid #5d4c39;border-radius:2px}
.choice label:hover{border-color:#d5b16f}
.choice input:checked+label{background:#b88c51;border-color:#d9b673;color:#100e0b;box-shadow:none}
.choice input:focus-visible+label{outline-color:#e5bd75}
.price-row{border-top-color:#655138}
.price{color:#ecc98d}
.add{border-color:#d1a362;color:#17100b;background:linear-gradient(120deg,#f2d399,#b88442,#f0d096);border-radius:3px;box-shadow:none}
.add:hover{background:#edca8f;border-color:#edca8f;color:#17100b}
.feature{background:linear-gradient(130deg,#111723,#10234e 60%,#0b0c12);border:1px solid #7c5e31;border-radius:2px;box-shadow:0 25px 65px #0008}
.feature h2{color:#f7e7c5}.feature p,.check span{color:#d4c9bd}
.check i{background:#d7b16c;color:#161113}
.brand-story{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:54px;padding:30px 0 90px;border-bottom:1px solid #624a2b}
.brand-story-image{overflow:hidden;border:1px solid #795d38;max-height:440px}
.brand-story-image img{display:block;width:100%;height:440px;object-fit:cover;object-position:center 18%}
.brand-story-copy h2{font-size:clamp(2.5rem,4.5vw,4.8rem);line-height:1.07;margin:16px 0}
.brand-story-copy p{color:#cfc1ad;font-size:1.08rem;line-height:1.7}
.contact{background:radial-gradient(circle at 50% 0%,#1b294f,#0a0a0d 67%);border-bottom:1px solid #5a472e}
.contact h2{color:#f5e3bf}
.contact p{color:#c9bdaf}
.whatsapp{background:#d9b578;color:#15100d}
footer{border-top:0;background:#080809;color:#b4a99b}
.drawer .shade{background:#000b}
.panel{background:#161619;border-left:1px solid #85673c;color:#f7e6ca}
.panel #order[aria-disabled="true"]{opacity:.5;pointer-events:none}
.panel .icon-btn{width:42px;height:42px;padding:0}
.cart-empty{color:#c5b7a6}
.toast{background:#cfa563;color:#14100c}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr 1fr}.card{grid-template-columns:1fr}.media-main{min-height:520px}.brand-story{gap:30px}.card-body{padding:38px}}
@media(max-width:800px){.nav{height:70px}.navlinks{display:none}.logo{font-size:1.08rem}.logo img{width:42px;height:42px}.logo small{font-size:.58rem}.hero{min-height:0}.hero-inner{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding:60px 0 18px}.hero h1{font-size:clamp(3.5rem,13vw,5.7rem)}.hero-art{padding:0 0 20px}.hero-art img{width:min(100%,450px)}.trust{grid-template-columns:1fr;padding:10px 0}.trust div,.trust div:first-child{border-right:0;border-bottom:1px solid #554126;padding:20px 0}.trust div:last-child{border-bottom:0}.section-head{align-items:start;flex-direction:column;gap:16px}.styles-section{padding:70px 0 8px}.styles-visual{margin-top:25px}.section{padding:70px 0}.feature{grid-template-columns:1fr;padding:42px 28px;gap:32px}.brand-story{grid-template-columns:1fr;padding:0 0 68px}.brand-story-image img{height:auto;max-height:470px}.contact{padding:75px 24px}.product-gallery{grid-template-columns:1fr}.media-main{min-height:430px}.media-stack{grid-template-columns:1fr 1fr;grid-template-rows:none}.media-small{aspect-ratio:1/1.2}.price-row{align-items:flex-start;flex-direction:column;gap:18px}.add{width:100%}}
@media(max-width:480px){.wrap{width:calc(100% - 32px)}.topbar{font-size:.67rem;letter-spacing:.1em}.hero-copy{padding-top:48px}.hero h1{font-size:3.35rem}.hero p{font-size:1rem}.actions{display:grid;grid-template-columns:1fr}.hero-note{margin-top:25px;font-size:.67rem}.styles-visual img{width:175%;max-width:none;transform:translateX(-21%)}.section h2,.styles-section h2{font-size:2.7rem}.card-body{padding:28px 20px}.size-options{grid-template-columns:repeat(4,1fr)}.choice label{padding:10px 4px}.feature{padding:36px 22px}.brand-story-copy h2{font-size:2.8rem}}
@media(max-width:800px){.birman-gallery{grid-template-columns:1fr 1fr}.birman-gallery .media-main{min-height:280px}}
@media(max-width:480px){.birman-gallery .media-main{min-height:200px}}
@media(max-width:800px){.nav{height:auto;min-height:70px;flex-wrap:wrap;padding-top:8px}.navlinks{display:flex;order:3;width:100%;gap:22px;overflow-x:auto;white-space:nowrap;padding:0 0 12px;scrollbar-width:thin}}