:root{--navy:#071a3a;--blue:#103f86;--gold:#d6a73c;--ivory:#f8f5ee;--paper:#fffdf8;--ink:#172132;--muted:#697180;--line:#ded8cc;--green:#148653}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:"Alexandria",sans-serif}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.launch-bar{padding:9px 20px;background:var(--gold);color:var(--navy);font-size:12px;font-weight:700;text-align:center}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,78px);background:rgba(248,245,238,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px}.brand img{border-radius:50%}.brand span{display:grid}.brand strong{font-family:"Amiri",serif;font-size:27px;line-height:1}.brand small{font-size:9px;color:var(--muted);margin-top:5px}.site-header nav{display:flex;gap:30px;font-size:13px;font-weight:600}.site-header nav a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 25px;background:var(--navy);color:#fff;border:0;border-radius:3px;font-weight:700;font-size:14px;transition:.25s}.btn:hover{background:var(--blue);transform:translateY(-2px)}.btn-small{padding:12px 20px}.hero{min-height:680px;display:grid;grid-template-columns:1.04fr .96fr;gap:7vw;align-items:center;padding:72px clamp(24px,7vw,110px);overflow:hidden}.eyebrow{margin:0 0 15px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.05em}.hero h1,.section-head h2,.frames h2,.how h2,.dialog-form h2{font-family:"Amiri",serif;margin:0;color:var(--navy);font-size:clamp(46px,6vw,82px);line-height:.97}.hero h1 em{color:var(--gold);font-style:normal}.hero-text{max-width:590px;margin:28px 0;color:#4f5866;font-size:17px;line-height:2}.hero-actions{display:flex;align-items:center;gap:28px}.text-link{font-size:14px;font-weight:700}.text-link span,.choose-link{color:var(--blue)}.hero-features{list-style:none;padding:0;margin:36px 0 0;display:flex;gap:24px;color:var(--muted);font-size:12px}.hero-features li:before{content:"✓";color:var(--green);margin-left:7px;font-weight:700}.hero-art{position:relative;max-width:500px;margin:auto;padding:22px 22px 58px;background:#e5ddd0;box-shadow:0 30px 65px rgba(7,26,58,.18);transform:rotate(-1.5deg)}.hero-art:before{content:"";position:absolute;width:150px;height:150px;background:var(--gold);border-radius:50%;left:-70px;top:-50px;z-index:-1}.hero-frame{padding:13px;background:#bd8250}.hero-frame img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.art-note{position:absolute;bottom:17px;right:22px;font-family:"Amiri";color:var(--navy);font-weight:700}.art-note small{font-family:"Alexandria";font-size:9px;color:var(--muted)}.collection{padding:100px clamp(24px,6vw,90px);background:var(--paper)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:48px}.section-head h2,.frames h2,.how h2,.dialog-form h2{font-size:clamp(38px,4vw,58px)}.section-head>p{max-width:420px;color:var(--muted);font-size:13px;line-height:1.8}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:46px 24px}.product-card{min-width:0}.product-visual{position:relative;width:100%;padding:0;border:0;background:#ddd;overflow:hidden;cursor:pointer}.product-visual img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;transition:.5s}.product-visual:hover img{transform:scale(1.035)}.view-pill{position:absolute;inset:auto 16px 16px;transform:translateY(10px);padding:12px;background:rgba(255,253,248,.94);color:var(--navy);font-size:11px;font-weight:700;opacity:0;transition:.25s}.product-visual:hover .view-pill{opacity:1;transform:none}.product-info{position:relative;padding:18px 2px}.product-number{position:absolute;left:0;top:19px;color:var(--gold);font-size:11px}.product-info h3{font-family:"Amiri";color:var(--navy);font-size:28px;margin:0 0 7px}.product-info>p{margin:0;color:var(--muted);font-size:12px;line-height:1.8;min-height:44px}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:14px;padding-top:14px;font-size:11px}.card-bottom strong{color:var(--blue)}.choose-link{border:0;background:transparent;cursor:pointer;font-size:12px;font-weight:700}.frames{display:grid;grid-template-columns:1.05fr .95fr;min-height:660px;background:var(--navy);color:#fff}.frames-photo img{width:100%;height:100%;min-height:660px;object-fit:cover}.frames-copy{padding:90px clamp(28px,7vw,100px);align-self:center}.frames-copy .eyebrow{color:var(--gold)}.frames-copy h2{color:#fff}.frames-copy>p:not(.eyebrow){color:#c9d0dc;line-height:2;margin:24px 0 38px}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:18px}.swatches span{display:flex;align-items:center;gap:12px;font-size:12px}.swatches i,.frame-options i{display:inline-block;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.25)}.natural{background:#d9a15f}.brown{background:#8d4c26}.black{background:#202124}.white{background:#f6f4ee}.quality{display:grid;grid-template-columns:repeat(3,1fr);padding:80px clamp(24px,7vw,110px);background:var(--ivory)}.quality>div{padding:10px 36px;border-left:1px solid var(--line)}.quality>div:last-child{border-left:0}.quality b{color:var(--gold);font-size:12px}.quality h3{font-family:"Amiri";font-size:26px;color:var(--navy);margin:14px 0 8px}.quality p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.how{padding:100px clamp(24px,7vw,110px);background:#fff}.centered{justify-content:center;text-align:center}.steps{list-style:none;padding:0;margin:55px auto 35px;max-width:1050px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps li{padding:36px 30px;border:1px solid var(--line);text-align:center}.steps span{display:grid;place-items:center;width:45px;height:45px;margin:0 auto 18px;background:var(--navy);color:var(--gold);border-radius:50%;font-weight:700}.steps h3{margin:0 0 10px;color:var(--navy);font-size:16px}.steps p{margin:0;color:var(--muted);font-size:12px}.shipping-note{text-align:center;color:var(--muted);font-size:11px}footer{display:grid;grid-template-columns:1fr auto auto 1fr;align-items:end;gap:30px;padding:55px clamp(24px,6vw,90px);background:var(--navy);color:#fff}.footer-brand{display:grid}.footer-brand strong{font-family:"Amiri";font-size:36px}.footer-brand span,footer p,footer small{color:#aeb8c8;font-size:11px}.footer-links{display:flex;gap:22px;font-size:12px}footer small{text-align:left}.floating-wa{position:fixed;left:22px;bottom:22px;z-index:18;padding:13px 19px;background:#1fa855;color:#fff;border-radius:99px;box-shadow:0 10px 30px rgba(0,0,0,.2);font-size:12px;font-weight:700}.order-dialog{width:min(1000px,92vw);max-height:92vh;padding:0;border:0;border-radius:8px;background:var(--paper);box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:auto}.order-dialog::backdrop{background:rgba(7,26,58,.77);backdrop-filter:blur(5px)}.dialog-close{position:sticky;float:left;top:14px;left:14px;z-index:5;width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:var(--navy);font-size:25px;cursor:pointer;box-shadow:0 5px 18px #0002}.dialog-layout{display:grid;grid-template-columns:.84fr 1.16fr;direction:ltr}.dialog-art{position:relative;background:var(--navy);padding:35px;direction:rtl}.dialog-art img{width:100%;height:100%;max-height:720px;object-fit:cover}.dialog-art span{position:absolute;bottom:52px;right:50px;padding:8px 14px;background:var(--gold);color:var(--navy);font-family:"Amiri";font-size:20px;font-weight:700}.dialog-form{padding:48px;direction:rtl}.dialog-desc{color:var(--muted);font-size:12px}.dialog-form fieldset{border:0;padding:0;margin:27px 0}.dialog-form legend{margin-bottom:12px;color:var(--navy);font-weight:700;font-size:13px}.size-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.size-options label,.frame-options label{cursor:pointer}.size-options input,.frame-options input{position:absolute;opacity:0}.size-options span{display:grid;padding:10px;border:1px solid var(--line);text-align:center}.size-options b{font-size:10px}.size-options small{font-size:9px;color:var(--muted);margin-top:4px}.size-options input:checked+span,.frame-options input:checked+span{border-color:var(--blue);background:#edf3fb;box-shadow:inset 0 0 0 1px var(--blue)}.frame-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.frame-options span{display:flex;flex-direction:column;align-items:center;gap:7px;border:1px solid var(--line);padding:10px 4px;font-size:9px}.frame-options i{border-color:var(--line)}.price-box{display:flex;justify-content:space-between;align-items:end;padding:18px;background:var(--navy);color:#fff}.price-box div{display:grid;gap:4px}.price-box span{font-size:10px;color:#b8c2d1}.price-box strong{font-size:25px;color:var(--gold)}.price-box del{color:#b8c2d1;font-size:13px}.includes{font-size:9px;color:var(--muted)}.order-button{width:100%;margin-top:7px;background:var(--green)}.order-button:hover{background:#0f7144}.reveal{opacity:0;transform:translateY(20px);transition:.55s var(--delay)}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-text{margin-inline:auto}.hero-actions,.hero-features{justify-content:center}.hero-art{width:min(440px,90%)}.product-grid{grid-template-columns:repeat(2,1fr)}.frames{grid-template-columns:1fr}.frames-photo img{min-height:430px;max-height:520px}.quality{grid-template-columns:1fr;gap:28px}.quality>div{border:0;border-bottom:1px solid var(--line);padding:0 0 26px}.dialog-layout{grid-template-columns:1fr}.dialog-art{display:none}footer{grid-template-columns:1fr;text-align:center}.footer-links{justify-content:center}footer small{text-align:center}}@media(max-width:600px){.launch-bar{font-size:10px}.site-header{height:70px;padding:0 16px}.brand img{width:42px;height:42px}.brand strong{font-size:23px}.btn-small{padding:10px 13px;font-size:11px}.hero{min-height:auto;padding:50px 20px 70px}.hero h1{font-size:49px}.hero-text{font-size:14px}.hero-actions{flex-direction:column;gap:18px}.hero-features{gap:9px;flex-wrap:wrap}.hero-art{margin-top:25px}.section-head{display:block}.section-head>p{margin-top:15px}.collection,.how{padding:70px 18px}.product-grid{grid-template-columns:1fr;gap:38px}.product-info>p{min-height:0}.view-pill{opacity:1;transform:none}.frames-photo img{min-height:350px}.frames-copy{padding:65px 24px}.steps{grid-template-columns:1fr}.dialog-form{padding:34px 18px 26px}.dialog-form h2{font-size:42px}.size-options{grid-template-columns:repeat(2,1fr)}.order-dialog{width:96vw}.floating-wa{left:14px;bottom:14px}}
:root{}
.dialog-art{padding:46px 38px 72px;display:flex;align-items:center}.preview-frame{--frame-color:#d9a15f;--frame-edge:#9b6638;width:100%;padding:15px;background:linear-gradient(135deg,var(--frame-color),var(--frame-edge));box-shadow:0 20px 42px #0007,inset 0 0 0 2px #fff4,inset 0 0 0 4px #0002;transition:background .28s ease,box-shadow .28s ease}.preview-frame[data-frame="natural"]{background:repeating-linear-gradient(92deg,#dca76b 0 5px,#c78e51 6px 8px,#e4b77f 9px 14px)}.preview-frame[data-frame="brown"]{--frame-color:#8d4c26;--frame-edge:#4f2412}.preview-frame[data-frame="black"]{--frame-color:#242526;--frame-edge:#050505}.preview-frame[data-frame="white"]{--frame-color:#f6f4ee;--frame-edge:#b9b7b0;box-shadow:0 20px 42px #0008,inset 0 0 0 2px #fff,inset 0 0 0 4px #0002}.preview-frame img{display:block;width:100%;height:auto;aspect-ratio:4/5;max-height:650px;object-fit:cover;border:1px solid #0003}.dialog-art>span{bottom:35px;right:38px;padding:0;background:transparent;color:#fff}.preview-hint{position:absolute;bottom:40px;left:38px;color:#9da9bb;font-size:10px}
.preview-frame{margin:auto;transition:width .3s ease,aspect-ratio .3s ease,background .28s ease,box-shadow .28s ease}.preview-frame img{height:100%;max-height:none}.dialog-art{justify-content:center;min-height:680px}
@media(max-width:900px){.dialog-art{min-height:520px}.preview-frame{max-width:390px}}
@media(max-width:600px){.dialog-art{min-height:430px;padding:42px 22px 64px}.dialog-art>span{right:22px}.preview-hint{left:22px}}
.preview-frame{aspect-ratio:4/5}.preview-frame img{object-fit:contain!important;aspect-ratio:auto;background:#fff}
.clean-art{position:relative;display:block;overflow:hidden;aspect-ratio:var(--art-ratio);background:#f4eddf}.clean-art img{position:absolute!important;display:block!important;width:var(--art-w)!important;height:var(--art-h)!important;max-height:none!important;left:var(--art-x)!important;top:var(--art-y)!important;object-fit:fill!important;aspect-ratio:auto!important;transition:none!important}.hero-frame>.clean-art{width:100%}.product-visual{aspect-ratio:4/5;padding:18px;background:#eee8dc;display:flex;align-items:center;justify-content:center}.product-visual>.clean-art{height:100%;max-width:100%;box-shadow:0 13px 28px rgba(7,26,58,.14);transition:transform .45s!important}.product-visual:hover>.clean-art{transform:scale(1.025)}.product-visual:hover>.clean-art img{transform:none}.preview-frame>.clean-art{width:100%;height:100%;aspect-ratio:auto;border:1px solid #0003}
.hero-art{padding:0;background:transparent;box-shadow:none;transform:none;max-width:390px}.hero-art:before{display:none}.hero-art>.clean-art{width:100%;box-shadow:0 24px 55px rgba(7,26,58,.18)}
.preview-frame{position:relative;overflow:hidden;box-sizing:border-box}.artwork-window{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#f4eddf}.artwork-window>.clean-art{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:none;max-height:none}.artwork-window[data-fit="width"]>.clean-art{width:100%;height:auto}.artwork-window[data-fit="height"]>.clean-art{height:100%;width:auto}@media(max-width:900px){.dialog-art{display:flex}}
.clean-art.original-art{aspect-ratio:2/3}.clean-art.original-art>img{position:static!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;transform:none!important}.preview-frame>.clean-art.original-art{width:100%;height:100%;aspect-ratio:2/3}.hero-art>.clean-art.original-art{width:100%}
#previewFrame>#dialogImage{display:block!important;position:static!important;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;border:0!important;background:transparent!important;transform:none!important}
#previewFrame{padding:9px;border-radius:1px;box-shadow:0 22px 46px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.38),inset 0 0 0 2px rgba(45,27,12,.2);transition:width .3s ease,aspect-ratio .3s ease,background .28s ease,box-shadow .28s ease}
#previewFrame[data-frame="natural"]{background:linear-gradient(90deg,rgba(255,255,255,.13),transparent 28%,rgba(92,54,24,.08) 51%,transparent 76%,rgba(255,255,255,.1)),repeating-linear-gradient(88deg,#e5bd89 0 3px,#d4a36b 4px 6px,#e9c796 7px 10px,#c89259 11px 12px)}
#previewFrame[data-frame="brown"]{background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 32%,rgba(54,21,8,.14) 67%,transparent),repeating-linear-gradient(88deg,#a4562b 0 3px,#88401e 4px 6px,#ad6034 7px 10px,#743318 11px 12px)}
#previewFrame[data-frame="black"]{background:linear-gradient(100deg,#101112,#292a2b 46%,#151617);box-shadow:0 22px 46px rgba(0,0,0,.46),inset 0 0 0 1px rgba(255,255,255,.14),inset 0 0 0 2px rgba(0,0,0,.5)}
#previewFrame[data-frame="white"]{background:linear-gradient(100deg,#faf9f5,#deddd7 48%,#f8f7f3);box-shadow:0 22px 46px rgba(0,0,0,.35),inset 0 0 0 1px #fff,inset 0 0 0 2px rgba(80,80,75,.16)}
#previewFrame>#dialogImage{box-shadow:0 0 0 1px rgba(0,0,0,.28)}
.natural{background:#d9ad78}.brown{background:#98502a}.black{background:#1b1c1d}.white{background:#f3f2ed}
