/* LOUNGE33 | site.css v2.0.0 | tokens documented in DESIGN.md */

@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/cormorant-garamond-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400;font-display:swap;src:url(../assets/fonts/cormorant-garamond-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/inter-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/inter-latin-600-normal.woff2) format("woff2")}

:root{
  --l33-ink:#0E0D0B;
  --l33-charcoal:#17130F;
  --l33-espresso:#2B241C;
  --l33-bronze:#C69A63;
  --l33-bronze-hi:#DDB37E;
  --l33-ivory:#F7F1E7;
  --l33-text:#D3C9BC;
  --l33-stone:#BEB4A7;
  --l33-line:rgba(237,220,196,.18);
  --l33-focus:#EEC997;
  --l33-error:#E89A84;
  --l33-success:#A9C59A;

  --l33-serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --l33-sans:"Inter",Arial,Helvetica,sans-serif;

  --l33-fs-display:clamp(3.2rem,12vw,7.6rem);
  --l33-fs-h2:clamp(2.5rem,6vw,5.2rem);
  --l33-fs-h3:clamp(1.75rem,3vw,2.6rem);
  --l33-fs-lead:1.125rem;
  --l33-fs-body:1rem;
  --l33-fs-small:.875rem;
  --l33-fs-eyebrow:.6875rem;

  --l33-s1:4px;--l33-s2:8px;--l33-s3:12px;--l33-s4:16px;--l33-s5:24px;--l33-s6:32px;--l33-s7:48px;--l33-s8:64px;--l33-s9:96px;

  --l33-max:1360px;
  --l33-gutter:20px;
  --l33-section:72px;
  --l33-header:72px;

  --l33-r-card:4px;
  --l33-r-btn:2px;

  --l33-ease:cubic-bezier(.22,1,.36,1);
  --l33-t-ui:180ms;
  --l33-t-fade:360ms;
  --l33-t-reveal:650ms;
}
@media (min-width:768px){:root{--l33-gutter:clamp(24px,5vw,80px);--l33-section:clamp(96px,10vw,160px);--l33-header:78px}}

