:root{
 --ink:#10100f;--paper:#f3f0e9;--stone:#d9d6d0;--green:#0f4b3b;--line:rgba(16,16,15,.25);--white:#f6f3ed;
 --container:1440px;--gutter:240px;--header:64px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;color:var(--ink);background:var(--paper);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%;max-width:100%}
.container{width:min(var(--container),calc(100% - 80px));margin:0 auto}.section-dark{background:#111;color:var(--white)}.section-light{background:var(--paper)}.section-stone{background:#d5d1ca}
.site-header{position:fixed;z-index:1000;left:0;right:0;top:0;height:var(--header);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:0 28px;background:rgba(15,15,14,.92);color:#fff;border-bottom:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.header-brand{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:18px;white-space:nowrap}.header-nav{display:flex;align-items:center;justify-content:center;gap:18px;min-width:0;overflow-x:auto;scrollbar-width:none}.header-nav::-webkit-scrollbar{display:none}.header-nav a{font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.11em;white-space:nowrap;opacity:.7;transition:.2s}.header-nav a:hover,.header-nav a.active{opacity:1}.lang-switch{display:flex;gap:5px;align-items:center;font-size:11px}.lang-switch button{border:0;background:none;color:#fff;padding:6px 2px;opacity:.45;cursor:pointer}.lang-switch button.active{opacity:1;text-decoration:underline;text-underline-offset:4px}
section[id]{scroll-margin-top:var(--header)}
.pill{display:inline-flex;border:1px solid rgba(255,255,255,.46);border-radius:40px;padding:7px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.11em}.eyebrow,.project-no,.mood-title,.runway-label,.gallery-label,.meta{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.eyebrow{display:flex;align-items:center;gap:14px}.eyebrow:before,.mood-title:before{content:"";display:inline-block;width:30px;height:1px;background:currentColor;vertical-align:middle;margin-right:12px}
.photo{margin:0;overflow:hidden}.gallery-img{cursor:zoom-in;transition:filter .2s,transform .5s}.photo:hover .gallery-img{filter:brightness(.96)}
.hero{height:1021px;display:grid;grid-template-columns:1fr 1.08fr;padding-top:var(--header)}.hero-copy{padding:150px 0 88px max(7vw,148px);display:flex;flex-direction:column;align-items:flex-start}.hero h1{margin:26px 0 0;font-size:152px;line-height:.77;letter-spacing:-.07em;font-weight:700}.hero h1 span,.hero h1 em{display:block}.hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;font-size:148px;letter-spacing:-.075em}.hero-copy p{margin:auto 0 0;width:480px;max-width:80%;font-size:20px;line-height:1.38}.hero-image{overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.about{padding:100px 0 110px}.about-grid{display:grid;grid-template-columns:235px 1fr;gap:46px;align-items:start}.about-portrait{width:235px;aspect-ratio:2/3;overflow:hidden}.about-portrait img{height:100%;object-fit:cover}.about-copy{padding-top:0}.about-copy h2{max-width:990px;margin:14px 0 25px;font-size:82px;line-height:.96;letter-spacing:-.055em}.about-copy p{max-width:1010px;font-size:19px;line-height:1.42;margin:0 0 18px}
.project-intro{display:grid;grid-template-columns:1.08fr .92fr;gap:90px;align-items:start}.project-no{font-family:Georgia,"Times New Roman",serif;font-style:italic;text-transform:none;letter-spacing:0;font-size:20px}.project-intro h2,.awards h2,.runway h2,.sticky-copy h2,.press h2,.contacts h2{font-size:94px;line-height:.88;letter-spacing:-.06em;margin:18px 0 0;max-width:800px}.project-intro .intro-text{padding-top:50px;font-size:18px;line-height:1.45}.project-intro .intro-text p{margin:0 0 18px}
.architecture{padding:145px 0 150px}.arch-grid{margin-top:75px}.arch-row{display:grid;gap:10px;margin-bottom:10px}.arch-row.row3{grid-template-columns:repeat(3,1fr)}.arch-row.row4{grid-template-columns:1.15fr 1fr 1fr 1.15fr}.arch-row .photo img{aspect-ratio:2/3;object-fit:cover}.arch-row.row3:first-child .photo img{aspect-ratio:2/3}.mood-title{margin:58px 0 28px;border-top:1px solid rgba(16,16,15,.45);padding-top:18px}.inspiration-grid{display:grid;grid-template-columns:1.32fr 1fr 1.23fr;gap:14px}.inspiration-grid .photo img{width:100%;height:auto}
.bag{padding:145px 0 155px}.bag-intro h2{font-size:100px}.bag-intro h2 span,.bag-intro h2 em{display:block}.bag-intro h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;line-height:.76}.bag-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;margin-top:70px;align-items:start}.bag-model img{aspect-ratio:2782/4096;object-fit:cover}.bag-side{padding-top:0}.bag-object{width:100%;margin:0}.bag-object img{aspect-ratio:2731/4096;object-fit:cover}.bag-side blockquote{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:35px;line-height:1.08;margin:42px 0 28px}.bag-side p{font-size:17px;line-height:1.5;color:rgba(246,243,237,.75)}
.awards{padding:145px 0 0}.awards h2{margin:26px 0 70px}.award-list{border-top:1px solid var(--line)}.award-row{min-height:175px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:70px 1.3fr .9fr 110px;align-items:center;gap:28px}.award-row i{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:18px}.award-row strong{font-weight:400;font-size:39px;letter-spacing:-.035em}.award-row>span{font-size:11px;text-transform:uppercase;letter-spacing:.07em;text-decoration:underline;text-underline-offset:3px}.award-row>img{width:82px;height:110px;object-fit:contain;justify-self:end;cursor:zoom-in}.awards-ticker{margin-top:90px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.ticker-track{font-size:14px;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;padding:19px 0;display:inline-block;min-width:200%;animation:ticker 28s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}
.runway{padding:150px 0 170px}.runway-heading{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:105px}.runway-heading blockquote{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:34px;line-height:1.08;margin:0 0 18px}.runway-label{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.3);padding-top:16px;margin-bottom:32px}.runway-label.second{margin-top:110px}.lada-grid>div,.nn-grid>div{display:grid;gap:10px;margin-bottom:10px}.r3{grid-template-columns:repeat(3,1fr)}.r4{grid-template-columns:repeat(4,1fr)}.lada-grid .photo img{aspect-ratio:2/3;object-fit:cover}.landscape2{grid-template-columns:repeat(2,1fr)}.landscape2 .photo img{aspect-ratio:3/2;object-fit:cover}.portrait4{grid-template-columns:repeat(4,1fr)}.portrait4 .photo img{aspect-ratio:2/3;object-fit:cover}.text-link{display:inline-block;margin-top:20px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;text-decoration:underline;text-underline-offset:4px}
.frog{background:var(--green);color:#f3f0e9;padding:150px 0 150px}.frog-intro .intro-text{padding-top:45px}.frog-studio{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:80px}.frog-studio .photo img{aspect-ratio:1/1;object-fit:cover}.frog-story-copy{font-size:30px;line-height:1.18;max-width:1100px;margin:75px 0 40px}.frog-story{display:grid;grid-template-columns:1fr 1fr;gap:18px}.frog-story .photo img{aspect-ratio:2/3;object-fit:cover}.frog-bottom{border-top:1px solid rgba(255,255,255,.3);padding-top:30px;margin-top:60px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.frog-bottom>p{font-size:30px;line-height:1.16}.frog-bottom>div p{font-size:17px;line-height:1.45;margin:0 0 18px}
.shoulder{padding:150px 0 140px}.shoulder-intro{margin-bottom:70px}.shoulder-slider{position:relative}.slides-track{position:relative;overflow:hidden}.shoulder-slide{display:none;grid-template-columns:repeat(3,1fr);gap:16px}.shoulder-slide.active{display:grid}.shoulder-slide img{aspect-ratio:2/3;object-fit:cover}.slide-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;border:1px solid rgba(16,16,15,.45);background:rgba(243,240,233,.9);color:var(--ink);font-size:23px;cursor:pointer;display:grid;place-items:center}.slide-arrow.prev{left:-76px}.slide-arrow.next{right:-76px}.slide-status{display:flex;justify-content:center;gap:8px;margin:20px 0 48px}.slide-status span{width:40px;height:2px;background:rgba(16,16,15,.25)}.slide-status span.active{background:var(--ink)}.shoulder-bottom{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;border-top:1px solid var(--line);padding-top:36px}.shoulder-bottom p{font-size:27px;line-height:1.17;margin:0}.shoulder-bottom blockquote{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:31px;line-height:1.08;margin:0}
.collection-sticky{padding:155px 0}.sticky-layout{display:grid;grid-template-columns:580px 1fr;gap:60px;align-items:start}.sticky-copy{position:sticky;top:110px;padding-right:30px}.sticky-copy h2{font-size:94px;margin-bottom:32px}.sticky-copy p{font-size:18px;line-height:1.45;max-width:520px}.sticky-copy .meta{margin-top:34px}.breath-grid>div,.lyric-galleries>div[class^="lyric"],.lyric-galleries .lrow3,.lyric-galleries .lrow4,.lyric-galleries .lrow2{display:grid;gap:4px;margin-bottom:4px}.brow3{grid-template-columns:repeat(3,1fr)}.brow2{grid-template-columns:repeat(2,1fr)}.breath-grid img{width:100%;height:auto}.lyric{padding-bottom:165px}.link-stack{display:flex;flex-direction:column;gap:16px;margin-top:38px}.link-stack a{font-size:11px;text-transform:uppercase;letter-spacing:.08em;text-decoration:underline;text-underline-offset:4px}.gallery-label{margin:0 0 16px}.lyric-galleries>.gallery-label:not(:first-child){margin-top:44px}.lrow3{grid-template-columns:repeat(3,1fr)}.lrow4{grid-template-columns:repeat(4,1fr)}.lrow2{grid-template-columns:repeat(2,1fr)}.lyric-galleries img{width:100%;height:auto}.lamanova img{width:100%;height:auto}
.press{padding:150px 0 180px}.press h2{margin:32px 0 72px}.press-list{border-top:1px solid var(--line)}.press-list a{display:grid;grid-template-columns:100px 1fr;align-items:center;border-bottom:1px solid var(--line);min-height:82px}.press-list i{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:18px}.press-list span{font-size:39px;letter-spacing:-.04em;text-decoration:underline;text-underline-offset:4px}
.contacts{padding:145px 0 80px}.contacts h2{font-size:92px;margin:55px 0 55px}.contacts h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic}.contacts-copy{font-size:19px;line-height:1.45;max-width:850px;color:rgba(246,243,237,.76)}.stats{margin-top:75px;border-top:1px solid rgba(255,255,255,.26);border-bottom:1px solid rgba(255,255,255,.26);display:grid;grid-template-columns:1fr 1fr}.stats>div{padding:42px 30px 42px 0}.stats>div+div{border-left:1px solid rgba(255,255,255,.26);padding-left:30px}.stats strong{display:block;font-size:92px;letter-spacing:-.06em}.stats small{display:block;text-transform:uppercase;letter-spacing:.09em;font-size:10px;opacity:.65;margin:12px 0 20px}.stats a{display:inline-block;border:1px solid rgba(255,255,255,.46);border-radius:30px;padding:9px 14px;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.contact-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(255,255,255,.25);font-size:32px;padding:25px 0;gap:30px}.contact-row b,.contact-row a{font-weight:400}.contacts footer{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.08em;font-size:10px;opacity:.62;padding-top:22px}
.lightbox{position:fixed;z-index:4000;inset:0;background:rgba(6,6,6,.96);display:none;align-items:center;justify-content:center;color:white}.lightbox.open{display:flex}.lb-stage{width:calc(100vw - 190px);height:calc(100vh - 110px);display:flex;align-items:center;justify-content:center;position:relative}.lb-stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.lb-close{position:absolute;z-index:2;right:26px;top:18px;border:0;background:none;color:#fff;font-size:40px;cursor:pointer}.lb-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:54px;height:54px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(0,0,0,.25);color:#fff;font-size:24px;cursor:pointer}.lb-prev{left:24px}.lb-next{right:24px}.lb-counter{position:absolute;bottom:-36px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.12em}
@media (max-width:1550px){:root{--container:calc(100vw - 120px)}.slide-arrow.prev{left:12px}.slide-arrow.next{right:12px}.project-intro h2,.awards h2,.runway h2,.sticky-copy h2,.press h2,.contacts h2{font-size:clamp(64px,6vw,94px)}.hero h1{font-size:clamp(100px,9vw,152px)}.hero h1 em{font-size:clamp(98px,8.8vw,148px)}}
@media (max-width:1100px){:root{--header:58px}.site-header{grid-template-columns:auto 1fr auto;padding:0 18px}.header-nav{justify-content:flex-start}.hero{height:850px}.hero-copy{padding-left:60px}.hero-copy p{font-size:17px}.container{width:calc(100% - 56px)}.project-intro{gap:50px}.sticky-layout{grid-template-columns:38% 1fr;gap:38px}.award-row{grid-template-columns:50px 1.1fr .9fr 85px}.award-row strong{font-size:28px}.slide-arrow.prev{left:8px}.slide-arrow.next{right:8px}}
@media (max-width:760px){
 :root{--header:56px}.site-header{grid-template-columns:1fr auto}.header-brand{font-size:16px}.header-nav{position:absolute;top:56px;left:0;right:0;background:rgba(15,15,14,.96);padding:10px 16px;border-top:1px solid rgba(255,255,255,.08);gap:16px}.lang-switch{grid-column:2}.container{width:calc(100% - 36px)}
 .hero{height:auto;min-height:100svh;grid-template-columns:1fr;padding-top:104px}.hero-copy{min-height:58svh;padding:60px 22px 36px}.hero h1{font-size:18vw}.hero h1 em{font-size:17.6vw}.hero-copy p{margin-top:auto;width:100%;max-width:100%;font-size:16px}.hero-image{height:58svh}.hero-image img{object-position:60% center}
 .about{padding:78px 0}.about-grid{grid-template-columns:90px 1fr;gap:22px}.about-portrait{width:90px}.about-copy h2{font-size:11vw;line-height:.95;margin-top:8px}.about-copy p{font-size:15px}.eyebrow,.mood-title,.runway-label,.gallery-label,.meta{font-size:9px}
 .architecture,.bag,.awards,.runway,.frog,.shoulder,.collection-sticky,.lyric,.press,.contacts{padding-top:88px;padding-bottom:88px}.project-intro,.runway-heading{grid-template-columns:1fr;gap:22px}.project-intro .intro-text{padding-top:0}.project-intro h2,.awards h2,.runway h2,.sticky-copy h2,.press h2,.contacts h2{font-size:13vw;line-height:.9}.project-no{font-size:16px}.arch-grid{margin-top:44px}.arch-row.row3,.arch-row.row4{grid-template-columns:1fr 1fr;gap:5px;margin-bottom:5px}.arch-row.row3 .photo:last-child{grid-column:auto}.inspiration-grid{grid-template-columns:1fr;gap:7px}.mood-title{margin-top:42px}
 .bag-layout{grid-template-columns:1fr;gap:28px}.bag-intro h2{font-size:13vw}.bag-side blockquote{font-size:27px}.bag-side p{font-size:15px}
 .award-row{grid-template-columns:32px 1fr 58px;gap:10px;min-height:112px}.award-row>span{grid-column:2;font-size:9px}.award-row>img{grid-column:3;grid-row:1/span 2;width:52px;height:70px}.award-row strong{font-size:22px}.awards-ticker{margin-top:50px}
 .runway-heading{margin-bottom:55px}.runway-heading blockquote{font-size:25px}.r3,.r4,.portrait4{grid-template-columns:1fr 1fr}.landscape2{grid-template-columns:1fr}.runway-label.second{margin-top:65px}
 .frog-studio{grid-template-columns:1fr;gap:8px;margin-top:45px}.frog-studio .photo img{aspect-ratio:auto}.frog-story-copy{font-size:21px}.frog-story{grid-template-columns:1fr;gap:8px}.frog-story .photo img{aspect-ratio:auto}.frog-bottom{grid-template-columns:1fr;gap:24px}.frog-bottom>p{font-size:22px}
 .shoulder-slide{grid-template-columns:1fr;gap:8px}.shoulder-slide img{aspect-ratio:auto}.slide-arrow{width:44px;height:44px;background:rgba(243,240,233,.95)}.shoulder-bottom{grid-template-columns:1fr;gap:28px}.shoulder-bottom p{font-size:20px}.shoulder-bottom blockquote{font-size:25px}
 .sticky-layout{grid-template-columns:1fr;gap:40px}.sticky-copy{position:relative;top:auto;padding-right:0}.sticky-copy p{font-size:16px}.brow3,.brow2{grid-template-columns:1fr 1fr}.brow3 .photo:last-child{grid-column:span 2}.lrow3,.lrow4,.lrow2{grid-template-columns:1fr 1fr}.gallery-label{margin-top:26px!important}
 .press-list a{grid-template-columns:45px 1fr;min-height:65px}.press-list span{font-size:25px}.contacts-copy{font-size:16px}.stats{grid-template-columns:1fr}.stats>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.25);padding-left:0}.stats strong{font-size:72px}.contact-row{grid-template-columns:1fr;font-size:21px}.contacts footer{gap:10px;font-size:8px}
 .lb-stage{width:calc(100vw - 40px);height:calc(100vh - 120px)}.lb-arrow{top:auto;bottom:18px;transform:none}.lb-prev{left:20px}.lb-next{right:20px}.lb-close{right:14px;top:10px}.lb-counter{bottom:-26px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}.gallery-img{transition:none}}


