:root{color-scheme:light}
body{margin:0}img{max-width:100%}[hidden]{display:none!important}

/* Layout: editorial fashion-house site, charcoal night bands for drama, bone day bands for reading, gold only as a hairline accent */
:root{
  --bone:#F3EFE8; --paper:#FBF9F5; --ink:#24211E; --ink-soft:#5E5850;
  --rule:#D9D1C4; --gold:#A8874F; --gold-ink:#7E6436;
  --night:#1C1A18; --night-2:#262320; --night-ink:#EEE7DB; --night-soft:#A79E90;
  --display:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;
  --body:"Jost","Avenir Next","Segoe UI",system-ui,sans-serif;
  --gut:max(16px,env(safe-area-inset-left,0px));
  --gutR:max(16px,env(safe-area-inset-right,0px));
}



*{box-sizing:border-box}
body{background:var(--paper);color:var(--ink);font-family:var(--body);font-weight:300;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.08;margin:0;text-wrap:balance;letter-spacing:-.01em}
p{margin:0}
.wrap{max-width:1240px;margin:0 auto;padding-left:var(--gut);padding-right:var(--gutR)}
.band{padding-block:clamp(72px,10vw,128px)}
.eyebrow{font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;color:var(--gold-ink)}
.night{background:var(--night);color:var(--night-ink)}
.night .eyebrow{color:var(--gold)}
.lede{font-size:clamp(18px,1.6vw,20px);color:var(--ink-soft);max-width:58ch}
.night .lede{color:var(--night-soft)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* Header */
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:var(--night);background:color-mix(in srgb,var(--night) 92%,transparent);backdrop-filter:blur(10px);color:var(--night-ink);border-bottom:1px solid color-mix(in srgb,var(--gold) 25%,transparent)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:18px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;line-height:1}
.brand-mark{height:38px;width:auto;transition:transform .35s}
.brand-word{height:17px;width:auto;transition:opacity .35s}
.brand:hover .brand-mark{transform:scale(1.06)}
.brand:hover .brand-word{opacity:.85}
@media (max-width:420px){.brand-mark{height:32px}.brand-word{height:14px}}
.foot-logo{width:min(220px,60vw);height:auto;display:block;transition:transform .35s}
.foot-logo-link{display:inline-block}
.foot-logo-link:hover .foot-logo{transform:scale(1.02)}
.foot-top{display:flex;flex-wrap:wrap;gap:40px 64px;align-items:center;justify-content:space-between}
nav.main{display:flex;gap:28px;align-items:center}
nav.main a{text-decoration:none;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--night-soft);transition:color .3s}
nav.main a:hover{color:var(--night-ink)}
nav.main a:not(.btn){position:relative}
nav.main a:not(.btn)::after{content:"";position:absolute;left:0;bottom:-4px;height:1px;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s}
nav.main a:not(.btn):hover::after{transform:scaleX(1)}
.btn{display:inline-flex;align-items:center;gap:10px;font:500 13px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;padding:16px 26px;border:1px solid var(--gold);color:var(--night-ink);background:transparent;cursor:pointer;transition:background .35s,color .35s,transform .35s,box-shadow .35s}
.btn:hover{background:var(--gold);color:var(--night);transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.btn.solid{background:var(--gold);color:#1C1A18}
.btn.solid:hover{background:transparent;color:var(--night-ink)}
.paper .btn,.bone .btn{color:var(--ink)}
.menu-toggle{display:none;background:none;border:1px solid var(--gold);color:var(--night-ink);font:500 12px var(--body);letter-spacing:.16em;text-transform:uppercase;padding:10px 14px;cursor:pointer;transition:background .35s,color .35s,transform .35s}
.menu-toggle:hover{background:var(--gold);color:var(--night);transform:translateY(-2px)}
@media (max-width:960px){
  .menu-toggle{display:block}
  nav.main{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:flex-start;gap:0;background:var(--night);padding:8px var(--gutR) 24px var(--gut);border-bottom:1px solid color-mix(in srgb,var(--gold) 25%,transparent)}
  nav.main.open{display:flex}
  nav.main a{padding:14px 0;width:100%;border-bottom:1px solid var(--night-2)}
  nav.main .btn{margin-top:16px}
}

/* Hero */
.hero{position:relative;overflow:hidden;background:var(--night);color:var(--night-ink)}
.hero .wrap{position:relative;padding-block:clamp(88px,13vw,168px) clamp(64px,8vw,104px);display:grid;gap:36px}
.hero h1{font-size:clamp(46px,8.4vw,118px);max-width:12ch}
.hero h1 em{font-style:italic;color:var(--gold)}
.hero .cta{display:flex;flex-wrap:wrap;gap:14px}

.hero .hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%;animation:slowzoom 30s ease-out both}
.hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,18,16,.88) 0%,rgba(20,18,16,.62) 45%,rgba(20,18,16,.18) 100%),linear-gradient(0deg,rgba(20,18,16,.7),transparent 40%)}
@keyframes slowzoom{from{transform:scale(1.08)}to{transform:scale(1)}}
@media (max-width:700px){.hero .shade{background:linear-gradient(0deg,rgba(20,18,16,.92) 20%,rgba(20,18,16,.45) 100%)}}
img.ph{display:block;width:100%;height:100%;object-fit:cover}
.case img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;max-width:100%;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.case figure{margin:0;overflow:hidden}
.case:hover img{transform:scale(1.04)}
.founder img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:60% 30%;max-width:100%}
@media (max-width:820px){.founder img{max-width:420px}}

/* Leadership gallery */
.lead-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.lead-grid figure{margin:0;display:grid;gap:12px;min-width:0}
.lead-grid img{display:block;width:100%;height:100%;object-fit:cover;max-width:100%}
.lead-grid .frame{overflow:hidden;aspect-ratio:3/2}
.lead-grid figcaption{font-size:13px;letter-spacing:.06em;color:var(--night-soft)}
.lead-grid figcaption b{display:block;color:var(--night-ink);font-weight:500;letter-spacing:.02em;font-size:15px}
.l1{grid-column:span 7}.l2{grid-column:span 5}.l3{grid-column:span 5}.l4{grid-column:span 7}
@media (max-width:820px){.lead-grid{grid-template-columns:1fr}.l1,.l2,.l3,.l4{grid-column:auto}}

/* Stats */
.stats{background:var(--night-2);color:var(--night-ink);border-top:1px solid color-mix(in srgb,var(--gold) 22%,transparent)}
.stats .wrap{display:grid;grid-template-columns:repeat(3,1fr);padding-block:48px}
.stat{padding:8px 28px;border-left:1px solid color-mix(in srgb,var(--gold) 30%,transparent);display:grid;gap:6px}
.stat:first-child{border-left:0;padding-left:0}
.stat b{font-family:var(--display);font-weight:400;font-size:clamp(44px,5.4vw,72px);line-height:1;font-variant-numeric:lining-nums}
.stat span{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
@media (max-width:700px){.stats .wrap{grid-template-columns:1fr;gap:28px}.stat{border-left:0;padding:0 0 24px;border-bottom:1px solid color-mix(in srgb,var(--gold) 22%,transparent)}.stat:last-child{border-bottom:0;padding-bottom:0}}

/* Section heads */
.head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 64px;align-items:end;margin-bottom:56px}
.head h2{font-size:clamp(36px,4.6vw,64px)}
@media (max-width:820px){.head{grid-template-columns:1fr}}

/* Photo placeholders: art-directed light studies until real photography lands */
.ph{position:relative;overflow:hidden;background:var(--night);max-width:100%}

/* Pillars bento */
.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.tile{position:relative;min-height:340px;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;color:var(--night-ink);text-decoration:none;overflow:hidden}
.tile .ph{position:absolute;inset:0;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.tile::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(20,18,16,.82));z-index:1}
.tile>*:not(.ph){position:relative;z-index:2}
.tile:hover .ph{transform:scale(1.05)}
.tile h3{font-size:clamp(28px,2.8vw,38px)}
.tile p{color:#CFC6B8;font-size:15px;margin-top:8px;max-width:38ch}
.tile .go{margin-top:18px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#C4A46A}
.t1{grid-column:span 4;min-height:440px}.t2{grid-column:span 2;min-height:440px}.t3{grid-column:span 3}.t4{grid-column:span 3}
@media (max-width:820px){.bento{grid-template-columns:1fr}.t1,.t2,.t3,.t4{grid-column:auto;min-height:320px}}

/* Work */
.work{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,38%);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:18px;scrollbar-color:var(--gold) transparent}
.case{scroll-snap-align:start;display:grid;gap:16px;min-width:0}
.case .ph{aspect-ratio:4/5}
.case .meta{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-ink)}
.case h3{font-size:28px}
.case p{color:var(--ink-soft);font-size:15px}
@media (max-width:700px){.work{grid-auto-columns:82%}}
.scroll-hint{margin-top:18px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft)}