/* Base */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--l33-header)}
body{margin:0;background:var(--l33-ink);color:var(--l33-text);font:400 var(--l33-fs-body)/1.7 var(--l33-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
body.is-locked{overflow:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
::selection{background:var(--l33-bronze);color:var(--l33-ink)}
:focus-visible{outline:2px solid var(--l33-focus);outline-offset:3px}
[hidden]{display:none!important}
section[id]{scroll-margin-top:var(--l33-header)}

.l33-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.l33-skip{position:fixed;left:16px;top:-80px;z-index:3000;background:var(--l33-ivory);color:var(--l33-ink);padding:12px 18px;font-weight:600;text-decoration:none;border-radius:var(--l33-r-btn)}
.l33-skip:focus{top:16px}
.l33-container{width:min(100% - 2*var(--l33-gutter),var(--l33-max));margin-inline:auto}

/* Type */
.l33-eyebrow{font:600 var(--l33-fs-eyebrow)/1.5 var(--l33-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--l33-bronze);margin-bottom:var(--l33-s5)}
.l33-display{font:400 var(--l33-fs-display)/.92 var(--l33-serif);letter-spacing:-.035em;color:var(--l33-ivory)}
.l33-h2{font:400 var(--l33-fs-h2)/1.02 var(--l33-serif);letter-spacing:-.03em;color:var(--l33-ivory);text-wrap:balance}
.l33-h2 em{font-style:italic;color:var(--l33-bronze)}
.l33-h3{font:400 var(--l33-fs-h3)/1.08 var(--l33-serif);letter-spacing:-.02em;color:var(--l33-ivory)}
.l33-lead{font-size:var(--l33-fs-lead);line-height:1.7;max-width:60ch}
.l33-head{margin-bottom:var(--l33-s7)}
.l33-head .l33-lead{margin-top:var(--l33-s5)}
.l33-head--center{text-align:center}
.l33-head--center .l33-lead{margin-inline:auto}
.l33-hairline{display:block;width:64px;height:1px;background:var(--l33-bronze);margin:var(--l33-s6) auto 0}

/* Buttons and links */
.l33-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:14px 24px;border-radius:var(--l33-r-btn);border:1px solid var(--l33-bronze);font:600 .875rem/1.2 var(--l33-sans);letter-spacing:.02em;text-decoration:none;transition:background var(--l33-t-ui),color var(--l33-t-ui),transform var(--l33-t-ui),border-color var(--l33-t-ui);-webkit-tap-highlight-color:transparent}
.l33-btn--primary{background:var(--l33-bronze);color:var(--l33-ink)}
.l33-btn--primary:hover{background:var(--l33-bronze-hi);border-color:var(--l33-bronze-hi);transform:translateY(-1px)}
.l33-btn--secondary{background:transparent;color:var(--l33-ivory)}
.l33-btn--secondary:hover{background:rgba(198,154,99,.14)}
.l33-btn--block{width:100%}
.l33-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.l33-arrow{display:inline-block;width:18px;height:1px;background:currentColor;position:relative;flex:none;transition:transform var(--l33-t-ui) var(--l33-ease)}
.l33-arrow::after{content:"";position:absolute;right:0;top:-3.5px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
.l33-btn:hover .l33-arrow,.l33-link:hover .l33-arrow{transform:translateX(4px)}
.l33-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--l33-ivory);font-weight:500;font-size:var(--l33-fs-small);letter-spacing:.02em;text-decoration:underline;text-decoration-color:var(--l33-bronze);text-underline-offset:6px}

/* Progress */
.l33-progress{position:fixed;inset:0 0 auto;height:2px;z-index:1500;pointer-events:none}
.l33-progress span{display:block;height:100%;background:var(--l33-bronze);transform-origin:0 50%;transform:scaleX(0)}

/* Header */
.l33-header{position:fixed;inset:0 0 auto;z-index:1200;height:var(--l33-header);display:flex;align-items:center;padding-top:env(safe-area-inset-top);border-bottom:1px solid transparent;transition:background var(--l33-t-fade),border-color var(--l33-t-fade)}
.l33-header.is-scrolled{background:rgba(23,19,15,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--l33-line)}
.l33-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--l33-s5)}
.l33-logo{font:400 1.75rem/1 var(--l33-serif);letter-spacing:.04em;color:var(--l33-ivory);text-decoration:none;white-space:nowrap}
.l33-logo span{color:var(--l33-bronze)}
.l33-nav{display:none}
.l33-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-right:-12px;color:var(--l33-ivory)}
@media (min-width:1024px){
  .l33-logo{font-size:2rem}
  .l33-menu-btn{display:none}
  .l33-nav{display:flex;align-items:center;gap:clamp(20px,2.4vw,36px)}
  .l33-nav ul{display:flex;gap:clamp(18px,2.2vw,32px)}
  .l33-nav ul a{display:inline-block;padding:12px 0;font-size:.8125rem;letter-spacing:.02em;color:#E5DBCF;text-decoration:none;border-bottom:1px solid transparent;transition:color var(--l33-t-ui),border-color var(--l33-t-ui)}
  .l33-nav ul a:hover,.l33-nav ul a[aria-current="true"]{color:var(--l33-bronze);border-bottom-color:var(--l33-bronze)}
  .l33-nav__cta{min-height:44px;padding:10px 20px}
}

/* Mobile menu */
.l33-menu{position:fixed;inset:0;z-index:2000;background:var(--l33-charcoal);display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 calc(var(--l33-s6) + env(safe-area-inset-bottom));overflow-y:auto}
.l33-menu__top{display:flex;align-items:center;justify-content:space-between;height:var(--l33-header);border-bottom:1px solid var(--l33-line)}
.l33-menu__close{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 4px;font-size:var(--l33-fs-small);color:var(--l33-ivory)}
.l33-menu nav{display:flex;flex-direction:column;flex:1;padding-top:var(--l33-s6)}
.l33-menu__list{margin-bottom:var(--l33-s7)}
.l33-menu__list a{display:flex;align-items:baseline;gap:var(--l33-s4);padding:14px 0;border-bottom:1px solid var(--l33-line);font:400 2.25rem/1.15 var(--l33-serif);color:var(--l33-ivory);text-decoration:none}
.l33-menu__list a span{font:600 var(--l33-fs-eyebrow)/1 var(--l33-sans);letter-spacing:.2em;color:var(--l33-bronze)}
.l33-menu .l33-btn{margin-top:auto}

/* Hero */
.l33-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:max(600px,92svh);overflow:hidden;background:var(--l33-charcoal)}
.l33-hero__media,.l33-hero__media img,.l33-hero__veil{position:absolute;inset:0;width:100%;height:100%}
.l33-hero__media{z-index:-2}
.l33-hero__media img{object-fit:cover;object-position:60% 50%}
.js .l33-hero__media img{animation:l33-settle 1.3s var(--l33-ease) both}
@keyframes l33-settle{from{transform:scale(1.04)}to{transform:scale(1)}}
.l33-hero__veil{z-index:-1;background:linear-gradient(180deg,rgba(10,9,7,.6) 0%,rgba(10,9,7,.15) 22%,rgba(10,9,7,.72) 42%,rgba(10,9,7,.9) 70%,rgba(10,9,7,.97) 100%)}
.l33-hero__content{padding:calc(var(--l33-header) + var(--l33-s7)) 0 calc(var(--l33-s9) + env(safe-area-inset-bottom))}
.l33-hero__lead{max-width:30rem;margin-top:var(--l33-s5);color:#ECE2D6;font-size:var(--l33-fs-lead)}
.l33-actions{display:flex;flex-direction:column;gap:var(--l33-s3);margin-top:var(--l33-s6)}
.l33-scroll{position:absolute;left:var(--l33-gutter);bottom:calc(var(--l33-s5) + env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:var(--l33-s3);min-height:44px;font:500 .625rem/1 var(--l33-sans);letter-spacing:.22em;text-transform:uppercase;color:#E8DDCF;text-decoration:none}
.l33-scroll__line{width:1px;height:28px;background:linear-gradient(var(--l33-bronze),transparent)}
@media (min-width:480px){.l33-actions{flex-direction:row;flex-wrap:wrap}}
@media (min-width:768px){
  .l33-hero{align-items:center;min-height:max(660px,100svh)}
  .l33-hero__media img{object-position:center}
  .l33-hero__veil{background:linear-gradient(90deg,rgba(10,9,7,.94) 0%,rgba(10,9,7,.8) 26%,rgba(10,9,7,.38) 56%,rgba(10,9,7,.04) 88%),linear-gradient(0deg,rgba(10,9,7,.6),transparent 34%)}
  .l33-hero__content{padding-block:calc(var(--l33-header) + var(--l33-s6)) var(--l33-s9)}
  .l33-hero__content > *{max-width:min(48%,720px)}
  .l33-hero__content .l33-display{max-width:none}
  .l33-display{font-size:clamp(4rem,7vw,7.6rem)}
  .l33-scroll{bottom:var(--l33-s6)}
}

/* Sections */
.l33-section{padding-block:var(--l33-section)}

/* Intro */
.l33-intro{background:var(--l33-charcoal)}
.l33-intro__grid{display:grid;gap:var(--l33-s6)}
.l33-intro__side{border-left:1px solid var(--l33-bronze);padding-left:var(--l33-s5);max-width:28rem}
@media (min-width:1024px){
  .l33-intro__grid{grid-template-columns:1.35fr .65fr;align-items:end;gap:clamp(48px,8vw,140px)}
  .l33-intro__side{padding-bottom:10px}
}

/* Collections */
.l33-collections{background:radial-gradient(ellipse 80% 50% at 50% 0%,#33271C 0%,#19140F 50%,var(--l33-ink) 82%)}
.l33-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.l33-card{position:relative;display:flex;flex-direction:column;text-align:left;border:1px solid var(--l33-line);border-radius:var(--l33-r-card);background:var(--l33-espresso);overflow:hidden;transition:border-color var(--l33-t-ui);-webkit-tap-highlight-color:transparent}
.l33-card::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--l33-bronze);transform:scaleX(0);transform-origin:0 50%;transition:transform var(--l33-t-fade) var(--l33-ease);z-index:2}
.l33-card__media{display:block;aspect-ratio:4/5;overflow:hidden}
.l33-card__media img{width:100%;height:100%;object-fit:cover;opacity:.62;transition:opacity var(--l33-t-fade),transform 700ms var(--l33-ease)}
.l33-card__body{display:flex;flex-direction:column;gap:6px;padding:12px 10px 14px}
.l33-card__num{font:600 var(--l33-fs-eyebrow)/1 var(--l33-sans);letter-spacing:.2em;color:var(--l33-bronze)}
.l33-card__title{font:400 1.125rem/1.1 var(--l33-serif);color:var(--l33-ivory)}
.l33-card__text{display:none;font-size:var(--l33-fs-small);line-height:1.6;color:var(--l33-stone)}
.l33-card.is-active{border-color:rgba(198,154,99,.55)}
.l33-card.is-active::before{transform:scaleX(1)}
.l33-card.is-active .l33-card__media img{opacity:1}
@media (hover:hover){
  .l33-card:hover{border-color:rgba(198,154,99,.55)}
  .l33-card:hover .l33-card__media img{opacity:1;transform:scale(1.035)}
}
.l33-feature{display:grid;margin-top:var(--l33-s5);border:1px solid var(--l33-line);border-radius:var(--l33-r-card);background:var(--l33-charcoal);overflow:hidden}
.l33-feature__media{aspect-ratio:16/11;overflow:hidden}
.l33-feature__media img{width:100%;height:100%;object-fit:cover;transition:opacity var(--l33-t-fade)}
.l33-feature__media img.is-fading{opacity:0}
.l33-feature__body{padding:var(--l33-s5) var(--l33-s5) var(--l33-s6)}
.l33-feature__body .l33-eyebrow{margin-bottom:var(--l33-s3)}
.l33-feature__body p:not(.l33-eyebrow){margin:var(--l33-s4) 0 var(--l33-s4);max-width:42ch}
@media (min-width:768px){
  .l33-cards{gap:var(--l33-s5)}
  .l33-card__body{padding:var(--l33-s5) var(--l33-s5) var(--l33-s6);gap:10px}
  .l33-card__title{font-size:clamp(1.5rem,2.4vw,2.1rem)}
  .l33-card__text{display:block}
  .l33-feature{grid-template-columns:1.4fr 1fr;align-items:center;margin-top:var(--l33-s6)}
  .l33-feature__media{aspect-ratio:auto;height:100%;min-height:380px}
  .l33-feature__body{padding:var(--l33-s7)}
}
@media (max-width:379px){.l33-card__title{font-size:1rem}.l33-card__body{padding:10px 8px 12px}}

/* Details */
.l33-details{background:var(--l33-ink)}
.l33-details__grid{display:grid;gap:var(--l33-s6)}
.l33-details__copy .l33-head{margin-bottom:var(--l33-s6)}
.l33-tabs{display:flex;border-bottom:1px solid var(--l33-line)}
.l33-tabs [role="tab"]{flex:1;min-height:52px;font:600 .75rem/1 var(--l33-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--l33-stone);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--l33-t-ui),border-color var(--l33-t-ui)}
.l33-tabs [role="tab"][aria-selected="true"]{color:var(--l33-ivory);border-bottom-color:var(--l33-bronze)}
.l33-tabs [role="tab"]:hover{color:var(--l33-ivory)}
.l33-details__statement{margin-top:var(--l33-s5);font:400 clamp(1.6rem,3vw,2.4rem)/1.2 var(--l33-serif);color:var(--l33-ivory);min-height:2.4em;transition:opacity var(--l33-t-fade)}
.l33-details__media{border-radius:var(--l33-r-card);overflow:hidden;aspect-ratio:4/3;background:var(--l33-espresso)}
.l33-details__media img{width:100%;height:100%;object-fit:cover;transition:opacity var(--l33-t-fade)}
.is-fading{opacity:0}
@media (min-width:1024px){
  .l33-details__grid{grid-template-columns:1fr 1.15fr;align-items:center;gap:clamp(48px,7vw,120px)}
  .l33-tabs{max-width:30rem}
  .l33-tabs [role="tab"]{flex:0 0 auto;padding:0 28px 0 0;text-align:left}
  .l33-details__media{aspect-ratio:1/1}
}

/* Philosophy */
.l33-approach{background:var(--l33-charcoal)}
.l33-pillars{display:grid;border-top:1px solid var(--l33-line)}
.l33-pillars li{padding:var(--l33-s6) 0;border-bottom:1px solid var(--l33-line)}
.l33-pillars__num{display:block;font:600 var(--l33-fs-eyebrow)/1 var(--l33-sans);letter-spacing:.2em;color:var(--l33-bronze);margin-bottom:var(--l33-s4)}
.l33-pillars h3{font:400 1.875rem/1.1 var(--l33-serif);color:var(--l33-ivory);margin-bottom:var(--l33-s3)}
.l33-pillars p{max-width:34ch}
@media (min-width:768px){
  .l33-pillars{grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--l33-line)}
  .l33-pillars li{padding:var(--l33-s7) var(--l33-s6);border-bottom:0}
  .l33-pillars li + li{border-left:1px solid var(--l33-line)}
  .l33-pillars li:first-child{padding-left:0}
}

/* Gallery */
.l33-gallery__head{display:grid;gap:var(--l33-s5);margin-bottom:var(--l33-s6)}
.l33-gallery__head .l33-head{margin-bottom:0}
.l33-filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1*var(--l33-gutter));padding-inline:var(--l33-gutter)}
.l33-filters::-webkit-scrollbar{display:none}
.l33-filters button{flex:none;min-height:44px;padding:0 16px;border:1px solid var(--l33-line);border-radius:999px;font-size:var(--l33-fs-small);color:var(--l33-stone);transition:color var(--l33-t-ui),border-color var(--l33-t-ui),background var(--l33-t-ui)}
.l33-filters button:hover{color:var(--l33-ivory)}
.l33-filters button[aria-pressed="true"]{color:var(--l33-ink);background:var(--l33-bronze);border-color:var(--l33-bronze)}
.l33-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.l33-grid__item{border-radius:var(--l33-r-card);overflow:hidden;transition:opacity var(--l33-t-fade),filter var(--l33-t-fade)}
.l33-grid__item button{display:block;width:100%;height:100%;position:relative}
.l33-grid__item img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5;transition:transform 700ms var(--l33-ease)}
.l33-grid__item.g-a,.l33-grid__item.g-f{grid-column:1/-1}
.l33-grid__item.g-a img,.l33-grid__item.g-f img{aspect-ratio:16/10}
.l33-grid__item.is-dim{opacity:.16;filter:grayscale(1)}
@media (hover:hover){.l33-grid__item:not(.is-dim) button:hover img{transform:scale(1.035)}}
.l33-disclaimer{margin-top:var(--l33-s5);font-size:var(--l33-fs-small);color:var(--l33-stone);padding-left:var(--l33-s4);border-left:1px solid var(--l33-bronze)}
@media (max-width:379px){.l33-grid{grid-template-columns:1fr}.l33-grid__item img{aspect-ratio:4/3}}
@media (min-width:768px){
  .l33-gallery__head{grid-template-columns:1fr auto;align-items:end;gap:var(--l33-s6)}
  .l33-filters{margin:0;padding:0;flex-wrap:wrap}
  .l33-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:clamp(150px,17vw,250px);gap:12px}
  .l33-grid__item img,.l33-grid__item.g-a img,.l33-grid__item.g-f img{aspect-ratio:auto}
  .g-a{grid-column:1/8!important;grid-row:span 2}
  .g-b{grid-column:8/13;grid-row:span 2}
  .g-c{grid-column:1/5}
  .g-d{grid-column:5/9}
  .g-e{grid-column:9/13;grid-row:span 2}
  .g-f{grid-column:1/9!important}
}