/* 2026-09-11 — corrections from the updated Figma/PDF */
.hero h1{letter-spacing:-.035em}
.hero h1 em{letter-spacing:-.038em}

/* Architecture: all four images in the middle row occupy the same full-height cells. */
.arch-row.row4{grid-template-columns:repeat(4,1fr);align-items:stretch}
.arch-row.row4 .photo{aspect-ratio:351/463}
.arch-row.row4 .photo img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}

/* Inspiration captions as in the mockup. */
.inspiration-grid{row-gap:24px}
.inspiration-grid figure{display:flex;flex-direction:column;overflow:visible}
.inspiration-grid figure img{display:block;width:100%;height:auto}
.inspiration-grid figcaption{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:13px;line-height:1.25;margin-top:7px;text-transform:none;letter-spacing:0}

/* David's Eyes: the right image is shorter, exactly like the updated composition. */
.bag-object img{aspect-ratio:4/5;object-fit:cover}
.bag-side blockquote{margin-top:24px}

/* Award badges use the supplied transparent PNG assets. */
.award-row>img{background:transparent!important;height:116px;width:96px;object-fit:contain}

/* Frog Princess: portrait proportions from the new mockup and top-aligned closing copy. */
.frog-studio .photo{aspect-ratio:467/667}
.frog-studio .photo img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.frog-story .photo{aspect-ratio:2/3}
.frog-story .photo img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.frog-bottom{align-items:start}
.frog-bottom>p,.frog-bottom>div{align-self:start}

