/* ATREZZO SCROLL SECTIONS 02 — scoped component CSS, no global reset required */
.ats2-scope {
  --ats2-black: #111513;
  --ats2-paper: #e9e7e1;
  --ats2-cream: #f6f4ee;
  --ats2-silver: #c4cec8;
  --ats2-accent: #bdc8c2;
  --ats2-gutter: clamp(20px, 5.7vw, 100px);
  color: var(--ats2-cream);
  font-family: Inter, 'Helvetica Neue', Arial, sans-serif;
}
.ats2-scope *, .ats2-scope *::before, .ats2-scope *::after { box-sizing: border-box; }
.ats2-scope img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ats2-scope a { color: inherit; }
.ats2-scope :focus-visible { outline: 3px solid #c2e9d9; outline-offset: 5px; }
.ats2-scene { position: relative; width: 100%; isolation: isolate; }
.ats2-stage { position: relative; overflow: clip; width: 100%; }
.ats2-scene-kicker {
  font-weight: 700; text-transform: uppercase; letter-spacing: .18em; font-size: clamp(9px,.77vw,12px);
}
.ats2-scene-title { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; letter-spacing: -.075em; line-height: .93; }
.ats2-scene-subtitle { font-size: clamp(13px,1.05vw,17px); line-height: 1.55; max-width: 35ch; font-weight: 400; }
.ats2-scene-tiny { font-size: 11px; text-transform: uppercase; letter-spacing: .12em; }

/* Default / no-JS version: ALL real text and photos stay visible, no transforms. */
.ats2-handoff-layout { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); background: #171b18; }
.ats2-handoff-pane { min-height: 83svh; position: relative; overflow: hidden; }
.ats2-handoff-pane::after { content:''; position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,12,10,.7),transparent 72%),linear-gradient(0deg,rgba(8,12,10,.48),transparent 58%);pointer-events:none; }
.ats2-handoff-pane > img {position:absolute;inset:0;}
.ats2-handoff-copy { position:absolute;z-index:2;left:var(--ats2-gutter);right:var(--ats2-gutter);bottom:clamp(44px,9svh,110px); display:grid; gap:clamp(12px,1.8vw,26px); }
.ats2-handoff-copy .ats2-scene-title { font-size:clamp(50px,7vw,124px);max-width:8ch; }
.ats2-handoff-meta { position:absolute;left:var(--ats2-gutter);top:clamp(20px,4svh,60px);z-index:3; }
.ats2-handoff-edge { display:none; }
.ats2-spot-marker { display:none; }