/* Potential */
.l33-potential{display:grid;background:var(--l33-charcoal)}
.l33-potential__media{display:none;overflow:hidden}
.l33-potential__media img{width:100%;height:100%;object-fit:cover}
.l33-potential__body{padding:var(--l33-section) var(--l33-gutter)}
.l33-potential__body .l33-lead{margin:var(--l33-s5) 0 var(--l33-s4)}
.l33-potential__body p:not(.l33-eyebrow):not(.l33-lead){max-width:52ch;color:var(--l33-stone);margin-bottom:var(--l33-s6)}
@media (min-width:1024px){
  .l33-potential{grid-template-columns:1fr 1fr;align-items:center}
  .l33-potential__media{display:block;height:100%;min-height:640px}
  .l33-potential__body{padding:var(--l33-section) var(--l33-gutter) var(--l33-section) clamp(48px,6vw,110px);max-width:760px}
}

/* Acquisition */
.l33-acq{background:var(--l33-ink);border-top:1px solid var(--l33-line)}
.l33-acq__grid{display:grid;gap:var(--l33-s7)}
.l33-acq__copy .l33-lead{margin-top:var(--l33-s5)}
.l33-acq__facts{display:grid;gap:var(--l33-s4);margin-top:var(--l33-s6);padding-top:var(--l33-s5);border-top:1px solid var(--l33-line)}
.l33-acq__facts dt{font:600 var(--l33-fs-eyebrow)/1.5 var(--l33-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--l33-stone)}
.l33-acq__facts dd{font:400 1.375rem/1.3 var(--l33-serif);color:var(--l33-ivory)}
.l33-acq__facts a{text-decoration:underline;text-decoration-color:var(--l33-bronze);text-underline-offset:5px}
@media (min-width:1024px){.l33-acq__grid{grid-template-columns:.9fr 1.1fr;gap:clamp(56px,7vw,120px);align-items:start}.l33-acq__copy{position:sticky;top:calc(var(--l33-header) + 40px)}}

