/* Smedsgaard Stålteknik — Superliga industrial rebuild */
@font-face{font-family:"Syne";font-style:normal;font-weight:400 800;font-display:swap;src:url("/fonts/syne-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Syne";font-style:normal;font-weight:400 800;font-display:swap;src:url("/fonts/syne-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:400 700;font-display:swap;src:url("/fonts/space-grotesk-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:400 700;font-display:swap;src:url("/fonts/space-grotesk-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --bg:#F4F2ED;--bg-2:#EBE8E1;--surface:#FFFFFF;--surface-2:#F7F5F0;
  --line:rgba(20,24,32,.10);--line-strong:rgba(20,24,32,.16);
  --text:#141820;--muted:#5C6570;--faint:#8A929C;
  --copper:#C4783A;--copper-2:#A8622E;--copper-dim:rgba(196,120,58,.14);
  --steel:#5A6E80;--steel-2:#3D4F5E;--steel-dim:rgba(90,110,128,.12);
  --danger:#C45B4A;
  --display:"Syne",ui-sans-serif,system-ui,sans-serif;
  --sans:"Space Grotesk",ui-sans-serif,system-ui,sans-serif;
  --wrap:1200px;--ease:cubic-bezier(.22,1,.36,1);--hdr:78px;--radius:16px;
  --ink-dark:#141820;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 14px)}
html.lenis,html.lenis body{height:auto}
html.js.intro:not(.loaded){overflow:hidden}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
body{margin:0;font-family:var(--sans);font-size:16.5px;line-height:1.65;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block;height:auto}
a{color:var(--copper-2);text-decoration:none;transition:color .25s}
a:hover{color:#fff}
button,input,select,textarea{font:inherit;color:inherit}
.wrap{width:min(100% - 2.75rem,var(--wrap));margin-inline:auto}
.skip{position:absolute;left:1rem;top:-100px;z-index:10000;background:var(--copper);color:#0a0a0a;padding:.6rem 1rem;border-radius:6px;font-weight:600}
.skip:focus{top:1rem}

.cursor{position:fixed;inset:0;pointer-events:none;z-index:9998;display:none}
@media (hover:hover) and (pointer:fine){
  .cursor{display:block}
  .cursor i{position:fixed;width:10px;height:10px;border-radius:50%;background:var(--copper);transform:translate(-50%,-50%);mix-blend-mode:difference;transition:width .3s var(--ease),height .3s var(--ease),opacity .25s}
  .cursor.is-hover i{width:40px;height:40px;opacity:.4}
}

/* Loader */
.loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:var(--bg);transition:opacity .85s var(--ease),visibility .85s}
.ld-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(196,120,58,.12),transparent 55%)}
.no-intro .loader{display:none}
.loader.is-done{opacity:0;visibility:hidden;pointer-events:none}
.ld-center{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.1rem}
.ld-mark{width:72px;height:72px;color:rgba(243,241,236,.25)}
.ld-box{stroke-dasharray:240;stroke-dashoffset:240;animation:draw 1s var(--ease) forwards}
.ld-beam{stroke-dasharray:100;stroke-dashoffset:100;animation:draw .8s var(--ease) .25s forwards}
.ld-base{stroke-dasharray:40;stroke-dashoffset:40;animation:draw .5s var(--ease) .55s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.ld-word{display:flex;gap:.06em;font-family:var(--display);font-weight:700;font-size:.7rem;letter-spacing:.38em;color:var(--muted)}
.ld-word span{opacity:0;animation:fadeUp .45s var(--ease) forwards}
.ld-word span:nth-child(1){animation-delay:.2s}.ld-word span:nth-child(2){animation-delay:.24s}
.ld-word span:nth-child(3){animation-delay:.28s}.ld-word span:nth-child(4){animation-delay:.32s}
.ld-word span:nth-child(5){animation-delay:.36s}.ld-word span:nth-child(6){animation-delay:.4s}
.ld-word span:nth-child(7){animation-delay:.44s}.ld-word span:nth-child(8){animation-delay:.48s}
.ld-word span:nth-child(9){animation-delay:.52s}.ld-word span:nth-child(10){animation-delay:.56s}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ld-sub{font-size:.65rem;letter-spacing:.32em;color:var(--copper);font-weight:600}
.ld-bar{width:150px;height:2px;background:rgba(139,163,184,.15);overflow:hidden;border-radius:2px}
.ld-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--steel),var(--copper));animation:bar 1.55s var(--ease) .2s forwards}
@keyframes bar{to{width:100%}}

/* Header */
.hdr{position:fixed;inset:0 0 auto;z-index:100;height:var(--hdr);border-bottom:1px solid transparent;transition:background .4s,backdrop-filter .4s,border-color .4s}
.hdr.is-scrolled{background:rgba(8,9,11,.78);backdrop-filter:blur(18px) saturate(1.3);border-bottom-color:var(--line)}
.hdr-in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.brand{display:inline-flex;align-items:center;gap:.75rem;color:var(--text)!important}
.brand-txt{display:flex;flex-direction:column;line-height:1.15}
.brand-txt b{font-family:var(--display);font-weight:700;font-size:1.05rem;letter-spacing:-.02em}
.brand-txt small{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);font-weight:500}
.nav{display:none;align-items:center;gap:1.6rem}
.nav>a:not(.btn){color:var(--muted);font-size:.9rem;font-weight:500}
.nav>a:not(.btn):hover{color:var(--text)}
@media (min-width:960px){.nav{display:flex}.burger{display:none!important}}
.burger{width:44px;height:44px;border:0;background:0;display:grid;place-content:center;gap:7px;cursor:pointer;padding:0}
.burger i{display:block;width:22px;height:1.5px;background:var(--text);transition:transform .35s var(--ease)}
.burger[aria-expanded=true] i:first-child{transform:translateY(4.25px) rotate(45deg)}
.burger[aria-expanded=true] i:last-child{transform:translateY(-4.25px) rotate(-45deg)}
.progress{position:absolute;left:0;bottom:0;height:2px;width:0;background:linear-gradient(90deg,var(--steel),var(--copper))}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.3rem;border-radius:999px;font-weight:600;font-size:.92rem;border:1px solid transparent;cursor:pointer;transition:transform .35s var(--ease),background .3s,border-color .3s,box-shadow .35s;white-space:nowrap;text-decoration:none!important;color:inherit;background:transparent}
.btn svg{width:17px;height:17px}
.btn--sm{padding:.5rem .95rem;font-size:.82rem}
.btn--lg{padding:1rem 1.55rem;font-size:1rem}
.btn--block{width:100%}
.btn--copper{background:linear-gradient(135deg,var(--copper),#A8622E);color:#0a0a0a!important;box-shadow:none}
.btn--copper:hover{transform:translateY(-2px);box-shadow:none;color:#0a0a0a!important}
.btn--ghost{border-color:var(--line-strong);color:var(--text)!important}
.btn--ghost:hover{border-color:var(--steel);background:var(--steel-dim)}
.nav .btn{background:var(--copper);color:#0a0a0a!important}

/* Sheet */
.sheet{position:fixed;inset:0;z-index:99;background:rgba(8,9,11,.97);backdrop-filter:blur(20px);padding:calc(var(--hdr) + 2rem) 1.75rem 2rem;display:flex;flex-direction:column;justify-content:center}
.sheet[hidden]{display:none!important}
.sheet nav{display:flex;flex-direction:column;gap:.25rem}
.sheet nav a{font-family:var(--display);font-size:clamp(1.8rem,6vw,2.8rem);font-weight:700;letter-spacing:-.03em;color:var(--text)!important;padding:.7rem 0;border-bottom:1px solid var(--line);opacity:0;transform:translateY(20px);animation:sheetIn .5s var(--ease) forwards;animation-delay:calc(var(--i)*.07s + .05s)}
@keyframes sheetIn{to{opacity:1;transform:none}}
.sheet .btn{margin-top:1.25rem;align-self:flex-start}
.sheet-meta{margin-top:2.5rem;display:flex;flex-wrap:wrap;gap:1rem;color:var(--faint);font-size:.9rem}
.sheet-meta a{color:var(--muted)!important}

/* Hero */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;padding:calc(var(--hdr) + 2.5rem) 0 5.5rem;overflow:hidden}
.hero-media{position:absolute;inset:0}
.hero-media img{width:100%;height:115%;object-fit:cover;object-position:center 40%;will-change:transform;filter:saturate(1.05) contrast(1.05)}
.hero-shade{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(20,24,32,.48) 0%,rgba(20,24,32,.22) 30%,rgba(20,24,32,.78) 68%,#F4F2ED 100%),
  linear-gradient(90deg,rgba(20,24,32,.78) 0%,rgba(20,24,32,.32) 50%,rgba(20,24,32,.5) 100%)}
.hero-grain{position:absolute;inset:0;opacity:.07;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero-vignette{position:absolute;inset:0;box-shadow:inset 0 0 120px rgba(0,0,0,.55);pointer-events:none}
.hero-copy{position:relative;z-index:1;max-width:780px}
.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--steel-2);margin:0 0 1.2rem}
.eyebrow .live{width:8px;height:8px;border-radius:50%;background:var(--copper);box-shadow:0 0 0 4px var(--copper-dim);animation:pulse 2.2s ease infinite}
@keyframes pulse{50%{box-shadow:0 0 0 9px transparent}}
.eyebrow--light{color:var(--steel-2)}
h1,.h2{font-family:var(--display);font-weight:700;letter-spacing:-.035em;line-height:1.02;margin:0}
h1{font-size:clamp(2.9rem,8vw,5.6rem);margin-bottom:1.35rem}
h1 .ln{display:block}
h1 .ln-acc,.h2 em,.vquote{font-style:normal;color:var(--copper-2);background:linear-gradient(120deg,var(--copper-2),#F0C090);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.h2{font-size:clamp(2.1rem,4.8vw,3.4rem);margin-bottom:1rem}
.h2--light{color:var(--text)}
.h2 em{-webkit-text-fill-color:transparent}
.lead{margin:0 0 1.85rem;color:var(--muted);font-size:clamp(1.05rem,2vw,1.18rem);max-width:520px;line-height:1.7}
.hero-cta{display:flex;flex-wrap:wrap;gap:.85rem;margin-bottom:2.5rem}
.hero-meta{list-style:none;margin:0;padding:1.5rem 0 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:1.5rem 2.5rem}
.hero-meta li{font-size:.9rem;color:var(--muted)}
.hero-meta strong{display:block;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-bottom:.2rem;font-weight:600}
.hero-meta a{color:var(--text)!important}
.hero-scroll{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);width:22px;height:36px;border:1.5px solid var(--line-strong);border-radius:12px;display:grid;place-items:start center;padding-top:7px;opacity:.65}
.hero-scroll span{width:3px;height:7px;border-radius:2px;background:var(--copper);animation:sc 1.5s ease infinite}
@keyframes sc{to{opacity:0;transform:translateY(10px)}}

/* Marquee */
.marquee{overflow:hidden;border-block:1px solid var(--line);background:var(--bg-2);padding:1.05rem 0}
.marquee-track{display:flex;width:max-content;animation:mq 40s linear infinite}
.marquee-set{display:flex;gap:0;list-style:none;margin:0;padding:0}
.marquee-set li{padding:0 1.75rem;font-family:var(--display);font-weight:600;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);white-space:nowrap;position:relative}
.marquee-set li::after{content:"·";position:absolute;right:0;color:var(--copper);opacity:.6}
@keyframes mq{to{transform:translateX(-50%)}}

/* Facts */
.facts{padding:3.5rem 0;border-bottom:1px solid var(--line)}
.facts ul{list-style:none;margin:0;padding:0;display:grid;gap:1.5rem}
@media (min-width:700px){.facts ul{grid-template-columns:repeat(4,1fr);gap:1.75rem}}
.facts li{display:flex;flex-direction:column;gap:.4rem;padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.facts strong{font-family:var(--display);font-size:1.6rem;font-weight:700;color:var(--copper-2)}
.facts span{font-size:.88rem;color:var(--muted);line-height:1.45}

/* Sections */
.sec{padding:7rem 0}
.sec--muted{background:var(--bg-2);border-block:1px solid var(--line)}
.sec--dark{background:#050607;border-block:1px solid var(--line)}
.sec-head{max-width:620px;margin-bottom:3.25rem}
.h3{font-family:var(--display);font-size:1.2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}

/* Cards */
.cards{display:grid;gap:1.25rem}
@media (min-width:700px){.cards--ydelser{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1020px){.cards--ydelser{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .5s var(--ease),border-color .4s,box-shadow .5s}
.card:hover{transform:translateY(-5px);border-color:rgba(196,120,58,.4);box-shadow:none}
.card-media{position:relative;margin:0;aspect-ratio:16/11;overflow:hidden}
.card-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.card:hover .card-media img{transform:scale(1.07)}
.card-n{position:absolute;left:1rem;bottom:1rem;font-size:.7rem;font-weight:700;letter-spacing:.14em;background:rgba(8,9,11,.75);color:var(--copper-2);padding:.35rem .6rem;border-radius:4px;backdrop-filter:blur(8px)}
.card-body{padding:1.4rem 1.35rem 1.5rem;flex:1}
.card-body p{margin:0;color:var(--muted);font-size:.93rem}

/* Band */
.band{position:relative;padding:7rem 0;overflow:hidden;text-align:center}
.band-media{position:absolute;inset:0}
.band-media img{width:100%;height:100%;object-fit:cover;filter:brightness(.35) saturate(1.1)}
.band-in{position:relative;z-index:1}
.vquote{margin:0 auto 2rem;max-width:860px;font-family:var(--display);font-weight:700;font-size:clamp(1.7rem,4vw,2.85rem);line-height:1.2;letter-spacing:-.03em;color:var(--text);-webkit-text-fill-color:var(--text);background:none}

/* Cases */
.cases{display:grid;gap:1.25rem}
@media (min-width:900px){
  .cases{grid-template-columns:repeat(3,1fr);grid-auto-rows:auto}
  .case--lg{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;align-items:stretch}
  .case--lg .case-media{min-height:280px;aspect-ratio:auto}
}
.case{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:border-color .35s}
.case:hover{border-color:rgba(139,163,184,.35)}
.case-media{position:relative;margin:0;aspect-ratio:4/3;overflow:hidden}
.case--lg .case-media{aspect-ratio:auto;flex:1;min-height:320px}
.case-media img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.case:hover .case-media img{transform:scale(1.05)}
.case-tag{position:absolute;top:1rem;left:1rem;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--copper);color:#0a0a0a;padding:.35rem .7rem;border-radius:4px}
.case-body{padding:1.35rem 1.4rem 1.5rem}
.case-body p{margin:0;color:var(--muted);font-size:.93rem}

/* About */
.om-grid{display:grid;gap:3rem;align-items:center}
@media (min-width:900px){.om-grid{grid-template-columns:1.05fr .95fr;gap:4.5rem}}
.checklist{list-style:none;margin:1.5rem 0;padding:0;display:grid;gap:.65rem}
.checklist li{position:relative;padding-left:1.35rem;color:var(--muted)}
.checklist li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:2px;background:var(--copper);transform:rotate(45deg)}
.info-list{margin:1.75rem 0 0;padding:1.5rem 0 0;border-top:1px solid var(--line);display:grid;gap:1rem}
.info-list div{display:grid;grid-template-columns:90px 1fr;gap:.75rem}
.info-list dt{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-weight:600;padding-top:.15rem}
.info-list dd{margin:0;color:var(--text)}
.om-media{margin:0;position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}
.om-media img{width:100%;aspect-ratio:4/5;object-fit:cover}
.om-media figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.2rem 1.35rem;background:linear-gradient(transparent,rgba(8,9,11,.9));font-size:.85rem;color:var(--muted)}

/* Steps */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
@media (min-width:800px){.steps{grid-template-columns:repeat(4,1fr);gap:1.15rem}}
.steps li{padding:1.6rem 1.35rem;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.02);transition:border-color .35s}
.steps li:hover{border-color:rgba(196,120,58,.35)}
.step-n{display:block;font-family:var(--display);font-size:.85rem;font-weight:700;letter-spacing:.1em;color:var(--copper);margin-bottom:.85rem}
.steps h3{font-family:var(--display);font-size:1.15rem;margin:0 0 .45rem}
.steps p{margin:0;color:var(--muted);font-size:.9rem}

/* Form */
.sec--form{background:
  radial-gradient(ellipse 60% 40% at 80% 20%,rgba(196,120,58,.1),transparent 50%),
  var(--bg)}
.form-grid{display:grid;gap:3rem}
@media (min-width:900px){.form-grid{grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:start}}
.form-points{list-style:none;margin:1.75rem 0 0;padding:0;display:grid;gap:.85rem}
.form-points li{color:var(--muted);font-size:.95rem;padding-left:1.1rem;border-left:2px solid var(--copper)}
.form-points strong{color:var(--text)}
.form-card{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);padding:clamp(1.4rem,3vw,2rem);box-shadow:none}
.form-badge{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1.35rem;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--copper-2)}
.form-badge i{width:7px;height:7px;border-radius:50%;background:var(--copper);box-shadow:0 0 0 3px var(--copper-dim)}
.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}
.field-row{display:grid;gap:1rem}
@media (min-width:520px){.field-row{grid-template-columns:1fr 1fr}}
.field label{font-size:.82rem;font-weight:600;color:var(--muted)}
.field label span{color:var(--copper)}
.field input,.field select,.field textarea{
  width:100%;padding:.95rem 1rem;border-radius:10px;border:1px solid var(--line-strong);
  background:rgba(8,9,11,.55);color:var(--text);outline:none;transition:border-color .3s,box-shadow .3s
}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--copper);box-shadow:0 0 0 3px var(--copper-dim)}
.field textarea{resize:vertical;min-height:120px}
.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%238BA3B8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}
.field--check label{display:flex;gap:.65rem;align-items:flex-start;font-size:.85rem;line-height:1.45;color:var(--muted);cursor:pointer}
.field--check input{margin-top:.2rem;accent-color:var(--copper)}
.form-status{min-height:1.25em;font-size:.9rem;margin:0 0 .75rem;color:var(--danger)}
.form-status.is-ok{color:#7dcea0}
.form-fine{margin:1rem 0 0;font-size:.78rem;color:var(--faint);line-height:1.5}

/* Footer */
.ftr{padding:4.5rem 0 2rem;border-top:1px solid var(--line);background:#050607}
.ftr-grid{display:grid;gap:2.5rem;margin-bottom:3rem}
@media (min-width:700px){.ftr-grid{grid-template-columns:1.4fr 1fr 1fr}}
.ftr h2{font-family:var(--sans);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-weight:600;margin:0 0 .9rem}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.ftr li,.ftr-brand p{color:var(--muted);font-size:.95rem}
.ftr-brand p{margin:1rem 0 0;max-width:280px}
.ftr a{color:var(--muted)!important}
.ftr a:hover{color:#fff!important}
.ftr-bottom{padding-top:1.5rem;border-top:1px solid var(--line);font-size:.85rem;color:var(--faint)}

/* Reveals */
.js .reveal{opacity:0;transform:translateY(32px);transition:opacity .85s var(--ease),transform .85s var(--ease);transition-delay:calc(var(--i,0)*.07s)}
.js .reveal.is-in{opacity:1;transform:none}
.intro .hero .reveal{opacity:0;transform:translateY(24px)}
.intro.loaded .hero .reveal{opacity:1;transform:none;transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--ri,0)*.1s + .12s)}
.hero-copy .reveal:nth-child(1){--ri:0}.hero-copy .reveal:nth-child(2){--ri:1}
.hero-copy .reveal:nth-child(3){--ri:2}.hero-copy .reveal:nth-child(4){--ri:3}
.hero-copy .reveal:nth-child(5){--ri:4}
.no-intro .reveal,.no-intro .hero .reveal{opacity:1;transform:none}

@media (max-width:640px){
  .hero{min-height:92svh;padding-bottom:4rem}
  .sec{padding:5rem 0}
  .hero-scroll{display:none}
  .case--lg .case-media{min-height:240px}
}

/* Light industrial polish */
.hero .eyebrow,.hero .lead,.hero-meta li{color:rgba(243,241,236,.85)}
.hero h1,.hero-meta strong,.hero-meta a{color:#fff!important}
.hero .ln-acc{background:linear-gradient(120deg,#E09A5A,#F0C090);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hdr.is-scrolled{background:rgba(244,242,237,.9)!important;backdrop-filter:blur(16px);border-bottom-color:var(--line)}
.hdr:not(.is-scrolled) .brand-txt b,.hdr:not(.is-scrolled) .nav>a:not(.btn){color:#fff}
.hdr:not(.is-scrolled) .brand-txt small{color:rgba(255,255,255,.7)}
.hdr:not(.is-scrolled) .burger i{background:#fff}
.hdr.is-scrolled .brand-txt b{color:var(--text)}
.hdr.is-scrolled .nav>a:not(.btn){color:var(--muted)}
.loader{background:var(--ink-dark)!important}
.sheet{background:rgba(244,242,237,.98)!important}
.sheet nav a{color:var(--text)!important}
.sec--dark{background:var(--ink-dark)!important;color:#F3F1EC}
.sec--dark .h2,.sec--dark .h2--light,.sec--dark .steps h3{color:#F3F1EC}
.sec--dark .steps p,.sec--dark .eyebrow--light{color:rgba(243,241,236,.7)}
.sec--dark .steps li{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.ftr{background:var(--ink-dark)!important;color:rgba(243,241,236,.75)}
.ftr a{color:rgba(243,241,236,.7)!important}
.ftr a:hover{color:#fff!important}
.ftr h2,.ftr-bottom{color:rgba(243,241,236,.45)!important}
.ftr-brand p,.ftr li{color:rgba(243,241,236,.7)!important}
.band .vquote{color:#fff;-webkit-text-fill-color:#fff}
.h2 em,h1 .ln-acc{background:linear-gradient(120deg,var(--copper),#E09A5A);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.card:hover{box-shadow:none!important;border-color:rgba(196,120,58,.55)!important}
.form-card{box-shadow:none!important;border:1px solid var(--line-strong)!important}
.field input,.field select,.field textarea{background:#fff!important;color:var(--text)!important}
.om-media figcaption{background:linear-gradient(transparent,rgba(20,24,32,.85));color:rgba(255,255,255,.85)}
.facts li{background:#fff}
.card,.case{background:#fff}
.marquee{background:#fff}
a:hover{color:var(--copper-2)}

/* Photo strip + richer motion */
.photo-strip{padding:0;overflow:hidden;border-block:1px solid var(--line);background:#fff}
.photo-strip-track{display:flex;gap:.75rem;width:max-content;padding:1rem 0;animation:strip 55s linear infinite}
.photo-strip figure{margin:0;width:280px;height:200px;border-radius:14px;overflow:hidden;flex-shrink:0;border:1px solid var(--line)}
.photo-strip img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.photo-strip figure:hover img{transform:scale(1.06)}
@keyframes strip{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.photo-strip-track{animation:none}}

.js .reveal-x{opacity:0;transform:translateX(-36px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--i,0)*.07s)}
.js .reveal-x.is-in{opacity:1;transform:none}
.js .reveal-s{opacity:0;transform:scale(.92);transition:opacity .85s var(--ease),transform .85s var(--ease);transition-delay:calc(var(--i,0)*.06s)}
.js .reveal-s.is-in{opacity:1;transform:none}
.no-intro .reveal-x,.no-intro .reveal-s{opacity:1;transform:none}

.card-media::after,.case-media::after{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(20,24,32,.35));
  opacity:0;transition:opacity .4s;
}
.card:hover .card-media::after,.case:hover .case-media::after{opacity:1}


/* round2 julius slideshow — cinematic wow, no white box shadows */
.card,.case,.form-card,.facts li,.photo-strip figure{
  box-shadow:none!important;
}
.card:hover,.case:hover{box-shadow:none!important}

/* Cinematic work stage */
.work-stage{
  position:relative; margin-top:2rem;
  border-radius:22px; overflow:hidden;
  background:#0c0e12; border:1px solid rgba(196,120,58,.45); box-shadow:none!important;
  min-height:min(72vh,640px);
  display:grid; grid-template-columns:1.35fr .85fr;
}
@media(max-width:860px){.work-stage{grid-template-columns:1fr;min-height:0}}
.work-stage-visual{position:relative;min-height:420px;overflow:hidden}
.work-stage-visual img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0; transform:scale(1.08); transition:opacity .9s var(--ease), transform 1.4s var(--ease);
}
.work-stage-visual img.is-on{opacity:1;transform:scale(1)}
.work-stage-visual::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,transparent 40%,rgba(12,14,18,.55)),
             linear-gradient(to top,rgba(12,14,18,.65),transparent 45%);
  pointer-events:none;z-index:2;
}
.work-stage-copy{
  position:relative;z-index:3;padding:clamp(1.4rem,3vw,2.4rem);
  display:flex;flex-direction:column;justify-content:flex-end;gap:1rem;
  background:linear-gradient(160deg,#141820 0%,#1a1f2a 100%);
  color:#F3F1EC;
}
.work-kicker{font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--copper)}
.work-stage-copy h3{margin:0;font-family:var(--display);font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.1;color:#fff}
.work-stage-copy p{margin:0;color:rgba(243,241,236,.72);font-size:.98rem}
.work-nav{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.5rem}
.work-nav button{
  appearance:none;border:1px solid rgba(255,255,255,.16);background:transparent;
  color:rgba(243,241,236,.75);border-radius:999px;padding:.45rem .9rem;
  font-size:.78rem;font-weight:600;letter-spacing:.04em;cursor:pointer;
  transition:background .3s,border-color .3s,color .3s,transform .3s;
}
.work-nav button.is-on, .work-nav button:hover{
  background:var(--copper);border-color:var(--copper);color:#0a0a0a;transform:translateY(-1px)
}
.work-progress{display:flex;gap:.35rem;margin-top:auto;padding-top:1rem}
.work-progress i{flex:1;height:3px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden;position:relative}
.work-progress i span{position:absolute;inset:0;background:linear-gradient(90deg,var(--copper),#E09A5A);transform:scaleX(0);transform-origin:left}
.work-progress i.is-on span{animation:workbar 5.2s linear forwards}
@keyframes workbar{to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){
  .work-stage-visual img{transition:none;opacity:0}
  .work-stage-visual img.is-on{opacity:1;transform:none}
  .work-progress i span{animation:none;transform:scaleX(1)}
}

/* More punch overall */
.hero-shade{background:linear-gradient(115deg,rgba(10,10,12,.78),rgba(10,10,12,.35) 55%,rgba(196,120,58,.18))!important}
.btn--copper{background:linear-gradient(135deg,#E09A5A,var(--copper-2));border:0}
.marquee{background:#141820!important;color:#F3F1EC}
.marquee li{color:rgba(243,241,236,.8)}
.card{border:1px solid var(--line);transition:transform .45s var(--ease),border-color .35s}
.card:hover{transform:translateY(-6px);border-color:rgba(196,120,58,.5)}
.band{background:linear-gradient(120deg,#141820,#1c2430 60%,#2a1f14)!important}

.work-stage,.cases,.case,.card,.form-card{filter:none!important;box-shadow:none!important}

/* ===== ROUND 2 FINAL — dark cinematic, zero white shadow/glow/overlay ===== */
:root{--bg:#0B0D11;--bg-2:#11141A;--surface:#141820;--surface-2:#181D26;--line:rgba(243,241,236,.09);--line-strong:rgba(243,241,236,.16);--text:#F3F1EC;--muted:#A9B0B9;--faint:#79818C;--copper:#D98546;--copper-2:#E8A465;--steel-2:#9FB3C6}
html,body{background:var(--bg);color:var(--text)}
*,*::before,*::after{box-shadow:none!important;text-shadow:none!important}
.hero-vignette{display:none!important}
.hero-shade{background:linear-gradient(180deg,rgba(11,13,17,.55) 0%,rgba(11,13,17,.15) 35%,rgba(11,13,17,.7) 75%,#0B0D11 100%),linear-gradient(100deg,rgba(11,13,17,.85),rgba(11,13,17,.2) 60%,rgba(217,133,70,.12))!important}
.hero-media img{animation:heroKB 22s ease-in-out infinite alternate}
@keyframes heroKB{from{scale:1.04}to{scale:1.16}}
.hdr.is-scrolled{background:rgba(11,13,17,.82)!important;border-bottom-color:var(--line)}
.hdr.is-scrolled .brand-txt b{color:#fff}.hdr.is-scrolled .nav>a:not(.btn){color:var(--muted)}
.sheet{background:rgba(11,13,17,.98)!important}
.loader{background:#0B0D11!important}
.facts li,.card,.case,.marquee,.form-card,.steps li{background:var(--surface)!important;border-color:var(--line)!important}
.sec--muted{background:var(--bg-2)!important}
.sec--form{background:linear-gradient(180deg,var(--bg),#10131a)!important}
.field input,.field select,.field textarea{background:#0B0D11!important;color:var(--text)!important;border-color:var(--line-strong)!important}
.btn--ghost{border-color:var(--line-strong)!important;color:#fff!important}
.btn--ghost:hover{background:rgba(217,133,70,.15)!important;border-color:var(--copper)!important}
.btn--copper{background:linear-gradient(135deg,#F0B070,#D98546 55%,#A8622E)!important;background-size:200% 100%!important;transition:background-position .6s var(--ease),transform .35s var(--ease)!important}
.btn--copper:hover{background-position:100% 0!important}
.card-media::after,.case-media::after{background:linear-gradient(180deg,transparent 40%,rgba(11,13,17,.7))!important}
.card-media{overflow:hidden}.card-media img{transition:transform 1.2s var(--ease),filter .6s}
.card:hover .card-media img{transform:scale(1.09);filter:saturate(1.2)}
.card-n{color:#fff!important}
.h2{font-size:clamp(2.4rem,6vw,4.4rem)!important}
.photo-strip{display:none}
a:hover{color:var(--copper-2)}

/* Reel — cinematic showreel under header */
.reel{position:relative;height:min(92vh,860px);min-height:520px;overflow:hidden;background:#000;isolation:isolate}
.reel-stage{position:absolute;inset:-8% 0;will-change:transform}
.reel-slide{position:absolute;inset:0;margin:0;opacity:0;clip-path:inset(0 0 0 100%);transition:opacity 1.4s var(--ease),clip-path 1.4s cubic-bezier(.77,0,.18,1)}
.reel-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.25) translate3d(3%,0,0);filter:saturate(1.1) contrast(1.08)}
.reel-slide.is-on{opacity:1;clip-path:inset(0 0 0 0);z-index:2}
.reel-slide.is-prev{opacity:1;z-index:1;clip-path:inset(0)}
.reel-slide.is-prev img{transform:scale(1.32) translate3d(-4%,0,0);filter:brightness(.4) blur(2px);transition:transform 1.4s var(--ease),filter 1.4s}
.reel-slide.is-on img{animation:kb 7s linear forwards}
.reel-slide:nth-child(even).is-on img{animation-name:kb2}
@keyframes kb{from{transform:scale(1.25) translate3d(3%,1%,0)}to{transform:scale(1.05) translate3d(-2%,-1%,0)}}
@keyframes kb2{from{transform:scale(1.05) translate3d(-3%,0,0)}to{transform:scale(1.22) translate3d(2%,-2%,0)}}
.reel-shade{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,#0B0D11 0%,transparent 22%,transparent 55%,rgba(11,13,17,.92) 100%),linear-gradient(90deg,rgba(11,13,17,.6),transparent 55%)}
.reel-sparks{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.reel-sparks i{position:absolute;bottom:-10px;width:3px;height:3px;border-radius:50%;background:#F0A060;opacity:0;animation:spark 4.5s linear infinite}
.reel-sparks i:nth-child(1){left:12%;animation-delay:0s}.reel-sparks i:nth-child(2){left:27%;animation-delay:1.2s}.reel-sparks i:nth-child(3){left:41%;animation-delay:2.6s}.reel-sparks i:nth-child(4){left:55%;animation-delay:.6s}.reel-sparks i:nth-child(5){left:68%;animation-delay:3.1s}.reel-sparks i:nth-child(6){left:79%;animation-delay:1.8s}.reel-sparks i:nth-child(7){left:88%;animation-delay:3.8s}.reel-sparks i:nth-child(8){left:6%;animation-delay:2.2s}
@keyframes spark{0%{opacity:0;transform:translate3d(0,0,0)}10%{opacity:1}100%{opacity:0;transform:translate3d(60px,-70vh,0)}}
.reel-ui{position:absolute;left:0;right:0;bottom:clamp(1.5rem,6vh,4rem);z-index:4}
.reel-kicker{margin:0 0 .6rem;font-size:.75rem;letter-spacing:.24em;text-transform:uppercase;color:var(--steel-2);font-weight:600}
.reel-kicker b{color:var(--copper);font-size:1rem}
.reel-cap{position:relative;margin:0;height:clamp(3.4rem,10vw,7.6rem);overflow:hidden;font-family:var(--display);font-weight:800;font-size:clamp(2.6rem,9vw,7rem);line-height:1;letter-spacing:-.04em;color:#fff}
.reel-cap span{position:absolute;left:0;top:0;white-space:nowrap;transform:translateY(105%);transition:transform 1s var(--ease)}
.reel-cap span.is-on{transform:none;transition-delay:.25s}
.reel-cap span.is-out{transform:translateY(-105%)}
.reel-dots{display:flex;gap:.5rem;margin-top:1.4rem;max-width:520px}
.reel-dots button{flex:1;height:22px;padding:0;border:0;background:0;cursor:pointer;display:flex;align-items:center}
.reel-dots i{display:block;width:100%;height:2px;background:rgba(243,241,236,.18);position:relative;overflow:hidden;border-radius:2px}
.reel-dots i::after{content:"";position:absolute;inset:0;background:var(--copper);transform:scaleX(0);transform-origin:left}
.reel-dots button.is-done i::after{transform:scaleX(1)}
.reel-dots button.is-on i::after{animation:workbar 6s linear forwards}

/* BWB / work stage — cinematic */
.work-stage{border-color:rgba(217,133,70,.35)!important;background:#07080B!important;min-height:min(82vh,720px)!important}
.work-stage-visual{min-height:460px}
.work-stage-visual img{opacity:1!important;clip-path:circle(0% at 70% 50%);transform:scale(1.2)!important;transition:clip-path 1.5s cubic-bezier(.77,0,.18,1),transform 7s linear!important;z-index:0}
.work-stage-visual img.is-on{clip-path:circle(150% at 70% 50%);transform:scale(1.02)!important;z-index:1}
.work-stage-visual img.is-prev{clip-path:circle(150% at 70% 50%);z-index:0;filter:brightness(.35)}
.work-stage-visual::after{background:linear-gradient(90deg,transparent 45%,rgba(7,8,11,.8)),linear-gradient(to top,rgba(7,8,11,.75),transparent 45%)!important}
.work-stage-copy{background:linear-gradient(160deg,#10131A,#07080B)!important}
.work-stage-copy h3{font-size:clamp(2rem,4vw,3rem)!important}
.work-stage-copy.swap [data-work-title],.work-stage-copy.swap [data-work-body],.work-stage-copy.swap [data-work-tag]{opacity:0;transform:translateY(24px);filter:blur(6px)}
[data-work-title],[data-work-body],[data-work-tag]{transition:opacity .6s var(--ease),transform .7s var(--ease),filter .6s}
.band{position:relative;overflow:hidden}
.band-media img{will-change:transform;scale:1.25}

/* stronger reveals */
.js [data-r]:not(.is-in){filter:blur(8px)}
.js [data-r]{transition:opacity 1s var(--ease),transform 1.1s var(--ease),filter 1s var(--ease)!important}
@media(max-width:700px){.reel{height:78svh;min-height:460px}.work-stage-visual{min-height:300px}}
@media(prefers-reduced-motion:reduce){.reel-slide,.reel-slide img,.hero-media img,.reel-sparks i{animation:none!important;transition:none!important}.js [data-r]{filter:none}}
.reel-cap{font-size:clamp(1.7rem,6.2vw,5.4rem)!important;height:1.15em!important}
.reel-cap span{transition:none;visibility:hidden}
.reel-cap span.is-on,.reel-cap span.is-out{visibility:visible;transition:transform 1s var(--ease)}
.reel-cap{height:1.3em!important;line-height:1.15!important}
.reel-cap span{transform:translateY(120%)}.reel-cap span.is-out{transform:translateY(-120%)}
@media(max-width:700px){.reel-cap{font-size:7.4vw!important}}
@media(max-width:700px){.reel-cap{font-size:9.5vw!important;height:2.4em!important}.reel-cap span{white-space:normal;right:0;bottom:0;top:auto;display:flex;align-items:flex-end;height:100%}}
@media(max-width:700px){.reel-cap{font-size:5.9vw!important;height:1.4em!important}.reel-cap span{white-space:nowrap}}
@media(hover:none){.work-nav button:hover:not(.is-on){background:transparent;border-color:rgba(255,255,255,.16);color:rgba(243,241,236,.75);transform:none}}

/* ===== ROUND 3 — high-end industrial ===== */
:root{--bg:#0A0B0D;--bg-2:#0E1013;--surface:#121418;--line:rgba(236,232,224,.08);--line-strong:rgba(236,232,224,.14);--text:#ECE8E0;--muted:#9A9FA6;--faint:#6B7078;--copper:#C8834F;--copper-2:#D9A074;--ease:cubic-bezier(.16,1,.3,1)}
body{font-size:17px;letter-spacing:-.005em}
.js [data-r]:not(.is-in){filter:none}
.js [data-r]{transition:opacity 1.2s var(--ease),transform 1.4s var(--ease)!important}
.sec{padding-block:clamp(6rem,14vw,11rem)!important}
.sec-head{margin-bottom:clamp(3rem,6vw,5rem)!important}
h1{font-size:clamp(3.2rem,9.5vw,8.4rem)!important;letter-spacing:-.055em!important;line-height:.92!important;font-weight:700}
.h2{font-size:clamp(2.6rem,6.8vw,5.6rem)!important;letter-spacing:-.05em!important;line-height:.95!important}
h1 .ln-acc,.h2 em{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--copper)!important;font-weight:500}
.eyebrow{font-size:.7rem!important;letter-spacing:.32em!important;color:var(--faint)!important;font-weight:500}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--copper);display:inline-block}
.eyebrow .live{display:none}
.lead{color:var(--muted)!important;font-size:clamp(1.05rem,1.6vw,1.22rem)!important;line-height:1.75!important;max-width:540px}
.btn{border-radius:0!important;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem!important;padding:1.05rem 1.6rem!important;position:relative;overflow:hidden}
.btn--copper{background:var(--copper)!important;color:#0A0B0D!important}
.btn--copper::before,.btn--ghost::before{content:"";position:absolute;inset:0;background:#ECE8E0;transform:translateY(101%);transition:transform .7s var(--ease);z-index:0}
.btn--ghost::before{background:var(--copper)}
.btn:hover::before{transform:none}
.btn>*{position:relative;z-index:1}
.btn--ghost:hover{background:transparent!important;color:#0A0B0D!important}
.btn svg{transition:transform .6s var(--ease)}.btn:hover svg{transform:translateX(4px)}
.card,.facts li,.steps li,.form-card,.work-stage,.om-media,.card-media{border-radius:2px!important}
.card{background:transparent!important;border:0!important;border-top:1px solid var(--line-strong)!important}
.card:hover{transform:none!important}
.card-media{aspect-ratio:4/5;margin:0}.card-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.35) contrast(1.05)!important;transition:transform 1.6s var(--ease),filter 1s var(--ease)!important}
.card:hover .card-media img{transform:scale(1.06);filter:grayscale(0) contrast(1.05)!important}
.card-body{padding:1.5rem 0 0!important}
.card-n{font-family:var(--sans);font-size:.72rem!important;letter-spacing:.2em;background:none!important;color:var(--copper)!important}
.h3{font-size:1.35rem!important;letter-spacing:-.025em}
.facts li{background:transparent!important;border:0!important;border-left:1px solid var(--line-strong)!important;padding:.5rem 0 .5rem 1.4rem!important}
.facts strong{font-size:clamp(2.4rem,4vw,3.4rem)!important;font-weight:500!important;color:var(--text)!important;letter-spacing:-.04em;line-height:1}
.marquee{background:transparent!important;border-color:var(--line)!important}
.marquee li{font-family:var(--display);font-size:clamp(1.4rem,3vw,2.4rem);color:transparent!important;-webkit-text-stroke:1px rgba(236,232,224,.35);letter-spacing:-.03em}
.steps li{background:transparent!important;border:0!important;border-top:1px solid var(--line-strong)!important;padding:2rem 0 0!important}
.step-n{font-family:var(--display);font-size:3rem!important;color:var(--copper)!important;font-weight:500}
.sec--dark,.ftr{background:#070809!important}
.sec--muted{background:var(--bg)!important}
.form-card{background:var(--surface)!important}
.field input,.field select,.field textarea{border-radius:0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--line-strong)!important;padding-inline:0!important}
.field input:focus,.field select:focus,.field textarea:focus{border-bottom-color:var(--copper)!important}
.field select option{background:#121418}
.hero-shade{background:linear-gradient(180deg,rgba(10,11,13,.5),rgba(10,11,13,.2) 40%,rgba(10,11,13,.85) 85%,#0A0B0D),linear-gradient(90deg,rgba(10,11,13,.8),transparent 70%)!important}
.hero-media img{animation:none!important;filter:grayscale(.25) contrast(1.08)}
.hero-meta{border-top-color:var(--line)!important}
.grain{position:fixed;inset:-50%;z-index:9997;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}100%{transform:translate(0,0)}}
.cursor i{background:transparent!important;border:1px solid rgba(236,232,224,.7);width:36px!important;height:36px!important;mix-blend-mode:normal!important;opacity:1!important;transition:width .5s var(--ease),height .5s var(--ease),background .4s,border-color .4s!important}
.cursor.is-hover i{width:72px!important;height:72px!important;background:rgba(200,131,79,.12)!important;border-color:var(--copper)}
/* reel: refined crossfade, no wipe */
.reel{height:100svh!important;max-height:980px}
.reel-slide{clip-path:none!important;transition:opacity 1.8s var(--ease)!important}
.reel-slide.is-prev{opacity:0!important}
.reel-slide.is-prev img{filter:none!important}
.reel-slide img{filter:grayscale(.2) contrast(1.06)!important}
.reel-slide.is-on img{animation:kb 9s cubic-bezier(.25,.1,.25,1) forwards!important}
.reel-cap{font-weight:500!important;letter-spacing:-.05em!important}
.reel-dots i{height:1px!important}
.reel-dots button.is-on i::after{animation-duration:7s!important}
/* work stage refined */
.work-stage{border:0!important;border-top:1px solid var(--line-strong)!important;background:transparent!important}
.work-stage-copy{background:transparent!important}
.work-nav button{border-radius:0!important;border-color:var(--line-strong)!important;text-transform:uppercase;letter-spacing:.14em;font-size:.66rem!important}
.work-nav button.is-on{background:var(--copper)!important;color:#0A0B0D!important}
/* horizontal pinned services */
@media(min-width:960px){
  .gs-on .hscroll{overflow:hidden}
  .gs-on #htrack{display:flex!important;gap:2.5rem;width:max-content;grid-template-columns:none!important}
  .gs-on #htrack .card{width:min(30vw,400px);flex:none}
}
.line-mask{display:block;overflow:hidden;padding-bottom:.08em}.line-mask>span{display:block}
.om-media{overflow:hidden}.om-media img{scale:1.15}
.band{padding-block:clamp(8rem,18vw,14rem)!important}
.vquote{font-size:clamp(1.8rem,4.2vw,3.6rem)!important;letter-spacing:-.04em;line-height:1.1;font-weight:500;max-width:1000px;margin-inline:auto}
.vquote .w{opacity:.15;display:inline-block}
@media(prefers-reduced-motion:reduce){.grain{animation:none}.vquote .w{opacity:1}}
.band-media img{filter:grayscale(.4) brightness(.32) contrast(1.1)!important}.band-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0A0B0D,transparent 25%,transparent 75%,#0A0B0D)}
/* === stability fixes: no flicker, smooth scroll === */
html.lenis{scroll-behavior:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.grain{animation:none!important;transform:translateZ(0)}
.reel-slide{will-change:opacity;backface-visibility:hidden;transform:translateZ(0)}
.reel-slide.is-prev{opacity:1!important;z-index:1;transition:none!important}
.reel-slide.is-on{z-index:2}
.reel-slide img,.hero-media img,.band-media img,.om-media img,.reel-stage{backface-visibility:hidden}
.js [data-r],.js .reveal,.js .reveal-x,.js .reveal-s{will-change:opacity,transform;backface-visibility:hidden}
.js [data-r].is-in,.js .reveal.is-in,.js .reveal-x.is-in,.js .reveal-s.is-in{will-change:auto}
/* === CRISP PASS: no grain, no blur, no upscaling, no flicker === */
.grain,.hero-grain{display:none!important}
img{image-rendering:auto;-webkit-backface-visibility:hidden}
.hero-media img,.reel-slide img,.band-media img,.card-media img,.case-media img,.om-media img,.work-stage-visual img,.photo-strip img{filter:none!important;animation:none!important;scale:1!important}
.hero-media img{height:100%!important;transform:none!important;will-change:auto!important}
.reel-slide img,.reel-slide.is-on img,.reel-slide.is-prev img{transform:none!important;transition:none!important}
.reel-stage{inset:0!important;transform:none!important;will-change:auto!important}
.reel-slide{transition:opacity 1s ease!important;will-change:auto!important;transform:none!important}
.reel-slide.is-prev{opacity:0!important;transition:opacity 1s ease!important}
.band-media img{filter:brightness(.4)!important;transform:none!important;will-change:auto!important}
.work-stage-visual img{transform:none!important;transition:clip-path 1.2s cubic-bezier(.77,0,.18,1)!important}
.work-stage-visual img.is-on{transform:none!important}
.work-stage-visual img.is-prev{filter:none!important}
.card:hover .card-media img,.case:hover .case-media img,.photo-strip figure:hover img{transform:scale(1.03)!important;filter:none!important}
.work-stage-copy.swap [data-work-title],.work-stage-copy.swap [data-work-body],.work-stage-copy.swap [data-work-tag],.js [data-r]:not(.is-in){filter:none!important}
.hdr.is-scrolled{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(8,9,11,.96)!important}
.card-n{backdrop-filter:none!important;background:rgba(8,9,11,.85)}
.reel-sparks{display:none!important}
.js [data-r],.js .reveal,.js .reveal-x,.js .reveal-s{will-change:auto!important}

/* === FINAL KILL PASS: no grain/flicker, rock-solid === */
.grain,.hero-grain,.hero-vignette,.reel-sparks{display:none!important}
*{animation-name:none!important}
.ld-box,.ld-beam,.ld-base,.ld-word span,.ld-bar i,.sheet nav a,.marquee-track,.photo-strip-track{animation-name:initial!important}
.hero-media img,.reel-slide img,.reel-slide.is-on img,.band-media img,.card-media img,.case-media img,.om-media img,.work-stage-visual img,.photo-strip img{animation:none!important;transform:none!important;scale:1!important;filter:none!important;will-change:auto!important}
.reel-slide{transition:opacity .8s ease!important}

/* ===== 2026-10-09 verify pass: no white halo / no caption clip / reel clear of hdr ===== */
.reel-cap,.reel-cap span,.reel-kicker,.reel-kicker b{
  text-shadow:none!important;box-shadow:none!important;filter:none!important;
  -webkit-text-stroke:0!important;paint-order:normal!important;
}
.reel-cap{
  overflow:visible!important;
  height:auto!important;
  min-height:1.2em!important;
  line-height:1.05!important;
  padding-bottom:.15em;
}
.reel-cap span{
  position:relative!important;
  display:none;
  transform:none!important;
  white-space:nowrap;
}
.reel-cap span.is-on{display:block}
.reel-cap span.is-out{display:none}
.reel{scroll-margin-top:calc(var(--hdr) + 8px)}
#work-stage,.work-stage{scroll-margin-top:calc(var(--hdr) + 8px)}
.work-stage,.work-stage-copy,.work-stage-visual,.card,.case,.form-card,.facts li{
  box-shadow:none!important;filter:none!important;
}
.hdr.is-scrolled{
  background:rgba(8,9,11,.96)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}

/* === GALLERI + MOBILE PASS (okt 2026) === */
/* menu links + marquee were frozen at opacity 0 by the kill pass */
.sheet nav a{animation-name:sheetIn!important}
@keyframes mq{to{transform:translateX(-50%)}}
.marquee-track{animation-name:mq!important}
@media(hover:none),(pointer:coarse){.cursor{display:none!important}}
html,body{overflow-x:clip}
img{max-width:100%}
.lb-open,.lb-open body{overflow:hidden}
/* galleri */
.gal-nav{position:sticky;top:var(--hdr,64px);z-index:20;display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;padding:.75rem 0;margin-bottom:2.5rem;background:var(--bg);border-bottom:1px solid var(--line);-webkit-overflow-scrolling:touch}
.gal-nav::-webkit-scrollbar{display:none}
.gal-nav a{flex:none;padding:.55rem .9rem;border:1px solid var(--line-strong);color:var(--text)!important;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none!important;white-space:nowrap}
.gal-nav a small{color:var(--copper);margin-left:.25rem}
.gal-nav a:hover{border-color:var(--copper)}
.gal-cat{scroll-margin-top:calc(var(--hdr,64px) + 4.5rem);padding-top:2.5rem;margin-top:2.5rem;border-top:1px solid var(--line-strong)}
.gal-cat:first-of-type{margin-top:0;border-top:0}
.gal-head{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;align-items:baseline;margin-bottom:1.5rem}
.gal-n{font-family:var(--display);color:var(--copper);font-size:1.4rem}
.gal-head h3{margin:0;font-family:var(--display);font-size:clamp(1.4rem,4vw,2.3rem);letter-spacing:-.03em;line-height:1.1;font-weight:600;overflow-wrap:anywhere;hyphens:auto}
.gal-head p{grid-column:2;margin:0;color:var(--muted);max-width:620px}
.gal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
@media(min-width:700px){.gal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}}
@media(min-width:1100px){.gal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.gal-item{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--surface);position:relative}
.gal-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s var(--ease)}
.gal-item:hover img{transform:scale(1.04)}
.gal-item::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,11,13,.45),transparent 40%);pointer-events:none}
/* lightbox */
.lb{position:fixed;inset:0;z-index:10000;background:rgba(6,7,9,.96);display:flex;align-items:center;justify-content:center;padding:3.5rem .5rem 3.5rem}
.lb[hidden]{display:none!important}
.lb img{max-width:100%;max-height:100%;object-fit:contain}
.lb button{position:absolute;background:rgba(20,22,26,.8);color:#fff;border:1px solid var(--line-strong);width:48px;height:48px;font-size:1.8rem;line-height:1;cursor:pointer}
.lb-x{top:.6rem;right:.6rem}.lb-p{left:.6rem;top:50%;transform:translateY(-50%)}.lb-n{right:.6rem;top:50%;transform:translateY(-50%)}
.lb-c{position:absolute;bottom:.8rem;left:1rem;right:1rem;margin:0;text-align:center;color:var(--muted);font-size:.85rem}
.work-stage-visual img{object-fit:cover}
/* mobile fixes */
@media(max-width:640px){
  .wrap{padding-inline:1.15rem!important}
  h1{font-size:clamp(2.6rem,12.5vw,3.6rem)!important;overflow-wrap:break-word}
  .h2{font-size:clamp(2.1rem,10.5vw,3rem)!important;overflow-wrap:break-word}
  .hero{min-height:100svh;padding-bottom:3.5rem}
  .hero-cta{display:flex;flex-direction:column;align-items:stretch;gap:.6rem}
  .hero-cta .btn{width:100%}
  .hero-meta{flex-wrap:wrap;gap:.6rem 1.2rem}
  .reel{height:72svh!important;min-height:440px!important}
  .reel-cap{font-size:clamp(1.9rem,9vw,2.6rem)!important;height:1.3em!important}
  .reel-cap span{white-space:nowrap}
  .reel-dots{max-width:none}
  .reel-dots button{height:32px}
  .work-stage{min-height:0!important;grid-template-columns:1fr!important}
  .work-stage-visual{min-height:0!important;aspect-ratio:4/5}
  .work-stage-copy{padding:1.4rem 0 0!important}
  .work-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-1.15rem;padding-inline:1.15rem}
  .work-nav::-webkit-scrollbar{display:none}
  .work-nav button{flex:none;min-height:40px}
  .card-media{aspect-ratio:4/3}
  .info-list div{grid-template-columns:1fr!important}
  .info-list dd{overflow-wrap:anywhere}
  .form-points li,.ftr a{overflow-wrap:anywhere}
  .btn{white-space:normal;text-align:center}
  .sheet{padding-inline:1.25rem;justify-content:flex-start;overflow-y:auto}
  .sheet nav a{font-size:1.9rem}
  .sec{padding-block:4.5rem!important}
  .gal-head{grid-template-columns:1fr}.gal-head p{grid-column:1}.gal-n{font-size:1rem}
}
@media(max-width:860px){.work-stage{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%}.work-stage-visual,.work-stage-copy{min-width:0;width:100%}}

/* mobile fixes */
@media(max-width:960px){.field input,.field select,.field textarea{font-size:16px!important}}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.sheet{height:100vh;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}
@supports not (height:1svh){.hero{min-height:100vh!important}.reel{height:75vh!important}}
.sheet{background:#08090b!important}
/* lightbox transitions */
.lb:not([hidden]){animation:lbIn .35s var(--ease)}
.lb img{transition:opacity .25s,transform .35s var(--ease)}
.lb img.is-swap{opacity:0;transform:scale(.97)}
.lb:not([hidden]) img{animation:lbImg .45s var(--ease)}
@keyframes lbIn{from{opacity:0}}
@keyframes lbImg{from{opacity:0;transform:scale(.94)}}

/* ===== v7 curated 4-up gallery ===== */
.gal-4{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;gap:.5rem}
.gal-4 .gal-item{aspect-ratio:1/1;border-radius:10px;outline:1px solid transparent;outline-offset:-1px;transition:outline-color .35s var(--ease)}
.gal-4 .gal-item:first-child{grid-column:1/-1;aspect-ratio:4/3}
.gal-4 .gal-item:nth-child(n+5){display:none}
@media(min-width:760px){.gal-4{grid-template-columns:2fr 1fr;grid-template-rows:repeat(3,1fr);gap:.75rem;height:min(620px,70vw)}
 .gal-4 .gal-item{aspect-ratio:auto;height:100%}
 .gal-4 .gal-item:first-child{grid-column:1;grid-row:1/4;aspect-ratio:auto}}
.gal-4 .gal-item img{transition:transform 1s var(--ease)}
.gal-4 .gal-item:hover,.gal-4 .gal-item:focus-visible{outline-color:var(--copper)}
.gal-4 .gal-item:hover img{transform:scale(1.04)}
.gal-more{margin-top:1rem;display:inline-flex;align-items:center;gap:.6rem;min-height:48px;padding:.8rem 1.3rem;border:1px solid var(--copper);border-radius:999px;background:transparent;color:var(--text);font:600 .8rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .3s,color .3s}
.gal-more span{color:var(--muted);letter-spacing:.04em;text-transform:none;font-weight:500}
.gal-more:hover,.gal-more:active{background:var(--copper);color:#0a0a0a}.gal-more:hover span{color:#0a0a0a}
.lb-c{font-variant-numeric:tabular-nums}
.lb{background:#060709!important}.lb button{z-index:2}

/* language toggle */
.lang{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid rgba(255,255,255,.18);border-radius:999px;margin-left:auto;flex:none}
.lang button{border:0;background:transparent;color:rgba(243,241,236,.7);font:600 .72rem/1 inherit;letter-spacing:.08em;padding:.45rem .6rem;border-radius:999px;cursor:pointer;min-width:34px}
.lang button.is-on{background:#C4783A;color:#0a0a0a}
.lang button:hover:not(.is-on){color:#fff}
@media (min-width:960px){.lang{margin-left:0}}

/* new logo */
.brand-logo{display:block;height:62px;width:auto}
.ftr .brand-logo{height:120px}
.ld-logo{width:120px!important;height:auto!important;opacity:.9}
@media(max-width:700px){.brand-logo{height:52px}.ftr .brand-logo{height:100px}}