/* Shoulder Loop: exact updated PDF crops. The first slide has a taller centre image in the mockup. */
.shoulder-slide{align-items:center}
.shoulder-slide .photo{aspect-ratio:700/984}
.shoulder-slide:first-child .photo:nth-child(2){aspect-ratio:2/3}
.shoulder-slide img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}

/* Breath: 3×3 fixed editorial grid, no blank bands. */
.breath-grid>div{grid-template-columns:repeat(3,1fr)!important;gap:4px;margin-bottom:4px}
.breath-grid .photo{aspect-ratio:263/351}
.breath-grid .photo img{display:block;width:100%;height:100%;object-fit:cover}

/* Lyric: rows have the exact aspect ratios from the updated mockup. */
.lyric-spb .lrow3 .photo{aspect-ratio:263/395}
.lyric-spb .lrow4 .photo{aspect-ratio:196/294}
.lyric-spb .lrow2 .photo{aspect-ratio:398/265}
.lyric-mat .lrow3 .photo{aspect-ratio:263/401}
.lyric-galleries .photo img{display:block;width:100%;height:100%;object-fit:cover}
.lamanova .photo{aspect-ratio:1020/574}

@media (max-width:760px){
 .arch-row.row4{grid-template-columns:1fr 1fr}
 .arch-row.row4 .photo{aspect-ratio:351/463}
 .inspiration-grid figcaption{font-size:12px;margin-bottom:10px}
 .frog-studio .photo,.frog-story .photo,.shoulder-slide .photo,.breath-grid .photo,.lyric-spb .lrow3 .photo,.lyric-spb .lrow4 .photo,.lyric-spb .lrow2 .photo,.lyric-mat .lrow3 .photo,.lamanova .photo{aspect-ratio:auto}
 .frog-studio .photo img,.frog-story .photo img,.shoulder-slide img,.breath-grid .photo img,.lyric-galleries .photo img{height:auto}
 .breath-grid>div{grid-template-columns:1fr 1fr!important}
 .breath-grid>div .photo:last-child:nth-child(odd){grid-column:span 2}
}