/* Form */
.l33-form{display:grid;gap:var(--l33-s5);padding:var(--l33-s5);border:1px solid var(--l33-line);border-radius:var(--l33-r-card);background:var(--l33-charcoal)}
.l33-form__row{display:grid;gap:var(--l33-s5)}
@media (min-width:640px){.l33-form__row{grid-template-columns:1fr 1fr}}
@media (min-width:768px){.l33-form{padding:var(--l33-s7)}}
.l33-field label{display:block;margin-bottom:var(--l33-s2);font-size:var(--l33-fs-small);font-weight:500;color:var(--l33-ivory)}
.l33-field label span{font-weight:400;color:var(--l33-stone)}
.l33-field input:not([type="checkbox"]),.l33-field select,.l33-field textarea{display:block;width:100%;min-height:52px;padding:14px 16px;font-size:1rem;line-height:1.4;color:var(--l33-ivory);background:var(--l33-espresso);border:1px solid var(--l33-line);border-radius:var(--l33-r-btn);transition:border-color var(--l33-t-ui),box-shadow var(--l33-t-ui);-webkit-appearance:none;appearance:none}
.l33-field textarea{resize:vertical;min-height:150px}
.l33-field input:focus,.l33-field select:focus,.l33-field textarea:focus{outline:none;border-color:var(--l33-bronze);box-shadow:0 0 0 1px var(--l33-bronze)}
.l33-field input:focus-visible,.l33-field select:focus-visible,.l33-field textarea:focus-visible{outline:2px solid var(--l33-focus);outline-offset:2px}
.l33-select{position:relative}
.l33-select::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;border-right:1px solid var(--l33-bronze);border-bottom:1px solid var(--l33-bronze);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.l33-select select{padding-right:44px}
.l33-field__hint{margin-top:6px;font-size:.8125rem;color:var(--l33-stone)}
.l33-field__error{margin-top:6px;font-size:.8125rem;color:var(--l33-error)}
.l33-field__error:empty{display:none}
.l33-field.has-error input,.l33-field.has-error textarea{border-color:var(--l33-error)}
.l33-check{display:grid;grid-template-columns:24px 1fr;gap:var(--l33-s3);align-items:start}
.l33-check input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--l33-bronze)}
.l33-check label{margin:0;font-weight:400;color:var(--l33-text);line-height:1.6}
.l33-check label a{color:var(--l33-ivory);text-decoration:underline;text-decoration-color:var(--l33-bronze);text-underline-offset:4px}
.l33-check .l33-field__error{grid-column:2}
.l33-hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.l33-form__status{font-size:var(--l33-fs-small);line-height:1.6}
.l33-form__status:empty{display:none}
.l33-form__status:focus{outline:none}
.l33-form__status.is-success{padding:var(--l33-s4) var(--l33-s5);border:1px solid var(--l33-success);color:var(--l33-ivory);border-radius:var(--l33-r-btn)}
.l33-form__status.is-error{padding:var(--l33-s4) var(--l33-s5);border:1px solid var(--l33-error);color:var(--l33-ivory);border-radius:var(--l33-r-btn)}
.l33-form.is-sending .l33-btn__label::after{content:"…"}