/* Ecosystem */
.bone{background:var(--bone)}
.eco{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule)}
.eco article{padding:32px 28px 8px 0;display:grid;gap:12px;align-content:start;border-right:1px solid var(--rule);margin-right:28px}
.eco article:last-child{border-right:0;margin-right:0}
.eco .role{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-ink)}
.eco h3{font-size:30px}
.eco p{color:var(--ink-soft);font-size:15.5px}
.eco-link{position:relative;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink);text-decoration:none;transition:color .3s}
.eco-link::after{content:"";position:absolute;left:0;bottom:-3px;height:1px;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.eco-link:hover{color:var(--ink)}
.eco-link:hover::after{transform:scaleX(1)}
@media (max-width:900px){.eco{grid-template-columns:1fr 1fr}.eco article:nth-child(2){border-right:0;margin-right:0}}
@media (max-width:560px){.eco{grid-template-columns:1fr}.eco article{border-right:0;margin-right:0;border-bottom:1px solid var(--rule);padding:28px 0}}

/* Founder */
.founder{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:center}
.founder .ph{aspect-ratio:4/5}
.founder blockquote{margin:0;font-family:var(--display);font-size:clamp(22px,2.2vw,30px);line-height:1.4}
.founder blockquote::before{content:"";display:block;width:56px;height:1px;background:var(--gold);margin-bottom:32px}
.sig{margin-top:32px;display:grid;gap:4px}
.sig b{font-weight:500;letter-spacing:.06em}
.sig span{font-size:13px;color:var(--ink-soft);letter-spacing:.04em}
@media (max-width:820px){.founder{grid-template-columns:1fr}.founder .ph{max-width:420px}}

/* Leadership strip */
.marks{display:flex;flex-wrap:wrap;gap:14px 44px;align-items:center;padding-top:28px;border-top:1px solid var(--rule);margin-top:72px}
.marks span{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}
.marks span b{color:var(--gold-ink);font-weight:500}

/* Enquiry */
.enquire{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,96px)}
@media (max-width:900px){.enquire{grid-template-columns:1fr}}
.contact-list{display:grid;gap:22px;margin-top:40px}
.contact-list div{display:grid;gap:4px}
.contact-list small{font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.contact-list span{font-size:19px;color:var(--night-ink);user-select:all}
form.steps{background:var(--night-2);padding:clamp(24px,4vw,48px);border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);min-width:0}
.progress{display:flex;gap:6px;margin-bottom:28px}
.progress i{flex:1;height:2px;background:color-mix(in srgb,var(--gold) 22%,transparent);transition:background .4s}
.progress i.on{background:var(--gold)}
.step-label{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--night-soft);margin-bottom:10px}
fieldset{border:0;padding:0;margin:0;display:grid;gap:22px}
legend{font-family:var(--display);font-size:clamp(26px,2.6vw,34px);margin-bottom:22px;padding:0}
.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.choices label{position:relative;cursor:pointer}
.choices input{position:absolute;opacity:0;pointer-events:none}
.choices span{display:block;padding:16px 18px;border:1px solid color-mix(in srgb,var(--night-ink) 18%,transparent);font-size:15px;transition:border-color .25s,background .25s}
.choices input:checked+span{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,transparent)}
.choices input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.field{display:grid;gap:8px}
.field label{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--night-soft)}
.field input,.field select{font:400 17px var(--body);color:var(--night-ink);background:transparent;border:0;border-bottom:1px solid color-mix(in srgb,var(--night-ink) 30%,transparent);padding:10px 0;width:100%;border-radius:0}
.field select option{background:var(--night-2);color:var(--night-ink)}
.field input:focus,.field select:focus{outline:none;border-bottom-color:var(--gold)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media (max-width:560px){.row2{grid-template-columns:1fr}}
.nav-steps{display:flex;justify-content:space-between;gap:12px;margin-top:32px;flex-wrap:wrap}
.err{color:#E3A08A;font-size:14px;min-height:20px}
.done{display:grid;gap:18px}
.done h3{font-size:34px}
.summary{display:grid;grid-template-columns:auto 1fr;gap:8px 24px;font-size:15px;border-top:1px solid color-mix(in srgb,var(--gold) 25%,transparent);padding-top:18px}
.summary dt{color:var(--night-soft);letter-spacing:.08em}
.summary dd{margin:0}

/* Footer */
footer{background:var(--night);color:var(--night-soft);border-top:1px solid color-mix(in srgb,var(--gold) 22%,transparent)}
footer .wrap{padding-block:32px 20px;display:grid;gap:20px}
.sigline{font-family:var(--display);font-style:italic;font-size:clamp(20px,2.5vw,28px);color:var(--night-ink);max-width:36ch;line-height:1.15}
.foot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;font-size:14px}
.foot-grid h4{margin:0 0 8px;font:500 11.5px var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.foot-grid a{display:table;position:relative;text-decoration:none;padding:3px 0;color:var(--night-ink);transition:color .3s,transform .3s}
.foot-grid a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.foot-grid a:hover{color:var(--gold);transform:translateX(4px)}
.foot-grid a:hover::after{transform:scaleX(1)}
.foot-grid div > span{color:var(--night-soft)}
@media (max-width:760px){.foot-grid{grid-template-columns:1fr 1fr}}
.legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px;letter-spacing:.08em;padding-top:16px;border-top:1px solid var(--night-2)}

/* Floating WhatsApp */
.wa{position:fixed;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:50;display:flex;align-items:center;gap:10px;background:#1C1A18;color:#EEE7DB;border:1px solid #C4A46A;padding:12px 18px;text-decoration:none;font:500 12px var(--body);letter-spacing:.16em;text-transform:uppercase;box-shadow:0 8px 28px rgba(0,0,0,.28);transition:transform .35s,box-shadow .35s}
.wa:hover{background:var(--gold);color:var(--night);transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.32)}
.wa svg{transition:fill .35s}
.wa:hover svg{fill:#1C1A18}
.wa svg{width:18px;height:18px;fill:#C4A46A}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Point 4: anchor jumps clear the sticky header */
section[id]{scroll-margin-top:96px}
main[id]{scroll-margin-top:96px}
/* Point 5: work carousel controls */
.carousel-head{display:flex;justify-content:space-between;align-items:center;gap:16px}
.carousel-btns{display:flex;gap:10px;flex-shrink:0}
.carousel-btn{background:transparent;border:1px solid var(--gold);color:var(--ink);font:500 12px var(--body);letter-spacing:.16em;text-transform:uppercase;padding:12px 18px;cursor:pointer;transition:background .35s,color .35s,transform .35s,box-shadow .35s}
.carousel-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.carousel-btn:hover{background:var(--gold);color:#1C1A18}
.carousel-btn:disabled{opacity:.4;cursor:default}
/* Point 10: privacy note */
.privacy{color:var(--night-soft);font-size:14px;margin-top:8px}
/* Subpages */
.page-hero .wrap{padding-block:clamp(72px,10vw,120px) clamp(48px,6vw,80px)}
.page-hero h1{font-size:clamp(40px,6vw,84px)}
.detail-list{display:grid;gap:14px;margin-top:28px}
.detail-list li{list-style:none;border-left:2px solid var(--gold);padding-left:18px;color:var(--ink-soft)}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gallery figure{margin:0}
.gallery img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.gallery figcaption{font-size:14px;color:var(--ink-soft);margin-top:10px}
@media (max-width:820px){.gallery{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.gallery{grid-template-columns:1fr}}
.venue-card{border:1px solid var(--rule);padding:28px;display:grid;gap:12px}



/* Animations, logical only: hover zoom where a frame clips it, reveal on scroll */
.lead-grid .frame img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.lead-grid figure:hover .frame img{transform:scale(1.04)}
.gallery figure{overflow:hidden}
.gallery img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.gallery figure:hover img{transform:scale(1.03)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* Button and card animations, logical only */
.tile .go{transition:transform .35s}
.tile:hover .go{transform:translateX(6px)}
.eco article{transition:transform .35s}
.eco article:hover{transform:translateY(-4px)}
.venue-card{transition:transform .35s,border-color .35s}
.venue-card:hover{transform:translateY(-4px);border-color:var(--gold)}
@media (max-width:960px){nav.main a:not(.btn)::after{display:none}}

/* Founder animation: photo zoom in its wide gap, quote line grows, name warms to gold */
.founder img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.founder:hover img{transform:scale(1.02)}
.founder blockquote::before{transition:width .5s}
.founder:hover blockquote::before{width:84px}
.founder .sig b{transition:color .35s}
.founder:hover .sig b{color:var(--gold-ink)}
/* Leadership caption warms to gold when its photo zooms */
.lead-grid figcaption b{transition:color .35s}
.lead-grid figure:hover figcaption b{color:var(--gold)}
/* Form choice hover, before selection */
.choices span:hover{border-color:var(--gold)}
/* Tile lift, after reveal so hover timing stays fast */
.tile{transition:transform .35s,box-shadow .35s}
.tile:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.18)}
.tile.reveal{transition:opacity .7s ease,transform .7s ease}
.tile.reveal.in{transition:transform .35s,box-shadow .35s}

/* Legal domain link and enquire contact links: same gold underline sweep as other links */
.legal a{position:relative;color:var(--night-ink);text-decoration:none;transition:color .3s}
.legal a::after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.legal a:hover{color:var(--gold)}
.legal a:hover::after{transform:scaleX(1)}
.contact-list a{position:relative;color:var(--night-ink);text-decoration:none;transition:color .3s}
.contact-list a::after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.contact-list a:hover{color:var(--gold)}
.contact-list a:hover::after{transform:scaleX(1)}
.contact-list div > span{color:var(--night-soft)}

/* v34: Work text left inset so hover cannot look cut on left, and form Next button position */
.case > span.meta,.case > h3,.case > p{padding-left:4px}
.case h3::after{left:4px}
.work{padding-left:8px}
.nav-steps #next{margin-left:auto}
@media (max-width:760px){
  .nav-steps{justify-content:flex-start}
  .nav-steps #next{margin-left:0}
}

/* v35: date calendar visible on dark form, message textarea */
#date{color-scheme:dark}
#date::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1}
.field textarea{font:400 17px var(--body);color:var(--night-ink);background:transparent;border:0;border-bottom:1px solid color-mix(in srgb,var(--night-ink) 30%,transparent);padding:10px 0;width:100%;border-radius:0;resize:vertical;min-height:96px}
.field textarea:focus{outline:none;border-bottom-color:var(--gold)}

/* Slideshow compact v23 */
.slide-hero{position:relative;overflow:hidden;background:var(--night);color:var(--night-ink);height:65vh;min-height:440px}
.slide-hero .wrap{position:relative;padding-block:64px 24px;display:grid;gap:12px;height:100%;align-content:center}
.slide-hero h1{font-size:clamp(38px,5.5vw,64px);max-width:16ch}
.slide-stage{position:absolute;inset:0;overflow:hidden}
.slide-item{position:absolute;inset:0;opacity:0;transition:opacity 1s ease}
.slide-item.is-active{opacity:1}
.slide-item img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;animation:slidePanZoom 5s ease-out both}
@keyframes slidePanZoom{from{transform:scale(1.12) translateX(-1.5%)}to{transform:scale(1.02) translateX(1.5%)}}
.slide-sweep{position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(105deg,transparent,rgba(232,200,122,.18),transparent);transform:translateX(-160%) skewX(-20deg);pointer-events:none;z-index:2}
.slide-sweep.is-sweep{animation:slideSweep 1.2s ease-out forwards}
@keyframes slideSweep{from{transform:translateX(-160%) skewX(-20deg)}to{transform:translateX(320%) skewX(-20deg)}}
.slide-line{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(196,164,106,.25);z-index:3;overflow:hidden}
.slide-line i{display:block;height:100%;width:0%;background:var(--gold)}
.slide-line.is-playing i{animation:slideLine 5s linear forwards}
@keyframes slideLine{from{width:0%}to{width:100%}}
/* Compact all sections, preview only */
.band{padding-block:clamp(40px,6vw,64px)}
.head{margin-bottom:28px;gap:24px 48px}
.head h2{font-size:clamp(32px,4vw,52px)}
.stats .wrap{padding-block:28px}
.bento{gap:12px}
.work{gap:14px;padding-bottom:12px}
.case{gap:12px}
.lead-grid{gap:12px}
.lead-grid figure{gap:8px}
.eco article{padding:20px 20px 4px 0;margin-right:20px;gap:8px}
.founder{gap:clamp(24px,4vw,56px)}
.sig{margin-top:20px}
.marks{margin-top:36px;padding-top:16px;gap:10px 32px}
.contact-list{gap:14px;margin-top:24px}
fieldset{gap:16px}
.row2{gap:16px}
.nav-steps{margin-top:20px}
footer .wrap{padding-block:40px 24px;gap:28px}
.foot-grid{gap:20px}
.legal{padding-top:16px}
.venue-card{padding:20px}
.top .wrap{padding-block:14px}
.btn{padding:14px 22px}
@media (max-width:899px){
  .slide-hero{height:55vh;min-height:420px}
  .slide-hero .wrap{padding-block:56px 20px}
  .slide-hero h1{font-size:36px}
}
@media (prefers-reduced-motion:reduce){
  .slide-item img,.slide-sweep.is-sweep,.slide-line.is-playing i{animation:none!important}
}

/* Interactive v24: Instagram link, small footer logo, spacing, animations */
.foot-logo{width:min(140px,45vw)}
.foot-grid div > span{display:table;padding:3px 0;color:var(--night-soft)}
/* Text: section heading gold underline draws on reveal */
.head h2,section > .wrap > h2{position:relative;padding-bottom:12px}
.head h2::after,section > .wrap > h2::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--gold);transition:width .8s ease .2s}
.head.in h2::after,section > .wrap > h2.in::after{width:64px}
/* Section: reveal now fades up plus scales, subtle */
.reveal{transform:translateY(18px) scale(.99)}
.reveal.in{transform:translateY(0) scale(1)}
/* Section: stats lift on hover */
.stat{transition:transform .35s,border-color .35s}
.stat:hover{transform:translateY(-2px);border-left-color:var(--gold)}
/* Picture: Work cards shadow plus caption gold on hover */
.case{transition:box-shadow .35s}
.case:hover{box-shadow:0 16px 32px rgba(0,0,0,.18)}
.case h3{transition:color .35s}
.case:hover h3{color:var(--gold)}
/* Picture: Founder gold outline on hover, no layout shift */
.founder:hover img{outline:1px solid var(--gold);outline-offset:4px}
/* Picture: Leadership frame shadow on hover */
.lead-grid figure:hover .frame{box-shadow:0 16px 32px rgba(0,0,0,.18)}
/* Interactive form: focus shadow plus gold border */
.field input,.field select{transition:border-color .3s,box-shadow .3s}
.field input:focus,.field select:focus{box-shadow:0 8px 16px rgba(0,0,0,.08)}
/* Interactive choices: lift on hover */
.choices span{transition:border-color .3s,background .3s,transform .3s}
.choices label:hover span{transform:translateY(-1px)}
@media (prefers-reduced-motion:reduce){
  .head h2::after,section > .wrap > h2::after{transition:none;width:64px}
  .reveal{transform:none}
}

/* Creative footer v25 */
.creative-footer{position:relative;border-top:2px solid var(--gold)}
.creative-footer::before{content:"";position:absolute;top:-6px;left:50%;transform:translateX(-50%) rotate(45deg);width:10px;height:10px;background:var(--night);border:1px solid var(--gold);z-index:1}
.creative-footer .foot-top{align-items:center}
.creative-footer .sigline{font-size:clamp(24px,3vw,36px);max-width:28ch;text-align:right;margin-left:auto}
.creative-footer .legal{align-items:center}
.creative-footer .to-top{padding:10px 14px;font-size:11px}
@media (max-width:760px){
  .creative-footer .sigline{text-align:left;margin-left:0}
}

/* Work hover, scrollbar, auto-scroll v26 */
.work{scrollbar-width:none;-ms-overflow-style:none;padding-bottom:0}
.work::-webkit-scrollbar{display:none}
.case{transition:transform .4s,box-shadow .4s}
.case.reveal.in{transition:transform .4s,box-shadow .4s}
.case figure{border:1px solid transparent;transition:border-color .4s}
.case:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.18)}
.case:hover figure{border-color:var(--gold)}
.case:hover img{transform:scale(1.08)}
.case h3{position:relative;padding-bottom:8px}
.case h3::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--gold);transition:width .4s}
.case:hover h3::after{width:48px}
@media (prefers-reduced-motion:reduce){
  .case,.case:hover{transform:none;box-shadow:none}
}