/* --- Runway 2026 update: pixel-matched horizontal rows + hover pan --- */
.lada-carousel{position:relative;width:100%;overflow:hidden;cursor:ew-resize;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}
.lada-carousel::-webkit-scrollbar{display:none}
.lada-track{display:flex;gap:10px;width:max-content;min-width:100%;will-change:transform}
.lada-slide{flex:0 0 calc((var(--container) - 40px)/5);width:calc((var(--container) - 40px)/5)}
.lada-slide img,.nn-row-five img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}
.nn-row-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.lada-carousel::before,.lada-carousel::after{content:"";position:absolute;z-index:3;top:0;bottom:0;width:8%;pointer-events:none;opacity:0;transition:opacity .25s ease}
.lada-carousel::before{left:0;background:linear-gradient(90deg,rgba(17,17,17,.18),transparent)}
.lada-carousel::after{right:0;background:linear-gradient(-90deg,rgba(17,17,17,.18),transparent)}
.lada-carousel:hover::before,.lada-carousel:hover::after{opacity:1}
@media(max-width:980px){
  .lada-carousel{overflow-x:auto;scroll-snap-type:x mandatory;cursor:grab}
  .lada-carousel:active{cursor:grabbing}
  .lada-track{gap:6px}
  .lada-slide{flex-basis:calc((100vw - 44px)/2.15);width:calc((100vw - 44px)/2.15);scroll-snap-align:start}
  .nn-row-five{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
}
@media(max-width:560px){
  .lada-slide{flex-basis:78vw;width:78vw}
  .nn-row-five{grid-template-columns:1fr 1fr}
}

/* 2026-09-13 — ordinary button carousels + revised Inspiration grid */
.project-carousel{position:relative;width:100%}
.arch-carousel{margin-top:75px}
.carousel-viewport{width:100%;overflow:hidden}
.carousel-track{display:flex;gap:6px;width:100%;transition:transform .42s cubic-bezier(.22,.61,.36,1);will-change:transform}
.carousel-slide{flex:0 0 calc((100% - 24px)/5);min-width:0;aspect-ratio:2/3}
.carousel-slide img{display:block;width:100%;height:100%;object-fit:cover}
.carousel-arrow{position:absolute;z-index:8;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;cursor:pointer;font-size:20px;line-height:1;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:transform .18s ease,background .18s ease,border-color .18s ease}
.carousel-arrow:hover{transform:translateY(-50%) scale(1.05)}
.carousel-prev{left:14px}.carousel-next{right:14px}
.arch-carousel .carousel-arrow{border:1px solid rgba(16,16,15,.28);background:rgba(243,240,233,.88);color:var(--ink)}
.lada-carousel{overflow:visible!important;cursor:default!important;scrollbar-width:auto!important;-ms-overflow-style:auto!important}
.lada-carousel .carousel-arrow{border:1px solid rgba(255,255,255,.38);background:rgba(0,0,0,.42);color:#fff}
.lada-carousel::before,.lada-carousel::after{display:none!important}
.lada-carousel .carousel-track{gap:6px;width:100%;min-width:0}
.lada-carousel .carousel-slide{flex:0 0 calc((100% - 24px)/5);width:auto}

/* Updated Figma: Inspiration is exactly 2 rows × 4 cards on desktop. */
.inspiration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:7px;row-gap:18px}
.inspiration-grid figure{min-width:0}
.inspiration-grid figure img{width:100%;height:auto;aspect-ratio:1.86/1;object-fit:cover}
.inspiration-grid figcaption{font-size:10px;line-height:1.18;margin-top:5px}

@media(max-width:1100px){
 .carousel-slide,.lada-carousel .carousel-slide{flex-basis:calc((100% - 12px)/3)}
 .carousel-arrow{width:42px;height:42px}
 .inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 7px}
}
@media(max-width:760px){
 .arch-carousel{margin-top:44px}
 .carousel-slide,.lada-carousel .carousel-slide{flex-basis:calc((100% - 6px)/2)}
 .carousel-arrow{width:40px;height:40px;font-size:18px}
 .carousel-prev{left:8px}.carousel-next{right:8px}
 .inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 6px}
 .inspiration-grid figcaption{font-size:9px}
}