/* Footer */
.l33-footer{background:var(--l33-charcoal);border-top:1px solid var(--l33-line);padding:var(--l33-s8) 0 calc(var(--l33-s9) + env(safe-area-inset-bottom))}
.l33-footer__inner{display:grid;gap:var(--l33-s6);justify-items:start}
.l33-footer ul{display:flex;flex-wrap:wrap;gap:0 var(--l33-s5)}
.l33-footer ul a{display:inline-block;padding:10px 0;font-size:var(--l33-fs-small);color:var(--l33-text);text-decoration:none}
.l33-footer ul a:hover{color:var(--l33-bronze)}
.l33-footer__meta{font-size:.8125rem;color:var(--l33-stone)}
@media (min-width:1024px){.l33-footer{padding-bottom:var(--l33-s8)}.l33-footer__inner{grid-template-columns:auto 1fr auto;align-items:center}.l33-footer nav{justify-self:center}}

/* Sticky mobile CTA */
.l33-sticky{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:1100;display:flex;align-items:center;justify-content:center;gap:14px;min-height:52px;border-radius:var(--l33-r-btn);background:var(--l33-bronze);color:var(--l33-ink);font:600 .875rem/1 var(--l33-sans);text-decoration:none;transform:translateY(calc(100% + 24px));transition:transform var(--l33-t-fade) var(--l33-ease)}
.l33-sticky.is-visible{transform:none}
@media (min-width:1024px){.l33-sticky{display:none}}

/* Lightbox */
.l33-lightbox{position:fixed;inset:0;z-index:2500;display:grid;grid-template-rows:auto 1fr auto;background:rgba(9,8,6,.97);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
.l33-lightbox__bar{display:flex;justify-content:space-between;align-items:center;padding:8px var(--l33-gutter)}
.l33-lightbox__count{font:600 var(--l33-fs-eyebrow)/1 var(--l33-sans);letter-spacing:.2em;color:var(--l33-bronze)}
.l33-lightbox__close{display:inline-flex;align-items:center;gap:10px;min-height:48px;font-size:var(--l33-fs-small);color:var(--l33-ivory)}
.l33-lightbox__figure{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:0 var(--l33-gutter)}
.l33-lightbox__figure img{max-height:calc(100% - 64px);width:auto;max-width:100%;object-fit:contain;border-radius:var(--l33-r-card)}
.l33-lightbox__figure figcaption{margin-top:var(--l33-s4);max-width:60ch;text-align:center;font-size:var(--l33-fs-small);color:var(--l33-text)}
.l33-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid var(--l33-line);border-radius:50%;background:rgba(23,19,15,.8);color:var(--l33-ivory)}
.l33-lightbox__nav:hover{border-color:var(--l33-bronze)}
.l33-lightbox__nav--prev{left:12px}
.l33-lightbox__nav--next{right:12px}
.l33-lightbox__note{padding:var(--l33-s3) var(--l33-gutter) var(--l33-s4);text-align:center;font-size:.75rem;color:var(--l33-stone)}
@media (max-width:767px){.l33-lightbox__nav{top:auto;bottom:calc(56px + env(safe-area-inset-bottom));transform:none}}

/* Reveal (only hidden when JS is running) */
.js .l33-reveal{opacity:0;transform:translateY(14px);transition:opacity var(--l33-t-reveal) var(--l33-ease),transform var(--l33-t-reveal) var(--l33-ease)}
.js .l33-reveal.is-in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition-duration:0s!important}
  .js .l33-reveal{opacity:1;transform:none}
  .l33-progress{display:none}
}

