:root{--rail:32px;--top:143px;--ink:#080808}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#fff;color:var(--ink)}body,button,input,a{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal}button{color:inherit}#app{position:fixed;inset:0;overflow:hidden;background:#fff}.image-world{position:absolute;inset:0;overflow:hidden;padding:67px 0 10px}.image-track{display:flex;width:max-content;height:100%;gap:30px;align-items:center;will-change:transform;animation:gallery-drift 115s linear infinite}.image-card{flex:0 0 auto;width:31vw;height:88%;margin:0;overflow:hidden;background:#eee}.image-card img{display:block;width:100%;height:100%;object-fit:cover}.card-1{width:32vw;height:76%}.card-2{width:31vw;height:100%}.card-3{width:26vw;height:66%}.card-4{width:38vw;height:91%}.card-5{width:29vw;height:72%}@keyframes gallery-drift{to{transform:translate3d(-50%,0,0)}}.home-logo{position:fixed;z-index:70;top:84px;left:30px;width:clamp(118px,12vw,190px);padding:0;border:0;background:transparent;cursor:pointer}.home-logo img{display:block;width:100%}.left-rail,.right-rail{position:fixed;z-index:80;top:var(--top);bottom:0;width:var(--rail);background:#fff;border:1px solid #0004}.left-rail{left:0}.right-rail{right:0;display:grid;grid-template-rows:repeat(4,1fr)}.left-rail button,.right-rail button{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;height:100%;padding:8px 0;border:0;border-bottom:1px solid #0004;background:#fff;writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;line-height:1;cursor:pointer}.left-rail i,.right-rail i{width:5px;height:5px;flex:0 0 auto;border-radius:50%;background:#111}.left-rail button:hover,.left-rail.is-active button,.right-rail button:hover,.right-rail button.is-active{background:#111;color:#fff}.left-rail button:hover i,.left-rail.is-active i,.right-rail button:hover i,.right-rail button.is-active i{background:#fff}.content-drawer{position:fixed;z-index:50;top:var(--top);right:var(--rail);bottom:0;width:min(64vw,1020px);background:#fff;transform:translateX(calc(100% + var(--rail)));transition:transform .68s cubic-bezier(.76,0,.24,1)}.content-drawer.is-open{transform:none}.drawer-scroll{width:100%;height:100%;overflow-y:auto;scrollbar-width:none;scroll-behavior:smooth}.drawer-scroll::-webkit-scrollbar{display:none}.continuous-section{min-height:calc(150vh - var(--top));padding:62px 24px 110px;background:#fff}.about-section{min-height:240vh}.about-lead{max-width:50ch;font-size:clamp(19px,1.8vw,29px);line-height:1.06;letter-spacing:-.025em}.about-lead p{margin:0 0 1em}.agency-block,.section-intro,.directory{display:grid;grid-template-columns:1fr 1.8fr;gap:45px}.agency-block{margin-top:75vh}.agency-block h2,.section-intro h1{margin:0;font-size:clamp(28px,3vw,52px);line-height:.92;letter-spacing:-.045em}.agency-block p,.section-intro p{max-width:42em;margin:0;font-size:14px;line-height:1.2}.directory{margin-top:45vh}.directory small{font-size:10px}.directory>div{display:flex;flex-direction:column;align-items:flex-start}.directory button{padding:0;border:0;background:none;font-size:clamp(20px,2.5vw,42px);line-height:1.02;letter-spacing:-.035em;text-align:left;cursor:pointer}.directory button:hover{text-decoration:underline;text-underline-offset:3px}.quick-drawer{position:fixed;z-index:60;top:var(--top);left:var(--rail);bottom:0;width:min(60vw,930px);padding:45px 24px;background:#fff;transform:translateX(calc(-100% - var(--rail)));transition:transform .68s cubic-bezier(.76,0,.24,1)}.quick-drawer.is-open{transform:none}.quick-grid{display:grid;grid-template-columns:1.15fr .8fr 1fr;gap:36px;height:100%}.quick-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.quick-grid small{font-size:10px}.quick-grid a,.quick-grid p,.quick-grid label{margin:0;color:inherit;font-size:12px;line-height:1.25}.quick-grid label{width:100%;margin-top:20px}.quick-grid input{display:block;width:100%;margin-top:6px;padding:7px 0;border:0;border-bottom:1px solid #111}.quick-grid button{padding:5px 0;border:0;background:none;font-size:11px;text-decoration:underline}.brand-card{position:fixed;z-index:110;top:50%;left:50%;width:322px;height:343px;padding:22px;background:#fff;transform:translate(-50%,-50%)}.brand-card[hidden],.project-view[hidden]{display:none}.dot-close{position:absolute;top:9px;right:9px;width:6px;height:6px;padding:0;border:0;border-radius:50%;background:#111}.brand-card h2{margin:0;font-size:27px;line-height:1}.brand-card>div{position:absolute;right:22px;bottom:23px;left:22px;display:flex;flex-direction:column;align-items:flex-start}.brand-card p{margin:0 0 16px;font-size:12px;line-height:1.1}.brand-card a{color:inherit;font-size:7px;text-decoration:none}.project-view{position:fixed;z-index:120;inset:0;padding:72px 28px 100px;overflow-y:auto;background:#fff;opacity:0;transform:translateY(20px);transition:opacity .35s,transform .55s}.project-view.is-open{opacity:1;transform:none}.project-close{position:fixed;z-index:4;top:22px;right:28px;padding:0;border:0;background:transparent;font-size:11px;text-transform:uppercase}.project-view header{display:grid;grid-template-columns:1fr 3fr auto;gap:25px;padding:8px 0 72px;border-top:1px solid #111}.project-view header small,.project-view header span{margin-top:8px;font-size:9px;text-transform:uppercase}.project-view h2{max-width:18ch;margin:0;font-size:clamp(53px,7.7vw,126px);line-height:.82;letter-spacing:-.07em;font-weight:500}.project-images{display:grid;grid-template-columns:repeat(12,1fr);gap:30px;align-items:start}.project-images figure{grid-column:span 5;margin:0}.project-images figure:nth-child(2){grid-column:7/span 5;margin-top:17vh}.project-images figure:nth-child(3){grid-column:4/span 6;margin-top:8vh}.project-images img{display:block;width:100%;max-height:90vh;object-fit:cover}.project-images figcaption{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #111;font-size:8px;text-transform:uppercase}@media(max-width:720px){:root{--rail:27px;--top:100px}.image-world{padding-top:48px}.image-track{gap:14px;animation-duration:80s}.image-card,.card-1,.card-2,.card-3,.card-4,.card-5{width:76vw;height:84%}.image-card:nth-child(even){height:68%}.home-logo{top:62px;left:17px;width:120px}.right-rail button{font-size:9px}.content-drawer,.quick-drawer{width:calc(100vw - 2*var(--rail))}.continuous-section{padding:35px 14px 80px}.about-lead{font-size:23px}.agency-block,.section-intro,.directory{grid-template-columns:1fr;gap:28px}.agency-block{margin-top:60vh}.directory{margin-top:35vh}.quick-grid{grid-template-columns:1fr;overflow-y:auto}.project-view{padding:58px 12px 70px}.project-view header{display:block}.project-view h2{margin-top:25px;font-size:15vw}.project-images{display:block}.project-images figure,.project-images figure:nth-child(2),.project-images figure:nth-child(3){margin:0 0 45px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}}

/* Restored 247.it navigation from the later Agent version. */
.right-rail{position:fixed;z-index:80;top:var(--top);right:0;bottom:auto;width:auto;border:0;background:transparent;display:flex;flex-direction:row;align-items:flex-end;height:40px;transform:matrix(0,-1,1,0,-40,0);transform-origin:right top}
.left-rail{position:fixed;z-index:80;top:auto;left:0;bottom:0;width:auto;border:0;background:transparent;height:40px;transform:matrix(0,-1,1,0,0,40);transform-origin:left top}
.left-rail button,.right-rail button{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;width:auto;height:auto;padding:0 14px;border:0;background:transparent!important;writing-mode:horizontal-tb;transform:none;color:#000!important;font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;font-size:17px;font-weight:700;line-height:20px;white-space:nowrap;transition:transform .45s cubic-bezier(.54,.57,0,.96)}
.left-rail i,.right-rail i{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#000!important;opacity:0;transform:scale(.5) translateY(-8px);transition:opacity .3s,transform .45s cubic-bezier(.54,.57,0,.96)}
.right-rail button.is-active{transform:translateY(-50px)}
.right-rail button.is-active i,.left-rail.is-active i{opacity:1;transform:scale(1) translateY(0)}
.left-rail button:hover i,.right-rail button:hover i{opacity:.35;transform:scale(.8) translateY(-4px)}
.content-drawer{right:40px;transform:translateX(calc(100% + 40px));box-shadow:-1px 0 0 rgba(0,0,0,.08)}
.quick-drawer{left:40px;transform:translateX(calc(-100% - 40px));box-shadow:1px 0 0 rgba(0,0,0,.08)}
@media(max-width:720px){.left-rail button,.right-rail button{font-size:13px;padding:0 8px;gap:6px}.right-rail button.is-active{transform:translateY(-32px)}.content-drawer{right:40px;width:calc(100vw - 80px);transform:translateX(calc(100% + 40px))}.quick-drawer{left:40px;width:calc(100vw - 80px);transform:translateX(calc(-100% - 40px))}}

.showroom-meta{display:grid;grid-template-columns:1fr 1.8fr;gap:45px;align-items:start;margin-top:24vh}
.showroom-meta span{font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.showroom-meta h2{margin:0;font-size:clamp(42px,6vw,92px);line-height:.85;letter-spacing:-.055em;font-weight:500}
.showroom-directory{margin-top:12vh}
.service-list p{margin:0;font-size:clamp(20px,2.5vw,42px);line-height:1.02;letter-spacing:-.035em}
@media(max-width:720px){.showroom-meta{grid-template-columns:1fr;gap:24px;margin-top:22vh}.showroom-directory{margin-top:8vh}.right-rail{top:var(--top)}.left-rail button,.right-rail button{font-size:12px;padding:0 6px}}

/* Material-led long document: compact rhythm and section-responsive panel width. */
.image-world{padding-block:76px 28px}
.image-track{gap:22px;align-items:center}
.image-card,.card-1,.card-2,.card-3,.card-4,.card-5{width:auto;height:76%;aspect-ratio:4/5}
.image-card img{object-fit:cover}
.content-drawer{width:min(62vw,980px);transition:width .55s cubic-bezier(.76,0,.24,1),transform .68s cubic-bezier(.76,0,.24,1)}
.content-drawer[data-section="about"]{width:min(66vw,1040px)}
.content-drawer[data-section="showroom"]{width:min(54vw,850px)}
.content-drawer[data-section="pr"]{width:min(68vw,1080px)}
.content-drawer[data-section="creative"]{width:min(61vw,960px)}
.content-drawer[data-section="avenue"]{width:min(58vw,920px)}
.continuous-section{min-height:calc(100vh - var(--top));padding:48px 28px 72px}
.continuous-section+.continuous-section{border-top:1px solid rgba(0,0,0,.16)}
.about-section{min-height:calc(125vh - var(--top))}
.agency-block{margin-top:25vh}
.section-intro,.agency-block,.content-group{display:grid;grid-template-columns:minmax(110px,.72fr) minmax(0,2fr);gap:28px}
.content-group{margin-top:clamp(72px,12vh,130px)}
.content-group+.content-group{margin-top:56px}
.content-group small{padding-top:5px;font-size:10px;text-transform:uppercase;letter-spacing:.05em}
.title-list{display:flex;flex-direction:column;align-items:flex-start}
.title-list button{padding:0;border:0;background:none;font-family:inherit;font-size:clamp(21px,2.45vw,40px);line-height:1.02;letter-spacing:-.035em;text-align:left;cursor:pointer}
.title-list button:hover{text-decoration:underline;text-underline-offset:3px}
.compact-list button{font-size:clamp(16px,1.65vw,27px);line-height:1.08}
.brand-list button{font-size:clamp(22px,2.8vw,44px)}
.directory,.showroom-meta,.showroom-directory{margin-top:0}
.pr-section,.showroom-section{padding-bottom:90px}
.right-rail{height:42px;padding:10px 7px;background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.right-rail button:focus{outline:0}
.hero-copy{max-width:22ch;font-size:clamp(27px,3vw,52px);font-weight:700;line-height:.91;letter-spacing:-.05em}
.hero-copy p{margin:0 0 .8em}
.feature-card{width:min(46%,360px);margin:clamp(90px,16vh,180px) 8% 0 auto;padding:24px;background:#f6f5f2;font-size:12px;line-height:1.1}
.feature-card small{display:block;margin-bottom:18px;font-size:10px;text-transform:none}
.feature-card ol{margin:0;padding:0;list-style-position:inside}
.feature-card li{margin:0 0 5px}
.section-heading{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,1.4fr);gap:30px;margin-top:clamp(90px,18vh,190px)}
.section-heading h1{margin:0;font-size:clamp(31px,3.4vw,56px);line-height:.9;letter-spacing:-.05em}
.section-heading p{max-width:48em;margin:0;font-size:13px;line-height:1.16}
.agency-block{margin-top:clamp(90px,18vh,190px)}
.agency-block h2{font-weight:700}
.agency-block p{margin:0 0 1em}
.title-list{width:max-content;max-width:none}
.title-list button{width:auto;max-width:none;white-space:nowrap;font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;font-size:clamp(15px,1.7vw,27px);font-weight:300;letter-spacing:-.01em;line-height:1.35}
.brand-list button{font-size:clamp(18px,2.2vw,34px)}
.compact-list button{font-size:clamp(13px,1.35vw,22px)}
.content-drawer{top:0}
.right-rail{top:0}
.continuous-section{padding-top:52px}
.feature-card{min-height:250px;margin-top:clamp(72px,11vh,118px);display:flex;flex-direction:column;justify-content:flex-start}
.agency-block,.section-heading{margin-top:58px}
@media(max-width:720px){
  .image-world{padding-block:58px 24px}
  .image-track{gap:14px}
  .image-card,.card-1,.card-2,.card-3,.card-4,.card-5{width:auto;height:72%;aspect-ratio:4/5}
  .image-card:nth-child(even){height:72%}
  .content-drawer,.content-drawer[data-section]{width:calc(100vw - 80px)}
  .continuous-section{padding:32px 14px 58px}
  .about-section{min-height:calc(115vh - var(--top))}
  .agency-block{margin-top:18vh}
  .section-intro,.agency-block,.content-group{grid-template-columns:1fr;gap:20px}
  .content-group{margin-top:64px}
  .content-group+.content-group{margin-top:42px}
  .compact-list button{font-size:17px;line-height:1.12}
  .right-rail{height:34px;padding:7px 5px}
  .hero-copy{max-width:none;font-size:27px;line-height:.91}
  .feature-card{width:58%;margin-top:88px;margin-right:0;padding:16px;font-size:10px}
  .section-heading{grid-template-columns:1fr;gap:18px;margin-top:92px}
  .section-heading h1{font-size:34px}
  .title-list button,.brand-list button,.compact-list button{font-size:11px;line-height:1.08;white-space:nowrap}
  .content-drawer{top:0}
  .continuous-section{padding-top:48px}
  .feature-card{min-height:245px;margin-top:72px}
  .agency-block,.section-heading{margin-top:56px}
}

/* Navigation polish: solid continuous modules, offset below the logo. */
:root{--top:168px}
.left-rail.section-rail,.right-rail.quick-rail{gap:0!important;background:#fff!important}
.left-rail.section-rail button,.right-rail.quick-rail button{margin:0!important;border-radius:0!important;background:#fff!important;opacity:1!important;box-shadow:none!important}
.left-rail.section-rail button+button{margin-top:-1px!important}
.left-rail.section-rail button::after,.right-rail.quick-rail button::after{display:none!important}
.left-rail.section-rail button:hover,.left-rail.section-rail button.is-active,.right-rail.quick-rail button:hover,.right-rail.quick-rail.is-active button{background:#ededeb!important;font-weight:500}
.left-rail.section-rail button.is-active{transform:rotate(180deg) translateX(-8px)}
.image-world{inset:0;padding:0}.image-track{height:100%;gap:18px}.image-card,.card-1,.card-2,.card-3,.card-4,.card-5{height:88%;aspect-ratio:4/5}
.showroom-groups{max-width:760px}.showroom-groups .content-group{margin-top:68px}.showroom-groups .content-group+.content-group{margin-top:48px}.showroom-groups small{text-transform:uppercase}
@media(max-width:720px){:root{--top:132px}.image-card,.card-1,.card-2,.card-3,.card-4,.card-5{height:84%}.showroom-groups .content-group{margin-top:50px}.showroom-groups .content-group+.content-group{margin-top:34px}}

/* Stagger the headline axis from the supporting content below. */
.continuous-section>.section-heading,.continuous-section>.intro-copy,.about-section>.intro-copy{margin-left:-18px}
.continuous-section>.intro-copy,.about-section>.intro-copy{padding-right:18px}
@media(max-width:720px){.continuous-section>.section-heading,.continuous-section>.intro-copy,.about-section>.intro-copy{margin-left:-7px}.continuous-section>.intro-copy,.about-section>.intro-copy{padding-right:7px}}

/* July 22 layout consolidation. */
:root{--top:118px;--rail-size:38px;--drawer-width:min(62vw,940px)}
.image-world{padding:58px 0 24px}
.image-track{gap:22px;align-items:center}
.image-card,.card-1,.card-2,.card-3,.card-4,.card-5{width:auto;height:74%;aspect-ratio:4/5;margin:0}
.image-card img{object-fit:cover}

/* Section navigation on the left; Quick Info on the right. */
.left-rail.section-rail,.right-rail.quick-rail{position:fixed;z-index:80;bottom:auto;width:auto;height:38px;padding:0;border:0;background:transparent;display:flex;align-items:flex-end;transform:matrix(0,-1,1,0,-38px,0);transform-origin:right top}
.left-rail.section-rail{top:var(--top);left:38px;right:auto}
.right-rail.quick-rail{top:var(--top);right:0;left:auto}
.left-rail.section-rail button,.right-rail.quick-rail button{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;width:auto;height:38px;margin:0 3px;padding:8px 11px!important;border:1px solid transparent;background:rgba(255,255,255,.94)!important;color:#000!important;writing-mode:horizontal-tb;transform:none;font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;font-size:13px;font-weight:300;font-style:italic;line-height:1.35;white-space:nowrap;box-shadow:none;transition:background .25s,color .25s,transform .35s}
.left-rail.section-rail button::after,.right-rail.quick-rail button::after{content:"";position:absolute;right:9px;bottom:5px;left:9px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.left-rail.section-rail button:hover::after,.left-rail.section-rail button.is-active::after,.right-rail.quick-rail button:hover::after,.right-rail.quick-rail.is-active button::after{transform:scaleX(1)}
.left-rail.section-rail button.is-active{transform:translateY(-12px)}
.left-rail i,.right-rail i{display:none!important}

/* Fixed-width white long page, aligned with the section rail. */
.content-drawer,.content-drawer[data-section]{top:var(--top);right:0;bottom:0;width:var(--drawer-width);box-shadow:-1px 0 rgba(0,0,0,.08);transform:translateX(100%);transition:transform .68s cubic-bezier(.76,0,.24,1)}
.content-drawer.is-open{transform:none}
.drawer-scroll{scroll-behavior:auto;overscroll-behavior:contain}
.continuous-section{width:100%;min-height:calc(132vh - var(--top));padding:48px clamp(24px,3vw,48px) 86px}
.about-section{min-height:190vh}
.section-heading h1{max-width:15ch;font-size:clamp(29px,3.25vw,50px);line-height:1.08}
.intro-copy,.about-section .intro-copy{width:min(100%,680px);max-width:680px;margin-left:0}
.intro-copy{font-size:clamp(16px,1.55vw,23px);line-height:1.48}
.about-section .intro-copy{font-size:clamp(20px,2.05vw,31px);line-height:1.35}
.responsibility-block,.content-group{grid-template-columns:minmax(125px,.55fr) minmax(0,1.45fr);max-width:760px}
.body-copy{max-width:560px;margin-left:22%}
.title-list button,.brand-list button,.compact-list button{font-size:13px!important;line-height:1.62}

.quick-drawer{top:var(--top);right:var(--rail-size);left:auto;width:min(60vw,900px);transform:translateX(calc(100% + var(--rail-size)))}
.quick-drawer.is-open{transform:none}

/* Shared information-card interaction for brands, PR, Creative and Avenue. */
.brand-card,.project-view{position:fixed;z-index:120;inset:0;width:auto;height:auto;padding:5vh 5vw;overflow:auto;background:rgba(0,0,0,.16);transform:none}
.brand-card[hidden],.project-view[hidden]{display:none}
.project-view{opacity:0;transition:opacity .25s}
.project-view.is-open{opacity:1;transform:none}
.detail-card{width:min(760px,88vw);margin:auto;padding:24px;background:#fff;box-shadow:0 10px 45px rgba(0,0,0,.14)}
.detail-card header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;padding:0 0 20px;border:0}
.detail-card h2,.project-view .detail-card h2{max-width:none;margin:0;font-size:clamp(25px,3vw,42px);font-weight:400;line-height:1.08;letter-spacing:-.035em}
.detail-card header p{margin:2px 0 0;font-size:11px;line-height:1.48}
.detail-card header small{margin:3px 0 0;font-size:9px;text-transform:none}
.brand-gallery{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0!important}
.brand-gallery img{display:block;width:100%;height:clamp(190px,29vh,300px);object-fit:cover}
.social-links{display:flex!important;grid-template-columns:none!important;align-items:center;gap:18px!important;margin-top:18px!important;padding-top:11px!important;border-top:1px solid rgba(0,0,0,.2)}
.social-links a{font-size:10px!important;line-height:1.3;text-decoration:none}
.project-detail{width:min(680px,88vw)}
.project-detail header{display:block}
.project-detail header small{display:block;margin-bottom:8px}
.project-images{display:block}
.project-images figure,.project-images figure:nth-child(2),.project-images figure:nth-child(3){width:100%;margin:0 0 18px}
.project-images img{width:100%;height:auto;max-height:none;object-fit:contain}
.project-images figcaption{padding:7px 0;font-size:9px;line-height:1.45}
.dot-close,.project-close{display:none!important}

@media(max-width:720px){
  :root{--top:92px;--rail-size:32px;--drawer-width:calc(100vw - 64px)}
  .left-rail.section-rail,.right-rail.quick-rail{height:32px;transform:matrix(0,-1,1,0,-32px,0)}
  .left-rail.section-rail{top:var(--top);left:32px}
  .right-rail.quick-rail{top:var(--top)}
  .left-rail.section-rail button,.right-rail.quick-rail button{height:32px;margin:0 2px;padding:6px 7px!important;font-size:10px}
  .content-drawer,.content-drawer[data-section]{top:var(--top);right:0;width:var(--drawer-width)}
  .continuous-section{padding:38px 18px 68px}
  .section-heading h1{font-size:30px}
  .intro-copy{font-size:17px}.about-section .intro-copy{font-size:22px}
  .responsibility-block,.content-group{grid-template-columns:1fr;gap:17px}
  .detail-card{width:92vw;padding:15px}
  .detail-card header{grid-template-columns:1fr;gap:10px}
  .brand-gallery{gap:6px}
  .brand-gallery img{height:22vh;min-height:130px}
}

/* Final typographic system — Helvetica throughout, following the Word order. */
html,body,button,input,a{font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;font-style:normal}
.left-rail button,.right-rail button{font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;font-size:13px;font-weight:600;line-height:1.35;letter-spacing:-.01em}
.continuous-section{padding:56px 30px 92px}
.section-heading{display:block;margin:0}
.section-heading h1{margin:0;max-width:14ch;font-size:clamp(34px,4vw,62px);font-weight:700;line-height:1.06;letter-spacing:-.045em}
.intro-copy{max-width:60ch;margin-top:48px;font-size:clamp(18px,1.8vw,28px);font-weight:500;line-height:1.34;letter-spacing:-.022em}
.intro-copy p{margin:0 0 1.1em}
.about-section .intro-copy{margin-top:0;font-size:clamp(23px,2.5vw,39px);font-weight:700;line-height:1.19;letter-spacing:-.035em}
.responsibility-block{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.7fr);gap:34px;margin-top:76px}
.responsibility-block h2{margin:0;font-size:15px;font-weight:600;line-height:1.45;letter-spacing:-.01em}
.responsibility-block ol{margin:0;padding-left:18px;font-size:13px;font-weight:400;line-height:1.62}
.body-copy{max-width:58ch;margin:78px 0 0 32%;font-size:14px;font-weight:400;line-height:1.58}
.body-copy p{margin:0 0 1.25em}
.content-group{margin-top:92px;grid-template-columns:minmax(150px,.8fr) minmax(0,1.7fr);gap:34px}
.content-group+.content-group{margin-top:64px}
.content-group small{padding-top:2px;font-size:10px;font-weight:500;line-height:1.5;letter-spacing:.045em}
.title-list,.brand-list{width:max-content;max-width:none}
.title-list button,.brand-list button,.compact-list button{font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;font-size:13px;font-weight:300;line-height:1.52;letter-spacing:0;white-space:nowrap;text-transform:none}
.brand-list button{font-size:14px}
.project-view h2{font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;font-weight:600;line-height:1.02;letter-spacing:-.055em}
.project-view header small,.project-images figcaption{line-height:1.5}
@media(max-width:720px){
  .left-rail button,.right-rail button{font-size:11px;line-height:1.35}
  .continuous-section{padding:48px 14px 72px}
  .section-heading h1{font-size:35px;line-height:1.06}
  .intro-copy{margin-top:36px;font-size:18px;line-height:1.38}
  .about-section .intro-copy{font-size:24px;line-height:1.23}
  .responsibility-block,.content-group{grid-template-columns:1fr;gap:18px;margin-top:62px}
  .responsibility-block h2{font-size:14px;line-height:1.45}
  .responsibility-block ol{font-size:12px;line-height:1.65}
  .body-copy{margin:64px 0 0 24%;font-size:12px;line-height:1.62}
  .content-group small{font-size:9px}
  .title-list button,.brand-list button,.compact-list button{font-size:11px;font-weight:300;line-height:1.58}
}

/* Floating navigation modules and italic interactive typography. */
.content-drawer{top:var(--top)}
.right-rail{top:calc(50% - 270px);height:36px;padding:0;background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.right-rail button{margin:0 3px;padding:7px 10px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(0,0,0,.18);font-size:11px;font-weight:300;font-style:italic;line-height:1.35;box-shadow:0 1px 5px rgba(0,0,0,.05)}
.right-rail button.is-active{transform:translateY(-44px)}
.title-list button,.brand-list button,.compact-list button{font-style:italic;font-weight:300}
@media(max-width:720px){
  .content-drawer{top:var(--top)}
  .right-rail{top:calc(50% - 235px);height:32px}
  .right-rail button{margin:0 2px;padding:6px 7px!important;font-size:9px}
  .right-rail button.is-active{transform:translateY(-32px)}
}

/* Brand information card with a four-image edit. */
.brand-card{width:min(720px,calc(100vw - 80px));height:min(82vh,760px);padding:24px;overflow-y:auto}
.brand-card h2{padding-right:24px;font-size:clamp(28px,4vw,54px);font-weight:500;line-height:1.05;letter-spacing:-.045em}
.brand-card>.brand-gallery{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}
.brand-gallery img{display:block;width:100%;height:clamp(180px,25vh,280px);object-fit:cover}
.brand-card>footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;margin-top:20px;padding-top:12px;border-top:1px solid rgba(0,0,0,.22)}
.brand-card footer p{grid-row:span 2;max-width:42ch;margin:0;font-size:11px;line-height:1.45}
.brand-card footer a{color:inherit;font-size:9px;line-height:1.25;text-decoration:none}
@media(max-width:720px){
  .brand-card{width:calc(100vw - 44px);height:min(78vh,680px);padding:16px}
  .brand-card>.brand-gallery{gap:7px;margin-top:18px}
  .brand-gallery img{height:22vh;min-height:135px}
  .brand-card>footer{grid-template-columns:1fr;gap:7px}
.brand-card footer p{grid-row:auto;margin-bottom:8px}
}

/* FINAL OVERRIDES — keep this block last. */
:root{--top:118px;--rail-size:38px;--drawer-width:min(62vw,940px)}
.image-world{padding:58px 0 24px}.image-track{gap:22px;align-items:center}.image-card,.card-1,.card-2,.card-3,.card-4,.card-5{width:auto;height:74%;aspect-ratio:4/5;margin:0}.image-card img{object-fit:cover}
.left-rail.section-rail,.right-rail.quick-rail{position:fixed;z-index:80;bottom:auto;width:auto;height:38px;padding:0;border:0;background:transparent;display:flex;align-items:flex-end;transform:matrix(0,-1,1,0,-38px,0);transform-origin:right top}
.left-rail.section-rail{top:var(--top);left:38px;right:auto}.right-rail.quick-rail{top:var(--top);right:0;left:auto}
.left-rail.section-rail button,.right-rail.quick-rail button{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;width:auto;height:38px;margin:0 3px;padding:8px 11px!important;border:1px solid transparent;background:rgba(255,255,255,.94)!important;color:#000!important;writing-mode:horizontal-tb;transform:none;font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;font-size:13px;font-weight:300;font-style:italic;line-height:1.35;white-space:nowrap;box-shadow:none;transition:transform .35s}
.left-rail.section-rail button::after,.right-rail.quick-rail button::after{content:"";position:absolute;right:9px;bottom:5px;left:9px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}.left-rail.section-rail button:hover::after,.left-rail.section-rail button.is-active::after,.right-rail.quick-rail button:hover::after,.right-rail.quick-rail.is-active button::after{transform:scaleX(1)}.left-rail.section-rail button.is-active{transform:translateY(-12px)}.left-rail i,.right-rail i{display:none!important}
.content-drawer,.content-drawer[data-section]{top:var(--top);right:0;bottom:0;width:var(--drawer-width);box-shadow:-1px 0 rgba(0,0,0,.08);transform:translateX(100%);transition:transform .68s cubic-bezier(.76,0,.24,1)}.content-drawer.is-open{transform:none}.drawer-scroll{scroll-behavior:auto;overscroll-behavior:contain}.continuous-section{width:100%;min-height:calc(132vh - var(--top));padding:48px clamp(24px,3vw,48px) 86px}.about-section{min-height:190vh}.section-heading h1{max-width:15ch;font-size:clamp(29px,3.25vw,50px);line-height:1.08}.intro-copy,.about-section .intro-copy{width:min(100%,680px);max-width:680px;margin-left:0}.intro-copy{font-size:clamp(16px,1.55vw,23px);line-height:1.48}.about-section .intro-copy{font-size:clamp(20px,2.05vw,31px);line-height:1.35}.responsibility-block,.content-group{grid-template-columns:minmax(125px,.55fr) minmax(0,1.45fr);max-width:760px}.body-copy{max-width:560px;margin-left:22%}.title-list button,.brand-list button,.compact-list button{font-size:13px!important;line-height:1.62}
.quick-drawer{top:var(--top);right:var(--rail-size);left:auto;width:min(60vw,900px);transform:translateX(calc(100% + var(--rail-size)))}.quick-drawer.is-open{transform:none}
.brand-card,.project-view{position:fixed;z-index:120;inset:0;width:auto;height:auto;padding:5vh 5vw;overflow:auto;background:rgba(0,0,0,.16);transform:none}.brand-card[hidden],.project-view[hidden]{display:none}.project-view{opacity:0;transition:opacity .25s}.project-view.is-open{opacity:1;transform:none}.detail-card{width:min(760px,88vw);margin:auto;padding:24px;background:#fff;box-shadow:0 10px 45px rgba(0,0,0,.14)}.detail-card header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;padding:0 0 20px;border:0}.detail-card h2,.project-view .detail-card h2{max-width:none;margin:0;font-size:clamp(25px,3vw,42px);font-weight:400;line-height:1.08;letter-spacing:-.035em}.detail-card header p{margin:2px 0 0;font-size:11px;line-height:1.48}.detail-card header small{margin:3px 0 0;font-size:9px;text-transform:none}.brand-gallery{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0!important}.brand-gallery img{display:block;width:100%;height:clamp(190px,29vh,300px);object-fit:cover}.social-links{display:flex!important;grid-template-columns:none!important;align-items:center;gap:18px!important;margin-top:18px!important;padding-top:11px!important;border-top:1px solid rgba(0,0,0,.2)}.social-links a{font-size:10px!important;line-height:1.3;text-decoration:none}.project-detail{width:min(680px,88vw)}.project-detail header{display:block}.project-detail header small{display:block;margin-bottom:8px}.project-images{display:block}.project-images figure,.project-images figure:nth-child(2),.project-images figure:nth-child(3){width:100%;margin:0 0 18px}.project-images img{width:100%;height:auto;max-height:none;object-fit:contain}.project-images figcaption{padding:7px 0;font-size:9px;line-height:1.45}.dot-close,.project-close{display:none!important}
@media(max-width:720px){:root{--top:92px;--rail-size:32px;--drawer-width:calc(100vw - 64px)}.left-rail.section-rail,.right-rail.quick-rail{height:32px;transform:matrix(0,-1,1,0,-32px,0)}.left-rail.section-rail{top:var(--top);left:32px}.right-rail.quick-rail{top:var(--top)}.left-rail.section-rail button,.right-rail.quick-rail button{height:32px;margin:0 2px;padding:6px 7px!important;font-size:10px}.content-drawer,.content-drawer[data-section]{top:var(--top);right:0;width:var(--drawer-width)}.continuous-section{padding:38px 18px 68px}.section-heading h1{font-size:30px}.intro-copy{font-size:17px}.about-section .intro-copy{font-size:22px}.responsibility-block,.content-group{grid-template-columns:1fr;gap:17px}.detail-card{width:92vw;padding:15px}.detail-card header{grid-template-columns:1fr;gap:10px}.brand-gallery{gap:6px}.brand-gallery img{height:22vh;min-height:130px}}

/* Card title scale and alignment. */
.detail-card h2,.project-view .detail-card h2{width:100%;max-width:none;padding:0;text-align:center;font-size:clamp(20px,2.2vw,31px);line-height:1.18}
.brand-detail{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.6fr);gap:20px;align-items:start}
.brand-detail header{display:contents}
.brand-detail h2{grid-column:1/-1;margin-bottom:4px}
.brand-detail header p{grid-column:1;width:min(88%,250px);margin:0 auto;padding:12px 8px 0;text-align:left;line-height:1.58}
.brand-detail .brand-gallery{grid-column:2;grid-row:2;align-self:start}
.brand-detail .social-links{grid-column:1/-1}
.project-detail header{text-align:center}
@media(max-width:720px){.brand-detail{grid-template-columns:1fr}.brand-detail h2,.brand-detail header p,.brand-detail .brand-gallery,.brand-detail .social-links{grid-column:1}.brand-detail header p{width:min(92%,360px);padding:6px 0 10px}.brand-detail .brand-gallery{grid-row:auto}}

/* True mirrored rails and drawers. */
.left-rail.section-rail,.right-rail.quick-rail{position:fixed;z-index:80;top:var(--top);bottom:auto;width:var(--rail-size);height:auto;padding:0;border:0;background:transparent;display:flex;flex-direction:column;align-items:stretch;transform:none}
.left-rail.section-rail{left:0;right:auto}.right-rail.quick-rail{right:0;left:auto}
.left-rail.section-rail button,.right-rail.quick-rail button{display:flex;align-items:center;justify-content:center;width:var(--rail-size);height:auto;min-height:96px;margin:0;padding:10px 7px!important;border:0;border-bottom:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.96)!important;writing-mode:vertical-rl;transform:rotate(180deg);font-size:13px;line-height:1.2}
.left-rail.section-rail button:first-child,.right-rail.quick-rail button:first-child{border-top:1px solid rgba(0,0,0,.12)}
.left-rail.section-rail button::after,.right-rail.quick-rail button::after{right:7px;bottom:9px;left:7px;transform:scaleY(0);transform-origin:bottom}
.left-rail.section-rail button:hover::after,.left-rail.section-rail button.is-active::after,.right-rail.quick-rail button:hover::after,.right-rail.quick-rail.is-active button::after{transform:scaleY(1)}
.left-rail.section-rail button.is-active{transform:rotate(180deg) translateX(-10px)}

.content-drawer,.content-drawer[data-section]{top:var(--top);right:auto;left:var(--rail-size);bottom:0;transform:translateX(calc(-100% - var(--rail-size)));transition:width .5s cubic-bezier(.76,0,.24,1),transform .68s cubic-bezier(.76,0,.24,1)}
.content-drawer[data-section="about"]{width:min(66vw,1020px)}
.content-drawer[data-section="showroom"]{width:min(55vw,860px)}
.content-drawer[data-section="pr"]{width:min(69vw,1080px)}
.content-drawer[data-section="creative"]{width:min(62vw,970px)}
.content-drawer[data-section="avenue"]{width:min(59vw,920px)}
.content-drawer.is-open{transform:none}
.quick-drawer{top:var(--top);right:var(--rail-size);left:auto;transform:translateX(calc(100% + var(--rail-size)))}
.quick-drawer.is-open{transform:none}

@media(max-width:720px){
  .left-rail.section-rail,.right-rail.quick-rail{top:var(--top);width:var(--rail-size)}
  .left-rail.section-rail button,.right-rail.quick-rail button{width:var(--rail-size);min-height:76px;padding:7px 5px!important;font-size:10px}
  .content-drawer,.content-drawer[data-section]{top:var(--top);right:auto;left:var(--rail-size);width:calc(100vw - 2*var(--rail-size));transform:translateX(calc(-100% - var(--rail-size)))}
  .content-drawer.is-open,.content-drawer.is-open[data-section]{transform:none}
}

/* CURRENT FINAL POLISH */
:root{--top:168px}
.left-rail.section-rail,.right-rail.quick-rail{gap:0!important;background:#fff!important}
.left-rail.section-rail button,.right-rail.quick-rail button{margin:0!important;border-radius:0!important;background:#fff!important;opacity:1!important;box-shadow:none!important}
.left-rail.section-rail button+button{margin-top:-1px!important}
.left-rail.section-rail button::after,.right-rail.quick-rail button::after{display:none!important}
.left-rail.section-rail button:hover,.left-rail.section-rail button.is-active,.right-rail.quick-rail button:hover,.right-rail.quick-rail.is-active button{background:#ededeb!important;font-weight:500}
.left-rail.section-rail button.is-active{transform:rotate(180deg) translateX(-8px)}
.image-world{inset:0;padding:0}.image-track{height:100%;gap:18px}.image-card,.card-1,.card-2,.card-3,.card-4,.card-5{height:88%;aspect-ratio:4/5}
.showroom-groups{max-width:760px}.showroom-groups .content-group{margin-top:68px}.showroom-groups .content-group+.content-group{margin-top:48px}.showroom-groups small{text-transform:uppercase}
.continuous-section>.section-heading,.continuous-section>.intro-copy,.about-section>.intro-copy{margin-left:-18px}.continuous-section>.intro-copy,.about-section>.intro-copy{padding-right:18px}
@media(max-width:720px){:root{--top:132px}.image-card,.card-1,.card-2,.card-3,.card-4,.card-5{height:84%}.showroom-groups .content-group{margin-top:50px}.showroom-groups .content-group+.content-group{margin-top:34px}.continuous-section>.section-heading,.continuous-section>.intro-copy,.about-section>.intro-copy{margin-left:-7px}.continuous-section>.intro-copy,.about-section>.intro-copy{padding-right:7px}}

/* Alternating brand-image rhythm. */
.image-track{align-items:center}
.image-card:nth-child(odd){height:90%;aspect-ratio:4/5}
.image-card:nth-child(even){height:62%;aspect-ratio:1/1}

/* Quick Info — three-row editorial sheet. */
.quick-drawer{padding:0;background:#fff;overflow-y:auto}
.info-sheet{min-height:100%;padding:22px 24px 34px}
.info-sheet>section{display:grid;grid-template-columns:minmax(150px,1fr) minmax(310px,1.15fr);gap:40px;min-height:190px;padding:18px 0;border-top:1px solid #111}
.info-sheet>section:first-child{border-top:0}
.info-sheet h2{margin:0;font-size:18px;font-weight:700;line-height:1.2}
.info-sheet p,.info-sheet address{margin:0;font-size:15px;font-style:normal;line-height:1.28}
.info-sheet a,.info-sheet em,.info-sheet address{color:inherit;font-style:italic;text-decoration:none}
.social-info{display:grid;grid-template-columns:auto minmax(130px,1fr);gap:0 28px;align-content:start}
.qr-grid{grid-column:1/-1;display:flex;gap:16px;margin-top:20px}
.qr-grid figure{width:104px;margin:0}.qr-grid img{display:block;width:100%;height:auto}.qr-grid figcaption{margin-top:5px;font-size:8px;text-transform:uppercase}
@media(max-width:720px){.image-card:nth-child(odd){height:86%}.image-card:nth-child(even){height:58%}.info-sheet{padding:16px 14px 26px}.info-sheet>section{grid-template-columns:1fr;gap:18px;min-height:0;padding:18px 0 30px}.info-sheet h2{font-size:16px}.info-sheet p,.info-sheet address{font-size:12px}.social-info{grid-template-columns:auto 1fr;gap:0 16px}.qr-grid figure{width:84px}}

/* Quick Info single-column layout inspired by the reference. */
.quick-drawer{width:min(42vw,620px);padding:0}
.info-column{width:min(100%,540px);min-height:100%;padding:58px clamp(34px,6vw,76px) 46px}
.info-column h2{margin:0 0 76px;font-size:31px;font-weight:300;font-style:italic;line-height:1}
.info-block{margin-top:42px}
.info-block p,.info-block address{margin:0 0 25px;color:#111;font-size:20px;font-style:normal;font-weight:300;line-height:1.34}
.info-block a,.info-block em,.info-block address{color:inherit;font-style:italic;text-decoration:none}
.info-qr{display:flex;gap:18px;margin-top:42px}
.info-qr figure{width:118px;margin:0}.info-qr img{display:block;width:100%;height:auto}.info-qr figcaption{margin-top:6px;font-size:9px;text-transform:uppercase}
@media(max-width:720px){.quick-drawer{width:calc(100vw - 2*var(--rail-size))}.info-column{padding:38px 24px 34px}.info-column h2{margin-bottom:54px;font-size:26px}.info-block{margin-top:34px}.info-block p,.info-block address{font-size:16px}.info-qr figure{width:92px}}

/* Refined Quick Info type scale. */
.info-column h2{margin-bottom:52px;font-size:20px;line-height:1.2}
.info-block{margin-top:32px}
.info-block p,.info-block address{margin-bottom:19px;font-size:13px;line-height:1.42}
.info-qr{gap:30px;margin-top:30px}.info-qr figure{width:96px}.info-qr figcaption{width:100%;font-size:8px;text-align:center}
@media(max-width:720px){.info-column h2{margin-bottom:42px;font-size:18px}.info-block{margin-top:28px}.info-block p,.info-block address{font-size:12px}.info-qr{gap:22px}.info-qr figure{width:80px}}

/* Brand-channel icon links. */
.social-links{justify-content:flex-end}
.channel-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #111;border-radius:50%;background:#fff;color:#111;cursor:pointer;transition:background .2s,color .2s}
.channel-button:hover{background:#111;color:#fff}
.channel-button:focus-visible{outline:1px solid #111;outline-offset:3px}
.channel-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.channel-button svg .solid{fill:currentColor;stroke:none}
.channel-button[data-channel="red"] svg{width:22px}
.channel-button[data-channel="red"] svg text{fill:currentColor;stroke:none;font-family:"PingFang SC","Hiragino Sans GB",Helvetica,Arial,sans-serif;font-size:6.4px;font-weight:700;letter-spacing:-.25px}
@media(max-width:720px){.channel-button{width:31px;height:31px}.channel-button svg{width:16px;height:16px}.channel-button[data-channel="red"] svg{width:20px}}