/* 2026-09-13 final correction — Living Architecture carousel and Inspiration grid */
/* Desktop / laptop: the Architecture carousel is always a single line with exactly 5 visible images. */
.arch-carousel{width:100%;max-width:100%;overflow:visible}
.arch-carousel .carousel-viewport{width:100%;max-width:100%;overflow:hidden}
.arch-carousel .carousel-track{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:stretch;
  width:100%!important;
  max-width:none!important;
  gap:6px!important;
}
.arch-carousel .carousel-slide{
  display:block!important;
  flex:0 0 calc((100% - 24px)/5)!important;
  width:calc((100% - 24px)/5)!important;
  min-width:calc((100% - 24px)/5)!important;
  max-width:calc((100% - 24px)/5)!important;
  aspect-ratio:2 / 3;
  margin:0!important;
}
.arch-carousel .carousel-slide img{
  display:block;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* Inspiration: exactly 4 cards per row × 2 rows, matching the Figma default state. */
.inspiration-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  column-gap:6px!important;
  row-gap:18px!important;
  align-items:start;
}
.inspiration-grid figure{
  min-width:0;
  margin:0;
  overflow:visible;
}
.inspiration-grid figure img{
  display:block;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16 / 9!important;
  object-fit:cover!important;
}
.inspiration-grid figcaption{
  margin-top:5px;
  font-family:Georgia,"Times New Roman",serif;
  font-style:italic;
  font-size:10px;
  line-height:1.18;
  white-space:normal;
}