/* Lining figures everywhere (Cormorant defaults to old-style; font shorthand resets variants) */
body.l33 *{font-variant-numeric:lining-nums}

/* ========================================================================
   LOUNGE33 V2 | art direction aligned to the approved luxury mock-up
   Editorial image cards, softer cinematic lighting, restrained interaction.
   ======================================================================== */
:root{
  --l33-max:1440px;
  --l33-bronze:#CCA068;
  --l33-bronze-hi:#E0B87D;
  --l33-charcoal:#15110E;
  --l33-ink:#0F0C0A;
  --l33-fs-h2:clamp(2.7rem,4.35vw,4.65rem);
  --l33-section:78px;
}
@media(min-width:768px){:root{--l33-section:clamp(94px,7vw,122px)}}
.l33-logo{letter-spacing:.012em;font-size:2.05rem;font-weight:400}
.l33-header{height:var(--l33-header)}
.l33-header:not(.is-scrolled){background:linear-gradient(180deg,rgba(12,10,8,.5),transparent)}
.l33-header.is-scrolled{background:rgba(15,12,10,.93)}
@media(min-width:1024px){
  .l33-logo{font-size:2.4rem}
  .l33-nav ul{gap:clamp(12px,1.9vw,30px)}
  .l33-nav ul a{font-size:.75rem}
  .l33-nav{gap:clamp(16px,2.5vw,32px)}
  .l33-nav__cta{padding-inline:25px}
}

/* The hero has the light/contrast balance of the mock-up, rather than a
   nearly opaque overlay. Image stays legible behind the headline. */