/* 02 - cinematic horizontal editorial story, static fallback uses a simple grid */
.ats2-film-scene { background:var(--ats2-paper); color:var(--ats2-black); }
.ats2-film-stage {padding:clamp(54px,6svh,80px) var(--ats2-gutter) clamp(50px,5svh,80px);}
.ats2-film-header {display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:clamp(26px,3svh,52px);}
.ats2-film-title {font-size:clamp(42px,7vw,110px); margin:12px 0 0; max-width:11ch;}
.ats2-film-subtitle {max-width:28ch;color:#52615a;font-size:clamp(12px,1.08vw,16px);line-height:1.5;}
.ats2-film-viewport {width:100%; overflow:clip;}
.ats2-film-track {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.ats2-film-frame {position:relative;min-width:0;height:clamp(320px,48svh,690px);overflow:hidden;background:#242a26;}
.ats2-film-frame::after {content:'';position:absolute;inset:0; background:linear-gradient(0deg,rgba(6,9,8,.78),rgba(6,9,8,0) 65%);pointer-events:none;}
.ats2-film-frame img {position:absolute;inset:0;}
.ats2-film-frame__copy {position:absolute;z-index:1;bottom:clamp(20px,3vw,50px);left:clamp(18px,3.2vw,56px);right:clamp(18px,3vw,50px);color:white;}
.ats2-film-frame__copy h3 {font-family:Georgia,'Times New Roman',serif;letter-spacing:-.055em;font-weight:400;font-size:clamp(26px,3.25vw,66px);line-height:1.05;margin:14px 0 8px;}
.ats2-film-frame__copy p {font-size:clamp(12px,.98vw,15px);max-width:38ch;line-height:1.5;}
.ats2-film-counter {display:none;}

/* 03 - layered full-screen chapters; fallback keeps all three in document flow */
.ats2-depth-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#121514;}
.ats2-depth-layer {min-height:85svh;position:relative;overflow:hidden;}
.ats2-depth-layer::after {content:'';position:absolute;inset:0; background:linear-gradient(0deg,rgba(5,9,7,.76),rgba(5,8,7,.04) 70%);pointer-events:none;}
.ats2-depth-layer img {position:absolute;inset:0;}
.ats2-depth-copy {position:absolute;z-index:2;left:var(--ats2-gutter);right:var(--ats2-gutter);bottom:clamp(45px,11svh,130px);display:grid;gap:18px;}
.ats2-depth-copy h2 {font-size:clamp(48px,6vw,110px);max-width:10ch;}
.ats2-depth-index {position:absolute;z-index:2;left:var(--ats2-gutter);top:clamp(24px,5svh,60px);}
.ats2-depth-topline {display:none;}

/* Activated only when user has not requested reduced motion and JS succeeded. */
.ats2-enhanced .ats2-scene--handoff {height:205svh;}
.ats2-enhanced .ats2-scene--film {height:225svh;}
.ats2-enhanced .ats2-scene--depth {height:285svh;}
.ats2-enhanced .ats2-stage {position:sticky;top:0;height:100svh;}
.ats2-enhanced .ats2-handoff-layout {display:block;position:absolute;inset:0;}
.ats2-enhanced .ats2-handoff-pane {position:absolute;inset:0;min-height:0;}
.ats2-enhanced .ats2-handoff-pane--first {z-index:1;}
.ats2-enhanced .ats2-handoff-pane--second {z-index:2;clip-path:inset(0 var(--ats2-wipe,100%) 0 0);}
.ats2-enhanced .ats2-handoff-pane--first > img {transform:scale(var(--ats2-first-scale,1));transform-origin:center;}
.ats2-enhanced .ats2-handoff-pane--second > img {transform:scale(var(--ats2-second-scale,1.15));transform-origin:center;}
.ats2-enhanced .ats2-handoff-pane--first .ats2-handoff-copy {opacity:var(--ats2-first-copy,1);transform:translate3d(0,var(--ats2-first-shift,0px),0);}
.ats2-enhanced .ats2-handoff-pane--second .ats2-handoff-copy {opacity:var(--ats2-second-copy,0);}
.ats2-enhanced .ats2-handoff-edge {display:block;position:absolute;top:0;bottom:0;z-index:4;left:var(--ats2-edge,0%);height:100%;width:1px;background:rgba(255,255,255,.45);pointer-events:none;}
.ats2-enhanced .ats2-spot-marker {display:block;position:absolute;z-index:5;right:var(--ats2-gutter);top:clamp(24px,4svh,55px);font-size:11px;letter-spacing:.18em;font-weight:700;}
.ats2-enhanced .ats2-spot-marker::after {content:var(--ats2-number,'01 / 02');}

.ats2-enhanced .ats2-film-stage {padding:clamp(48px,6svh,85px) 0 0;display:flex;flex-direction:column;justify-content:flex-start;}
.ats2-enhanced .ats2-film-header {padding:0 var(--ats2-gutter);margin-bottom:clamp(22px,4svh,54px);}
.ats2-enhanced .ats2-film-viewport {flex:1;min-height:0;}
.ats2-enhanced .ats2-film-track {display:flex;gap:clamp(18px,2vw,36px);width:max-content;height:100%;padding:0 var(--ats2-gutter) clamp(24px,5svh,62px);transform:translate3d(var(--ats2-film-x,0px),0,0);}
.ats2-enhanced .ats2-film-frame {flex:0 0 clamp(420px,74vw,1240px);height:100%;}
.ats2-enhanced .ats2-film-frame img {transform:scale(1.035);}
.ats2-enhanced .ats2-film-counter {display:block;position:absolute;right:var(--ats2-gutter);top:clamp(48px,6svh,85px);z-index:4;letter-spacing:.18em;font-size:11px;color:#52615a;}
.ats2-enhanced .ats2-film-scene[data-ats2-active="1"] .ats2-film-counter::after {content:'01 / 03';}
.ats2-enhanced .ats2-film-scene[data-ats2-active="2"] .ats2-film-counter::after {content:'02 / 03';}
.ats2-enhanced .ats2-film-scene[data-ats2-active="3"] .ats2-film-counter::after {content:'03 / 03';}

.ats2-enhanced .ats2-depth-grid {position:absolute;inset:0;display:block;}
.ats2-enhanced .ats2-depth-layer {position:absolute;inset:0;min-height:0;}
.ats2-enhanced .ats2-depth-layer--first {z-index:1;transform:scale(var(--ats2-depth-a-scale,1));filter:brightness(var(--ats2-depth-a-dim,1));}
.ats2-enhanced .ats2-depth-layer--second {z-index:2;clip-path:inset(var(--ats2-depth-second,100%) 0 0 0);}
.ats2-enhanced .ats2-depth-layer--second img {transform:scale(var(--ats2-depth-b-scale,1.08));}
.ats2-enhanced .ats2-depth-layer--third {z-index:3;clip-path:inset(var(--ats2-depth-third,100%) 0 0 0);}
.ats2-enhanced .ats2-depth-layer--third img {transform:scale(var(--ats2-depth-c-scale,1.08));}
.ats2-enhanced .ats2-depth-layer--first .ats2-depth-copy {opacity:var(--ats2-depth-a-copy,1);}
.ats2-enhanced .ats2-depth-layer--second .ats2-depth-copy {opacity:var(--ats2-depth-b-copy,0);}
.ats2-enhanced .ats2-depth-layer--third .ats2-depth-copy {opacity:var(--ats2-depth-c-copy,0);}
.ats2-enhanced .ats2-depth-topline {display:flex;position:absolute;top:clamp(24px,5svh,55px);right:var(--ats2-gutter);z-index:6;gap:9px;align-items:center;letter-spacing:.16em;font-size:10px;font-weight:700;}
.ats2-enhanced .ats2-depth-topline i {width:30px;height:1px;background:white;opacity:.6;}

@media (max-width: 850px) {
  .ats2-handoff-layout,.ats2-depth-grid {grid-template-columns:1fr;}
  .ats2-handoff-pane,.ats2-depth-layer {min-height:75svh;}
  .ats2-film-track {grid-template-columns:1fr;}
  .ats2-film-frame {height:66svh;}
  .ats2-film-header {align-items:start;flex-direction:column;}
  .ats2-film-subtitle {max-width:42ch;}
  .ats2-enhanced .ats2-film-frame {flex-basis:84vw;}
  .ats2-enhanced .ats2-film-header {min-height:110px;margin-bottom:28px;}
  .ats2-enhanced .ats2-film-frame__copy h3 {font-size:clamp(31px,7vw,56px);}
  .ats2-enhanced .ats2-film-counter {top:32px;}
  .ats2-handoff-copy .ats2-scene-title {font-size:clamp(56px,13vw,92px);}
  .ats2-depth-copy h2 {font-size:clamp(55px,12vw,94px);}
}
@media (max-width: 520px) {
  .ats2-enhanced .ats2-handoff-pane::after {background:linear-gradient(0deg,rgba(6,10,9,.82) 0%,rgba(7,10,9,.26) 70%);}
  .ats2-handoff-copy {bottom:10svh;gap:13px;}
  .ats2-handoff-copy .ats2-scene-title {font-size:clamp(50px,14.5vw,76px);}
  .ats2-film-header {padding-right:50px!important;}
  .ats2-film-subtitle {font-size:12px;}
  .ats2-enhanced .ats2-film-stage {padding-top:36px;}
  .ats2-enhanced .ats2-film-header {margin-bottom:22px;}
  .ats2-enhanced .ats2-film-frame {flex-basis:76vw;}
  .ats2-enhanced .ats2-film-frame__copy {bottom:30px;}
  .ats2-enhanced .ats2-film-counter {top:19px;}
  .ats2-depth-copy {bottom:9svh;gap:12px;}
  .ats2-depth-copy h2 {font-size:clamp(52px,14vw,80px);}
  .ats2-scene-subtitle {font-size:13px;}
  .ats2-enhanced .ats2-scene--handoff {height:195svh;}
  .ats2-enhanced .ats2-scene--film {height:220svh;}
  .ats2-enhanced .ats2-scene--depth {height:260svh;}
}
@media (prefers-reduced-motion: reduce) {
  .ats2-scope *, .ats2-scope *::before, .ats2-scope *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}