/* Lada Fashion Week follows the same five-visible-card carousel behaviour on desktop. */
.lada-carousel .carousel-viewport{width:100%;overflow:hidden}
.lada-carousel .carousel-track{display:flex!important;flex-flow:row nowrap!important;width:100%!important;gap:6px!important}
.lada-carousel .carousel-slide{
  flex:0 0 calc((100% - 24px)/5)!important;
  width:calc((100% - 24px)/5)!important;
  min-width:calc((100% - 24px)/5)!important;
  max-width:calc((100% - 24px)/5)!important;
  aspect-ratio:2 / 3;
}
.lada-carousel .carousel-slide img{width:100%!important;height:100%!important;object-fit:cover!important}

/* Keep five visible on normal laptop widths; only collapse on tablet/mobile. */
@media (max-width:899px){
  .arch-carousel .carousel-slide,.lada-carousel .carousel-slide{
    flex-basis:calc((100% - 12px)/3)!important;
    width:calc((100% - 12px)/3)!important;
    min-width:calc((100% - 12px)/3)!important;
    max-width:calc((100% - 12px)/3)!important;
  }
  .inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:560px){
  .arch-carousel .carousel-slide,.lada-carousel .carousel-slide{
    flex-basis:calc((100% - 6px)/2)!important;
    width:calc((100% - 6px)/2)!important;
    min-width:calc((100% - 6px)/2)!important;
    max-width:calc((100% - 6px)/2)!important;
  }
  .inspiration-grid{grid-template-columns:1fr!important}
}

/* 2026-09-14 — Frog Princess update */
.frog-story{margin-top:56px}
@media(max-width:760px){.frog-story{margin-top:32px}}