@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--gold:#d8b46b;--ink:#111;--cream:#f8f6f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:#eee;font:15px/1.65 'DM Sans',Arial,sans-serif}button,input,select{font:inherit}button,a,summary{touch-action:manipulation}a{color:inherit;text-decoration:none}button,summary{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c39438;outline-offset:4px}h1,h2,p{margin:0}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.1}h1{font-size:clamp(48px,5.8vw,87px);letter-spacing:-2px}h2{font-size:clamp(31px,3.5vw,48px)}em{color:var(--gold);font-weight:500}.notice{text-align:center;color:#dbc99f;background:#1d1b16;font-size:9px;letter-spacing:1.5px;padding:9px}header{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:18px 5%;border-bottom:1px solid #ffffff18;position:sticky;top:0;z-index:10;background:#111e;backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:14px;font-size:27px;font-weight:600;line-height:1.2;color:var(--gold)}.brand small{display:block;font-size:7px;letter-spacing:1.7px;margin-top:6px;color:#c5bba6}.monogram{font:34px Georgia,serif;letter-spacing:-9px;border:1px solid var(--gold);border-radius:6px;padding:5px 13px 5px 4px}nav{display:flex;gap:25px;font-size:12px}.icon{background:none;border:0;color:var(--gold);font-size:22px;min-width:44px;min-height:44px}.icon span{font-size:13px}.hero{padding:80px 7% 60px;display:grid;grid-template-columns:1.15fr 1fr;min-height:610px;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 72% 42%,#4d361c66,transparent 60%)}.eyebrow{font-size:10px;letter-spacing:2.2px;margin-bottom:24px}.intro{max-width:450px;color:#c5c0b5;margin:26px 0 28px}.gold,.outline{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 22px;font-size:12px;border:1px solid var(--gold);margin:0 10px 12px 0}.gold{background:linear-gradient(120deg,#f2d89e,#c49547);color:#19140c}.outline{background:none;color:#e9d8b8}.fine{font-size:10px;color:#aaa095;margin-top:12px}.hero-visual{height:440px;position:relative}.halo{position:absolute;inset:5% -20%;border:1px solid #c49a4930;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 100px #bc8e3020}.phone{position:absolute;border-radius:30px;width:185px;height:350px;box-shadow:15px 30px 50px #0008;display:flex;align-items:center;justify-content:center;border:3px solid #b99a6b;color:#d3b26b;font:28px Georgia,serif}.p1{left:8%;top:45px;transform:rotate(-15deg);background:linear-gradient(130deg,#d4c6a7,#77644b)}.p2{right:5%;top:0;transform:rotate(10deg);background:linear-gradient(135deg,#34302a,#0e0d0c 50%,#584830)}.camera{position:absolute;left:13px;top:14px;background:#262420;border:1px solid #847253;border-radius:15px;font:25px/1.2 Arial;color:#080808;padding:4px 7px;text-shadow:0 0 2px #fff;letter-spacing:2px}.visual-note{position:absolute;bottom:0;left:10%;font-size:8px;letter-spacing:1.5px;color:#93856e}.categories{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid #ffffff20;padding:0 5%;background:#171715}.categories a{padding:24px 20px;border-right:1px solid #ffffff13;font-weight:600}.categories span{display:block;color:#aca390;font-size:11px;font-weight:400}.collection{background:var(--cream);color:var(--ink);padding:70px 6%}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.section-head p:last-child{font-size:12px;color:#706b61}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:15px}input,select{padding:13px 15px;border:1px solid #cfc6b6;background:#fff;color:#222;min-height:48px;border-radius:2px;font-size:16px;max-width:100%}.filters input{flex:1;min-width:160px}.text-button{border:0;background:none;color:inherit;text-decoration:underline;font-size:12px;min-height:44px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px}.card{background:#fff;border:1px solid #e2dacf;padding:18px;position:relative;border-radius:7px}.product-visual{height:210px;background:radial-gradient(ellipse,#d4cec3,transparent 65%);display:grid;place-items:center}.mini-phone{width:91px;height:172px;border-radius:17px;background:linear-gradient(135deg,var(--phone-color),#171717);border:2px solid #948b7d;position:relative;box-shadow:10px 17px 20px #0002;transform:rotate(-8deg)}.mini-phone .camera{font-size:13px;border-radius:7px;top:8px;left:6px;padding:2px 4px}.card h3{font-size:16px;margin:12px 0 4px}.card p,.card small{font-size:11px;color:#7e7568}.card .gold{width:100%;margin-top:15px;margin-bottom:0}.fav{position:absolute;right:7px;top:7px;width:44px;height:44px;background:#fff;border:0;font-size:22px;color:#95702e;z-index:1}#results{font-size:12px;color:#776d60}.custom{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:80px 8%;background:#1a1916}.custom p{max-width:450px;color:#bcb3a1;margin:25px 0}.custom form{align-self:center}.custom label{display:block;color:#d9cdb8;font-size:12px;margin-bottom:20px}.custom input,.custom select{display:block;width:100%;margin-top:8px;background:#25231e;color:#eee;border-color:#524730}.custom small{display:block;color:#ada393;font-size:11px}.custom-phone{height:260px;width:140px;border:2px solid #b39b6d;border-radius:23px;margin:35px 0 0 20%;position:relative;background:linear-gradient(130deg,#d4b676,#3b2a13);display:flex;align-items:center;justify-content:center;color:#f6e5be;transition:background .3s}.custom-phone strong{margin-top:40px;max-width:120px;overflow-wrap:anywhere;text-align:center;font:22px Georgia,serif}.professional{padding:80px 8%;text-align:center;background:radial-gradient(ellipse at 50% 100%,#77552366,transparent 70%)}.professional p:not(.eyebrow){max-width:600px;margin:24px auto;color:#c3b9a5}.faq{background:var(--cream);color:var(--ink);padding:65px 10%}.faq h2{margin-bottom:25px}details{padding:20px 0;border-bottom:1px solid #d5cbbb}details p{font-size:13px;color:#6c6254;margin-top:15px}summary{font-weight:500}footer{display:flex;gap:30px;justify-content:space-between;align-items:center;padding:40px 5%}footer p{font-size:10px;color:#a69a86}dialog{background:#f9f6ee;color:#211b12;border:1px solid #b3955e;border-radius:8px;width:calc(100% - 30px);max-width:570px;padding:40px;max-height:90svh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}dialog h2{font-size:32px;margin:15px 0}dialog p{margin:18px 0;font-size:14px}.close{float:right;min-width:44px;min-height:44px;font-size:25px;border:0;background:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#saved{color:#e9cf9b;font-size:13px;margin:10px 0 20px;white-space:pre-line}
@media(max-width:800px){nav{display:none}.hero{grid-template-columns:1fr;padding:45px 6% 25px}.hero-visual{height:350px;margin-top:30px}.phone{height:270px;width:145px}.p1{left:17%}.p2{right:17%}.hero h1{font-size:54px}.categories{grid-template-columns:repeat(3,1fr);padding:0 10px}.categories a{padding:18px 10px;font-size:13px}.section-head{display:block}.section-head p:last-child{margin-top:20px}.grid{grid-template-columns:1fr 1fr;gap:10px}.card{padding:12px}.card h3{font-size:14px}.product-visual{height:180px}.card .gold{padding:12px 5px;font-size:11px}.collection{padding:45px 15px}.custom{grid-template-columns:1fr;gap:25px;padding:45px 6%}.custom-phone{margin-left:auto;margin-right:auto}.professional{padding:50px 6%}.faq{padding:45px 6%}footer{display:block}footer p{margin-top:20px}.brand{font-size:24px}header{padding:12px 5%}.notice{font-size:8px;letter-spacing:.7px}.gold,.outline{padding:13px 16px}.hero .gold,.hero .outline{font-size:11px}.filters select{width:100%}.hero-visual{max-width:430px;width:100%;justify-self:center}dialog{padding:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Layout containment keeps intrinsic grid widths inside the iPhone viewport. */
html{width:100%;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;min-width:0;overflow-x:clip}
main,section,header,footer,.hero>div,.custom>div,.custom form,.card{min-width:0;max-width:100%}
.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.custom{grid-template-columns:repeat(2,minmax(0,1fr))}
img,video,canvas,svg{max-width:100%;height:auto}
.brand{min-width:0}.brand small{overflow-wrap:anywhere}
h1,h2,h3,.intro,.eyebrow,.notice{overflow-wrap:break-word}
@media(max-width:1100px),(hover:none) and (pointer:coarse){
 header{gap:12px;padding:12px max(16px,env(safe-area-inset-left))}
 nav{display:none}
 .notice{padding:8px 16px;font-size:8px;line-height:1.6;letter-spacing:.6px}
 .hero{grid-template-columns:minmax(0,1fr);min-height:0;padding:36px 20px 24px;gap:12px}
 .hero h1{font-size:clamp(34px,9vw,54px);letter-spacing:-1px;line-height:1.12}
 .hero .eyebrow{font-size:9px;letter-spacing:1.3px;line-height:1.8;margin-bottom:18px}
 .intro{max-width:100%;margin:20px 0 24px;font-size:15px}
 .hero .gold,.hero .outline{display:flex;width:100%;margin:0 0 12px;min-height:48px;font-size:13px;text-align:center;white-space:normal}
 .hero-visual{height:310px;width:100%;max-width:380px;margin:12px auto 0;justify-self:center;overflow:hidden}
 .halo{inset:8% 0}
 .phone{width:132px;height:250px;border-radius:24px}
 .p1{left:calc(50% - 140px);top:32px}
 .p2{right:calc(50% - 140px);top:12px}
 .visual-note{left:0;right:0;bottom:0;text-align:center;font-size:7px;letter-spacing:1px}
 .categories{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px}
 .categories a{min-width:0;padding:16px 10px;font-size:13px}
 .categories a:last-child{grid-column:1/-1}
 .section-head{display:block}.section-head p:last-child{margin-top:16px}
 .collection{padding:36px 16px}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .filters{display:grid;grid-template-columns:minmax(0,1fr)}
 .filters input,.filters select{width:100%;min-width:0}
 .card{padding:10px}.card h3{font-size:14px;overflow-wrap:anywhere}
 .card .gold{padding:12px 5px;font-size:11px}
 .product-visual{height:180px}
 .custom{grid-template-columns:minmax(0,1fr);gap:28px;padding:40px 20px}
 .custom-phone{margin-inline:auto}
 .professional,.faq{padding:40px 20px}
 footer{display:block;padding:32px 20px}footer p{margin-top:18px}
 dialog{width:calc(100% - 24px);padding:20px;max-height:85svh}
 dialog h2{font-size:28px}
}
@media(max-width:359px){.grid{grid-template-columns:minmax(0,1fr)}.brand{font-size:21px}.brand small{font-size:6px}.hero{padding-inline:16px}.phone{width:116px;height:225px}.p1{left:calc(50% - 120px)}.p2{right:calc(50% - 120px)}}