/* Work bar fix v28: no lift, padding, horizontal progress bar */
.work{padding:16px 0}
.case{transition:box-shadow .4s}
.case.reveal.in{transition:box-shadow .4s}
.case:hover{transform:none;box-shadow:0 8px 20px rgba(0,0,0,.14)}
.case h3{line-height:1.25;padding-bottom:10px}
.work-progress{height:3px;background:rgba(168,135,79,.25);margin-top:16px;overflow:hidden;cursor:pointer;position:relative}
.work-progress i{display:block;height:100%;background:var(--gold);width:30%;transform:translateX(0);transition:transform .3s}
@media (prefers-reduced-motion:reduce){
  .work-progress i{transition:none}
}

/* Dock and legal v29 */
.dock{position:fixed;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:50;display:flex;flex-direction:column;align-items:center;gap:8px;background:#1C1A18;border:1px solid #C4A46A;border-radius:999px;padding:8px;box-shadow:0 8px 28px rgba(0,0,0,.28)}
.dock-top-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;max-height:0;opacity:0;overflow:hidden;transition:max-height .35s,opacity .35s}
.dock.is-show .dock-top-wrap{max-height:72px;opacity:1;padding-top:2px}
.dock-top{width:44px;height:44px;border-radius:50%;border:1px solid #C4A46A;background:transparent;color:#EEE7DB;font-size:18px;line-height:1;cursor:pointer;transition:background .35s,color .35s}
.dock-top:hover{background:var(--gold);color:#1C1A18}
.dock-divider{width:24px;height:1px;background:rgba(196,164,106,.5)}
.dock-wa{width:48px;height:48px;border-radius:50%;border:1px solid #C4A46A;background:#1C1A18;color:#C4A46A;display:flex;align-items:center;justify-content:center;transition:background .35s,color .35s,transform .35s}
.dock-wa:hover{background:var(--gold);color:#1C1A18;transform:translateY(-1px)}
.dock-wa svg{width:22px;height:22px;fill:currentColor}
.creative-footer .legal{align-items:center;justify-content:space-between}
.legal-home{color:var(--night-ink);text-decoration:none;position:relative;transition:color .3s}
.legal-home::after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.legal-home:hover{color:var(--gold)}
.legal-home:hover::after{transform:scaleX(1)}
.legal-city{color:var(--night-soft)}
@media (max-width:760px){
  .creative-footer .legal{flex-direction:column;align-items:flex-start}
}

/* Dock hide v31: dock hides over enquiry form, Step 1 selected chip clearer */
.dock{transition:opacity .35s,transform .35s}
.choices input:checked+span{background:color-mix(in srgb,var(--gold) 25%,transparent);font-weight:500}

/* Work head fix v32: stack on mobile so text and buttons are not cut */
@media (max-width:820px){
  .carousel-head{flex-direction:column;align-items:flex-start;gap:16px}
  .carousel-head > div,.carousel-head > p{width:100%}
  .carousel-btns{flex-wrap:wrap;flex-shrink:1}
}

/* Dock logical v33: CONTINUE left on mobile so dock on right never covers it */
.nav-steps #next{margin-left:auto}
@media (max-width:760px){
  .nav-steps{justify-content:flex-start}
  .nav-steps #next{margin-left:0}
}

/* Work text left inset v34: text never touches card edge, so hover cannot look cut on left */
.case > span.meta,.case > h3,.case > p{padding-left:4px}
.case h3::after{left:4px}
.work{padding-left:8px}

.eco-insta svg{width:14px;height:14px;vertical-align:-2px;margin-right:6px}
.eco-insta{border-top:1px solid var(--rule);padding-top:14px}
.eco article{grid-template-rows:auto auto 1fr auto auto}

/* v46: Work text inset 16px, hero readability, single hero button */
.case > span.meta,.case > h3,.case > p{padding-left:16px;padding-right:16px}
.case h3::after{left:16px}
.work{padding-left:16px}
.hero .shade,.slide-hero .shade{background:linear-gradient(90deg,rgba(20,18,16,.92) 0%,rgba(20,18,16,.78) 45%,rgba(20,18,16,.45) 100%),linear-gradient(0deg,rgba(20,18,16,.8),transparent 50%)}
.hero .lede,.slide-hero .lede{color:var(--night-ink)}
.hero .eyebrow,.slide-hero .eyebrow{color:#E8C88A}
.hero h1 em,.slide-hero h1 em{color:#C4A46A}
.hero h1,.hero .lede,.hero .eyebrow,.slide-hero h1,.slide-hero .lede,.slide-hero .eyebrow{text-shadow:0 2px 14px rgba(0,0,0,.65),0 1px 3px rgba(0,0,0,.8)}
@media (max-width:700px){.hero .shade,.slide-hero .shade{background:linear-gradient(0deg,rgba(20,18,16,.94) 0%,rgba(20,18,16,.75) 100%)}}

/* v48 footer Instagram icon */
.foot-insta svg,.foot-phone svg,.foot-mail svg,.foot-fb svg{width:14px;height:14px;vertical-align:-2px;margin-right:6px}

/* v51: ecosystem brand logos, logo replaces the text name in the same row */
.eco-logo{height:110px;display:flex;align-items:center;justify-content:center;padding:14px;background:#fff;border:1px solid var(--rule)}
.eco-logo img{max-width:100%;max-height:82px;width:auto;height:auto;object-fit:contain}

/* v53: ecosystem extra social links, 6 grid rows for Advaitaa third link */
.eco article{grid-template-rows:auto auto 1fr auto auto auto}
.eco-insta svg,.eco-social svg{width:14px;height:14px;vertical-align:-2px;margin-right:6px}

/* v54: ecosystem website links, divider moves to website link where it is first */
.eco-web{margin-top:auto;border-top:1px solid var(--rule);padding-top:14px}
.eco-insta svg,.eco-social svg,.eco-web svg{width:14px;height:14px;vertical-align:-2px;margin-right:6px}

/* v55: footer office addresses */
.foot-addr{margin:0 0 12px;color:var(--night-soft);line-height:1.5;font-style:normal}
.foot-addr:last-child{margin-bottom:0}
.foot-addr strong{display:block;color:var(--night-ink);font-weight:500;letter-spacing:.04em;margin-bottom:4px}

/* v57: Concept 3 Four Pillars, live ecosystem section */
.pillar-roof{text-align:center;font-family:var(--display);font-size:clamp(28px,3vw,40px);padding:16px;border-top:3px solid var(--gold);border-bottom:1px solid var(--rule);margin-bottom:24px}
.pillar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pillar{background:#fff;border:1px solid var(--rule);border-top:4px solid var(--gold);padding:24px;display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s}
.pillar:hover{transform:translateY(-6px);box-shadow:0 14px 28px rgba(0,0,0,.12)}
.pillar-logo{height:110px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.pillar-logo img{max-width:100%;max-height:100px;width:auto;height:auto;object-fit:contain}
.pillar-role{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-ink);display:block;margin-bottom:10px}
.pillar p{color:var(--ink-soft)}
.pillar-links{margin-top:auto;padding-top:14px;border-top:1px solid var(--rule);display:grid;gap:10px}
.pillar-link{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink);text-decoration:none}
.pillar-link svg{width:14px;height:14px;vertical-align:-2px;margin-right:6px}
@media (max-width:820px){.pillar-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pillar-grid{grid-template-columns:1fr}}

/* v58: roof text removed, thin gold line only */
.pillar-roof-line{height:3px;background:var(--gold);margin-bottom:24px}

.house-intro{color:var(--night-soft);margin-top:32px}
.house-list .house-name{color:var(--night-ink);font-size:19px}

.choices span{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.choices span svg{width:24px;height:24px;color:var(--gold);flex:none}
.choices input:checked+span svg{color:var(--night-ink)}

.choices{grid-auto-rows:1fr}
.choices label{height:100%}
.choices span{height:100%;box-sizing:border-box}

/* Step 2 creative, matched to website field style: underline fields, gold accents, Bodoni/Jost only */
.custom-dd{position:relative}
.dd-btn{width:100%;text-align:left;font:400 17px var(--body);color:var(--night-ink);background:transparent;border:0;border-bottom:1px solid color-mix(in srgb,var(--night-ink) 30%,transparent);padding:10px 0;cursor:pointer}
.dd-btn:focus{outline:none;border-bottom-color:var(--gold)}
.dd-btn:after{content:"▾";float:right;color:var(--gold)}
.dd-list{list-style:none;margin:0;padding:8px 0;background:var(--night-2);border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);position:absolute;left:0;right:0;z-index:5}
.dd-list li{padding:12px 14px;color:var(--night-ink);cursor:pointer;border-bottom:1px solid color-mix(in srgb,var(--night-ink) 12%,transparent)}
.dd-list li:last-child{border-bottom:0}
.dd-list li:hover{background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--gold)}
.dd-list li.is-selected{background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--gold)}
.cal-selected{font-family:var(--display);font-size:19px;line-height:1.4;color:var(--night-ink);margin:10px 0 14px}
.calendar{background:var(--night-2);border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);padding:14px}
.cal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.cal-head span{font-family:var(--display);font-size:19px;color:var(--night-ink)}
.cal-head button{background:transparent;border:1px solid var(--gold);color:var(--gold);width:32px;height:32px;cursor:pointer;font-size:18px}
.cal-head button:disabled{opacity:.3;cursor:default}
.cal-week,.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}
.cal-week span{color:var(--gold);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase}
.cal-day{background:transparent;border:1px solid transparent;color:var(--night-ink);padding:8px 0;cursor:pointer;font:400 14px var(--body)}
.cal-day:hover{border-color:var(--gold)}
.cal-day.is-today{border-color:var(--gold)}
.cal-day.is-selected{background:var(--gold);color:var(--night);font-weight:500}
.cal-day.is-disabled{color:var(--night-soft);opacity:.4;cursor:default}
.cal-day.is-disabled:hover{border-color:transparent}

/* v69: Step 4 design match, calendar as dropdown */
.field textarea{resize:none}
.field input::placeholder,.field textarea::placeholder{color:var(--night-soft);opacity:1}
.calendar{margin-top:8px}

@media (max-width:560px){
  .custom-dd{position:static}
  .dd-list{position:static;margin-top:8px}
}

/* v71: fields stay top-aligned, so a tall calendar does not push the City button down */
.row2{align-items:start}
.field{align-content:start}

.foot-grid a{margin-bottom:4px}
.foot-grid div a:last-child{margin-bottom:0}

/* v75: compressed, unified footer */
footer .wrap{padding-block:32px 20px;gap:20px}
.foot-logo{width:min(120px,45vw)}
.foot-top{gap:20px 40px}
.sigline{font-size:clamp(20px,2.5vw,28px);max-width:36ch;text-align:right;margin-left:auto}
.foot-grid h4{margin-bottom:8px}
.foot-grid a{margin-bottom:8px}
.foot-grid div a:last-child{margin-bottom:0}
.foot-addr{margin-bottom:12px;line-height:1.5}
.legal{padding-top:16px}
@media (max-width:760px){.sigline{text-align:left;margin-left:0}}

/* v75 fix: creative-footer sigline needs higher specificity to match main build */
.creative-footer .sigline{font-size:clamp(20px,2.5vw,28px);max-width:36ch}

/* v76: section compression, synced with entire website */
.band{padding-block:clamp(36px,6vw,56px)}
.head{margin-bottom:24px}
.stats .wrap{padding-block:24px}
.tile{padding:24px}
.t1,.t2{min-height:400px}
.t3,.t4{min-height:320px}
.work{padding-bottom:14px}
.pillar{padding:20px}
.pillar-logo{height:96px}
.pillar-logo img{max-height:92px}
.pillar-links{padding-top:12px;gap:8px}
.founder blockquote::before{margin-bottom:24px}
.marks{margin-top:48px;padding-top:20px}
.lead-grid{gap:12px}
.lead-grid figure{gap:10px}
form.steps{padding:clamp(20px,3vw,36px)}
fieldset{gap:18px}
.nav-steps{margin-top:24px}
@media (max-width:820px){.t1,.t2,.t3,.t4{min-height:320px}}
@media (max-width:700px){.stats .wrap{gap:20px}.stat{padding-bottom:16px}}

/* v76 fix: founder marks were already 36/16 in preview, keep tighter, not 48/20 */
.marks{margin-top:28px;padding-top:16px}

/* v77: slideshow fix - pan/zoom only on the active slide, so it restarts every slide, not once at load */
.slide-item img{animation:none}
.slide-item.is-active img{animation:slidePanZoom 5s ease-out both}

/* v78: tiles are not links, text must read over busy photos */
.tile{cursor:default}
.tile::before{background:linear-gradient(180deg,transparent 8%,rgba(20,18,16,.55) 40%,rgba(20,18,16,.92))}
.tile .eyebrow{color:#E8C88A}
.tile h3,.tile p,.tile .eyebrow{text-shadow:0 2px 12px rgba(0,0,0,.7),0 1px 3px rgba(0,0,0,.8)}
.tile:hover{transform:none;box-shadow:none}
.tile:hover .ph{transform:none}

/* v79: Pillars tile images animate, synced with Work/Founder/Leadership - image zooms, title turns gold, card stays flat (not a link) */
.tile:hover .ph{transform:scale(1.05)}
.tile h3{transition:color .35s}
.tile:hover h3{color:var(--gold)}

/* v80: founder image in a clipped frame, like Work figures and Leadership frames */
.founder-frame{overflow:hidden}
.founder-frame img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:60% 30%}
.founder:hover img{transform:none}
.founder-frame:hover img{transform:scale(1.04)}
.founder:hover blockquote::before{width:56px}
.founder-copy:hover blockquote::before{width:84px}
.founder:hover .sig b{color:inherit}
.founder-copy:hover .sig b{color:var(--gold-ink)}

/* v86 preview only: IP slideshow, synced with hero slideshow, no controls, no dots, no counter */
.ip-show{position:relative;background:var(--night)}
.ip-show-stage{position:relative;overflow:hidden;height:520px}
.ip-slide-item{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;display:flex;align-items:center;justify-content:center;padding:32px;pointer-events:none}
.ip-slide-item.is-active{opacity:1;pointer-events:auto;z-index:1}
.ip-krishna{background:var(--night);color:var(--night-ink)}
.ip-rainaa{background:var(--paper);color:var(--ink)}
.ip-slide-content{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;max-width:720px}
.ip-slide-content .eyebrow{color:var(--gold)}
.ip-rainaa .ip-slide-content .eyebrow{color:var(--gold-ink)}
.ip-slide-content img{max-width:100%;max-height:130px;width:auto;height:auto;object-fit:contain}
.ip-slide-content .ip-role{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.ip-rainaa .ip-slide-content .ip-role{color:var(--gold-ink)}
.ip-links{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:center}
.ip-link{font-size:12px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--gold)}
.ip-rainaa .ip-link{color:var(--gold-ink)}
.ip-link svg{width:14px;height:14px;vertical-align:-2px;margin-right:6px}
.ip-slide-content .ip-links a{color:var(--gold)}
.ip-rainaa .ip-slide-content .ip-links a{color:var(--gold-ink)}
.ip-sweep{position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(105deg,transparent,rgba(232,200,122,.18),transparent);transform:translateX(-160%) skewX(-20deg);pointer-events:none;z-index:2}
.ip-sweep.is-sweep{animation:slideSweep 1.2s ease-out forwards}
.ip-line{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(196,164,106,.25);z-index:3;overflow:hidden;pointer-events:none}
.ip-line i{display:block;height:100%;width:0%;background:var(--gold)}
.ip-line.is-playing i{animation:slideLine 5s linear forwards}
.ip-show-note{background:var(--paper);padding:16px 24px;text-align:center;font-size:14px;color:var(--ink-soft);border-top:1px solid var(--rule)}
@media (max-width:820px){.ip-show-stage{height:440px}}
@media (prefers-reduced-motion:reduce){.ip-line.is-playing i,.ip-sweep.is-sweep{animation:none}}

/* What we celebrate + How it works */
.celebrate-list{border-top:1px solid var(--rule)}
.celebrate-row{display:grid;grid-template-columns:48px 1fr;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--rule)}
.celebrate-icon{display:block;width:28px;height:28px;color:var(--gold)}
.celebrate-icon svg{width:28px;height:28px}
.celebrate-row h3{font-size:22px;margin-bottom:4px}
.celebrate-row p{color:var(--ink-soft);margin:0}
@media (max-width:820px){.celebrate-row{grid-template-columns:48px 1fr}}
@media (max-width:560px){.celebrate-row{grid-template-columns:1fr}.celebrate-icon{display:none}}

/* Animation fixes, site language only: reveal + hover colour / lift / scale, no new effects */
.celebrate-row h3{transition:color .35s}
.celebrate-row:hover h3{color:var(--gold)}
.celebrate-icon{transition:transform .35s}
.celebrate-row:hover .celebrate-icon{transform:scale(1.15)}
.pillar-link{transition:color .35s}
.pillar-link:hover{color:var(--ink)}
.ip-link{transition:color .35s}
.ip-krishna .ip-link:hover{color:var(--night-ink)}
.ip-rainaa .ip-link:hover{color:var(--ink)}
.case h3{transition:color .35s}
.case:hover h3{color:var(--gold)}
.stat{transition:transform .35s}
.stat:hover{transform:translateY(-4px)}

/* Rainaa link hover fix: higher specificity beats the older preview link colour rule, and lighter gold so the change is visible on paper, like Krishna lightening to ivory on night */
.ip-rainaa .ip-slide-content .ip-links a.ip-link:hover{color:var(--gold)}


.celebrate-row,.pillar{scroll-margin-top:96px}

/* v105: compact footer, less space entire section */
footer .wrap{padding-block:24px 16px;gap:16px}
.foot-grid{gap:20px}
.foot-grid h4{margin-bottom:8px}
.foot-grid a{margin-bottom:4px}
.foot-addr{margin-bottom:8px;line-height:1.5}
.legal{padding-top:16px}

/* v106: Explore divided in two, to fix its height */
.explore-2col{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}
.explore-2col a{display:table}

@media (max-width:760px){.explore-2col{grid-template-columns:1fr}}

/* v111 layered flame animation plus hover, CSS only */
.flame{background:var(--night);color:var(--night-ink);scroll-margin-top:96px;padding-block:clamp(28px,4vw,44px)}
.flame-grid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:center}
.diya-check{position:absolute;opacity:0;width:1px;height:1px}
.flame-lamp{position:relative;display:grid;place-items:center;min-height:210px;cursor:pointer;transition:transform .35s}
.flame-lamp:hover{transform:translateY(-3px) scale(1.02)}
.flame-ring{position:absolute;width:210px;height:210px;border:1px dashed rgba(200,169,106,.35);border-radius:50%;animation:ringPulse 4s ease-in-out infinite}
.flame-lamp:hover .flame-ring{border-color:rgba(200,169,106,.7)}
.flame-glow{position:absolute;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(232,164,32,.45),transparent 70%);opacity:0;transition:opacity 1s}
.flame-lamp:hover .flame-glow{opacity:.25}
.flame-lamp svg{width:180px;height:auto;position:relative;z-index:1}
.flame-outer,.flame-mid,.flame-inner{opacity:0;transform:scale(.4);transform-origin:30px 70px;transition:opacity .8s}
.diya-check:checked + .flame-lamp .flame-glow{opacity:1;animation:glowBreathe 3.5s ease-in-out infinite}
.diya-check:checked + .flame-lamp .flame-outer{opacity:1;animation:flameFlicker 2.4s ease-in-out infinite}
.diya-check:checked + .flame-lamp .flame-mid{opacity:1;animation:flameFlickerMid 1.7s ease-in-out infinite;animation-delay:.3s}
.diya-check:checked + .flame-lamp .flame-inner{opacity:1;animation:flamePulse 1.2s ease-in-out infinite}
.diya-check:checked + .flame-lamp .bowl-shine{animation:shinePulse 5s ease-in-out infinite}
@keyframes flameFlicker{0%,100%{transform:scale(1) rotate(-1.5deg)}50%{transform:scale(1.05,1.12) rotate(1.5deg)}}
@keyframes flameFlickerMid{0%,100%{transform:scale(1) rotate(1.5deg)}50%{transform:scale(1.08,1.05) rotate(-1.5deg)}}
@keyframes flamePulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.85}}
@keyframes glowBreathe{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:.65;transform:scale(1.07)}}
@keyframes ringPulse{0%,100%{border-color:rgba(200,169,106,.35)}50%{border-color:rgba(200,169,106,.6)}}
@keyframes shinePulse{0%,100%{opacity:.45}50%{opacity:.75}}
@media (prefers-reduced-motion:reduce){.diya-check:checked + .flame-lamp .flame-outer,.diya-check:checked + .flame-lamp .flame-mid,.diya-check:checked + .flame-lamp .flame-inner,.diya-check:checked + .flame-lamp .flame-glow,.flame-ring,.diya-check:checked + .flame-lamp .bowl-shine{animation:none}.flame-lamp:hover{transform:none}.flame-lights li:hover{transform:none}}
.flame h2{position:relative;padding-bottom:12px;color:var(--night-ink)}
.flame h2::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--gold);transition:width .8s}
.flame-copy h2:hover::after{width:64px}
.diya-check:checked ~ .flame-copy h2::after{width:64px}
.flame .lede{color:var(--night-soft)}
.flame-lights{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 16px}
.flame-lights li{font-size:15px;color:var(--night-soft);transition:color .3s,transform .3s}
.flame-lights li:hover{color:#E8C88A;transform:translateX(3px)}
.diya-check:checked ~ .flame-copy .flame-lights li{color:var(--night-ink)}
.diya-check:checked ~ .flame-copy .flame-lights li:hover{color:#E8C88A}
.flame-lights li::before{content:"\2022";color:var(--gold);margin-right:8px}
.flame-btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:16px}
.flame-btn{cursor:pointer}
.flame-btn .lit-text{display:none}
.diya-check:checked ~ .flame-copy .flame-btn .light-text{display:none}
.diya-check:checked ~ .flame-copy .flame-btn .lit-text{display:inline}
.flame-hint{margin-top:10px;font-size:13px;color:var(--night-soft)}
.diya-check:checked ~ .flame-copy .flame-hint{display:none}
.flame-after{display:none;margin-top:10px;font-size:15px;color:var(--gold)}
.diya-check:checked ~ .flame-copy .flame-after{display:block}
@media (max-width:820px){.flame-grid{grid-template-columns:170px minmax(0,1fr);gap:20px}.flame-lamp{min-height:180px}.flame-ring,.flame-glow{width:180px;height:180px}.flame-lamp svg{width:150px}}
@media (max-width:560px){.flame-grid{grid-template-columns:130px minmax(0,1fr);gap:16px}.flame-lamp{min-height:160px}.flame-ring,.flame-glow{width:150px;height:150px}.flame-lamp svg{width:130px}}

/* v113 mobile menu fix: ENQUIRE is a centred full width button with a gold border on all four sides, and the floating dock hides while the menu is open so it never covers ENQUIRE */
@media (max-width:960px){
  nav.main .btn{width:100%;justify-content:center;text-align:center;padding:14px 0;border:1px solid var(--gold);border-bottom:1px solid var(--gold);margin-top:16px}
  nav.main .btn:hover{border-color:var(--gold)}
  body.menu-open .dock{display:none}
}

/* v114 mobile fixes, preview only */
@media (max-width:560px){
  /* Celebrations icons back on phones, smaller */
  .celebrate-row{grid-template-columns:36px 1fr}
  .celebrate-icon{display:block;width:24px;height:24px}
  .celebrate-icon svg{width:24px;height:24px}
  /* Work cards full width on phones, no narrow peek, swipe and snap unchanged */
  .work{grid-auto-columns:100%}
}

/* v115 stats creativity: gold fill line under the numbers, number turns gold on hover */
.stats-line{height:2px;width:calc(100% - 40px);max-width:1200px;margin:0 auto;background:color-mix(in srgb,var(--gold) 22%,transparent);overflow:hidden}
.stats-line i{display:block;height:100%;width:0;background:var(--gold);transition:width 1.8s ease-out}
.stats.counted .stats-line i{width:100%}
.stat b{transition:color .35s}
.stat:hover b{color:var(--gold)}
.stat:hover{border-bottom-color:var(--gold)}

/* v116 modern concepts: page scroll progress, and active header link in the site gold language */
.page-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:60;pointer-events:none}
.page-progress i{display:block;height:100%;width:0;background:var(--gold)}
nav.main a.is-active{color:var(--night-ink)}
nav.main a.is-active:not(.btn)::after{transform:scaleX(1)}

