@charset "UTF-8";

.tramp-case{font-family:'Fira Sans Condensed',sans-serif}
.tramp-case .punct{background:var(--accent)}
.tramp-hero{padding:clamp(24px,3vw,48px) 0 clamp(45px,6vw,92px)}
.tramp-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;color:#a8a5a4;border-top:1px solid #3c3a39;padding-top:14px}
.tramp-breadcrumb a:hover{color:#fff}
.tramp-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(30px,5vw,90px);align-items:stretch;margin-top:clamp(30px,4vw,65px)}
.tramp-hero-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:clamp(10px,2vw,28px) 0}
.tramp-hero-copy>.micro{letter-spacing:.14em}
.tramp-hero h1{font-size:clamp(80px,9.5vw,165px);line-height:.8;letter-spacing:-.075em;margin:clamp(58px,8vw,145px) 0 30px}
.tramp-hero-copy>p{font-size:clamp(25px,2.7vw,44px);line-height:1.08;letter-spacing:-.025em;max-width:670px;margin:0}
.tramp-hero-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;width:100%;border-top:1px solid #62605e;padding-top:17px;margin-top:auto}
.tramp-hero-bottom>.micro{color:#bfb8b7}
.tramp-hero-bottom a{font-size:13px;border-bottom:1px solid #a9a4a2;padding-bottom:5px}
.tramp-hero-bottom a:hover{color:#fff;border-color:var(--accent)}
.tramp-hero-image{position:relative;min-width:0;overflow:hidden;background:#202522}
.tramp-hero-image img{display:block;width:100%;height:clamp(560px,68svh,790px);object-fit:cover;object-position:50% 50%}
.tramp-hero-image>.micro{position:absolute;right:16px;bottom:16px;color:#fff;background:#0a0a0aa6;padding:7px 9px}
.tramp-statement{padding:clamp(65px,8vw,140px) 0 clamp(75px,9vw,150px)}
.tramp-statement-label{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #8f8c88;padding-top:15px}
.tramp-statement-label>span:last-child{color:#6e6b69}
.tramp-statement-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,130px);align-items:end;margin-top:clamp(55px,8vw,135px)}
.tramp-stat strong{display:block;font-size:clamp(116px,17vw,270px);font-weight:700;letter-spacing:-.085em;line-height:.75;white-space:nowrap}
.tramp-stat span{display:block;font-size:clamp(17px,1.8vw,27px);margin-top:32px}
.tramp-statement-copy h2{font-size:clamp(46px,5.3vw,88px);line-height:.91;letter-spacing:-.06em;margin:0 0 28px}
.tramp-statement-copy p{font-size:clamp(18px,1.7vw,26px);line-height:1.3;max-width:600px;margin:0 0 36px;color:#484745}
.tramp-statement-copy>.micro{display:inline-block;border-top:1px solid #918e89;padding-top:14px;color:#77716f}
.tramp-series{padding-bottom:clamp(60px,8vw,135px)}
.tramp-chapter{padding-top:clamp(35px,4vw,65px);margin-top:clamp(35px,5vw,85px);border-top:1px solid #99958f}
.tramp-chapter:first-child{margin-top:0}
.tramp-chapter-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:clamp(26px,3vw,50px)}
.tramp-chapter-head h2{font-size:clamp(45px,5.8vw,96px);line-height:.9;letter-spacing:-.06em;margin:15px 0 20px;max-width:1000px}
.tramp-chapter-head p{font-size:clamp(17px,1.45vw,22px);line-height:1.35;color:#5a5753;max-width:660px;margin:0}
.tramp-chapter-nav{display:flex;align-items:center;gap:8px;flex:none}
.tramp-chapter-nav>span{margin-right:12px;color:#6f6a68;white-space:nowrap}
.tramp-chapter-nav strong{color:#111}
.tramp-chapter-nav button{width:42px;height:42px;border:1px solid #817d79;border-radius:50%;background:transparent;color:#151515;font:400 20px/1 'Fira Sans Condensed',sans-serif;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.tramp-chapter-nav button:hover:not(:disabled),.tramp-chapter-nav button:focus-visible{background:var(--ink);color:#fff;border-color:var(--ink)}
.tramp-chapter-nav button:disabled{opacity:.3;cursor:default}
.tramp-track-wrap{width:min(100% - 2*var(--gutter),var(--max));margin-inline:auto}
.tramp-track{display:grid;grid-auto-flow:column;grid-auto-columns:32%;gap:clamp(12px,1.5vw,24px);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;outline-offset:6px}
.tramp-track::-webkit-scrollbar{display:none}
.tramp-frame{min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always}
.tramp-frame img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;background:#c8c6c1}
.tramp-frame figcaption{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #a5a09b;padding-top:13px;margin-top:13px;font-size:13px;line-height:1.3}
.tramp-frame figcaption .micro{color:#ad1e46;white-space:nowrap}
.tramp-frame figcaption span:last-child{text-align:right}
.tramp-swipe{display:none}
.tramp-end{padding:clamp(70px,8vw,130px) 0}
.tramp-end-grid{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,3fr);gap:clamp(25px,5vw,100px);border-top:1px solid #5c5857;padding-top:22px}
.tramp-end-grid p{font-size:clamp(33px,4.3vw,72px);font-weight:700;line-height:1.03;letter-spacing:-.045em;max-width:1100px;margin:0 0 44px}
.tramp-end-grid a{display:inline-flex;align-items:center;gap:36px;border-bottom:1px solid #999;padding-bottom:10px;font-size:16px}
.tramp-end-grid a:hover{border-color:var(--accent);color:#fff}
.tramp-end-grid a svg{width:20px}

@media(max-width:900px){
  .tramp-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:28px}
  .tramp-hero h1{font-size:clamp(72px,9vw,95px)}
  .tramp-hero-copy>p{font-size:clamp(24px,3vw,34px)}
  .tramp-stat strong{font-size:clamp(110px,16vw,170px)}
  .tramp-track{grid-auto-columns:46%}
}
@media(max-width:700px){
  .tramp-hero{padding-top:24px;padding-bottom:35px}
  .tramp-hero-grid{display:flex;flex-direction:column;gap:24px;margin-top:25px}
  .tramp-hero-copy{padding:0}
  .tramp-hero h1{font-size:clamp(72px,15vw,115px);margin:43px 0 25px}
  .tramp-hero-copy>p{font-size:clamp(26px,6vw,37px);max-width:520px}
  .tramp-hero-bottom{margin-top:38px}
  .tramp-hero-image img{height:auto;aspect-ratio:3/4;object-fit:cover}
  .tramp-statement{padding:65px 0 75px}
  .tramp-statement-grid{grid-template-columns:1fr;gap:55px;margin-top:65px}
  .tramp-stat strong{font-size:clamp(116px,27vw,185px)}
  .tramp-stat span{margin-top:20px}
  .tramp-statement-copy h2{font-size:clamp(48px,10vw,75px)}
  .tramp-chapter{padding-top:35px;margin-top:55px}
  .tramp-chapter-head{align-items:start;flex-direction:column;gap:18px}
  .tramp-chapter-head h2{font-size:clamp(47px,10vw,72px);margin:12px 0 14px}
  .tramp-chapter-nav{align-self:flex-end}
  .tramp-track{grid-auto-columns:84%;gap:12px;padding-right:12%}
  .tramp-frame figcaption{font-size:12px}
  .tramp-swipe{display:block;color:#77716e;margin:12px 0 0}
  .tramp-end-grid{grid-template-columns:1fr;gap:28px}
  .tramp-end-grid p{font-size:clamp(38px,8.5vw,58px)}
}
@media(max-width:390px){
  .tramp-statement-label>span:last-child{display:none}
  .tramp-stat strong{font-size:26vw}
  .tramp-track{grid-auto-columns:88%;padding-right:8%}
}
@media(prefers-reduced-motion:reduce){.tramp-chapter-nav button{transition:none}}
.mitek-case .tramp-hero h1{font-size:clamp(76px,8vw,145px)}
.mitek-case #mitek-pavilions-track .tramp-frame img{aspect-ratio:1}
@media(max-width:700px){.mitek-case .tramp-hero h1{font-size:clamp(72px,15vw,115px)}}
.lpaoletti-case .tramp-hero-grid{align-items:center}
.lpaoletti-case .tramp-hero h1{font-size:clamp(48px,5.5vw,96px);letter-spacing:-.065em}
.lpaoletti-case .tramp-hero-image img{height:auto;aspect-ratio:16/9;object-fit:cover}
.lpaoletti-case .tramp-frame img{aspect-ratio:4/3}
.lpaoletti-case #lpaoletti-details-track .tramp-frame img{aspect-ratio:1}
@media(max-width:700px){.lpaoletti-case .tramp-hero-grid{align-items:stretch}.lpaoletti-case .tramp-hero h1{font-size:clamp(46px,10vw,74px);margin-top:42px}.lpaoletti-case .tramp-hero-image img{aspect-ratio:16/9}}