.l33-hero{min-height:740px;min-height:min(900px,100svh);align-items:center}
.l33-hero__media img{object-position:60% 49%;filter:brightness(1.1) saturate(1.03)}
.l33-hero__veil{background:linear-gradient(90deg,rgba(6,5,4,.78) 0%,rgba(9,7,6,.55) 32%,rgba(7,6,5,.08) 78%),linear-gradient(0deg,rgba(8,6,4,.55),transparent 24%),linear-gradient(180deg,rgba(8,6,4,.42),transparent 24%)}
.l33-hero__content{padding-top:calc(var(--l33-header) + 42px);padding-bottom:112px}
.l33-hero__content>*{max-width:630px}
.l33-hero .l33-eyebrow{margin-bottom:25px;color:#DFC08E}
.l33-display{font-size:clamp(4.3rem,7vw,8rem);line-height:.86;letter-spacing:-.044em;text-shadow:0 2px 12px rgba(8,6,4,.12)}
.l33-hero__lead{font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.75;margin-top:26px;max-width:420px;color:#F0EAE1}
.l33-hero__content .l33-actions{margin-top:28px;max-width:430px}
.l33-hero__slides{position:absolute;right:max(var(--l33-gutter),calc((100vw - var(--l33-max))/2));bottom:45px;display:flex;align-items:center;gap:16px;z-index:4}
.l33-hero__slides button{padding:10px 4px;color:rgba(255,245,230,.72);font-size:.72rem;letter-spacing:.1em;min-width:35px;border-bottom:1px solid rgba(255,245,230,.35);transition:color .2s,border-color .2s}
.l33-hero__slides button.is-active{color:#F8F0E5;border-color:var(--l33-bronze)}
.l33-hero__slides button:hover{color:#fff}
.l33-scroll{color:#EFE8E0}
@media(max-width:767px){
 .l33-hero{min-height:640px;min-height:94svh;align-items:center}
 .l33-hero__media img{object-position:62% 48%;filter:brightness(.97)}
 .l33-hero__veil{background:linear-gradient(180deg,rgba(10,8,6,.68) 0%,rgba(10,8,6,.52) 25%,rgba(10,8,6,.26) 57%,rgba(10,8,6,.2) 80%,rgba(10,8,6,.52) 100%),linear-gradient(90deg,rgba(10,8,6,.30),transparent 85%)}
 .l33-hero__content{padding:calc(var(--l33-header) + 60px) 0 150px}
 .l33-display{font-size:clamp(3.5rem,13vw,5.5rem)}
 .l33-hero__lead{max-width:330px;font-size:1rem;line-height:1.62}
 .l33-hero .l33-eyebrow{font-size:.625rem;letter-spacing:.20em}
 .l33-hero__slides{right:var(--l33-gutter);bottom:29px;gap:8px}
 .l33-scroll{bottom:32px}
 .l33-btn{font-size:.8rem;padding:14px 17px}
}
@media(max-width:380px){.l33-display{font-size:3.38rem}.l33-hero__lead{font-size:.94rem}}

/* Collections: the three full-bleed editorial photographs are the visual
   centrepiece. The expanders keep all content reachable by touch/keyboard. */
.l33-collections{background:radial-gradient(ellipse 64% 55% at 50% 0%,#30231A,transparent 80%),#14100D}
.l33-collections .l33-head{margin-bottom:54px}
.l33-collections .l33-head .l33-eyebrow{margin-bottom:16px}
.l33-collections .l33-head .l33-h2{font-size:clamp(2.7rem,4.4vw,4.8rem)}
.l33-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.l33-card{display:block;isolation:isolate;position:relative;min-height:480px;aspect-ratio:4/5;background:#2b2017;border:1px solid rgba(217,185,142,.23);border-radius:1px;transition:border-color .25s,transform .4s var(--l33-ease)}
.l33-card::before{inset:auto 0 0;height:2px}
.l33-card::after{content:"";position:absolute;inset:36% 0 0;background:linear-gradient(0deg,rgba(9,7,6,.97) 0%,rgba(9,7,6,.86) 30%,transparent 100%);z-index:-1;pointer-events:none}
.l33-card__media{position:absolute;inset:0;aspect-ratio:auto;z-index:-2}
.l33-card__media img{width:100%;height:100%;object-fit:cover;opacity:1;filter:saturate(.94);transform:scale(1.01);transition:transform .75s var(--l33-ease),filter .5s}
.l33-card__body{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;gap:10px;padding:30px}
.l33-card__num{font:400 1.6rem/1 var(--l33-serif);letter-spacing:0;color:#E3BA80}
.l33-card__title{font:400 clamp(1.7rem,2.25vw,2.45rem)/1.05 var(--l33-serif);letter-spacing:-.018em;color:#F9F2E9}
.l33-card__text{display:block;font-size:.88rem;line-height:1.65;color:#E2D8CA;max-width:30ch}
.l33-card__action{font:.75rem/1 var(--l33-sans);font-weight:600;color:#E4B67A;margin-top:13px;letter-spacing:.03em}
.l33-card__action::after{content:"";display:inline-block;width:16px;height:7px;margin-left:13px;vertical-align:2px;border-top:1px solid currentColor;transform:translateY(3px);transition:transform .2s}
.l33-card:where(:hover,:focus-visible,.is-active){border-color:rgba(218,176,111,.9)}
@media(hover:hover){.l33-card:hover{transform:translateY(-4px)}.l33-card:hover .l33-card__media img{transform:scale(1.07);filter:brightness(1.08)}}
.l33-feature{margin-top:22px;border-color:rgba(207,159,99,.5);background:#18130F}
.l33-feature__close{margin:0 0 22px auto;display:flex;gap:12px;align-items:center;justify-content:flex-end;color:var(--l33-bronze);font:.75rem var(--l33-sans);text-transform:uppercase;letter-spacing:.1em;min-height:40px}
.l33-feature__close span{font-size:1.5rem;line-height:1}
.l33-feature__body .l33-link{margin-top:15px}
@media(min-width:768px) and (max-width:1023px){.l33-cards{gap:14px}.l33-card{min-height:410px}.l33-card__body{padding:20px}.l33-card__title{font-size:1.7rem}.l33-card__text{font-size:.78rem}}
@media(max-width:767px){
 .l33-collections .l33-head{margin-bottom:33px}
 .l33-collections .l33-head .l33-h2{font-size:clamp(2.65rem,8vw,3.8rem)}
 .l33-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;margin-inline:calc(-1*var(--l33-gutter));padding-inline:var(--l33-gutter);padding-bottom:6px}
 .l33-cards::-webkit-scrollbar{display:none}
 .l33-card{flex:none;width:min(79vw,370px);min-height:445px;aspect-ratio:4/5;scroll-snap-align:center}
 .l33-card__body{padding:23px}
 .l33-card__title{font-size:2.1rem}
 .l33-card__text{display:block;font-size:.85rem}
 .l33-feature{margin-top:20px}
}

/* Our approach: architectural photographic strip and three distinctive
   illustrations rather than the original plain numbered rows. */
.l33-approach{padding-bottom:0;background:#120F0D}
.l33-approach .l33-head{max-width:790px;margin:0 auto 60px}
.l33-approach .l33-h2{font-size:clamp(2.6rem,4.45vw,4.7rem)}
.l33-approach .l33-lead{max-width:610px;margin-inline:auto}
.l33-approach__scene{position:relative;height:clamp(160px,20vw,290px);overflow:hidden;margin-inline:calc(-1*var(--l33-gutter));background:#2E241D}
.l33-approach__scene::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#120F0D 0%,rgba(18,15,13,.12) 52%,rgba(18,15,13,.35) 100%)}
.l33-approach__scene img{width:100%;height:100%;object-fit:cover;object-position:50% 54%;filter:brightness(.78) saturate(.84)}
.l33-pillars{position:relative;border:0;grid-template-columns:repeat(3,1fr);gap:30px;padding:0 0 clamp(58px,7vw,110px);margin-top:-45px}
.l33-pillars li{position:relative;z-index:1;padding:0;text-align:center;border:0;background:transparent}
.l33-pillars li+li{border:0}
.l33-pillars li:first-child{padding:0}
.l33-pillars svg{display:block;margin:0 auto 17px;width:44px;height:44px;fill:none;stroke:var(--l33-bronze);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}
.l33-pillars h3{font-size:clamp(1.7rem,2.1vw,2.2rem);margin-bottom:12px}
.l33-pillars p{font-size:.85rem;line-height:1.65;margin-inline:auto;max-width:29ch;color:#CCC1B4}
@media(max-width:767px){
 .l33-approach .l33-head{margin-bottom:38px}
 .l33-approach__scene{height:170px}
 .l33-pillars{grid-template-columns:1fr;gap:32px;margin-top:-28px;padding-bottom:75px}
 .l33-pillars li{padding:8px 10px 0}
 .l33-pillars svg{width:38px;height:38px}
 .l33-pillars h3{margin-bottom:8px}
}

/* Materials remain interactive, but now read as a luxurious editorial spread. */
.l33-details{background:#19140F}
.l33-details__media{border-radius:0}
.l33-details__statement{max-width:24ch}
.l33-details .l33-h2{font-size:clamp(2.9rem,4.35vw,4.8rem)}
.l33-details__copy .l33-lead{max-width:40ch;color:#D4C8B9}
.l33-tabs [role="tab"]{font-size:.74rem}
@media(min-width:1024px){.l33-details__grid{grid-template-columns:.85fr 1.15fr}.l33-details__media{aspect-ratio:1.12/1}}

/* Gallery closely matches the six-image cinematic layout from the mock-up. */
.l33-gallery{background:#100D0B}
.l33-gallery__head{display:flex;align-items:center;flex-direction:column;gap:24px;margin-bottom:32px}
.l33-gallery__head .l33-head{text-align:center}
.l33-gallery__head .l33-head .l33-lead{margin:15px auto 0;color:#CFC1B4}
.l33-gallery__head .l33-h2{font-size:clamp(2.7rem,4.2vw,4.5rem)}
.l33-filters{margin-inline:0;padding-inline:0;justify-content:center}
.l33-filters button{min-height:36px;padding:0 14px;border-radius:2px;font-size:.75rem}
.l33-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:clamp(170px,22vw,310px);gap:13px}
.l33-grid__item,.l33-grid__item.g-a,.l33-grid__item.g-f,.l33-grid__item.g-b,.l33-grid__item.g-c,.l33-grid__item.g-d,.l33-grid__item.g-e{grid-column:auto!important;grid-row:auto;border-radius:0}
.l33-grid__item img,.l33-grid__item.g-a img,.l33-grid__item.g-f img{aspect-ratio:auto;width:100%;height:100%;object-fit:cover}
.l33-grid__item button::after{content:"View image";position:absolute;right:12px;bottom:12px;padding:8px 13px;border:1px solid rgba(244,226,204,.52);background:rgba(11,9,7,.55);color:#F7EDE2;font-size:.7rem;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;pointer-events:none}
@media(hover:hover){.l33-grid__item button:hover::after{opacity:1;transform:none}}
@media(max-width:767px){
 .l33-gallery__head{gap:22px}
 .l33-filters{width:100%;justify-content:flex-start;overflow-x:auto}
 .l33-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(140px,42vw,230px);gap:8px}
 .l33-grid__item.g-a{grid-column:1/-1!important;grid-row:auto}
}
@media(max-width:379px){.l33-grid{grid-template-columns:repeat(2,1fr)}.l33-grid__item img{aspect-ratio:auto}}

/* Signature and brand enquiries: one image-led scene followed by a functional,
   clearly separated enquiry area. No unverified trading history or stock. */
.l33-potential{display:grid;grid-template-columns:1fr 1fr;min-height:540px;background:#201813}
.l33-potential__media{display:block;height:100%;min-height:500px}
.l33-potential__body{align-self:center;padding:clamp(50px,6vw,100px)}
.l33-potential__body .l33-h2{font-size:clamp(3rem,4.45vw,5rem)}
.l33-potential__body .l33-h2 em{color:var(--l33-bronze)}
.l33-potential__body .l33-btn{margin-top:8px}
@media(max-width:767px){
 .l33-potential{grid-template-columns:1fr;min-height:0}
 .l33-potential__media{min-height:275px;max-height:340px}
 .l33-potential__body{padding:55px var(--l33-gutter) 70px}
}
.l33-acq{border:0;background:#0F0C0A}
.l33-acq__scene{position:relative;isolation:isolate;min-height:420px;display:flex;align-items:center;background:#2A211B url('../assets/img/private-cinema-wide.webp') center 48%/cover no-repeat}
.l33-acq__scene::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,8,6,.92) 0%,rgba(10,8,6,.77) 45%,rgba(10,8,6,.12) 100%)}
.l33-acq__scene-inner{padding-block:80px;position:relative}
.l33-acq__scene .l33-h2{font-size:clamp(3.15rem,4.8vw,5.4rem);line-height:.95;max-width:740px}
.l33-acq__scene p:not(.l33-eyebrow){font-size:.98rem;max-width:470px;line-height:1.7;margin:21px 0 26px;color:#EBE2D8}
.l33-acq__grid{padding-block:var(--l33-section);scroll-margin-top:var(--l33-header)}
.l33-acq__grid .l33-acq__copy{align-self:start}
.l33-acq__copy .l33-h2{font-size:clamp(3rem,4.15vw,4.4rem)}
.l33-acq__facts dt{color:var(--l33-bronze)}
.l33-form{background:#19140F;border:1px solid rgba(237,220,196,.22)}
.l33-form__row{gap:16px}
@media(max-width:767px){
 .l33-acq__scene{min-height:450px;background-position:59% center}
 .l33-acq__scene::before{background:linear-gradient(90deg,rgba(10,8,6,.85),rgba(10,8,6,.43))}
 .l33-acq__scene .l33-h2{font-size:clamp(2.8rem,10vw,4.2rem)}
 .l33-acq__scene-inner{padding-block:65px}
}
.l33-footer{background:#15110E;padding:50px 0 55px}
.l33-footer__inner .l33-logo{font-size:2.3rem}
.l33-footer__meta{font-size:.73rem}
@media(max-width:767px){
 .l33-footer{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
 .l33-footer nav ul{gap:0 15px}
 .l33-sticky{border:1px solid #E0B87D;box-shadow:0 4px 15px rgba(0,0,0,.25)}
}

/* 768-1023px: grid cards should never force horizontal overflow */
@media (min-width:768px) and (max-width:1023px){
 .l33-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
 .l33-card{min-width:0;width:100%;aspect-ratio:auto;min-height:405px}
 .l33-card__media{min-width:0}
 .l33-card__title{font-size:1.48rem}
 .l33-card__body{padding:16px}
 .l33-card__text{font-size:.76rem;line-height:1.5}
}
/* Large tablets and narrower desktop layouts: no forced card width from height. */
@media(min-width:768px){.l33-card{aspect-ratio:auto;min-width:0}}
@media(min-width:1024px) and (max-width:1199px){
 .l33-cards{gap:14px}
 .l33-card{min-height:440px}
 .l33-card__body{padding:20px}
 .l33-card__title{font-size:1.8rem}
 .l33-card__text{font-size:.8rem}
}

/* Final tablet width safeguard */
@media(min-width:1024px) and (max-width:1199px){.l33-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.l33-cards .l33-card{width:100%;min-width:0;max-width:100%;aspect-ratio:auto}}