/* v117 quick check question, on the night enquiry background */
.captcha-q{margin:6px 0 0;color:var(--night-ink);font-size:17px}
/* v117 gold underline sweep for pillar and IP text links, matching header, footer, legal and contact links */
.pillar-link,.ip-link{position:relative}
.pillar-link::after,.ip-link::after{content:"";position:absolute;left:0;bottom:-3px;height:1px;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.pillar-link:hover::after,.ip-link:hover::after{transform:scaleX(1)}

/* v118 hero button: decorative layers never intercept clicks, hero content stays on top */
.hero .wrap{z-index:2}
.hero .shade,.slide-stage,.slide-line{pointer-events:none}
/* v118 visible Enquire landing glow, used by hero and flame enquiry buttons */
#enq.enquire-highlight{outline:2px solid var(--gold);outline-offset:6px;box-shadow:0 0 0 6px rgba(168,135,79,.25),0 0 32px rgba(168,135,79,.35)}
/* v121 Procreate logo loader */
#loader{position:fixed;inset:0;z-index:200;background:var(--night);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transition:opacity .6s ease,visibility .6s}
body.loader-done #loader{opacity:0;visibility:hidden;pointer-events:none}
.loader-mark{width:84px;height:auto}
.loader-word{color:var(--night-ink);letter-spacing:.35em;font-size:18px;margin:0}
.loader-tag{color:var(--night-soft);letter-spacing:.25em;font-size:11px;margin:0}
.loader-bar{width:120px;height:2px;background:rgba(255,255,255,.15);overflow:hidden}
.loader-bar i{display:block;height:100%;width:40%;background:var(--gold);animation:loaderSlide 1s ease-in-out infinite}
@keyframes loaderSlide{0%{transform:translateX(-100%)}100%{transform:translateX(300%)}}
@media (prefers-reduced-motion: reduce){#loader{display:none}}

.ip-show.ip-stories-sec{background:var(--bone)}
.ip-stories-sec .head{margin-bottom:20px}
.ip-stories-sec .head h2{color:var(--ink)}
.ip-stories-sec .head .lede{color:var(--ink-soft)}
.ip-story-circles{display:flex;gap:16px;margin-bottom:16px}
.ip-circle{background:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--ink-soft)}
.ip-circle img{width:56px;height:56px;border-radius:50%;object-fit:contain;padding:6px;box-sizing:border-box;border:2px solid var(--rule);background:#fff}
.ip-krishna-circle img{background:#1C1A18}
.ip-rainaa-circle img{background:#fff}
.ip-circle.on img{border:3px solid var(--gold);box-shadow:0 0 12px rgba(200,169,106,.6)}
.ip-circle.viewed img{border-color:#A79E90}
.ip-story-h{position:relative;width:100%;height:280px;overflow:hidden;border-radius:12px;background:#1C1A18;color:#EEE7DB;border:1px solid var(--rule);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.ip-story-progress{position:absolute;top:12px;left:14px;right:14px;display:flex;gap:6px;z-index:5;pointer-events:none}
.ip-seg{flex:1;height:3px;background:rgba(255,255,255,.35);border-radius:2px;overflow:hidden}
.ip-seg i{display:block;height:100%;width:0;background:#fff}
.ip-seg.done i{width:100%}
.ip-seg.now i{animation:segFill 5s linear forwards}
@keyframes segFill{from{width:0}to{width:100%}}
.ip-story-head{position:absolute;top:28px;left:14px;z-index:4}
.ip-story-head a{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
#ipStoryAvatar{width:38px;height:38px;border-radius:50%;object-fit:contain;padding:3px;box-sizing:border-box;border:2px solid var(--gold);background:#1C1A18;flex-shrink:0}
#ipStoryAvatar.rainaa{background:#fff}
.ip-handle-text{display:flex;flex-direction:column;line-height:1.2}
.ip-handle-text b{font-size:15px;font-weight:700;color:#EEE7DB}
.ip-handle-text small{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#E8C88A;margin-top:2px}
.ip-story-head a:hover .ip-handle-text b{color:var(--gold)}
.ip-story-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 16px 16px;z-index:3;pointer-events:none}
.ip-story-center img{max-width:60%;max-height:110px;object-fit:contain}
.ip-story-center p{margin:12px 0 0;color:inherit;opacity:.85}
.ip-story-links{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:10px}
.ip-story-links a{color:inherit;text-decoration:underline;text-underline-offset:3px;pointer-events:auto}
.ip-story-actions{position:absolute;right:84px;bottom:14px;display:flex;gap:14px;z-index:4;text-align:center}
.ip-story-actions button{width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;border:1px solid rgba(255,255,255,.5);font-size:18px;cursor:pointer}
.ip-story-actions button.loved{background:#E1306C;border-color:#E1306C;color:#fff}
.ip-story-actions span{display:block;font-size:12px;margin-top:2px}
.ip-views .ip-view-eye{display:flex;align-items:center;justify-content:center;gap:4px;height:44px;font-size:16px;color:#fff}
.ip-story-burst{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.5);font-size:72px;color:#E1306C;opacity:0;pointer-events:none;z-index:6}
.ip-story-burst.go{animation:burstGo .7s ease}
@keyframes burstGo{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}
.ip-story-toast{position:absolute;top:60px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;padding:10px 14px;border-radius:999px;font-size:13px;z-index:7;opacity:0;transition:opacity .3s;white-space:nowrap;pointer-events:none}
.ip-story-toast.show{opacity:1}
.ip-tap{position:absolute;top:0;bottom:0;border:0;background:transparent;cursor:pointer;z-index:2}
.ip-tap-prev{left:0;width:33%}
.ip-tap-next{right:0;width:67%}
.ip-comment-sheet{background:var(--paper);border:1px solid var(--rule);border-radius:12px;padding:16px;margin-top:12px;color:var(--ink);scroll-margin-top:96px}
.ip-comment-title{font-weight:600;margin:0 0 8px}
.ip-comment-empty{color:var(--ink-soft);font-size:14px;margin:0 0 8px}
.ip-comment-list{list-style:none;padding:0;margin:0 0 12px}
.ip-comment-list li{padding:8px 0;border-top:1px solid var(--rule);font-size:14px}
#ipCommentForm{display:flex;gap:8px;flex-wrap:wrap}
#ipCommentInput{flex:1;min-width:200px;padding:10px 12px;border:1px solid var(--rule);border-radius:8px;background:#fff;color:var(--ink);font-size:16px}
#ipCommentForm button{padding:10px 16px;border-radius:999px;border:1px solid var(--gold);background:var(--gold);color:#fff;cursor:pointer;font-size:16px}
#ipCommentForm button[type="button"]{background:transparent;color:var(--ink)}
#ipCommentSend{font-weight:600}
@media(max-width:700px){
.ip-story-h{height:240px}
.ip-story-center{padding-bottom:64px}
.ip-story-center img{max-height:55px}
.ip-story-links a{font-size:13px}
.ip-story-actions button{width:36px;height:36px;font-size:15px}
.ip-story-actions{right:84px}
#ipStoryAvatar{width:34px;height:34px}
.ip-handle-text b{font-size:14px}
.ip-views .ip-view-eye{height:36px}
#ipCommentForm{flex-direction:column}
#ipCommentInput{width:100%;min-width:0}
#ipCommentSend{width:100%}
#ipCommentClose{width:100%}
}
@media(prefers-reduced-motion:reduce){.ip-seg.now i{animation:none;width:100%}.ip-story-burst.go{animation:none}}

.legal{position:relative}
.legal .foot-credit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--night-soft)}
.legal .foot-credit img{width:28px;height:28px;border-radius:50%;box-shadow:0 0 10px rgba(232,184,75,.5);transition:box-shadow .3s}
.legal .foot-credit:hover img{box-shadow:0 0 18px rgba(232,184,75,.9)}
.legal .foot-credit.lit img{animation:lampGlow 1.6s ease 1}
@keyframes lampGlow{0%{box-shadow:0 0 0 rgba(232,184,75,0)}50%{box-shadow:0 0 22px rgba(232,184,75,.95)}100%{box-shadow:0 0 10px rgba(232,184,75,.5)}}
.legal .foot-credit .lamp-mark{background:transparent;border:0;padding:0;cursor:pointer;line-height:0}
.legal .foot-credit .lamp-mark img{width:28px;height:28px;border-radius:50%;box-shadow:0 0 6px rgba(232,184,75,.35);filter:saturate(.7) brightness(.85);transition:transform 1s,box-shadow .6s,filter .6s}
.legal .foot-credit.lit .lamp-mark img{transform:rotate(360deg);box-shadow:0 0 18px rgba(232,184,75,.95);filter:none;animation:none}
.legal .foot-credit.lit a{color:#E8C88A}
.legal .foot-credit.hint .lamp-mark img{animation:hintPulse 1.6s ease 2}
@keyframes hintPulse{0%,100%{box-shadow:0 0 6px rgba(232,184,75,.35)}50%{box-shadow:0 0 16px rgba(232,184,75,.8)}}
@media(max-width:760px){.legal .foot-credit{position:static;transform:none;align-self:center;margin-top:4px}}
@media(prefers-reduced-motion:reduce){.legal .foot-credit.lit img{animation:none}.legal .foot-credit .lamp-mark img{transition:none}.legal .foot-credit.hint .lamp-mark img{animation:none}}

/* Hero v151 + counter v157 merged from preview v157, 2026-10-26. No important-flag overrides, specificity wins by order. Lamp, Originals, footer untouched. */

.cam-hero .wrap{padding-block:48px 36px}

.cam-pro{margin-top:8px;background:#111;border-radius:24px;padding:14px;color:#fff}

.cam-view{position:relative;height:480px;overflow:hidden;border-radius:16px;background:#000}

.cam-view img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.cam-info{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:12px 14px;font-family:Arial,sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 6px rgba(0,0,0,.8);z-index:3;color:#fff}

.blackout{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;z-index:4}

.blackout.go{opacity:1;transition:opacity .05s}

.aperture{position:absolute;left:50%;top:50%;width:180px;height:180px;margin:-90px 0 0 -90px;border:6px solid rgba(255,255,255,.9);border-radius:50%;opacity:0;pointer-events:none;z-index:4}

.aperture.go{animation:aperture .45s ease}

@keyframes aperture{0%{transform:scale(1);opacity:0}20%{transform:scale(.25);opacity:.9}60%{transform:scale(1);opacity:0}100%{opacity:0}}

.cam-caption{position:absolute;left:20px;bottom:20px;text-shadow:0 2px 12px rgba(0,0,0,.8);z-index:3;pointer-events:none}

.cam-caption h3{font-size:30px;margin:0;color:#fff}

.cam-bar{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:12px}

.cam-last{width:58px;height:58px;border-radius:10px;overflow:hidden;background:#333;display:flex;align-items:center;justify-content:center;font-size:12px;color:#ccc}

.cam-last img{width:100%;height:100%;object-fit:cover}

.shutter-pro{width:78px;height:78px;border-radius:50%;background:#fff;border:5px solid #000;box-shadow:0 0 0 3px #fff;cursor:pointer}

.shutter-pro:active{transform:scale(.92)}

.cam-mode-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}

.film{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}

.film-slot{width:104px;height:70px;background:#E8E0D2;border:1px solid #D9D1C4;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#7E6436;font-size:14px;cursor:pointer}

.film-slot img{width:100%;height:100%;object-fit:cover}

.cam-note{color:#CFC5B4;font-size:14px}
.phone-status{position:absolute;top:0;left:0;right:0;height:36px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;color:#fff;font-family:Arial,sans-serif;font-size:13px;font-weight:600;z-index:5;text-shadow:0 1px 4px rgba(0,0,0,.8)}
.phone-side{position:absolute;background:#555;border-radius:2px}
.phone-side.left{left:-13px;top:140px;width:4px;height:60px}
.phone-side.right{right:-13px;top:160px;width:4px;height:80px}

.cam-hero .wrap{padding-block:24px 24px}
.foldable-frame{position:relative;background:#0a0a0a;border:8px solid #2a2a2e;border-radius:24px;padding:8px;box-shadow:0 24px 60px rgba(0,0,0,.45),inset 0 0 0 1px #c9a96a;max-width:1080px;width:100%;margin:16px auto 0}
.foldable-frame .cam-pro{display:grid;grid-template-columns:1fr 8px 1fr;gap:0;border-radius:16px;padding:0;overflow:hidden;background:#111}
.foldable-hinge{width:8px;background:linear-gradient(to right,#000,#555,#000)}
.foldable-frame .cam-view{height:380px;border-radius:0}
.foldable-frame .cam-info{top:36px}
.fold-dot{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:12px;height:12px;background:#000;border-radius:50%;z-index:6;box-shadow:0 0 0 2px #222}
.foldable-frame .cam-panel{padding:20px;background:#111;color:#fff;display:flex;flex-direction:column;gap:12px;justify-content:center}
.foldable-frame .cam-panel h1{font-size:clamp(28px,3vw,38px);max-width:none;margin:0;color:#fff}
.cam-panel .lede{font-size:15px;line-height:1.5;color:#CFC5B4;margin:0}
.cam-panel .cam-mode-row{display:flex;gap:8px;flex-wrap:wrap}
.cam-panel .film{margin-top:0}
.cam-panel .film-slot{width:52px;height:36px;font-size:12px}
.cam-panel .shutter-pro{width:64px;height:64px}
.cam-panel .cta{margin-top:2px}

.film-complete{background:rgba(232,184,75,.12);border:1px solid #C9A96A;border-radius:8px;padding:12px;color:#EEE7DB}
.film-complete p{margin:0 0 10px;color:#EEE7DB;font-size:14px;line-height:1.5}
.film-complete button{cursor:pointer;border:1px solid var(--gold);background:#fff;color:var(--ink);padding:9px 15px;border-radius:999px}
.cam-panel .cta.glow a{box-shadow:0 0 0 3px #E8C88A,0 0 24px rgba(232,184,75,.6)}

.phone-net{display:inline-flex;align-items:center;gap:6px}
.phone-sig{display:inline-flex;align-items:flex-end;gap:2px}
.phone-sig i{display:block;width:3px;background:#fff;border-radius:1px}
.phone-sig i:nth-child(1){height:5px}
.phone-sig i:nth-child(2){height:7px}
.phone-sig i:nth-child(3){height:9px}
.phone-sig i:nth-child(4){height:11px}
.phone-batt{display:inline-block;width:24px;height:12px;border:1.5px solid #fff;border-radius:4px;position:relative;vertical-align:middle}
.phone-batt:after{content:"";position:absolute;right:-4px;top:3px;width:2px;height:6px;background:#fff;border-radius:1px}
.phone-batt-fill{position:absolute;left:1px;top:1px;bottom:1px;width:87%;background:#fff;border-radius:2px}

.foldable-frame{background:#111;border:6px solid #3a3a3f;border-radius:36px;padding:10px;box-shadow:0 24px 60px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.08)}
.foldable-frame .cam-pro{grid-template-columns:1fr 3px 1fr;border-radius:28px}
.foldable-hinge{width:3px;background:linear-gradient(to right,#111,#444,#111)}
.cam-mode-row.sound-row{display:flex;align-items:center;gap:10px}
.sound-label{color:#fff;font-size:14px}
#soundToggle.ios-switch{width:51px;height:31px;padding:0;border:0;border-radius:999px;background:#767680;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}
#soundToggle.ios-switch.on{background:#C9A96A}
#soundToggle.ios-switch .ios-knob{position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.3);transition:transform .2s;display:block}
#soundToggle.ios-switch.on .ios-knob{transform:translateX(20px)}
.shutter-pro.pressed{transform:scale(.92)}
.cam-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:5}
.cam-flash.go{animation:flashGo .18s ease}
@media(max-width:700px){.foldable-frame .cam-pro{grid-template-columns:1fr}.foldable-hinge{display:none}.foldable-frame .cam-view{height:200px}.shutter-pro{flex-shrink:0}.cam-last{flex-shrink:0}}

.cam-panel .film-complete{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:4px;padding:14px 0 2px;background:transparent;border:0;border-top:1px solid rgba(201,169,106,.5);border-radius:0;color:#CFC5B4}
.cam-panel .film-complete[hidden]{display:none}
.cam-panel .film-complete p{margin:0;font-size:14px;line-height:1.5;color:#CFC5B4}
.cam-panel .film-complete p strong{font-family:"Bodoni Moda",Georgia,serif;font-size:20px;font-weight:500;color:#E8C88A}
.cam-panel .film-complete p span{color:#CFC5B4}
#newFilmBtn{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;font:500 12px/1 "Jost","Avenir Next","Segoe UI",system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;padding:12px 18px;background:#C9A96A;color:#1C1A18;border:1px solid #C9A96A;border-radius:0;cursor:pointer;transition:background .35s,color .35s,transform .35s}
#newFilmBtn:hover{background:transparent;color:#E8C88A;transform:translateY(-2px)}
#newFilmBtn:active{transform:scale(.97)}
#newFilmBtn svg{width:14px;height:14px;flex-shrink:0}
@media(max-width:700px){.cam-panel .film-complete{flex-direction:column;align-items:flex-start}#newFilmBtn{width:100%;justify-content:center}}
@media(min-width:701px){.foldable-frame .cam-view{height:auto;min-height:380px}}

.cam-mode-row.sound-row .sound-label{font-family:"Jost","Avenir Next","Segoe UI",system-ui,sans-serif;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#EEE7DB}

.foldable-frame{transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1)}
.foldable-frame .cam-view img{transition:transform .6s cubic-bezier(.22,1,.36,1)}
.foldable-frame .cam-caption h3{transition:color .3s}
.shutter-pro{transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1)}
#soundToggle.ios-switch{transition:background .2s,box-shadow .2s}
.film-slot{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s}
.cam-last{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}
@media (hover:hover){.foldable-frame:hover{transform:translateY(-4px);box-shadow:0 32px 80px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.12)}.foldable-frame:hover .cam-view img{transform:scale(1.03)}.foldable-frame:hover .cam-caption h3{color:#E8C88A}.shutter-pro:hover{transform:scale(1.06);box-shadow:0 0 0 3px #fff,0 0 0 6px rgba(201,169,106,.35)}.shutter-pro:active{transform:scale(.92)}#soundToggle.ios-switch:hover{box-shadow:0 0 0 3px rgba(201,169,106,.25)}#soundToggle.ios-switch.on:hover{background:#D8B878}#soundToggle.ios-switch:not(.on):hover{background:#8A8A92}.film-slot:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.4);border-color:#C9A96A}.cam-last:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.4)}}
@media (prefers-reduced-motion:reduce){.foldable-frame,.foldable-frame .cam-view img,.shutter-pro,.film-slot,.cam-last,#soundToggle.ios-switch{transition:none}}


/* Stats */
.stats{background:var(--night-2);color:var(--night-ink);border-top:1px solid color-mix(in srgb,var(--gold) 22%,transparent)}

.stats .wrap{display:grid;grid-template-columns:repeat(3,1fr);padding-block:48px}

.stat{padding:8px 28px;border-left:1px solid color-mix(in srgb,var(--gold) 30%,transparent);display:grid;gap:6px}

.stat:first-child{border-left:0;padding-left:0}

.stat b{font-family:var(--display);font-weight:400;font-size:clamp(44px,5.4vw,72px);line-height:1;font-variant-numeric:lining-nums}

.stat span{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}

@media (max-width:700px){.stats .wrap{grid-template-columns:1fr;gap:28px}.stat{border-left:0;padding:0 0 24px;border-bottom:1px solid color-mix(in srgb,var(--gold) 22%,transparent)}.stat:last-child{border-bottom:0;padding-bottom:0}}

.stats .wrap{padding-block:28px}

/* Section: stats lift on hover */
.stat{transition:transform .35s,border-color .35s}

.stat:hover{transform:translateY(-2px);border-left-color:var(--gold)}

.stats .wrap{padding-block:24px}

@media (max-width:700px){.stats .wrap{gap:20px}.stat{padding-bottom:16px}}

.stat{transition:transform .35s}

.stat:hover{transform:translateY(-4px)}


/* v115 stats creativity: gold fill line under the numbers, number turns gold on hover */
.stats-line{height:2px;width:calc(100% - 40px);max-width:1200px;margin:0 auto;background:color-mix(in srgb,var(--gold) 22%,transparent);overflow:hidden}

.stats-line i{display:block;height:100%;width:0;background:var(--gold);transition:width 1.8s ease-out}

.stats.counted .stats-line i{width:100%}

.stat b{transition:color .35s}

.stat:hover b{color:var(--gold)}

.stat:hover{border-bottom-color:var(--gold)}

.stats .wrap{padding-block:40px}
.stat{padding:8px 32px;border-left:1px solid rgba(201,169,106,.25);gap:8px;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .4s cubic-bezier(.22,1,.36,1)}
.stat b{font-size:clamp(48px,5.6vw,76px);line-height:.95;transition:color .35s cubic-bezier(.22,1,.36,1)}
.stat b .stat-plus{font-size:.45em;color:#C9A96A;vertical-align:.35em;margin-left:2px}
.stat span{font-size:13px;letter-spacing:.18em;color:#C9A96A}
.stat:hover{transform:translateY(-4px);border-left-color:#C9A96A}
.stat:hover b{color:#E8C88A}
.stats-line{height:1px;background:rgba(201,169,106,.22)}
.stats-line i{background:#C9A96A;transition:width 2s cubic-bezier(.22,1,.36,1)}
.stat.reveal{transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
.stat.reveal:nth-child(2){transition-delay:.1s}
.stat.reveal:nth-child(3){transition-delay:.2s}
.stat.reveal.in{transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .4s cubic-bezier(.22,1,.36,1)}
@media(max-width:700px){.stats .wrap{padding-block:32px;gap:24px}.stat{padding-bottom:20px;border-bottom:1px solid rgba(201,169,106,.22)}}
@media (prefers-reduced-motion:reduce){.stat.reveal{transition:none}}

.stats .wrap{max-width:1080px;background:#111;border:6px solid #3a3a3f;border-radius:36px;padding:40px 20px;box-shadow:0 24px 60px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.08);gap:20px;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1)}
.stats .stat{background:#262320;border:1px solid rgba(201,169,106,.15);border-radius:16px;padding:24px 20px}
.stats .stat:first-child{border-left:1px solid rgba(201,169,106,.15);padding-left:20px}
.stats-line{width:calc(100% - 40px);max-width:1080px}
@media (hover:hover){.stats .wrap:hover{transform:translateY(-4px);box-shadow:0 32px 80px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.12)}.stats .stat:hover{transform:translateY(-2px);border-color:#C9A96A}}
@media(max-width:700px){.stats .wrap{grid-template-columns:1fr;gap:16px;border-radius:28px;padding:24px 16px;margin-left:16px;margin-right:16px;width:auto}.stats .stat{padding:20px;border-bottom:1px solid rgba(201,169,106,.15)}}
@media (prefers-reduced-motion:reduce){.stats .wrap{transition:none}}

.stats .wrap{background:radial-gradient(600px 200px at 20% 0%, rgba(201,169,106,.12), transparent 60%),radial-gradient(600px 200px at 80% 0%, rgba(201,169,106,.08), transparent 60%),#111}
.stats .stat{display:flex;align-items:center;justify-content:space-between;gap:16px}
.stats .stat-text{display:grid;gap:8px;min-width:0}
.stat-eq{display:flex;align-items:flex-end;gap:3px;height:36px;flex-shrink:0}
.stat-eq i{display:block;width:4px;border-radius:2px;background:#C9A96A;opacity:.7;transform-origin:bottom;animation:eqBounce 1.2s cubic-bezier(.22,1,.36,1) infinite alternate}
.stat-eq i:nth-child(1){height:14px;animation-duration:1.1s;animation-delay:0s}
.stat-eq i:nth-child(2){height:24px;animation-duration:.9s;animation-delay:.15s}
.stat-eq i:nth-child(3){height:32px;animation-duration:1.3s;animation-delay:.3s}
.stat-eq i:nth-child(4){height:20px;animation-duration:1s;animation-delay:.1s}
.stat-eq i:nth-child(5){height:12px;animation-duration:1.2s;animation-delay:.25s}
.stats .stat:hover .stat-eq i{background:#E8C88A;opacity:1}
@media (prefers-reduced-motion:reduce){.stat-eq i{animation:none;transform:none}}

.stats .wrap{max-width:1240px;background:transparent;border:0;border-radius:0;padding:48px 20px;box-shadow:none;gap:32px}
.stats .wrap:hover{transform:none;box-shadow:none}
.stats .stat{position:relative;background:transparent;border:0;border-radius:0;padding:48px 20px 8px;display:grid;gap:8px;text-align:center;justify-items:center}
.stats .stat:first-child{border-left:0;padding-left:20px}
.stats .stat b,.stats .stat span{position:relative;z-index:1}
.stat-light{position:absolute;top:0;left:50%;transform:translateX(-50%);width:180px;height:120px;background:linear-gradient(to bottom, rgba(201,169,106,.28), rgba(201,169,106,0));clip-path:polygon(42% 0, 58% 0, 100% 100%, 0% 100%);opacity:0;transition:opacity 1.8s cubic-bezier(.22,1,.36,1);pointer-events:none}
.stat-light::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:10px;height:10px;background:#C9A96A;border-radius:50%;box-shadow:0 0 12px rgba(232,184,75,.9)}
.stat.reveal.in .stat-light{opacity:1}
.stat:nth-child(2) .stat-light{transition-delay:.1s}
.stat:nth-child(3) .stat-light{transition-delay:.2s}
.stats .stat:hover{transform:translateY(-4px)}
.stats .stat:hover .stat-light{opacity:1;background:linear-gradient(to bottom, rgba(201,169,106,.45), rgba(201,169,106,0))}
.stats-line{width:calc(100% - 40px);max-width:1200px}
@media(max-width:700px){.stats .wrap{grid-template-columns:1fr;gap:32px;padding-block:32px}.stats .stat{padding:40px 20px 8px;border-bottom:0}.stat-light{width:140px;height:90px}}
@media (prefers-reduced-motion:reduce){.stat-light{transition:none;opacity:1}}

.stats .stat{grid-template-columns:1fr;justify-content:center;justify-items:center}
.stats .stat b,.stats .stat span{justify-self:center}
.stat-light{width:280px;height:160px;background:linear-gradient(to bottom, rgba(201,169,106,.35), rgba(201,169,106,.12) 40%, rgba(201,169,106,0) 75%);clip-path:polygon(38% 0, 62% 0, 100% 100%, 0% 100%)}
.stat-light::before{width:14px;height:14px;box-shadow:0 0 18px rgba(232,184,75,.95)}
.stats .stat:hover .stat-light{background:linear-gradient(to bottom, rgba(201,169,106,.5), rgba(201,169,106,.18) 40%, rgba(201,169,106,0) 75%)}
@media(max-width:700px){.stat-light{width:220px;height:140px}}

.stat-wire{position:absolute;top:-48px;left:50%;transform:translateX(-50%);width:2px;height:48px;background:linear-gradient(to bottom, #C9A96A 0 4px, #6B6257 4px 100%);pointer-events:none;z-index:0}
.stat-wire::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:24px;height:4px;background:#1C1A18;border:1px solid #C9A96A;border-radius:2px}
.stat-light::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:40px;height:6px;background:#1C1A18;border:1px solid #C9A96A;border-radius:3px;z-index:2}
.stat-light::before{top:6px}
@media(max-width:700px){.stat-wire{top:-32px;height:32px}}
@media (prefers-reduced-motion:reduce){.stat-wire{transition:none}}

/* Foldable fix 2026-10-26, from full-device QA: at 768px the stat column is 221px wide but the beam was 280px, so the first and last beams extended 9px beyond the viewport. At 701px to 1000px the beam is 200px, which fits the column with margin, while the bulb (14px) and fixture (40px) still fit inside the beam top width. Desktop above 1000px keeps 280px, mobile below 700px keeps 220px in a stacked stat. */
@media(max-width:1000px) and (min-width:701px){.stat-light{width:200px}}

/* Phone carrier fix 2026-10-26, from full-device QA: on narrow photos the centre punch dot covered the G in 5G procreate. Full carrier stays on laptop and TV, where there is room. At 900px and below only 5G shows, like a real phone truncating a long carrier name, so the dot and carrier no longer overlap. */
@media(max-width:900px){.phone-carrier-name{display:none}}

.celebrate-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.celebrate-card{background:var(--paper);border-top:2px solid #C9A96A;padding:24px 20px;scroll-margin-top:96px;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1)}
.celebrate-card:hover{transform:translateY(-4px);box-shadow:0 24px 48px rgba(0,0,0,.12)}
.celebrate-card-icon{display:block;color:var(--gold-ink);margin-bottom:16px}
.celebrate-card-icon svg{width:32px;height:32px;transition:transform .35s, color .35s}
.celebrate-card:hover .celebrate-card-icon svg{transform:scale(1.15)}
.celebrate-card h3{font-family:var(--display);font-size:20px;line-height:1.3;margin:0 0 8px;transition:color .35s}
.celebrate-card:hover h3{color:var(--gold-ink)}
.celebrate-card p{color:var(--ink-soft);font-size:14px;line-height:1.6;margin:0}
.celebrate-card.reveal.in:hover{transform:translateY(-4px);box-shadow:0 24px 48px rgba(0,0,0,.12)}
@media(max-width:1000px){.celebrate-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.celebrate-cards{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.celebrate-card,.celebrate-card-icon svg,.celebrate-card h3{transition:none}}

/* Founder Option 2, marigold divider plus sig logo, applied 2026-10-26, no important flags */
.marigold-divider{display:flex;align-items:center;gap:12px;margin:20px 0 4px;line-height:0}
.marigold-divider .line{width:28px;height:1px;background:var(--gold)}
.marigold-divider svg{display:block}
.founder .sig-name{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.founder .sig-logo{display:flex;align-items:center;gap:8px;line-height:0}
.founder .sig-sep{width:1px;height:20px;background:var(--gold);opacity:.6;flex-shrink:0}
.founder .sig-mark{height:28px;width:auto;filter:brightness(0);aspect-ratio:auto;object-fit:contain;max-width:none;outline:none}
.founder .sig-word{height:13px;width:auto;filter:brightness(0);aspect-ratio:auto;object-fit:contain;max-width:none;outline:none}
.founder:hover .sig-logo img{outline:none}
@media(hover:hover){
.founder-copy:hover .sig-logo{transform:none}
}
@media(prefers-reduced-motion:reduce){
.founder .sig-logo{transition:none}
}
@media(max-width:560px){
.founder .sig-name{gap:8px}
.founder .sig-logo{gap:6px}
.founder .sig-sep{height:18px}
.founder .sig-mark{height:24px}
.founder .sig-word{height:11px}
}

/* Founder signature revised Option 3, applied 2026-10-26, no important flags */
.founder .sig-role{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.founder .sig-logo-role .sig-mark{height:18px}
.founder .sig-logo-role .sig-word{height:9px}
.founder .sig-role .sig-sep{height:18px}
@media(max-width:560px){
.founder .sig-logo-role .sig-mark{height:16px}
.founder .sig-logo-role .sig-word{height:8px}
.founder .sig-role .sig-sep{height:16px}
}

/* Originals hover, v178, applied 2026-10-26, website gold lift and glow, no important flags */
.ip-circle{transition:transform .35s cubic-bezier(.22,1,.36,1)}
.ip-circle img{transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s}
.ip-circle span{transition:color .35s}
.ip-story-actions button{transition:transform .35s cubic-bezier(.22,1,.36,1),background-color .35s,border-color .35s,color .35s,box-shadow .35s}
.ip-story-actions > div > span{transition:color .35s}
.ip-views .ip-view-eye{transition:color .35s}
.ip-story-actions button:active{transform:translateY(0) scale(.96)}
.ip-circle:active{transform:scale(.97)}
.ip-circle:focus-visible img,.ip-story-actions button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media (hover:hover){
.ip-circle:hover{transform:translateY(-3px)}
.ip-circle:hover img{transform:scale(1.05);border-color:var(--gold);box-shadow:0 0 12px rgba(200,169,106,.6)}
.ip-circle:hover span{color:var(--gold-ink)}
.ip-story-actions > div:hover button{transform:translateY(-2px) scale(1.06);background:rgba(201,169,106,.25);border-color:#C9A96A;color:#E8C88A;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.ip-story-actions > div:hover > span{color:#E8C88A}
.ip-story-actions button.loved:hover{background:#E1306C;border-color:#E1306C;color:#fff;box-shadow:0 8px 20px rgba(225,48,108,.35)}
.ip-views:hover .ip-view-eye{color:#E8C88A}
}
@media (prefers-reduced-motion:reduce){
.ip-circle,.ip-circle img,.ip-story-actions button{transition:none}
.ip-circle:hover,.ip-circle:hover img,.ip-story-actions > div:hover button{transform:none}
}

/* Rainaa actions fix, v179, applied 2026-10-26, no important flags */
.ip-seg.now i{animation:segFill 10s linear forwards}
.ip-story-actions{z-index:10;pointer-events:auto}
.ip-story-center img,.ip-story-center p{pointer-events:none}
.ip-story-center a{pointer-events:auto}

/* Krishnotsavam website link hover, v180, applied 2026-10-26, no important flags */
.ip-story-links a{transition:color .35s,text-decoration-color .35s}
.ip-story-links a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media (hover:hover){
.ip-story-links a:hover{color:#E8C88A;text-decoration-color:#E8C88A}
}
@media (prefers-reduced-motion:reduce){
.ip-story-links a{transition:none}
}

/* Comment Send and Close hover, v181, applied 2026-10-26, no important flags */
#ipCommentForm button{transition:background .35s,color .35s,transform .35s,box-shadow .35s}
#ipCommentForm button:active{transform:translateY(0) scale(.96)}
#ipCommentForm button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media (hover:hover){
#ipCommentForm #ipCommentSend:hover{background:transparent;color:var(--ink);transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.18)}
#ipCommentForm #ipCommentClose:hover{background:var(--gold);color:#1C1A18;transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.18)}
}
@media (prefers-reduced-motion:reduce){
#ipCommentForm button{transition:none}
#ipCommentForm #ipCommentSend:hover,#ipCommentForm #ipCommentClose:hover{transform:none}
}

/* Story icons overlap fix, v181, applied 2026-10-26, no important flags */
.ip-story-center{padding-bottom:96px}
@media (min-width:701px){
.ip-story-h{height:330px}
}

/* Comment box hover, v182, applied 2026-10-26, no important flags */
#ipCommentInput{transition:border-color .35s,box-shadow .35s}
#ipCommentInput:focus{outline:none;border-color:var(--gold);box-shadow:0 8px 16px rgba(0,0,0,.08)}
#ipCommentInput:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media (hover:hover){
#ipCommentInput:hover{border-color:var(--gold);box-shadow:0 8px 16px rgba(0,0,0,.08)}
}
@media (prefers-reduced-motion:reduce){
#ipCommentInput{transition:none}
}

/* Comment logical colours, v183, applied 2026-10-26, supersedes v182 hover swap, no important flags */
#ipCommentForm #ipCommentSend{color:#1C1A18}
#ipCommentForm #ipCommentSend:hover{background:var(--gold);color:#1C1A18;transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.18)}
#ipCommentForm #ipCommentClose:hover{background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--ink);transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.18)}
@media (prefers-reduced-motion:reduce){
#ipCommentForm #ipCommentSend:hover,#ipCommentForm #ipCommentClose:hover{transform:none}
}

/* Mobile and tablet story logos and mobile Work right line, v184, applied 2026-10-26, no important flags */
@media (min-width:701px){
.ip-story-center{padding-top:70px}
.ip-story-center img{max-height:90px}
}
@media (max-width:700px){
.ip-story-h{height:330px}
.ip-story-center img{max-height:70px;max-width:80%}
}
@media (max-width:560px){
.work{padding-left:0;gap:16px}
}