/* Victor Tile Inc: site concept by Half-Day House */
:root{
  --night:#1E1813; --night-2:#2A221B; --porcelain:#EEEAE3; --porcelain-2:#E4DFD6; --stone:#D2CBBF;
  --ink:#231C16; --ink-2:#5B5047; --gold:#7E5C2C; --gold-l:#D9B67A; --walnut:#5A3E2B; --glow:#FFE7B0;
  --serif:"Instrument Serif", "Times New Roman", serif; --sans:"Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;
  --pad:clamp(20px,5vw,64px); --max:1240px; --hh:68px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{margin:0;background:var(--porcelain);color:var(--ink);font:400 17px/1.6 var(--sans);overflow-x:hidden}
img,video{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.02;letter-spacing:-.01em;margin:0}
p{margin:0 0 1em}
:focus-visible{outline:2px solid var(--gold-l);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--glow);color:var(--night);padding:10px 14px}
.skip:focus{left:8px}

/* language */
html.es .en{display:none!important}
html:not(.es) .es{display:none!important}

/* ---------- header ---------- */
.hdr{position:fixed;inset:0 0 auto 0;z-index:50;height:var(--hh);display:flex;align-items:center;gap:14px;padding:0 var(--pad);color:#F6F1E8;
  background:linear-gradient(180deg,rgba(20,15,11,.62),rgba(20,15,11,0));transition:background-color .35s ease}
