:root{
  --paper:#f2efe8; --paper2:#e9e5dc; --ink:#171816; --muted:#6f706a; --line:rgba(23,24,22,.14);
  --black:#10110f; --white:#fbfaf7; --gold:#b58a43; --gold2:#d2b06f; --green:#1f7a4c;
  --radius:24px; --shadow:0 24px 70px rgba(28,26,20,.12);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}
.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,78px);position:relative;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-symbol{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font-family:Georgia,serif;font-weight:700}.brand-copy strong{font-size:16px;letter-spacing:.01em}.brand-copy small{display:block;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:2px}.header-actions{display:flex;align-items:center;gap:8px}.header-whatsapp,.language-switch{height:38px;padding:0 14px;border:1px solid var(--line);background:transparent;border-radius:999px;font-weight:650;font-size:13px}.header-whatsapp:hover,.language-switch:hover{background:var(--ink);color:var(--white)}
.screen{display:none}.screen.active{display:block}.landing-screen{overflow:hidden}.hero-shell{max-width:1500px;margin:auto;padding:clamp(52px,8vw,118px) clamp(22px,5vw,78px) 76px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:7vw;align-items:center;min-height:690px}.hero-label{display:flex;align-items:center;gap:12px}.hero-label span{width:42px;height:1px;background:var(--gold)}.hero-label p,.section-kicker{margin:0;color:#8a6a35;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-copy h1{font-size:clamp(58px,6.7vw,108px);line-height:.94;letter-spacing:-.055em;margin:20px 0 26px;font-weight:700}.hero-copy h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#8e7040}.hero-lead{max-width:650px;margin:0;color:#55564f;font-size:19px;line-height:1.9}.hero-proof{display:flex;gap:28px;flex-wrap:wrap;margin-top:34px;padding-top:25px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.hero-proof b{color:var(--ink);font-size:17px;margin-inline-end:4px}.hero-art{position:relative}.hero-art-frame{position:relative;aspect-ratio:1.14;border:1px solid rgba(23,24,22,.17);border-radius:32px;background:#dfdbd2;overflow:hidden;padding:34px}.hero-art-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 12%,rgba(255,255,255,.88),transparent 34%),linear-gradient(145deg,rgba(181,138,67,.08),transparent 40%)}.hero-card-stage{position:relative;height:100%;perspective:1400px}.hero-card-image{position:absolute;display:block;border-radius:18px;box-shadow:0 28px 65px rgba(17,17,15,.24);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.hero-main-card{width:72%;right:2%;top:5%;transform:rotate(-4deg)}.hero-side-card{width:52%;left:0;bottom:3%;transform:rotate(7deg)}.hero-art:hover .hero-main-card{transform:rotate(-2deg) translateY(-8px)}.hero-art:hover .hero-side-card{transform:rotate(5deg) translateY(-5px)}.hero-nfc-orbit{position:absolute;left:9%;top:8%;width:84px;height:84px;display:grid;place-items:center;border-radius:50%;background:rgba(242,239,232,.88);border:1px solid rgba(181,138,67,.38);box-shadow:0 15px 35px rgba(20,18,14,.13);z-index:4}.hero-nfc-orbit i{position:absolute;inset:10px;border:1px solid rgba(181,138,67,.38);border-radius:50%;animation:quietPulse 2.8s ease-out infinite}.hero-nfc-orbit b{font-size:12px;letter-spacing:.12em}.hero-art-caption{position:absolute;bottom:24px;right:28px;left:28px;display:flex;justify-content:space-between;align-items:end;gap:20px;color:#30312e}.hero-art-caption span{font-size:9px;letter-spacing:.18em}.hero-art-caption strong{font-family:Georgia,serif;font-size:20px;font-weight:400}.creator-wrap{max-width:1330px;margin:0 auto 110px;padding:0 clamp(22px,5vw,58px)}.creator-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:20px}.creator-heading h2{margin:8px 0 0;font-size:clamp(28px,3.2vw,48px);letter-spacing:-.03em}.creator-heading p{margin:0;color:var(--muted);font-size:13px}.creator-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:0;background:var(--white);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 18px 55px rgba(30,26,18,.06)}.creator-field{padding:18px 22px;border-left:1px solid var(--line)}.creator-field>span{display:block;font-size:11px;font-weight:750;color:var(--muted);margin-bottom:5px}.creator-field input,.creator-field select{width:100%;height:34px;border:0;outline:0;background:transparent;color:var(--ink);font-size:16px}.creator-submit{border:0;background:var(--ink);color:var(--white);min-width:190px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:750}.creator-submit i{font-style:normal;font-size:18px;transition:transform .2s}.creator-submit:hover i{transform:translate(3px,-3px)}.creator-note{font-size:11px;color:#8a8b85;margin:10px 4px 0}.work-section{background:var(--black);color:var(--white);padding:100px clamp(22px,5vw,78px) 85px}.work-intro{display:grid;grid-template-columns:1fr .62fr;gap:80px;align-items:end;max-width:1450px;margin:auto}.work-intro h2{font-size:clamp(40px,4.5vw,70px);line-height:1.05;letter-spacing:-.045em;margin:12px 0 0;max-width:760px}.work-side-copy{display:flex;align-items:end;gap:30px}.work-side-copy p{margin:0;color:#a8aaa4;line-height:1.8;font-size:14px;max-width:470px}.gallery-controls{display:flex;gap:8px}.gallery-controls button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff}.gallery-controls button:hover{background:#fff;color:#111}.catalog-rail{max-width:1500px;margin:55px auto 0;display:flex;gap:18px;overflow-x:auto;padding:0 0 28px;scroll-snap-type:x mandatory;scrollbar-width:none}.catalog-rail::-webkit-scrollbar{display:none}.work-card{flex:0 0 clamp(280px,29vw,430px);scroll-snap-align:start}.work-card-wide{flex-basis:clamp(340px,37vw,540px)}.work-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;display:block;filter:saturate(.94);transition:filter .35s,transform .35s}.work-card:hover img{filter:saturate(1.08);transform:translateY(-4px)}.work-card>div{display:grid;grid-template-columns:32px 1fr;column-gap:8px;margin-top:14px}.work-card>div span{grid-row:1/3;color:#6f716b;font-size:10px;padding-top:4px}.work-card h3{margin:0;font-size:16px}.work-card p{margin:2px 0 0;color:#74766f;font-size:11px}.work-foot{max-width:1500px;margin:12px auto 0;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid rgba(255,255,255,.12);padding-top:22px}.work-foot p{margin:0;color:#777973;font-size:11px}.text-cta{border:0;background:none;color:var(--white);font-weight:750;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.4)}.process-section{max-width:1330px;margin:auto;padding:110px clamp(22px,5vw,58px) 120px}.process-title h2{font-size:clamp(38px,4vw,62px);margin:12px 0 46px;letter-spacing:-.04em}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process-grid article{padding:30px 28px 34px;border-left:1px solid var(--line)}.process-grid article:last-child{border-left:0}.process-grid article>span{font-size:11px;color:#9a7a44}.process-grid h3{font-size:20px;margin:36px 0 10px}.process-grid p{margin:0;color:var(--muted);line-height:1.8;font-size:13px}.floating-wa{position:fixed;left:24px;bottom:24px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#1d8d52;color:white;z-index:80;box-shadow:0 12px 28px rgba(29,141,82,.25);font-size:11px;font-weight:900}.floating-wa:hover{transform:translateY(-3px)}footer{padding:28px clamp(22px,5vw,78px);display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
/* App */
.app-screen{max-width:1260px;margin:auto;padding:52px clamp(22px,5vw,56px) 90px}.app-topline{display:flex;justify-content:space-between;color:#8b8c86;font-size:12px;border-bottom:1px solid var(--line);padding-bottom:15px}.back-link{border:0;background:none;padding:0;color:var(--ink);font-weight:700}.app-heading{padding:46px 0 32px;max-width:850px}.app-heading h2{font-size:clamp(42px,5vw,70px);letter-spacing:-.05em;line-height:1;margin:10px 0 16px}.app-heading>p{color:var(--muted);font-size:15px;line-height:1.8}.generation-panel{display:grid;grid-template-columns:70px 1fr minmax(230px,.55fr);gap:20px;align-items:center;background:#e8e3d8;border-radius:18px;padding:18px 22px;margin-bottom:28px;transition:opacity .35s,max-height .45s,padding .45s,margin .45s}.generation-panel.done{opacity:0;max-height:0;padding-block:0;margin-bottom:0;overflow:hidden}.generation-mark{width:54px;height:54px;border:1px solid rgba(181,138,67,.45);border-radius:50%;position:relative;display:grid;place-items:center}.generation-mark span{width:8px;height:8px;border-radius:50%;background:var(--gold)}.generation-mark i{position:absolute;inset:9px;border:1px solid rgba(181,138,67,.4);border-radius:50%;animation:quietPulse 2s ease-out infinite}.generation-panel b{font-size:15px}.generation-panel p{margin:4px 0 0;color:var(--muted);font-size:12px}.generation-count{font-size:11px;color:var(--muted)}.progress-wrap{height:3px;background:rgba(23,24,22,.1);margin-top:8px}.progress-bar{height:100%;background:var(--gold);width:0;transition:width .2s}.design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.design-tile{background:#fff;border:1px solid var(--line);padding:10px;border-radius:16px;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative}.design-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.design-tile.selected{border-color:var(--gold);box-shadow:0 0 0 2px rgba(181,138,67,.18)}.design-tile img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:11px;display:block}.tile-meta{display:flex;justify-content:space-between;padding:11px 2px 2px;font-size:12px;font-weight:700}.design-num{color:#9a7a44}.loading-tile,.error-tile{min-height:330px;display:grid;place-items:center;border:1px solid var(--line);border-radius:16px;color:var(--muted);font-size:12px}.loading-tile{background:linear-gradient(110deg,#ebe7de 25%,#f5f2eb 50%,#ebe7de 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.error-tile{background:#fff3f1;color:#8c4337}.selection-bar{position:sticky;bottom:18px;z-index:40;max-width:650px;margin:24px auto 0;background:rgba(242,239,232,.9);border:1px solid var(--line);backdrop-filter:blur(14px);padding:10px;display:flex;align-items:center;justify-content:space-between;border-radius:16px;box-shadow:var(--shadow)}.selection-bar>span{font-size:12px;padding-inline:10px}.selection-bar .creator-submit{min-height:52px;border-radius:11px}.hidden{display:none!important}.contact-layout,.review-layout{display:grid;grid-template-columns:minmax(360px,.75fr) minmax(420px,1.25fr);gap:28px;align-items:start}.contact-form-panel,.review-summary,.chosen-design-panel,.review-art{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}.contact-form-panel label{display:block;margin:14px 0}.contact-form-panel label>span{display:block;font-size:11px;color:var(--muted);font-weight:700;margin-bottom:6px}.contact-form-panel input{width:100%;height:48px;border:1px solid #d7d4cc;border-radius:11px;padding:0 12px;outline:0;background:#faf9f6}.contact-form-panel input:focus{border-color:var(--gold)}.whatsapp-line{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.whatsapp-line>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#edf8f1;color:#1e7749;font-size:10px;font-weight:900}.whatsapp-line b{display:block;font-size:13px}.whatsapp-line small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.form-separator{margin:18px 0 6px;border-top:1px solid var(--line);position:relative}.form-separator span{position:relative;top:-9px;background:#fff;padding-left:8px;color:#999;font-size:10px}.contact-form-panel .creator-submit{min-height:54px;width:100%;border-radius:12px;margin-top:10px}.chosen-design-panel>span,.review-art>span{font-size:10px;color:#9a7a44;font-weight:800;letter-spacing:.08em}.chosen-design-panel img,.review-art img{width:100%;display:block;border-radius:12px;margin-top:12px}.chosen-design-panel #selectedMeta{font-size:12px;line-height:1.7;margin-top:10px}.review-summary h3{font-size:21px;margin:22px 0 12px}.review-summary dl{display:grid;grid-template-columns:120px 1fr;gap:7px 12px;font-size:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.review-summary dt{color:var(--muted)}.review-summary dd{margin:0;font-weight:650;word-break:break-word}.price-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.price-row.total{font-size:17px;font-weight:800;border-bottom:0}.approval{display:flex;gap:9px;font-size:12px;line-height:1.6;margin:12px 0 16px}.approval input{width:18px;height:18px;accent-color:var(--green)}.whatsapp-action{width:100%;min-height:54px;border:0;border-radius:12px;background:#1d8d52;color:#fff;font-weight:800;padding:0 18px}.whatsapp-action:disabled{opacity:.45;cursor:not-allowed}.soft-button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px 16px;font-weight:700}.review-summary .soft-button{width:100%;margin-top:8px}.review-art .soft-button{width:100%;margin-top:10px}.fine-print{font-size:10px;color:#8e8f89;line-height:1.7}.done-screen{max-width:850px}.done-panel{text-align:center;background:#fff;border:1px solid var(--line);border-radius:26px;padding:42px}.done-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#edf8f1;color:var(--green);font-size:25px;margin:0 auto 18px}.done-panel h2{font-size:46px;margin:12px 0}.done-panel>p{color:var(--muted);line-height:1.8}.done-panel img{width:min(100%,520px);border-radius:14px;margin:22px auto;display:block}.order-code{color:#9a7a44;font-weight:800;margin-bottom:16px}.done-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.done-actions button{width:auto}.wa-transition{position:fixed;inset:0;background:rgba(15,16,14,.7);backdrop-filter:blur(12px);z-index:100;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.25s}.wa-transition.open{opacity:1;visibility:visible}.wa-transition>div{background:#fff;border-radius:22px;padding:32px;text-align:center;min-width:320px}.wa-transition>div>span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#edf8f1;color:var(--green);margin:auto;font-size:24px}.wa-transition b{display:block;font-size:22px;margin:15px 0 6px}.wa-transition p{margin:0;color:var(--muted)}.toast{position:fixed;right:20px;bottom:20px;background:#151613;color:#fff;padding:12px 15px;border-radius:10px;font-size:12px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s;z-index:120}.toast.show{opacity:1;transform:none}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}[data-reveal].is-visible{opacity:1;transform:none}@keyframes quietPulse{0%{transform:scale(.75);opacity:.65}100%{transform:scale(1.35);opacity:0}}@keyframes shimmer{to{background-position:-200% 0}}
html[dir="ltr"] .hero-copy h1,html[dir="ltr"] .app-heading h2{letter-spacing:-.05em}html[dir="ltr"] .creator-field{border-left:0;border-right:1px solid var(--line)}html[dir="ltr"] .process-grid article{border-left:0;border-right:1px solid var(--line)}html[dir="ltr"] .process-grid article:last-child{border-right:0}
@media(max-width:1050px){.hero-shell{grid-template-columns:1fr;min-height:auto}.hero-copy{max-width:850px}.hero-art{max-width:800px;width:100%;margin:auto}.creator-form{grid-template-columns:1fr 1fr}.creator-field:nth-child(2){border-left:0}.creator-submit{min-height:62px}.work-intro{grid-template-columns:1fr;gap:28px}.contact-layout,.review-layout{grid-template-columns:1fr}.chosen-design-panel{order:-1}.process-grid{grid-template-columns:1fr}.process-grid article{border-left:0!important;border-right:0!important;border-bottom:1px solid var(--line)}.process-grid article:last-child{border-bottom:0}}
@media(max-width:680px){.site-header{height:68px;padding-inline:18px}.brand-copy small{display:none}.header-whatsapp{display:none}.hero-shell{padding:48px 18px 55px;gap:38px}.hero-copy h1{font-size:54px}.hero-lead{font-size:16px;line-height:1.8}.hero-proof{gap:16px}.hero-art-frame{padding:18px;border-radius:22px}.hero-nfc-orbit{width:66px;height:66px}.hero-art-caption{display:none}.creator-wrap{padding:0 18px;margin-bottom:72px}.creator-heading{align-items:start;flex-direction:column;gap:10px}.creator-form{grid-template-columns:1fr;border-radius:16px}.creator-field{border-left:0!important;border-right:0!important;border-bottom:1px solid var(--line)}.creator-submit{min-height:60px}.work-section{padding:72px 18px 64px}.work-intro h2{font-size:42px}.work-side-copy{align-items:start;flex-direction:column}.catalog-rail{margin-top:34px}.work-card{flex-basis:82vw}.work-card-wide{flex-basis:88vw}.work-foot{align-items:start;flex-direction:column}.process-section{padding:72px 18px 80px}.process-title h2{font-size:42px}.app-screen{padding:32px 18px 70px}.app-heading{padding-top:36px}.app-heading h2{font-size:44px}.generation-panel{grid-template-columns:52px 1fr}.generation-count{grid-column:1/-1}.design-grid{grid-template-columns:1fr}.selection-bar{flex-direction:column;align-items:stretch}.selection-bar .creator-submit{width:100%}.review-summary dl{grid-template-columns:90px 1fr}.done-panel{padding:28px 18px}.done-panel h2{font-size:38px}.floating-wa{left:16px;bottom:16px;width:48px;height:48px}footer{padding:22px 18px;flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}}
.catalog-modal{position:fixed;inset:0;z-index:150;background:rgba(12,13,11,.86);backdrop-filter:blur(14px);display:grid;place-items:center;padding:28px;opacity:0;visibility:hidden;transition:.22s}.catalog-modal.open{opacity:1;visibility:visible}.catalog-modal-inner{max-width:min(760px,90vw);max-height:88vh;text-align:center}.catalog-modal-inner img{display:block;max-width:100%;max-height:80vh;border-radius:18px;box-shadow:0 35px 90px rgba(0,0,0,.45)}.catalog-modal-caption{color:#fff;margin-top:13px;font-size:13px}.catalog-modal-close{position:fixed;top:24px;left:24px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.25);color:#fff;font-size:25px}
@media print{[data-reveal]{opacity:1!important;transform:none!important}.floating-wa{display:none!important}.screen{display:none!important}.screen.active{display:block!important}.hero-shell{min-height:auto!important;padding-top:35px!important}.work-section{break-before:page}}
.hero-proof i{font-style:normal}

/* v8 — bespoke luxury hero composition */
@media(min-width:1051px){
  .hero-shell{direction:ltr;grid-template-columns:minmax(560px,1.12fr) minmax(0,.88fr);gap:clamp(54px,6.4vw,110px)}
  .hero-art{grid-column:1;direction:ltr}
  .hero-copy{grid-column:2;direction:rtl}
  html[dir="ltr"] .hero-copy{direction:ltr}
}
.luxury-stage{background:
  radial-gradient(circle at 18% 17%,rgba(210,176,111,.15),transparent 24%),
  radial-gradient(circle at 84% 77%,rgba(57,85,75,.18),transparent 31%),
  linear-gradient(145deg,#171713 0%,#0c0d0b 52%,#15130f 100%);
  border:1px solid rgba(210,176,111,.28);box-shadow:0 34px 90px rgba(15,14,11,.22),inset 0 1px rgba(255,255,255,.04);padding:34px 34px 74px;overflow:hidden}
.luxury-stage:before{content:"";position:absolute;inset:0;background:
  linear-gradient(115deg,transparent 0 36%,rgba(255,255,255,.035) 43%,transparent 50%),
  repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.012) 80px);
  pointer-events:none}
.luxury-stage:after{content:"";position:absolute;inset:16px;border:1px solid rgba(210,176,111,.11);border-radius:24px;pointer-events:none}
.stage-glow{position:absolute;border-radius:50%;filter:blur(38px);pointer-events:none;opacity:.75}
.stage-glow-a{width:220px;height:220px;left:-30px;top:-42px;background:rgba(181,138,67,.17)}
.stage-glow-b{width:260px;height:260px;right:-85px;bottom:-60px;background:rgba(26,85,67,.15)}
.hero-card-stage{min-height:520px}
.lux-card{position:absolute;margin:0;border-radius:20px;overflow:hidden;background:#0c0d0b;border:1px solid rgba(255,255,255,.12);box-shadow:0 26px 70px rgba(0,0,0,.48),0 0 0 1px rgba(181,138,67,.08);transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .55s ease,box-shadow .55s ease;will-change:transform}
.lux-card:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(210,176,111,.13);z-index:2;pointer-events:none}
.lux-card img{display:block;width:100%;height:100%;object-fit:cover}
.card-sheen{position:absolute;inset:-55%;background:linear-gradient(110deg,transparent 43%,rgba(255,255,255,.13) 49%,rgba(210,176,111,.07) 52%,transparent 57%);transform:translateX(-58%) rotate(6deg);transition:transform 1s cubic-bezier(.2,.8,.2,1);pointer-events:none;z-index:3}
.lux-card:hover .card-sheen,.hero-art:hover .lux-card-main .card-sheen{transform:translateX(58%) rotate(6deg)}
.lux-card-main{width:67%;left:15%;top:8%;z-index:5;transform:rotate(-2.3deg) translateZ(35px);box-shadow:0 35px 90px rgba(0,0,0,.55),0 0 55px rgba(181,138,67,.07)}
.lux-card-ai{width:43%;left:0;bottom:8%;z-index:7;transform:rotate(6.5deg) translateZ(80px)}
.lux-card-invest{width:39%;right:0;top:1%;z-index:4;transform:rotate(7deg) translateZ(12px);filter:brightness(.91)}
.lux-card-tourism{width:34%;right:2%;bottom:0;z-index:6;transform:rotate(-7deg) translateZ(58px);filter:brightness(.96)}
.hero-art:hover .lux-card-main{transform:rotate(-1deg) translate3d(2px,-9px,55px) scale(1.015);box-shadow:0 44px 105px rgba(0,0,0,.62),0 0 65px rgba(181,138,67,.10)}
.hero-art:hover .lux-card-ai{transform:rotate(5deg) translate3d(-3px,-5px,92px)}
.hero-art:hover .lux-card-invest{transform:rotate(8deg) translate3d(4px,-3px,20px)}
.hero-art:hover .lux-card-tourism{transform:rotate(-6deg) translate3d(4px,-4px,70px)}
.hero-nfc-orbit{left:5%;top:5%;width:78px;height:78px;background:rgba(16,17,15,.88);color:#e4c47e;border:1px solid rgba(210,176,111,.43);box-shadow:0 18px 45px rgba(0,0,0,.34),inset 0 0 0 8px rgba(181,138,67,.035);backdrop-filter:blur(12px)}
.hero-nfc-orbit i{border-color:rgba(210,176,111,.42)}
.stage-signature{position:absolute;left:3%;right:3%;bottom:7px;display:flex;justify-content:space-between;align-items:center;color:rgba(248,241,226,.58);font-size:8px;letter-spacing:.19em;z-index:10}
.stage-signature b{font-size:9px;color:#d2b06f;font-weight:600}
.hero-art-caption{bottom:24px;color:#d8d2c5;z-index:9;border-top:1px solid rgba(255,255,255,.09);padding-top:15px}
.hero-art-caption span{color:#8e887d}.hero-art-caption strong{color:#eee7da}
@media(max-width:1050px){
  .hero-card-stage{min-height:500px}
  .luxury-stage{padding:28px 28px 70px}
}
@media(max-width:680px){
  .hero-art{order:2}
  .hero-card-stage{min-height:390px}
  .luxury-stage{padding:16px 16px 44px;border-radius:22px}
  .lux-card-main{width:70%;left:14%;top:8%}
  .lux-card-ai{width:45%;left:-1%;bottom:7%}
  .lux-card-invest{width:39%;right:-1%;top:3%}
  .lux-card-tourism{width:35%;right:1%;bottom:2%}
  .hero-nfc-orbit{width:58px;height:58px;left:3%;top:4%}
  .stage-signature{display:none}
}

/* v9 refinements — correct card proportions and improved left hero composition */
.work-section{padding-top:92px}
.catalog-rail{align-items:flex-start;gap:22px}
.work-card,.work-card-wide{position:relative;flex:0 0 clamp(320px,30vw,430px)}
.work-card-wide{flex-basis:clamp(380px,35vw,520px)}
.work-card img{aspect-ratio:1011/638;object-fit:cover;object-position:center;border-radius:22px;background:#070807;border:1px solid rgba(255,255,255,.10);box-shadow:0 22px 45px rgba(0,0,0,.26), 0 0 0 1px rgba(210,176,111,.06);transition:transform .35s ease, box-shadow .35s ease, filter .35s ease}
.work-card:hover img{transform:translateY(-6px);box-shadow:0 28px 58px rgba(0,0,0,.32), 0 0 0 1px rgba(210,176,111,.13);filter:saturate(1.04)}
.work-card>div{margin-top:16px;align-items:start}
.work-card h3{font-size:17px;line-height:1.35}.work-card p{font-size:11.5px}
.work-card::after{content:"";position:absolute;inset:8px 8px auto 8px;height:1px;background:linear-gradient(90deg,rgba(210,176,111,.0),rgba(210,176,111,.24),rgba(210,176,111,.0));pointer-events:none}

@media(min-width:1051px){
  .hero-shell{grid-template-columns:minmax(620px,1.15fr) minmax(0,.85fr);gap:clamp(46px,5.4vw,90px)}
}
.hero-art-frame{aspect-ratio:1.02}
.luxury-stage{padding:26px 26px 70px;border-radius:34px;background:
  radial-gradient(circle at 16% 18%,rgba(210,176,111,.20),transparent 26%),
  radial-gradient(circle at 82% 80%,rgba(33,77,68,.17),transparent 28%),
  linear-gradient(145deg,#161612 0%,#0b0c0a 57%,#13110e 100%)}
.hero-card-stage{min-height:490px}
.lux-card{aspect-ratio:1011/638;border-radius:24px;border:1px solid rgba(233,213,173,.14);box-shadow:0 24px 60px rgba(0,0,0,.46),0 0 0 1px rgba(210,176,111,.05), inset 0 1px 0 rgba(255,255,255,.03)}
.lux-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 40%,transparent 65%,rgba(0,0,0,.12));pointer-events:none}
.lux-card-main{width:74%;left:6%;top:14%;z-index:5;transform:rotate(-2.4deg) translateZ(40px);box-shadow:0 38px 90px rgba(0,0,0,.58),0 0 70px rgba(210,176,111,.08)}
.lux-card-ai{width:41%;left:1.5%;bottom:6%;z-index:7;transform:rotate(6deg) translateZ(88px)}
.lux-card-invest{width:37%;right:5%;top:5%;z-index:4;transform:rotate(5.7deg) translateZ(10px);filter:brightness(.95)}
.lux-card-tourism{width:33%;right:7%;bottom:3%;z-index:6;transform:rotate(-7.5deg) translateZ(62px);filter:brightness(.98)}
.hero-art:hover .lux-card-main{transform:rotate(-1.1deg) translate3d(2px,-10px,58px) scale(1.015)}
.hero-art:hover .lux-card-ai{transform:rotate(4.8deg) translate3d(-2px,-5px,96px)}
.hero-art:hover .lux-card-invest{transform:rotate(7deg) translate3d(5px,-3px,22px)}
.hero-art:hover .lux-card-tourism{transform:rotate(-6.2deg) translate3d(4px,-3px,74px)}
.hero-nfc-orbit{left:3.5%;top:4.6%;width:72px;height:72px;font-size:11px}
.stage-signature{left:4%;right:5%;bottom:9px}
.hero-art-caption{left:26px;right:26px;bottom:20px;padding-top:14px}
.hero-art-caption strong{font-size:18px}
@media(max-width:680px){
  .work-card,.work-card-wide{flex-basis:84vw}
  .work-card img{border-radius:18px}
  .hero-card-stage{min-height:360px}
  .lux-card-main{width:73%;left:8%;top:15%}
  .lux-card-ai{width:42%;left:0;bottom:7%}
  .lux-card-invest{width:38%;right:1%;top:5%}
  .lux-card-tourism{width:33%;right:3%;bottom:2%}
}

/* v10 hero copy refinement */
.hero-shell{gap:clamp(28px,3.5vw,52px)!important;align-items:center!important}
.hero-copy{display:flex;flex-direction:column;justify-content:center;align-self:center;max-width:500px}
.hero-copy h1{margin-bottom:18px}
.hero-lead{max-width:470px;font-size:18px;line-height:1.95}
.hero-proof{display:grid;gap:14px;margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}
.proof-pill{display:inline-flex;align-items:center;gap:12px;width:max-content;max-width:100%;padding:10px 16px;border-radius:999px;background:#fff;border:1px solid rgba(181,138,67,.26);box-shadow:0 10px 24px rgba(28,24,16,.05);color:#1e1f1b}
.proof-pill b{font-size:12px;line-height:1;border-radius:999px;padding:7px 10px;background:rgba(181,138,67,.11);color:#87652f;letter-spacing:.09em}
.proof-pill i{font-style:normal;font-size:13px;color:#2f302c;font-weight:700}
.hero-benefits{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-width:470px}
.hero-benefits li{position:relative;padding-inline-start:18px;color:#66675f;font-size:13px;line-height:1.8}
.hero-benefits li::before{content:"";position:absolute;inset-inline-start:0;top:11px;width:6px;height:6px;border-radius:50%;background:linear-gradient(180deg,#c99d4c,#8b6932);box-shadow:0 0 0 5px rgba(201,157,76,.10)}
@media(min-width:1051px){
  .hero-shell{grid-template-columns:minmax(610px,1.12fr) minmax(360px,.82fr)!important}
}
@media(max-width:680px){
  .hero-proof{margin-top:20px}
  .proof-pill{width:100%;justify-content:flex-start}
  .hero-benefits li{font-size:12px;line-height:1.7}
}

/* v11 appearance fixes */
.brand-symbol{font-family:Inter,system-ui,sans-serif;font-size:16px}
.brand-copy strong{font-size:17px;letter-spacing:.01em}
.brand-copy small{font-size:8.5px;letter-spacing:.16em}
.hero-shell{gap:clamp(18px,2.2vw,34px)!important;grid-template-columns:minmax(580px,1.08fr) minmax(360px,.92fr)!important;align-items:center!important}
.hero-copy{max-width:460px!important;padding-inline-start:10px}
.hero-mini{display:block;margin:0 0 18px;color:#9a7a44;font-size:14px;font-weight:800;letter-spacing:.02em}
.hero-copy h1{font-size:clamp(44px,4.6vw,76px)!important;line-height:1.08!important;letter-spacing:-.04em!important;margin:14px 0 18px!important;max-width:430px}
.hero-copy h1 em{display:block;margin-top:6px;font-size:.88em;line-height:1.05;color:#9a7a44}
.hero-lead{max-width:430px!important;font-size:17px!important;line-height:2.02!important;color:#5f6158}
.hero-proof{gap:12px!important;margin-top:22px!important;padding-top:16px!important;max-width:430px}
.proof-pill{padding:12px 16px!important;border-radius:18px!important;width:100%!important;justify-content:flex-start!important}
.proof-pill b{min-width:52px;text-align:center}
.proof-pill i{font-size:13.5px!important;line-height:1.5}
.hero-benefits{gap:8px!important;max-width:430px!important}
.hero-benefits li{font-size:13px!important;line-height:1.9!important;padding-inline-start:20px}
.hero-benefits li::before{top:10px!important}
.hero-kicker{font-size:12px;line-height:1.7;color:#8d6d3e}
.hero-label{margin-bottom:4px}
.hero-art-frame{border-radius:34px;background:#ddd9cf}
.hero-art-caption strong{font-size:18px}
@media(max-width:1050px){
  .hero-shell{grid-template-columns:1fr!important;gap:28px!important}
  .hero-copy{max-width:100%!important;padding-inline-start:0}
  .hero-copy h1,.hero-lead,.hero-proof,.hero-benefits{max-width:100%!important}
}


/* v17 - final transparent SMSA brand logo */
.site-header{height:96px;padding-block:8px}
.brand-logo-link{display:flex;align-items:center;min-width:0;text-decoration:none}
.brand-logo{display:block;height:70px;width:auto;max-width:230px;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(181,138,67,.10));transition:transform .25s ease,filter .25s ease}
.brand-logo-link:hover .brand-logo{transform:translateY(-1px);filter:drop-shadow(0 9px 18px rgba(181,138,67,.16))}
@media(max-width:680px){.site-header{height:76px}.brand-logo{height:54px;max-width:170px}}

/* === FINAL SMSA BUILD === */
.final-hero{padding-top:64px!important;padding-bottom:82px!important;min-height:760px!important;gap:clamp(28px,3.4vw,56px)!important}
.final-hero-copy{max-width:560px!important;padding-inline-start:0!important}
.final-hero-copy h1{font-size:clamp(46px,5.15vw,82px)!important;line-height:1.06!important;margin:15px 0 18px!important;max-width:520px!important}
.final-hero-copy h1 em{display:block;color:#9a7a44;font-family:inherit!important;font-style:normal;font-size:.9em;margin-top:4px}
.final-hero-copy .hero-lead{max-width:520px!important;font-size:17px!important;line-height:1.95!important;color:#5f6059}

.hero-creator{margin-top:26px;background:#fbf9f4;border:1px solid rgba(181,138,67,.32);border-radius:22px;padding:18px;box-shadow:0 20px 58px rgba(36,31,20,.08);position:relative;overflow:hidden}
.hero-creator:before{content:"";position:absolute;top:0;left:24px;right:24px;height:2px;background:linear-gradient(90deg,transparent,#c7a25c,transparent)}
.hero-creator-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.hero-creator-head>span{font-weight:800;color:#8c6b36;font-size:13px}.hero-creator-head small{color:#89877f;font-size:10px}
.hero-creator-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-creator-grid label{background:#fff;border:1px solid #e2dbcf;border-radius:14px;padding:10px 12px;min-width:0}.hero-creator-grid label.wide{grid-column:1/-1}.hero-creator-grid label>span{display:block;font-size:10px;font-weight:750;color:#77756f;margin-bottom:5px}.hero-creator-grid input,.hero-creator-grid select{width:100%;height:32px;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px;min-width:0}.hero-generate{width:100%;height:52px;margin-top:10px;border:0;border-radius:14px;background:#171816;color:#fff;padding:0 17px;display:flex;align-items:center;justify-content:space-between;font-weight:800}.hero-generate i{font-style:normal;color:#d7b46d;font-size:20px}.hero-generate:hover{background:#0d0e0c}

.work-card>div{display:block!important}.work-card h3{margin:0!important}.work-card p{margin:4px 0 0!important}.work-card::after{display:none}

.design-tile img{aspect-ratio:1/1!important}.tile-meta{align-items:center;gap:12px}.tile-meta span{color:#9b7b47;font-size:15px}.tile-meta b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4b4b47}.loading-tile{min-height:320px;align-content:center;gap:10px;text-align:center}.loading-tile span{width:34px;height:34px;border:1px solid rgba(181,138,67,.35);border-top-color:#b58a43;border-radius:50%;animation:spin 1s linear infinite}.loading-tile p{margin:0}.error-tile{min-height:320px;text-align:center;padding:24px}.error-tile b,.error-tile small{display:block}.error-tile small{margin-top:7px;opacity:.75}
@keyframes spin{to{transform:rotate(360deg)}}

.personalize-layout{display:grid;grid-template-columns:minmax(390px,.92fr) minmax(420px,1.08fr);gap:28px;align-items:start}.chosen-design-panel.large{position:sticky;top:22px}.revision-status{margin-top:12px;color:#8a6a35;font-size:12px;font-weight:700;line-height:1.6}.contact-form-panel textarea{width:100%;min-height:130px;border:1px solid #d7d4cc;border-radius:11px;padding:12px;outline:0;background:#faf9f6;resize:vertical;font:inherit;line-height:1.7}.contact-form-panel textarea:focus{border-color:var(--gold)}.personalize-actions{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;margin-top:12px}.personalize-actions .creator-submit,.personalize-actions .soft-button{min-height:54px;border-radius:12px;width:100%}

/* secure admin */
.admin-body{background:#f2efe8}.admin-header{position:sticky;top:0;background:rgba(242,239,232,.92);backdrop-filter:blur(16px)}.secure-admin-wrap{max-width:1280px;margin:auto;padding:58px 34px 90px}.admin-hero{max-width:850px;margin-bottom:35px}.admin-hero h1{font-size:clamp(44px,5vw,70px);margin:8px 0 14px;letter-spacing:-.05em}.admin-hero p{color:var(--muted);line-height:1.8;max-width:760px}.admin-health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.health-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 16px 40px rgba(25,23,17,.04)}.health-card small{display:block;color:#8b887f;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.health-card b{display:block;font-size:19px;margin:10px 0 4px;word-break:break-word}.health-card span{color:var(--muted);font-size:10px}.health-good{color:#22714c!important}.health-bad{color:#9b4335!important}.admin-main-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.admin-panel-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 18px 50px rgba(25,23,17,.05)}.admin-panel-card h2{font-size:28px;margin:8px 0 16px}.admin-panel-head{display:flex;justify-content:space-between;align-items:start;gap:18px}.health-list{margin:0}.health-list>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.health-list dt{color:var(--muted)}.health-list dd{margin:0;font-weight:750;text-align:right;word-break:break-word}.admin-help{color:var(--muted);font-size:12px;line-height:1.8}.admin-primary{width:100%;min-height:52px;border:0;border-radius:12px;background:#171816;color:#fff;font-weight:800;margin-top:8px}.admin-primary:disabled{opacity:.55}.admin-test-result{margin-top:15px;border:1px dashed #d7d1c6;border-radius:14px;min-height:110px;padding:14px;display:grid;place-items:center;color:var(--muted);font-size:12px}.admin-test-result img{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:10px}.admin-test-result>div{width:100%;display:flex;justify-content:space-between;gap:12px;margin-top:10px}.admin-test-result b,.admin-test-result span{display:block}.setup-card{margin-top:20px}.setup-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.setup-columns h3{font-size:14px}.setup-columns code{display:block;background:#f6f3ed;border:1px solid #e2dcd1;border-radius:9px;padding:10px 12px;margin:7px 0;font-size:12px}

.brand-logo{height:72px!important;max-width:250px!important;object-fit:contain!important}

@media(max-width:1050px){.final-hero{grid-template-columns:1fr!important}.final-hero-copy{max-width:760px!important}.personalize-layout,.admin-main-grid{grid-template-columns:1fr}.chosen-design-panel.large{position:static}.admin-health-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.final-hero{padding:42px 18px 58px!important}.final-hero-copy h1{font-size:50px!important}.hero-creator-grid{grid-template-columns:1fr}.hero-creator-grid label.wide{grid-column:auto}.hero-creator-head{align-items:flex-start;flex-direction:column;gap:4px}.personalize-actions{grid-template-columns:1fr}.personalize-layout{grid-template-columns:1fr}.admin-health-grid{grid-template-columns:1fr}.secure-admin-wrap{padding:38px 18px 70px}.setup-columns{grid-template-columns:1fr}.brand-logo{height:54px!important;max-width:180px!important}}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* v22 — desktop hero alignment requested: move the card showcase upward into the open space */
@media(min-width:1051px){
  .final-hero{align-items:start!important;}
  .final-hero .hero-art{align-self:start!important;margin-top:110px!important;}
}
@media(max-width:1050px){
  .final-hero .hero-art{margin-top:0!important;}
}

/* v23 — align hero artwork with the text: artwork left, copy right, same top line */
@media(min-width:1051px){
  .final-hero{
    align-items:start!important;
  }
  .final-hero .hero-art{
    grid-column:1!important;
    align-self:start!important;
    margin-top:0!important;
  }
  .final-hero .hero-copy{
    grid-column:2!important;
    align-self:start!important;
    margin-top:0!important;
  }
}

/* v24 — definitive desktop hero layout: artwork LEFT and copy RIGHT on the SAME ROW */
@media (min-width:1051px){
  .final-hero{
    direction:ltr!important;
    display:grid!important;
    grid-template-columns:minmax(560px,1.08fr) minmax(420px,.92fr)!important;
    grid-template-areas:"art copy"!important;
    grid-template-rows:auto!important;
    align-items:start!important;
    column-gap:clamp(34px,4vw,72px)!important;
    row-gap:0!important;
  }
  .final-hero > .hero-art{
    grid-area:art!important;
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
    justify-self:stretch!important;
    margin:0!important;
    padding:0!important;
  }
  .final-hero > .hero-copy{
    grid-area:copy!important;
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    justify-self:stretch!important;
    margin:0!important;
    padding-top:0!important;
    direction:rtl!important;
  }
  html[dir="ltr"] .final-hero > .hero-copy{direction:ltr!important;}
  .final-hero .hero-art-frame{margin:0!important;width:100%!important;}
}