.hdr::after{content:"";position:absolute;inset:0;background:var(--night);opacity:0;transition:opacity .35s ease;z-index:-1}
.hdr.solid::after{opacity:1}
.brand{display:flex;align-items:baseline;gap:8px;text-decoration:none;min-height:44px;align-items:center;margin-right:auto}
.brand b{font:400 27px/1 var(--serif);letter-spacing:.01em}
.brand small{font:600 10px/1 var(--sans);letter-spacing:.24em;color:var(--gold-l);padding-top:6px}
.nav{display:flex;gap:4px}
.nav a{position:relative;text-decoration:none;font-size:14px;letter-spacing:.04em;padding:12px 12px;min-height:44px;display:flex;align-items:center}
.nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:8px;height:2px;background:var(--glow);box-shadow:0 0 8px var(--glow);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.nav a:hover::after,.nav a[aria-current=page]::after{transform:scaleX(1)}
.lang{display:flex;border:1px solid rgba(246,241,232,.35);height:36px}
.lang button{background:none;border:0;padding:0 10px;font-size:12px;font-weight:600;letter-spacing:.1em;cursor:pointer;min-width:40px;color:rgba(246,241,232,.7)}
.lang button[aria-pressed=true]{background:rgba(246,241,232,.14);color:#fff}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;background:var(--glow);color:var(--night);text-decoration:none;font-weight:600;font-size:14px;letter-spacing:.02em;border:0;cursor:pointer;white-space:nowrap}
.cta:hover{background:#fff3d4}
.cta.ghost{background:transparent;color:inherit;border:1px solid currentColor}
.cta.dark{background:var(--night);color:#F6F1E8}
.cta.dark:hover{background:#000}
.menu-btn{display:none;width:44px;height:44px;background:none;border:0;cursor:pointer;position:relative}
.menu-btn span{position:absolute;left:11px;right:11px;height:1.5px;background:currentColor;transition:transform .3s ease,opacity .3s}
.menu-btn span:nth-child(1){top:16px}.menu-btn span:nth-child(2){top:22px}.menu-btn span:nth-child(3){top:28px}
.menu-open .menu-btn span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-open .menu-btn span:nth-child(2){opacity:0}
.menu-open .menu-btn span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.drawer{position:fixed;inset:0;z-index:45;background:var(--night);color:#F6F1E8;padding:calc(var(--hh) + 24px) var(--pad) 32px;display:flex;flex-direction:column;gap:2px;
  opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s .3s}
.menu-open .drawer{opacity:1;visibility:visible;transition:opacity .3s ease}
.drawer a{font:400 42px/1.15 var(--serif);text-decoration:none;padding:6px 0;border-bottom:1px solid rgba(246,241,232,.1)}
.drawer .call{margin-top:auto;font:500 18px/1 var(--sans);border:0;color:var(--gold-l)}
@media (max-width:900px){
  .nav,.hdr .cta.hide-m{display:none}
  .menu-btn{display:block}
  .hdr{gap:8px;padding:0 12px 0 16px}
  .brand b{font-size:24px}
  .hdr .cta{padding:0 12px;font-size:13px}
  .lang button{padding:0 7px;min-width:34px}
}
@media (max-width:360px){.brand small{display:none}}

/* ---------- shared bits ---------- */
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.kicker{display:flex;align-items:center;gap:12px;font:600 11px/1.2 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.kicker::before{content:"";width:28px;height:2px;background:currentColor;box-shadow:0 0 8px rgba(255,231,176,.6)}
.dark .kicker{color:var(--gold-l)}
.dark{background:var(--night);color:#EDE6DB}
.joints{background-color:var(--porcelain);background-image:linear-gradient(rgba(35,28,22,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(35,28,22,.06) 1px,transparent 1px);background-size:240px 120px;background-position:-1px -1px}
.sec{padding:clamp(72px,10vw,140px) 0}
.h2{font-size:clamp(40px,6vw,76px)}
.h2 em{font-style:italic;color:var(--gold)}
.dark .h2 em{color:var(--gold-l)}
.lede{font-size:clamp(17px,1.6vw,20px);color:var(--ink-2);max-width:56ch}
.dark .lede{color:#BFB4A6}
.line{height:2px;background:linear-gradient(90deg,transparent,var(--glow) 12%,var(--glow) 88%,transparent);box-shadow:0 0 14px rgba(255,231,176,.75);transform:scaleX(0);transform-origin:left;transition:transform 1.4s cubic-bezier(.6,0,.2,1)}
.line.in{transform:scaleX(1)}
.rise{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.rise.in{opacity:1;transform:none}
.quote-mark{font:400 120px/0.6 var(--serif);color:var(--gold-l);display:block;height:46px}

/* ---------- home hero ---------- */
.hero{position:relative;height:100vh;height:100svh;min-height:600px;background:var(--night);color:#F6F1E8;overflow:hidden;display:grid;grid-template-columns:1fr}
.hero-photo{position:absolute;inset:0;overflow:hidden}
.stage{position:absolute;left:0;top:0;width:1080px;height:1440px;transform-origin:0 0}
.stage img{position:absolute;inset:0;width:100%;height:100%}
@property --r{syntax:"<length>";inherits:false;initial-value:0px}
.stage .on{--r:0px;-webkit-mask-image:radial-gradient(circle at 388px 525px,#000 calc(var(--r) * .5),transparent var(--r));mask-image:radial-gradient(circle at 388px 525px,#000 calc(var(--r) * .5),transparent var(--r));opacity:0}
.hero.lit .stage .on{--r:2000px;opacity:1;transition:--r 2.3s cubic-bezier(.45,0,.2,1),opacity .35s ease}
.hero.nomask .stage .on{-webkit-mask-image:none;mask-image:none;transition:opacity 1.6s ease}
.hero.done .stage .on{-webkit-mask-image:none;mask-image:none}
.led{position:absolute;left:163px;top:479px;width:458px;height:4px;margin-top:-2px;transform-origin:0 50%;transform:rotate(11.6deg) scaleX(0);border-radius:2px;
  background:linear-gradient(90deg,#FFF6DD,#FFE7B0 70%,rgba(255,231,176,.4));box-shadow:0 0 10px 2px rgba(255,231,176,.95),0 0 40px 10px rgba(255,214,140,.45)}
.led::after{content:"";position:absolute;right:-6px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#fff;box-shadow:0 0 18px 8px rgba(255,236,190,.9);opacity:1;transition:opacity .4s}
.hero.wire .led{transform:rotate(11.6deg) scaleX(1);transition:transform 1.05s cubic-bezier(.65,0,.3,1)}
.hero.lit .led::after{opacity:0}
.hero.done .led{opacity:0;transition:opacity 1.2s ease}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,15,11,.5) 0%,rgba(20,15,11,0) 20%,rgba(20,15,11,0) 48%,rgba(20,15,11,.7) 70%,rgba(20,15,11,.92) 100%);pointer-events:none}
.hero-copy{position:relative;z-index:2;align-self:end;padding:0 var(--pad) clamp(28px,6vh,64px);max-width:720px}
.hero-copy .kicker{color:var(--gold-l);margin-bottom:16px}
.hero h1{font-size:clamp(54px,8.6vw,118px);line-height:.94}
.hero h1 .w{display:inline-block;opacity:0;transform:translateY(.32em);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.hero.text h1 .w{opacity:1;transform:none}
.hero h1 em{color:var(--glow)}
.hero-sub{margin:18px 0 26px;font-size:17px;color:#D9CFC2;max-width:42ch;opacity:0;transition:opacity 1s ease .5s}
.hero.text .hero-sub,.hero.text .hero-act{opacity:1}
.hero-act{display:flex;flex-wrap:wrap;gap:10px;opacity:0;transition:opacity 1s ease .8s}
.hero-act .ghost{color:#F6F1E8}
.hero-credit{display:none;position:absolute;right:var(--pad);bottom:clamp(28px,6vh,64px);z-index:2;font-size:12px;letter-spacing:.08em;color:rgba(246,241,232,.62);writing-mode:vertical-rl;transform:rotate(180deg)}
@media (min-width:901px){
  .hero{grid-template-columns:minmax(420px,46%) 1fr}
  .hero-photo{left:auto;width:54%;right:0}
  .hero-shade{background:linear-gradient(90deg,rgba(30,24,19,1) 0%,rgba(30,24,19,.0) 14%),linear-gradient(180deg,rgba(20,15,11,.45),rgba(20,15,11,0) 20%);left:46%}
  .hero-copy{align-self:center;padding-top:var(--hh)}
  .hero-credit{display:block;bottom:28px}
}

/* after the lights come on: more of his lit rooms, each wiped in behind a vertical line of light */
.rooms{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;isolation:isolate}
.rooms .sl{position:absolute;inset:0;overflow:hidden;transform:translate3d(-100%,0,0);visibility:hidden}
.rooms .in{position:absolute;inset:0;transform:translate3d(100%,0,0)}
.rooms img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rooms .sl.go,.rooms .sl.go .in{visibility:visible;transform:translate3d(0,0,0);transition:transform 1.5s cubic-bezier(.65,0,.35,1)}
.rooms .sl.go{visibility:visible}
.rooms .sweep{position:absolute;top:0;bottom:0;left:0;width:3px;margin-left:-2px;background:linear-gradient(180deg,rgba(255,240,205,0),#FFF3D6 18%,#FFF3D6 82%,rgba(255,240,205,0));box-shadow:0 0 12px 3px rgba(255,226,170,.8),0 0 46px 14px rgba(255,210,140,.28);transform:translate3d(-20px,0,0);opacity:0}
.rooms .sweep.go{opacity:1;transform:translate3d(var(--sw,100vw),0,0);transition:transform 1.5s cubic-bezier(.65,0,.35,1)}
.hero-credit span{transition:opacity .5s ease}
.hero-credit.swap span{opacity:0}
@media (min-width:901px){.rooms{left:auto;width:54%;right:0}}
@media (prefers-reduced-motion:reduce){.rooms{display:none}}

/* ---------- home: intro ---------- */
.intro{display:grid;gap:clamp(28px,5vw,80px);grid-template-columns:1fr}
.intro .h2{max-width:13ch}
.feat{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--stone);border:1px solid var(--stone);margin-top:28px}
.feat div{background:var(--porcelain);padding:18px 16px;min-height:96px}
.feat b{display:block;font:400 22px/1.1 var(--serif);margin-bottom:4px}
.feat div>span{font-size:14px;color:var(--ink-2)}
@media (min-width:901px){.intro{grid-template-columns:1.05fr 1fr;align-items:end}.feat{grid-template-columns:repeat(3,1fr)}}

/* before / after */
.ba{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:#111;max-width:760px;margin:0 auto;touch-action:pan-y;cursor:ew-resize}
.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ba .aft{clip-path:inset(0 0 0 var(--x,100%))}
.ba .edge{position:absolute;top:0;bottom:0;left:var(--x,100%);width:2px;margin-left:-1px;background:var(--glow);box-shadow:0 0 12px 2px rgba(255,231,176,.9),0 0 36px 8px rgba(255,214,140,.35)}
.ba .tag{position:absolute;bottom:14px;font:600 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:9px 11px;background:rgba(20,15,11,.72);color:#F6F1E8}
.ba .tag.b{left:14px}.ba .tag.a{right:14px;background:var(--glow);color:var(--night)}
.ba-grid{display:grid;gap:clamp(28px,5vw,72px);grid-template-columns:1fr;align-items:center}
@media (min-width:901px){.ba-grid{grid-template-columns:1fr 1.1fr}}
.cap{font:italic 400 clamp(24px,2.6vw,34px)/1.2 var(--serif);color:#F2EADF;margin:18px 0}
.cap small{display:block;font:500 13px/1.4 var(--sans);font-style:normal;letter-spacing:.06em;color:#A89B8C;margin-top:12px}

/* marbles */
.proof{display:grid;gap:clamp(28px,5vw,80px);grid-template-columns:1fr;align-items:center}
.vid-box{position:relative;aspect-ratio:9/16;max-height:82vh;overflow:hidden;background:#cfc8bd;margin:0 auto;width:min(100%,460px)}
.vid-box img,.vid-box video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vid-box .hs-vid{opacity:0;transition:opacity .5s ease}
.vid-box .hs-vid.hs-on{opacity:1}
.vid-box .hs-fb{opacity:0;transition:opacity .5s ease}
.vid-box .hs-fb.hs-on{opacity:1}
.big-q{font-size:clamp(64px,11vw,150px);line-height:.9}
.big-q em{color:var(--gold)}
@media (min-width:901px){.proof{grid-template-columns:1fr 1fr}.proof .vid-box{order:2}}

/* tiles strip */
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;background:var(--gold-l);padding:3px}
.tiles a{position:relative;display:block;overflow:hidden;background:#222;aspect-ratio:3/4}
.tiles img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.tiles a:hover img{transform:scale(1.04)}
.tiles .lbl{position:absolute;left:0;right:0;bottom:0;padding:28px 14px 12px;background:linear-gradient(transparent,rgba(20,15,11,.82));color:#F6F1E8;font:400 20px/1.1 var(--serif)}
@media (min-width:901px){.tiles{grid-template-columns:repeat(4,1fr)}}

/* testimonial */
.testi{max-width:880px;margin:0 auto;text-align:center}
.testi blockquote{margin:0;font:400 clamp(30px,4.4vw,54px)/1.12 var(--serif)}
.testi blockquote em{color:var(--gold)}
.testi .tr{color:var(--ink-2);font-size:15px;margin-top:16px}
.testi cite{display:block;margin-top:22px;font:600 12px/1 var(--sans);font-style:normal;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}

/* estimate teaser + contact band */
.band{display:grid;gap:28px;grid-template-columns:1fr;align-items:center}
.room-pick{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.room-pick a{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border:1px solid rgba(237,230,219,.3);text-decoration:none;font-size:15px}
.room-pick a:hover{border-color:var(--glow);color:var(--glow)}
.phone-big{font:400 clamp(44px,7vw,92px)/1 var(--serif);text-decoration:none;display:inline-block;color:var(--glow);text-shadow:0 0 30px rgba(255,214,140,.35)}
@media (min-width:901px){.band{grid-template-columns:1.2fr 1fr}}

/* ---------- inner page hero ---------- */
.phero{position:relative;min-height:62vh;min-height:62svh;display:flex;align-items:flex-end;background:var(--night);color:#F6F1E8;overflow:hidden}
.phero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.phero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,15,11,.55),rgba(20,15,11,.05) 30%,rgba(20,15,11,.85))}
.phero .wrap{position:relative;z-index:2;width:100%;padding-bottom:clamp(32px,6vw,72px);padding-top:120px}
.phero h1{font-size:clamp(52px,8vw,108px)}
.phero h1 em{color:var(--glow)}
.phero p{max-width:52ch;color:#D9CFC2;margin-top:14px}
.phero .kicker{color:var(--gold-l);margin-bottom:14px}

/* services */
.svc{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--stone)}
.svc article{display:grid;grid-template-columns:1fr;gap:18px;padding:clamp(28px,4vw,48px) 0;border-bottom:1px solid var(--stone)}
.svc .num{font:400 15px/1 var(--sans);letter-spacing:.1em;color:var(--gold)}
.svc h2{font-size:clamp(34px,4.4vw,56px)}
.svc p{color:var(--ink-2);max-width:56ch}
.svc ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.svc li{font-size:13px;padding:7px 11px;border:1px solid var(--stone);background:#F6F3EE}
.svc figure{margin:0;aspect-ratio:4/3;overflow:hidden;background:#ccc}
.svc figure img{width:100%;height:100%;object-fit:cover}
@media (min-width:901px){.svc article{grid-template-columns:90px 1fr 1fr;gap:40px;align-items:center}}

/* projects */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.filters button{min-height:44px;padding:0 16px;border:1px solid var(--stone);background:transparent;cursor:pointer;font-size:14px}
.filters button[aria-pressed=true]{background:var(--night);color:#F6F1E8;border-color:var(--night)}
.gal{columns:2;column-gap:3px}
.gal button{display:block;width:100%;border:0;padding:0;margin:0 0 3px;background:#ddd;cursor:zoom-in;break-inside:avoid;position:relative}
.gal img{width:100%;height:auto}
.gal button[hidden]{display:none}
@media (min-width:901px){.gal{columns:3}}
.lb{position:fixed;inset:0;z-index:80;background:rgba(14,11,8,.96);display:flex;align-items:center;justify-content:center;padding:56px 12px 70px;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s}
.lb.open{opacity:1;visibility:visible;transition:opacity .25s}
.lb img{max-width:100%;max-height:100%;object-fit:contain}
.lb p{position:absolute;left:16px;right:16px;bottom:18px;text-align:center;color:#D9CFC2;font:italic 400 20px/1.2 var(--serif);margin:0}
.lb button{position:absolute;background:none;border:0;color:#fff;width:48px;height:48px;font-size:28px;cursor:pointer}
.lb .x{top:6px;right:8px}.lb .pv{left:4px;top:50%;margin-top:-24px}.lb .nx{right:4px;top:50%;margin-top:-24px}
.reels{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.reel{position:relative;aspect-ratio:9/16;background:#111;overflow:hidden}
.reel video,.reel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reel .play{position:absolute;inset:0;border:0;background:linear-gradient(transparent 55%,rgba(20,15,11,.8));color:#F6F1E8;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:14px;text-align:left}
.reel .play i{width:52px;height:52px;border:1px solid rgba(255,231,176,.8);border-radius:50%;display:grid;place-items:center;margin-bottom:10px;font-style:normal;color:var(--glow)}
.reel .play span{font:italic 400 20px/1.15 var(--serif)}
.reel.on .play{display:none}
@media (min-width:901px){.reels{grid-template-columns:repeat(4,1fr)}}

/* about */
.about-grid{display:grid;gap:clamp(28px,5vw,80px);grid-template-columns:1fr}
.about-grid figure{margin:0}
.pull{font:italic 400 clamp(30px,3.6vw,46px)/1.15 var(--serif)}
.pull small{display:block;font:500 13px/1.5 var(--sans);font-style:normal;color:var(--ink-2);margin-top:10px;letter-spacing:.04em}
.cafe{display:flex;gap:16px;align-items:center;padding:18px 0;border-top:1px solid var(--stone);border-bottom:1px solid var(--stone)}
.cafe svg{flex:none}
@media (min-width:901px){.about-grid{grid-template-columns:1fr 1fr;align-items:center}}

/* contact */
.contact-list{display:grid;gap:1px;background:var(--stone);border:1px solid var(--stone)}
.contact-list a,.contact-list div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 20px;background:var(--porcelain);text-decoration:none;min-height:72px}
.contact-list a:hover{background:#F6F3EE}
.contact-list b{font:400 clamp(24px,3vw,34px)/1.1 var(--serif)}

/* estimate tool */
.est{display:grid;gap:clamp(24px,4vw,56px);grid-template-columns:1fr;align-items:start}
.step{border:0;margin:0 0 30px;padding:0;min-width:0}
.step legend{font:400 clamp(28px,3vw,38px)/1.1 var(--serif);margin-bottom:6px;padding:0}
.step .hint{font-size:14px;color:var(--ink-2);margin:0 0 14px}
.opts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.opt{position:relative}
.opt input{position:absolute;opacity:0;width:1px;height:1px}
.opt label{display:flex;flex-direction:column;justify-content:center;min-height:64px;padding:12px 14px;border:1px solid var(--stone);background:#F6F3EE;cursor:pointer;font-size:15px;line-height:1.25;transition:border-color .2s,background-color .2s}
.opt label small{font-size:12px;color:var(--ink-2);margin-top:3px}
.opt input:checked+label{border-color:var(--night);background:var(--night);color:#F6F1E8}
.opt input:checked+label small{color:#C8BCAD}
.opt input:focus-visible+label{outline:2px solid var(--gold);outline-offset:2px}
.field{display:grid;gap:6px;margin-bottom:14px}
.field label{font-size:14px;font-weight:500}
.field input,.field textarea{font:inherit;font-size:16px;padding:12px 14px;border:1px solid var(--stone);background:#FBF9F6;color:var(--ink);min-height:48px;width:100%}
.field textarea{min-height:96px;resize:vertical}
.ticket{position:sticky;top:calc(var(--hh) + 16px);background:var(--night);color:#EDE6DB;padding:22px}
.ticket h2{font-size:30px;margin-bottom:6px}
.layout{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;background:rgba(217,182,122,.35);padding:3px;margin:14px 0 18px}
.layout i{aspect-ratio:2/1;background:#2E261F;transform:scale(.6);opacity:.25;transition:transform .5s cubic-bezier(.3,1.4,.5,1),opacity .4s,background-color .4s}
.layout i.set{transform:none;opacity:1;background:#D7CFC3}
.layout i.set.g{background:#E5DBC8}
.prog{height:2px;background:rgba(255,255,255,.1);margin-bottom:16px;overflow:hidden}
.prog b{display:block;height:100%;width:0;background:var(--glow);box-shadow:0 0 10px var(--glow);transition:width .5s ease}
.msg{white-space:pre-wrap;font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;background:#16110D;border:1px solid rgba(255,255,255,.08);padding:14px;max-height:260px;overflow:auto;color:#E9DFD1;margin:0 0 16px}
.ticket .acts{display:grid;gap:8px}
.ticket .acts .cta{width:100%}
.ticket .note{font-size:13px;color:#A89B8C;margin:12px 0 0}
@media (min-width:640px){.opts{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1000px){.est{grid-template-columns:1.25fr 1fr}}
.mobile-send{display:none}
@media (max-width:999px){.ticket{position:static}}

/* footer */
.ftr{background:var(--night);color:#BFB4A6;padding:56px 0 calc(28px + env(safe-area-inset-bottom));font-size:14px}
.ftr .wrap{display:grid;gap:28px;grid-template-columns:1fr}
.ftr .brand{color:#F6F1E8}
.ftr nav{display:flex;flex-wrap:wrap;gap:4px 16px}
.ftr nav a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
.ftr a:hover{color:var(--glow)}
.ftr .credit{border-top:1px solid rgba(255,255,255,.08);padding-top:18px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;letter-spacing:.04em}
@media (min-width:901px){.ftr .wrap{grid-template-columns:1.3fr 1fr 1fr}.ftr .credit{grid-column:1/-1}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important}
  .rise{opacity:1;transform:none}
  .line{transform:none}
  .hero .stage .on{opacity:1;-webkit-mask-image:none;mask-image:none}
  .hero .led{display:none}
  .hero h1 .w,.hero-sub,.hero-act{opacity:1;transform:none}
}
.dolly{position:absolute;inset:0;transform-origin:36% 40%}
.hero.lit .dolly{transform:scale(1.045);transition:transform 16s cubic-bezier(.2,.4,.3,1)}
.layout i{box-shadow:inset 0 0 0 1px rgba(217,182,122,.35)}
.mbar{display:none}
@media (max-width:999px){
  .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;gap:12px;align-items:center;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--night);transform:translateY(0);transition:transform .35s ease}
  .mbar.away{transform:translateY(110%)}
  .mbar .cta{flex:1}
  .mtiles{display:grid;grid-template-columns:repeat(3,22px);gap:2px;background:rgba(217,182,122,.35);padding:2px}
  .mtiles i{width:22px;height:11px;background:#2E261F;transition:background-color .4s}
  .mtiles i.set{background:#D7CFC3}
  .p-estimate .ftr{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
}
.contact-list a>span,.contact-list div>span{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.ticket .kicker{color:var(--gold-l)}