:root {
  color-scheme: light;
  --paper: #f8f7f3; --ink: #292b29; --muted: #7a7b76;
  --hairline: rgba(57, 61, 51, .11);
  --gutter: clamp(24px, 3.3vw, 58px);
  --ease: cubic-bezier(.22, 1, .36, 1);
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  font-synthesis: none;
}
* { box-sizing: border-box; }
html { background: var(--paper); height: 100%; }
body { margin: 0; min-height: 100%; background: var(--paper); color: var(--ink); overflow: hidden; -webkit-font-smoothing: antialiased; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
a { color: inherit; text-decoration: none; }
a:focus-visible, button:focus-visible { outline: 2px solid #737e70; outline-offset: -4px; }

/* Same logo glides from center to upper left, without duplicating elements. */
.brand {
  position: fixed; z-index: 120; top: clamp(29px, 4.2vh, 43px); left: var(--gutter);
  display: inline-flex; align-items: center; gap: 12px;
  transform-origin: center; transform: translate(0, 0) scale(1);
  transition: top 1.35s var(--ease), left 1.35s var(--ease), transform 1.35s var(--ease);
  white-space: nowrap;
}
.is-loading .brand { top: 47%; left: 50%; transform: translate(-50%, -50%) scale(1.52); }
.brand__mark { display: inline-flex; height: 23px; align-items: flex-end; gap: 4px; }
.brand__mark i { width: 4px; height: 12px; background: #788b7b; border-radius: 1px; display: block; }
.brand__mark i:nth-child(2) { height: 20px; }
.brand__mark i:nth-child(3) { height: 16px; }
.brand__wordmark { font-size: 24px; font-weight: 600; letter-spacing: -.085em; line-height: 1; }
.brand__slash { color: #93a697; padding: 0 4px; font-weight: 400; }

.intro { position: fixed; z-index: 110; inset: 0; background: var(--paper); opacity: 1; visibility: visible; transition: opacity .72s ease .2s, visibility 0s linear .92s; }
.is-ready .intro { opacity: 0; visibility: hidden; pointer-events: none; }
.intro__line { position: absolute; left: 50%; top: calc(47% + 76px); transform: translateX(-50%); width: min(135px, 37vw); height: 1px; background: #dcded8; overflow: hidden; }
.intro__line span { width: 0; display: block; height: 100%; background: #7c917f; }
.intro__counter { position: absolute; left: 50%; top: calc(47% + 92px); transform: translateX(-50%); font-size: 10px; font-weight: 500; color: #969b94; letter-spacing: .15em; font-variant-numeric: tabular-nums; }

.site { position: relative; min-height: 520px; height: 100dvh; opacity: 0; transform: translateY(9px); transition: opacity 1.25s ease .08s, transform 1.5s var(--ease) .08s; }
.is-ready .site { opacity: 1; transform: translateY(0); }
.site__header { position: absolute; z-index: 40; top: 0; right: var(--gutter); left: var(--gutter); height: 104px; display: flex; align-items: flex-start; justify-content: flex-end; pointer-events: none; }
.header__note { display: block; padding-top: clamp(37px, 4.9vh, 51px); color: #858983; font-size: 9px; letter-spacing: .19em; font-weight: 600; }
.header__note span { padding: 0 6px; color: #b2b8ae; }

.columns { height: 100%; display: flex; align-items: stretch; overflow: hidden; isolation: isolate; }
.area { --mx: 0px; --my: 0px; position: relative; isolation: isolate; min-width: 0; flex: 1 1 0; overflow: hidden; background: #f1f2ec; border-right: 1px solid var(--hairline); transition: flex-grow 1s var(--ease), background-color .8s ease; cursor: pointer; }
.area--one { background: #f0f2ed; }
.area--two { background: #f7f4ef; }
.area--three { background: #f1f0e9; border-right: 0; }
.area--one:hover, .area--one.is-active { background: #eaf0e9; }
.area--two:hover, .area--two.is-active { background: #fcfaf6; }
.area--three:hover, .area--three.is-active { background: #efeee4; }
.columns.has-active .area { flex-grow: .88; }
.columns.has-active .area.is-active { flex-grow: 1.24; }
.area__number { position: absolute; left: clamp(23px, 3vw, 50px); top: clamp(155px, 20vh, 200px); color: #7f847d; font-size: 11px; font-weight: 500; letter-spacing: .10em; }
.area__number span { padding: 0 5px; color: #a9aaa3; }

.area__micro { position: absolute; left: clamp(23px, 3vw, 50px); top: clamp(182px, 23vh, 235px); color: #8e8a85; font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }
.area--two .area__micro { color: #8b857e; }
.area--two .area__visual { inset: 17% 0 16%; }
.area--two .area__visual img { width: clamp(240px, 27vw, 470px); height: min(70vh, 720px); filter: saturate(.15) contrast(1.03); }
.area--two .area__heading { font-weight: 400; letter-spacing: -.07em; }
.area--two .area__cta { color: #595651; }
.area__visual { position: absolute; inset: 20% 0 18%; display: flex; align-items: center; justify-content: center; pointer-events: none; transform: translate3d(var(--mx), var(--my), 0) scale(1); transition: transform 1.15s var(--ease); }
.area__visual img { display: block; width: clamp(260px, 31vw, 580px); height: min(68vh, 690px); max-width: none; object-fit: contain; user-select: none; filter: saturate(.8); transform: translateY(0) scale(1); transition: transform 1.15s var(--ease), filter 1.1s ease; }
.area.is-active .area__visual img, .area:hover .area__visual img { transform: translateY(-8px) scale(1.035); filter: saturate(1); }
.area__bottom { position: absolute; bottom: clamp(100px, 13vh, 146px); left: clamp(23px, 3vw, 50px); right: clamp(23px, 3vw, 50px); display: flex; gap: 18px; align-items: end; justify-content: space-between; }
.area__heading { display: block; font-weight: 500; font-size: clamp(29px, 3.1vw, 49px); letter-spacing: -.065em; line-height: 1.1; white-space: nowrap; }
.area__cta { display: flex; align-items: center; flex: none; gap: 10px; padding-bottom: 5px; font-size: 11px; letter-spacing: .02em; color: #70776d; opacity: .64; transition: opacity .45s ease; }
.area__arrow { display: inline-grid; place-items: center; width: 33px; height: 33px; border: 1px solid rgba(47, 54, 47, .23); border-radius: 50%; font-size: 16px; font-weight: 400; transition: background-color .45s ease, transform .55s var(--ease), color .45s ease; }
.area:hover .area__cta, .area.is-active .area__cta, .area:focus-visible .area__cta { opacity: 1; }
.area:hover .area__arrow, .area.is-active .area__arrow { color: #faf9f5; background: #343d35; transform: rotate(45deg); }
.site__footer { position: absolute; z-index: 40; bottom: clamp(24px, 3.7vh, 39px); left: var(--gutter); right: var(--gutter); display: flex; align-items: center; justify-content: space-between; font-size: 9px; letter-spacing: .12em; color: #777b76; font-weight: 500; pointer-events: none; }
.footer__instruction { letter-spacing: .025em; font-size: 11px; }
.footer__instruction span { padding-left: 8px; }
/* Subpage placeholders will be replaced with real specialist websites. */
.detail { position: fixed; inset: 0; width: 100vw; height: 100dvh; max-width: none; max-height: none; padding: 0; margin: 0; border: 0; background: var(--paper); color: var(--ink); opacity: 0; transform: translateY(16px); transition: opacity .38s ease, transform .6s var(--ease); }
.detail[open] { opacity: 1; transform: translateY(0); }
.detail::backdrop { background: rgba(24, 29, 21, .1); }
.detail__inner { display: flex; flex-direction: column; height: 100%; min-height: 480px; padding: clamp(28px, 4vw, 60px); }
.detail__top { display: flex; justify-content: space-between; align-items: center; }
.detail__brand { font-weight: 600; font-size: 23px; letter-spacing: -.08em; }
.detail__brand span { color: #8ca08e; padding: 0 3px; }
.detail__close { border: 0; background: transparent; color: #535952; padding: 8px 0 8px 12px; cursor: pointer; font-size: 12px; }
.detail__close span { font-size: 23px; margin-left: 19px; vertical-align: -2px; }
.detail__body { flex: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding-bottom: 10vh; }
.detail__label { font-size: 11px; color: #9a9e96; letter-spacing: .15em; }
.detail h1 { margin: 15px 0 3px; font-size: clamp(58px, 10vw, 144px); font-weight: 500; line-height: 1.03; letter-spacing: -.075em; }
.detail__body > p:not(.detail__label) { font-size: clamp(15px, 1.4vw, 19px); color: #838982; line-height: 1.7; }
.detail__back { margin-top: 40px; border: 0; border-bottom: 1px solid #b5bfb0; background: transparent; color: #59665b; padding: 0 0 12px; font-size: 13px; cursor: pointer; }
.detail__footer { display: flex; justify-content: space-between; font-size: 10px; color: #93988f; letter-spacing: .08em; }

@media (min-width: 721px) and (max-width: 1140px) {
  .area__bottom { display: block; }
  .area__cta { margin-top: 15px; }
  .area__heading { font-size: clamp(27px, 3.4vw, 39px); }
  .area__visual img { width: max(310px, 38vw); }
}
@media (max-width: 720px) {
  :root { --gutter: 23px; }
  .brand { top: 28px; gap: 9px; }
  .brand__wordmark { font-size: 21px; }
  .brand__mark { transform: scale(.83); transform-origin: center left; margin-right: -4px; }
  .is-loading .brand { transform: translate(-50%, -50%) scale(1.45); }
  .header__note { padding-top: 34px; font-size: 8px; }
  .columns { overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none; }
  .columns::-webkit-scrollbar { display: none; }
  .area { flex: none; min-width: 85vw; width: 85vw; scroll-snap-align: start; }
  .area:last-child { min-width: 100vw; width: 100vw; }
  .area__number { top: 142px; left: 27px; }
  .area__micro { top: 167px; left: 27px; font-size: 9px; }
  .area__visual { inset: 18% 0 22%; }
  .area__visual img { width: 112vw; height: min(65vh, 650px); }
  .area__bottom { left: 27px; right: 27px; bottom: clamp(105px, 15vh, 149px); }
  .area__heading { font-size: clamp(40px, 10vw, 56px); }
  .area__cta { opacity: 1; }
  .area__cta > span:first-child { display: none; }
  .area__arrow { width: 38px; height: 38px; }
  .site__footer { bottom: 23px; font-size: 8px; }
  .footer__instruction { font-size: 10px; }
  .detail__inner { padding: 30px 24px; }
  .detail__body { padding-bottom: 5vh; }
}
@media (max-width: 380px) {
  .header__note { top: 70px; position: relative; padding: 0; }
  .area__heading { font-size: 38px; }
  .area__visual img { width: 123vw; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}



/* AREA 02: quiet editorial studio with immersive landing & five real service views. */
.area02{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#f1eee8;color:#201e1c;overflow:hidden;}
.area02::backdrop{background:rgba(0,0,0,.36)}
.area02[open]{display:block;animation:a2-appear .5s both cubic-bezier(.18,.9,.26,1)}
@keyframes a2-appear{from{opacity:.0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
.a2-app{position:relative;height:100%;width:100%;background:#efede8;overflow:hidden}
.a2-sidebar{position:absolute;z-index:20;top:0;bottom:0;left:0;width:min(440px,30vw);min-width:330px;display:flex;flex-direction:column;padding:clamp(26px,3.8vw,52px) clamp(24px,2.5vw,42px) 36px;background:#1b1b19;color:#f9f7f3;transform:translateX(-105%);visibility:hidden;transition:transform .78s cubic-bezier(.19,1,.22,1),visibility .78s;box-shadow:18px 0 30px rgba(0,0,0,.1)}
.a2-app.is-menu-open .a2-sidebar{transform:translateX(0);visibility:visible}
.a2-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.16em;color:#c6c2b8;white-space:nowrap}
.a2-sidebar-head i{color:#8e877c;font-style:normal;margin:0 8px}
.a2-sidebar-head button{border:0;background:none;color:#eeeae3;font-size:26px;font-weight:200;cursor:pointer;padding:4px 8px}
.a2-nav{margin:auto 0;display:flex;flex-direction:column;gap:0;counter-reset:service}
.a2-nav-item{border:0;border-bottom:1px solid rgba(255,255,255,.16);background:transparent;color:#d6d1c7;min-height:clamp(75px,10.2vh,114px);display:grid;grid-template-columns:30px 1fr 17px;align-items:center;gap:10px;text-align:left;cursor:pointer;width:100%;padding:15px 0;transition:color .28s ease,background .3s ease;}
.a2-nav-item:first-child{border-top:1px solid rgba(255,255,255,.16)}
.a2-nav-index{align-self:start;padding-top:11px;font-size:10px;letter-spacing:.1em;color:#827f79}
.a2-nav-name{font-size:clamp(23px,2.25vw,36px);line-height:1.08;font-weight:380;letter-spacing:-.052em;max-width:320px}
.a2-nav-arrow{font-size:19px;opacity:0;transform:translateX(-5px);transition:opacity .3s,transform .4s}
.a2-nav-item:is(:hover,:focus-visible,[aria-current=true]){color:#fff}
.a2-nav-item:is(:hover,:focus-visible,[aria-current=true]) .a2-nav-arrow{opacity:1;transform:translateX(0)}
.a2-nav-item[aria-current=true] .a2-nav-index{color:#d2c7ab}
.a2-sidebar-foot{display:flex;align-items:end;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:.08em;color:#86837c}
.a2-sidebar-foot button{color:#dedad2;border:0;background:none;cursor:pointer;padding:0;font-size:11px;white-space:nowrap}
.a2-sidebar-foot span{max-width:110px;text-align:right;line-height:1.5}
.a2-workspace{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b5b0a7 transparent;transition:left .8s cubic-bezier(.19,1,.22,1);background:#f4f1ed}
.a2-app.is-menu-open .a2-workspace{left:min(440px,max(330px,30vw))}
.a2-topbar{position:sticky;top:0;z-index:11;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,3.6vw,64px);background:transparent;pointer-events:none;margin-bottom:-100px;color:white;mix-blend-mode:normal}
.a2-topbar>*{pointer-events:auto}
.a2-menubutton,.a2-exit{display:inline-flex;align-items:center;gap:13px;border:0;background:transparent;color:inherit;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.13em;padding:12px 0;min-height:44px}
.a2-hamburger{display:grid;gap:6px;width:24px}.a2-hamburger i{display:block;width:24px;height:1px;background:currentColor}.a2-hamburger i:last-child{width:16px}
.a2-wordmark{position:absolute;left:50%;transform:translateX(-50%);font-size:26px;line-height:1;letter-spacing:-.095em;font-weight:600;white-space:nowrap;user-select:none}
.a2-wordmark span{padding:0 4px;opacity:.75}
.a2-exit span{font-size:22px;font-weight:300}
.a2-app.is-service .a2-topbar{color:#2a2926;background:#f4f1ed;border-bottom:1px solid #e5e0d8}
.a2-app.is-service .a2-topbar:has(+ *){mix-blend-mode:normal}
.a2-home{height:100dvh;min-height:450px}
.a2-opening{position:relative;width:100%;height:100%;border:0;overflow:hidden;background:#44414b;display:block;cursor:pointer;text-align:inherit;color:#fff}
.a2-home-image,.a2-home-wash{position:absolute;inset:0}
.a2-home-image{background:url('area02-poster.png') center center/cover no-repeat;transform:scale(1.055);animation:a2-push 26s ease-in-out infinite alternate}
.a2-home-wash{background:linear-gradient(90deg,rgba(12,10,15,.30),transparent 24%,transparent 74%,rgba(12,10,15,.2));backdrop-filter:brightness(.75)}
.a2-home-name{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;font-size:clamp(88px,13vw,210px);font-weight:300;letter-spacing:-.095em;line-height:.79;white-space:nowrap;text-shadow:0 1px 20px rgba(18,18,18,.08);transition:transform .85s cubic-bezier(.19,1,.22,1)}
.a2-opening:hover .a2-home-name{transform:translate(-50%,-51.4%)}
.a2-home-cue{position:absolute;left:50%;bottom:45px;transform:translateX(-50%);white-space:nowrap;display:flex;align-items:center;gap:12px;font-size:10px;font-weight:500;letter-spacing:.17em}
.a2-home-cue span{display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.65);height:31px;width:31px;border-radius:50%;font-size:17px}
@keyframes a2-push{to{transform:scale(1.12) translateY(-1.1%)}}
.a2-services{background:#f4f1ed;min-height:100%;padding-top:100px}
.a2-service{animation:a2-reveal .65s cubic-bezier(.19,1,.22,1) both;max-width:1800px;margin:0 auto}
.a2-service[hidden],.a2-services[hidden],.a2-home[hidden]{display:none!important}
@keyframes a2-reveal{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.a2-service-masthead{display:flex;justify-content:space-between;padding:clamp(34px,4vw,70px) clamp(24px,4vw,72px) 0;font-size:10px;letter-spacing:.16em;color:#878178}
.a2-service-title{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:clamp(20px,2.8vw,45px) clamp(24px,4vw,72px) clamp(35px,4.5vw,76px)}
.a2-service-title h1{margin:0;font-size:clamp(56px,7vw,142px);font-weight:450;letter-spacing:-.085em;line-height:.92}
.a2-service-title p{max-width:195px;margin:0 0 12px;font-size:clamp(14px,1.55vw,19px);letter-spacing:-.025em;line-height:1.28;color:#8f8b83}
.a2-feature{position:relative;width:100%;height:clamp(390px,53vw,760px);overflow:hidden;background:#d4c5b3}
.a2-feature img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.035);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.a2-feature:hover img{transform:scale(1.085)}
.a2-feature-index{position:absolute;bottom:28px;left:clamp(24px,4vw,72px);color:#fff;font-size:10px;letter-spacing:.15em;text-shadow:0 1px 8px #444}
.a2-feature--ai .a2-feature-index,.a2-feature--web .a2-feature-index,.a2-feature--social .a2-feature-index{color:#3c3432;text-shadow:none}
.a2-intro{padding:clamp(58px,8vw,150px) clamp(24px,4vw,72px);display:grid;grid-template-columns:30% 1fr;gap:20px}
.a2-kicker{font-size:10px;font-weight:600;letter-spacing:.17em;color:#79756c;margin:14px 0 0}
.a2-intro-text{font-size:clamp(24px,3.4vw,58px);font-weight:400;line-height:1.12;letter-spacing:-.055em;margin:0;max-width:850px}
.a2-tags{display:flex;flex-wrap:wrap;gap:14px;margin-top:40px}
.a2-tags span{display:inline-block;padding:9px 0;font-size:12px;border-top:1px solid #c7beb4;color:#7b776f;min-width:130px}
.a2-section-head{display:flex;justify-content:space-between;margin:0 clamp(24px,4vw,72px) 22px;border-top:1px solid #cfc8bd;padding-top:15px;font-size:10px;letter-spacing:.16em;color:#777067}
.a2-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.8vw,28px);margin:0 clamp(24px,4vw,72px)}
.a2-work-card{margin:0;min-width:0}
.a2-work-card:first-child{grid-column:1 / -1}
.a2-work-image{position:relative;height:clamp(250px,32vw,540px);overflow:hidden;isolation:isolate;background:#d6cbc1}
.a2-work-card:first-child .a2-work-image{height:clamp(320px,42vw,640px)}
.a2-work-image:before,.a2-work-image:after,.a2-work-shape{content:'';position:absolute;display:block;transition:transform .9s cubic-bezier(.19,1,.22,1)}
.a2-work-card:hover .a2-work-shape{transform:translate3d(0,-6px,0) scale(1.04)}
.a2-work-grain{position:absolute;inset:0;pointer-events:none;opacity:.5;background:repeating-linear-gradient(15deg,transparent 0 4px,rgba(255,255,255,.025) 4px 5px)}
.a2-work-image--film{background:linear-gradient(145deg,#201c21,#74574f 64%,#a88f7e)}
.a2-work-image--film:before{height:118%;width:33%;left:30%;top:-15%;background:linear-gradient(100deg,rgba(248,197,159,.5),transparent);transform:skewX(-29deg);filter:blur(11px)}
.a2-work-image--film:after{height:90%;width:35%;right:22%;bottom:-37%;border-radius:45% 45% 0 0;background:#19181c;box-shadow:0 0 40px rgba(0,0,0,.2)}
.a2-work-image--film .a2-work-shape{left:22%;top:39%;width:30%;aspect-ratio:1;border:1px solid rgba(245,228,207,.6);border-radius:50%}
.a2-work-image--ai{background:radial-gradient(ellipse at 50% 48%,#f6efed,#cbb3a9 48%,#8d777b)}
.a2-work-image--ai .a2-work-shape{left:32%;top:18%;width:36%;height:66%;border-radius:48%;background:linear-gradient(125deg,#f9f4ed 3%,#7e8396 38%,#e7d8cc 47%,#817988 65%,#f6e3df 98%);transform:rotate(-25deg);box-shadow:20px 20px 65px rgba(78,55,64,.25)}
.a2-work-image--social{background:linear-gradient(120deg,#ddd0ba,#baa69d)}
.a2-work-image--social:before{width:35%;height:93%;top:11%;left:18%;background:#5c6860;transform:rotate(-11deg);box-shadow:18px 24px 40px #57483e35}
.a2-work-image--social:after{width:35%;height:93%;top:-8%;left:51%;background:#dec2ab;transform:rotate(11deg);box-shadow:0 10px 40px #57483e26}
.a2-work-image--social .a2-work-shape{z-index:2;width:12%;aspect-ratio:1;left:49%;top:38%;border:2px solid #f5f0e8;border-radius:50%}
.a2-work-image--web{background:linear-gradient(145deg,#b3b7aa,#e7e2d7)}
.a2-work-image--web:before{inset:13% 18%;background:#ece6db;box-shadow:16px 20px 60px #27362b35;transform:rotate(-7deg)}
.a2-work-image--web:after{inset:27% 28% 24% 28%;background:linear-gradient(90deg,#d0c3b2 45%,#717b70 45%);transform:rotate(4deg)}
.a2-work-image--web .a2-work-shape{z-index:3;inset:35% 34% 37%;border:1px solid rgba(255,255,255,.6);transform:rotate(4deg)}
.a2-work-image--agency{background:linear-gradient(135deg,#c7bba7,#e6ded0)}
.a2-work-image--agency:before{height:100%;width:50%;top:0;left:0;background:#454945}
.a2-work-image--agency:after{width:34%;height:70%;left:33%;top:13%;border:26px solid #d7c6b7;border-radius:50%;box-shadow:2px 20px 40px #57483e35}
.a2-work-image--agency .a2-work-shape{z-index:1;width:20%;height:70%;left:59%;top:15%;background:#ac876e;transform:rotate(-12deg)}
.a2-work-card--2 .a2-work-image{filter:hue-rotate(18deg) brightness(1.05)}
.a2-work-card--3 .a2-work-image{filter:hue-rotate(-20deg) contrast(.92)}
.a2-work-card figcaption{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:18px 1px 33px;font-size:clamp(17px,1.8vw,27px);letter-spacing:-.04em}
.a2-work-card figcaption span:last-child{font-size:11px;letter-spacing:.02em;color:#858078;padding-top:5px}
.a2-bottom-next{margin:clamp(90px,11vw,175px) clamp(24px,4vw,72px) 0;border-top:1px solid #cfc8bd;display:flex;flex-direction:column;align-items:start;gap:24px;padding:35px 0 70px}
.a2-bottom-next>span{font-size:10px;letter-spacing:.16em;color:#817d74}
.a2-bottom-next button{display:flex;gap:60px;justify-content:space-between;width:100%;align-items:center;border:0;background:transparent;cursor:pointer;text-align:left;color:#252522;padding:0;font-size:clamp(40px,6.3vw,105px);letter-spacing:-.075em;line-height:1}
.a2-bottom-next button>span:last-child{font-size:clamp(38px,5vw,80px)}
@media(max-width:1080px){
.a2-sidebar{width:345px;min-width:345px}.a2-app.is-menu-open .a2-workspace{left:345px}
.a2-nav-name{font-size:26px}.a2-service-title{flex-direction:column;align-items:start}.a2-service-title p{max-width:none}
.a2-service-title h1{font-size:clamp(56px,7vw,91px)}
.a2-app.is-menu-open .a2-service-title h1{font-size:clamp(48px,6.4vw,78px)}
}
@media(max-width:720px){
.a2-sidebar{width:100%;min-width:0;max-width:none;box-shadow:none;padding:24px 28px 30px}.a2-app.is-menu-open .a2-workspace{left:0}.a2-app.is-menu-open .a2-sidebar{z-index:30}
.a2-sidebar-head{font-size:9px}.a2-nav-item{min-height:73px}.a2-nav-name{font-size:clamp(23px,7vw,31px)}
.a2-nav-index{font-size:9px}.a2-sidebar-foot span{display:none}
.a2-topbar{height:78px;margin-bottom:-78px;padding:0 21px}.a2-wordmark{font-size:21px}.a2-exit{font-size:10px}.a2-menubutton{font-size:10px;gap:8px}.a2-hamburger{width:19px}.a2-hamburger i{width:19px}.a2-hamburger i:last-child{width:13px}
.a2-services{padding-top:78px}.a2-home-name{font-size:clamp(84px,22vw,140px)}.a2-home-cue{bottom:40px}
.a2-service-title{padding-bottom:35px}.a2-service-title h1{font-size:clamp(48px,12vw,78px)}
.a2-feature{height:58vh;min-height:340px}.a2-intro{grid-template-columns:1fr;gap:30px}.a2-intro-text{font-size:clamp(24px,7vw,38px)}
.a2-tags{gap:6px 20px;margin-top:28px}.a2-tags span{min-width:calc(50% - 16px)}.a2-work-grid{grid-template-columns:1fr}.a2-work-card:first-child{grid-column:1}
.a2-work-card:first-child .a2-work-image,.a2-work-image{height:clamp(260px,65vw,450px)}.a2-work-card figcaption{padding-bottom:24px}.a2-bottom-next button{font-size:clamp(40px,9vw,68px)}
}
@media(prefers-reduced-motion:reduce){.a2-home-image,.area02[open]{animation:none!important}}


/* V7 / Area 02: restrained fashion-editorial navigation; original service labels. */
.a2-sidebar{width:min(590px,44vw);min-width:410px;padding:clamp(28px,3.8vw,54px) clamp(30px,3.8vw,61px) 36px;background:#faf9f6;color:#262622;box-shadow:18px 0 50px rgba(28,26,24,.075);border-right:1px solid #d7d4cc}
.a2-sidebar-head{font-size:10px;color:#75736d;letter-spacing:.10em}
.a2-sidebar-head i{color:#aaa69d;margin:0 5px}
.a2-sidebar-head button{color:#262622;font-size:28px;font-weight:300;transition:transform .35s cubic-bezier(.19,1,.22,1)}
.a2-sidebar-head button:hover{transform:rotate(90deg)}
.a2-app.is-menu-open .a2-workspace{left:min(590px,max(410px,44vw))}
.a2-nav{margin:8vh 0 auto}
.a2-nav-item{border-color:#d7d4cc;color:#353430;min-height:clamp(78px,11.7vh,118px);grid-template-columns:44px 1fr 25px;gap:14px;padding:17px 0;transition:color .3s ease, padding-left .6s cubic-bezier(.19,1,.22,1)}
.a2-nav-item:first-child{border-top-color:#d7d4cc}
.a2-nav-item:hover,.a2-nav-item:focus-visible,.a2-nav-item[aria-current=true]{color:#23221f}
.a2-nav-item:hover{padding-left:8px}
.a2-nav-index{font-size:10px;letter-spacing:.025em;color:#9a978f;align-self:center;padding:0}
.a2-nav-item[aria-current=true] .a2-nav-index{color:#666057}
.a2-nav-name{font-family:Georgia,'Times New Roman',serif;font-size:clamp(27px,2.95vw,52px);font-weight:400;letter-spacing:-.055em;line-height:.96;max-width:420px}
.a2-nav-arrow{opacity:.34;font-size:25px;transform:translate(-5px,6px);color:#4a4b46}
.a2-nav-item:hover .a2-nav-arrow,.a2-nav-item:focus-visible .a2-nav-arrow,.a2-nav-item[aria-current=true] .a2-nav-arrow{opacity:1;transform:translate(0,0)}
.a2-sidebar-foot{border-top:1px solid #d7d4cc;padding-top:24px;color:#99948c}
.a2-sidebar-foot button{color:#34342e;font-size:11px}
.a2-sidebar-foot button:hover{text-decoration:underline;text-underline-offset:4px}
.a2-sidebar-foot span{max-width:180px}
.a2-app.is-menu-open .a2-wordmark{opacity:.88}
.a2-app.is-menu-open .a2-opening .a2-home-name{opacity:.82}
.a2-menu-preview{position:absolute;right:clamp(24px,5vw,88px);bottom:clamp(65px,10vh,125px);z-index:5;width:clamp(180px,25vw,340px);opacity:0;transform:translateY(15px);pointer-events:none;transition:opacity .5s,transform .65s cubic-bezier(.19,1,.22,1);display:flex;flex-direction:column;gap:12px;background:#f8f6f1;padding:12px 12px 16px;color:#33312f;box-shadow:0 20px 80px rgba(20,16,14,.08)}
.a2-app.is-menu-open:not(.is-service) .a2-menu-preview{opacity:1;transform:translateY(0)}
.a2-menu-preview__label,.a2-menu-preview__number{font-size:9px;letter-spacing:.13em;color:#827e77}
.a2-menu-preview img{width:100%;height:clamp(185px,21vw,260px);object-fit:cover;background:#ded9d0;transition:opacity .25s ease}
.a2-menu-preview img.is-switching{opacity:.12}
.a2-menu-preview__number{text-align:right}
/* Neutral labels and photographic/editorial pacing on the individual service pages. */
.a2-service-title{display:block;padding-top:clamp(30px,4vw,60px)}
.a2-service-title h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.074em;font-size:clamp(58px,8vw,145px);max-width:1050px;line-height:.91}
.a2-service-masthead{color:#5c5952}
.a2-feature{height:clamp(390px,58vw,820px)}
.a2-feature-index{background:rgba(245,242,237,.9);text-shadow:none!important;color:#2a2926!important;padding:11px 14px;left:clamp(24px,4vw,72px);bottom:24px}
.a2-intro{padding-top:clamp(60px,8vw,120px);padding-bottom:clamp(60px,9vw,140px)}
.a2-intro-text{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.13;letter-spacing:-.038em}
.a2-work-card figcaption{font-family:Georgia,'Times New Roman',serif}
.a2-bottom-next button{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.045em}
@media(max-width:1100px){
  .a2-sidebar{width:390px;min-width:390px;padding:32px 32px 30px}
  .a2-app.is-menu-open .a2-workspace{left:390px}
  .a2-nav-name{font-size:clamp(27px,3vw,39px)}
  .a2-nav-item{grid-template-columns:35px 1fr 25px;gap:8px;min-height:91px}
  .a2-menu-preview{right:26px;width:230px}
}
@media(max-width:720px){
  .a2-sidebar{width:100%;min-width:0;max-width:none;padding:30px 26px 29px;box-shadow:none}
  .a2-app.is-menu-open .a2-workspace{left:0}
  .a2-sidebar-head{font-size:10px}
  .a2-nav{margin:clamp(34px,7vh,75px) 0 auto}
  .a2-nav-item{min-height:clamp(75px,12vh,112px);grid-template-columns:37px 1fr 22px;gap:9px;padding:14px 0}
  .a2-nav-name{font-size:clamp(26px,8.5vw,42px);line-height:1.01}
  .a2-sidebar-foot{padding-top:20px}
  .a2-menu-preview{display:none}
  .a2-service-title h1{font-size:clamp(56px,12vw,82px)}
  .a2-feature{height:58vh}
}

/* V8: Full-service advertising and talent agency. Understated editorial navigation. */
.a2-sidebar{min-width:420px;width:min(525px,42vw);padding:36px clamp(28px,3.5vw,52px) 29px}
.a2-app.is-menu-open .a2-workspace{left:min(525px,max(420px,42vw))}
.a2-sidebar-head{flex:0 0 auto;white-space:normal}
.a2-nav{margin:24px 0 18px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;min-height:0;flex:1;padding:0 9px 18px 0;scrollbar-width:thin;scrollbar-color:#d4d0c8 transparent;scroll-behavior:smooth}
.a2-nav-group{font-size:9px;letter-spacing:.19em;color:#979087;padding:25px 0 12px;font-weight:600}
.a2-nav-group:first-child{padding-top:8px}
.a2-nav-item{min-height:57px;grid-template-columns:28px 1fr 23px;gap:10px;padding:11px 0;align-items:center;border-color:#dcd8d0;transition:color .25s,padding-left .5s cubic-bezier(.19,1,.22,1)}
.a2-nav-item:first-child{border-top:0}
.a2-nav-index{align-self:center;padding:0;font-size:9px}
.a2-nav-name{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(22px,2vw,30px);line-height:1.11;letter-spacing:-.04em}
.a2-nav-arrow{font-size:20px;align-self:center;transform:translateX(-3px)}
.a2-sidebar-foot{flex:0 0 auto;padding-top:20px}
.a2-sidebar-foot button{font-size:12px}
.a2-service-title h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(50px,7vw,119px);font-weight:400;line-height:.94;letter-spacing:-.073em}
.a2-intro-text{font-family:Georgia,'Times New Roman',serif}
.a2-feature{height:clamp(360px,55vw,750px)}
.a2-work-image--talent{background:linear-gradient(100deg,#e7ded3,#b4aaa0)}
.a2-work-image--talent:before{width:33%;height:55%;border-radius:50%;background:#746e69;top:19%;left:32%}
.a2-work-image--talent:after{width:51%;height:56%;border-radius:50% 50% 0 0;background:#a59a8e;bottom:-15%;left:23%}
.a2-work-image--talent .a2-work-shape{width:25%;height:33%;border-radius:100%;background:#d7c9bc;top:24%;left:39%}
.a2-feature--casting,.a2-feature--talent{background:#e7ddd2}
.a2-menu-preview{bottom:clamp(45px,8vh,100px);width:clamp(175px,22vw,290px)}
.a2-menu-preview img{height:clamp(170px,19vw,245px)}
.a2-home-cue{bottom:38px}
.a2-work-card figcaption{font-family:Georgia,'Times New Roman',serif}
.a2-app.is-service .a2-sidebar{box-shadow:16px 0 60px #27221a08}
@media(max-width:1099px){
 .a2-sidebar{width:390px;min-width:390px;padding:28px 30px 26px}
 .a2-app.is-menu-open .a2-workspace{left:390px}
 .a2-nav-name{font-size:24px}
 .a2-menu-preview{display:none}
}
@media(max-width:720px){
 .a2-sidebar{width:100%;min-width:0;max-width:none;padding:25px 25px 22px}
 .a2-app.is-menu-open .a2-workspace{left:0}
 .a2-nav{margin:18px 0 12px}
 .a2-nav-group{padding-top:22px}
 .a2-nav-item{min-height:57px;grid-template-columns:24px 1fr 20px}
 .a2-nav-name{font-size:clamp(24px,6.5vw,31px)}
 .a2-service-title h1{font-size:clamp(47px,11.7vw,72px)}
 .a2-feature{height:54vh;min-height:320px}
 .area__micro{font-size:9px;letter-spacing:.09em;max-width:75vw;line-height:1.6}
}
@media(prefers-reduced-motion:reduce){.a2-nav{scroll-behavior:auto}}


/* V9 — AREA 02 / REBUILT EDITORIAL SERVICE INDEX
   Long labels use natural height and never overlap row dividers.
   The rest of the three-panel site and service routes remain unchanged. */
.a2-sidebar{
  width:min(800px,61vw);min-width:0;
  padding:clamp(28px,3vw,48px) clamp(28px,3.55vw,60px) clamp(24px,2.8vw,40px);
  background:#f8f7f3;color:#262722;
  box-shadow:25px 0 80px rgba(12,18,13,.10);
  border-right:1px solid #deded6;
  display:flex;flex-direction:column;gap:0;
}
.a2-app.is-menu-open .a2-workspace{left:min(800px,61vw)}
.a2-sidebar-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;white-space:normal;flex:0 0 auto;letter-spacing:normal}
.a2-sidebar-identity{display:flex;flex-direction:column;gap:10px;min-width:0}
.a2-sidebar-overline{font:600 10px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;letter-spacing:.18em;color:#81837b}
.a2-sidebar-overline i{font-style:normal;margin:0 7px;color:#a2a99f}
.a2-sidebar-headline{font-family:Georgia,'Times New Roman',serif;font-size:clamp(35px,3.5vw,55px);font-weight:400;line-height:1.07;letter-spacing:-.065em;color:#232820}
.a2-sidebar-headline em{font-weight:400;color:#8c978c}
.a2-sidebar-head button{
 width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;
 border:1px solid #d6dbd1;border-radius:50%;color:#353d35;background:transparent;
 font-family:Arial,sans-serif;font-size:25px;font-weight:300;line-height:1;
 cursor:pointer;transition:background .3s ease,color .3s ease,transform .5s cubic-bezier(.19,1,.22,1);
}
.a2-sidebar-head button:hover{background:#303b32;color:#fff;transform:rotate(90deg)}
.a2-sidebar-meta{display:flex;justify-content:space-between;gap:16px;flex:0 0 auto;margin:clamp(25px,4vh,45px) 0 5px;padding-bottom:13px;border-bottom:1px solid #d9dcd4;color:#8a8d83;font:600 9px/1.5 Arial,sans-serif;letter-spacing:.16em}
.a2-nav{
 margin:0;min-height:0;flex:1;
 overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;
 padding:20px 12px 16px 0;
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 column-gap:clamp(24px,4vw,72px);row-gap:clamp(19px,3.2vh,35px);
 align-content:start;scrollbar-width:thin;scrollbar-color:#bec8bb transparent;
}
.a2-nav-section{min-width:0;align-self:start}
.a2-nav-group{
 display:flex;align-items:center;gap:12px;
 margin:0 0 14px;padding:0;
 color:#7b867a;font:600 10px/1.5 Arial,sans-serif;
 letter-spacing:.135em;
}
.a2-nav-group:first-child{padding-top:0}
.a2-nav-group span{color:#a1a99d;font-size:9px;font-weight:500;letter-spacing:0}
.a2-nav-item{
 width:100%;min-width:0;min-height:51px;
 border:0;border-bottom:1px solid #dce0d8;
 padding:10px 1px;display:grid;grid-template-columns:20px minmax(0,1fr) 20px;
 align-items:center;gap:10px;
 color:#2f332e;background:transparent;
 text-align:left;cursor:pointer;
 transition:background-color .34s ease,color .3s ease,padding-left .5s cubic-bezier(.19,1,.22,1);
}
.a2-nav-item:first-of-type{border-top:1px solid #dce0d8}
.a2-nav-item:hover,.a2-nav-item:focus-visible,.a2-nav-item[aria-current=true]{color:#171e19}
.a2-nav-item:hover{padding-left:7px;background:rgba(210,219,208,.24)}
.a2-nav-item[aria-current=true]{background:rgba(212,220,210,.20)}
.a2-nav-index{align-self:start;padding-top:5px;font:500 10px/1.4 Arial,sans-serif;color:#97a094;letter-spacing:.03em}
.a2-nav-item[aria-current=true] .a2-nav-index{color:#5f7564}
.a2-nav-name{
 min-width:0;max-width:none;overflow-wrap:normal;word-break:normal;
 font-family:Georgia,'Times New Roman',serif;font-size:clamp(18px,1.55vw,23px);
 font-weight:400;letter-spacing:-.044em;line-height:1.24;
}
.a2-nav-arrow{align-self:center;justify-self:end;font:300 18px/1 Arial,sans-serif;color:#9daa9c;opacity:.56;transform:translate(-4px,2px);transition:color .28s,opacity .28s,transform .4s cubic-bezier(.19,1,.22,1)}
.a2-nav-item:hover .a2-nav-arrow,.a2-nav-item[aria-current=true] .a2-nav-arrow,.a2-nav-item:focus-visible .a2-nav-arrow{color:#4d6550;opacity:1;transform:translate(0,0)}
.a2-nav-item:focus-visible{outline:2px solid #849988;outline-offset:2px}
.a2-sidebar-foot{
 display:flex;justify-content:space-between;align-items:center;gap:15px;
 flex:0 0 auto;min-height:65px;padding-top:15px;
 border-top:1px solid #d9dcd4;color:#93978c;
}
.a2-sidebar-foot button{font:500 12px/1.3 Arial,sans-serif;color:#343e34;letter-spacing:.015em}
.a2-sidebar-foot button span{display:inline-block;margin-right:10px;transition:transform .3s ease}
.a2-sidebar-foot button:hover span{transform:translateX(-5px)}
.a2-sidebar-foot>span{max-width:none;text-align:right;font:400 11px/1.5 Arial,sans-serif;letter-spacing:0;color:#888d83}
.a2-app.is-menu-open .a2-wordmark{opacity:1}
.a2-app.is-menu-open .a2-service-title h1{font-size:clamp(43px,5.25vw,80px);overflow-wrap:anywhere}
.a2-app.is-menu-open .a2-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.a2-app.is-menu-open .a2-work-card:first-child{grid-column:1/-1}
.a2-app.is-menu-open .a2-intro{grid-template-columns:1fr}
.a2-app.is-menu-open .a2-service-masthead{gap:16px}
.a2-menu-preview{right:clamp(16px,2.4vw,44px);bottom:clamp(65px,10vh,120px);width:clamp(150px,16vw,240px)}
.a2-menu-preview img{height:clamp(145px,15vw,205px)}
@media(min-width:1650px){
 .a2-sidebar{width:min(860px,54vw)}
 .a2-app.is-menu-open .a2-workspace{left:min(860px,54vw)}
 .a2-nav-name{font-size:24px}
}
@media(max-width:1199px){
 .a2-sidebar{width:min(740px,65vw);padding:30px 30px 28px}
 .a2-app.is-menu-open .a2-workspace{left:min(740px,65vw)}
 .a2-nav{column-gap:30px}
 .a2-nav-name{font-size:20px}
 .a2-sidebar-headline{font-size:43px}
 .a2-menu-preview{display:none}
}
@media(max-width:920px){
 .a2-sidebar{width:min(620px,82vw)}
 .a2-app.is-menu-open .a2-workspace{left:min(620px,82vw)}
 .a2-nav{grid-template-columns:1fr;row-gap:17px}
 .a2-nav-group{margin-top:0}
 .a2-nav-item{min-height:49px}
 .a2-nav-name{font-size:22px}
}
@media(max-width:720px){
 .a2-sidebar{width:100%;min-width:0;max-width:none;padding:calc(25px + env(safe-area-inset-top,0px)) 25px calc(19px + env(safe-area-inset-bottom,0px))}
 .a2-app.is-menu-open .a2-workspace{left:0}
 .a2-sidebar-headline{font-size:clamp(35px,8.5vw,46px)}
 .a2-sidebar-overline{font-size:9px}
 .a2-sidebar-meta{margin-top:24px}
 .a2-nav{grid-template-columns:1fr;gap:22px;padding:18px 7px 16px 0}
 .a2-nav-item{min-height:54px;grid-template-columns:24px minmax(0,1fr) 22px;gap:12px;padding:12px 0}
 .a2-nav-name{font-size:clamp(23px,6.2vw,28px);line-height:1.2}
 .a2-nav-index{font-size:10px}
 .a2-sidebar-foot{min-height:56px;padding-top:12px}
 .a2-sidebar-foot>span{font-size:10px}
 .a2-app.is-menu-open .a2-service-title h1{font-size:clamp(45px,10vw,75px)}
}
@media(max-width:370px){
 .a2-sidebar{padding-left:18px;padding-right:18px}
 .a2-sidebar-headline{font-size:35px}
 .a2-sidebar-foot>span{display:none}
}
@media(prefers-reduced-motion:reduce){
 .a2-nav,.a2-nav-item,.a2-nav-arrow,.a2-sidebar-head button{scroll-behavior:auto!important;transition:none!important}
}


/* === AREA 01 / STUDIO: CINEMATIC, MODULAR, INTERACTIVE === */
.area01{position:fixed;inset:0;margin:0;padding:0;max-width:none;max-height:none;width:100vw;height:100dvh;border:0;background:#111514;color:#ece6dc;overflow:hidden;font-family:Arial,Helvetica,sans-serif;opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .85s var(--ease)}
.area01[open]{opacity:1;transform:translateY(0)}.area01::backdrop{background:#0b0d0cbb}
.a1-shell{height:100%;display:grid;grid-template-columns:0 minmax(0,1fr);background:#111514;transition:grid-template-columns .78s cubic-bezier(.19,1,.22,1);overflow:hidden}
.a1-shell.menu-open{grid-template-columns:minmax(350px,33vw) minmax(0,1fr)}
.a1-topbar{position:absolute;z-index:22;left:0;right:0;top:0;height:93px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(25px,3.9vw,68px);pointer-events:none}
.a1-topbar>*{pointer-events:auto}.a1-topbar button{color:#dfd5c9;background:none;border:0;cursor:pointer;letter-spacing:.14em;font-size:10px;font-weight:600}
.a1-topbar__menu{display:flex;align-items:center;gap:17px;padding:13px 0}
.a1-burger{width:26px;display:flex;flex-direction:column;gap:6px}.a1-burger i{width:26px;height:1px;background:#dfc9ac;display:block;transition:width .3s}.a1-burger i:last-child{width:17px}.a1-topbar__menu:hover .a1-burger i:last-child{width:26px}
.a1-topbar__brand{position:absolute;left:50%;transform:translateX(-50%);font-size:22px;font-weight:600;letter-spacing:-.085em;color:#eee9e0}.a1-topbar__brand span{color:#c9aa85;padding:0 2px}.a1-topbar__brand sup{font-size:8px;vertical-align:super;letter-spacing:0;color:#d1a977;margin-left:6px}
.a1-topbar__back span{font-size:17px;margin-left:9px;font-weight:400}.a1-topbar__back:hover,.a1-topbar__menu:hover{color:#e8c798}
.a1-sidebar{min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:#e8e0d4;color:#252824;z-index:24;height:100%;scrollbar-width:thin;scrollbar-color:#b8ab99 #e8e0d4;display:flex;flex-direction:column;padding:34px clamp(24px,3vw,48px) 30px}
.a1-sidebar__head{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.15em;color:#69675f;white-space:nowrap}.a1-sidebar__head button{border:0;background:none;color:#252824;font-size:30px;cursor:pointer;font-weight:300}
.a1-sidebar__title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(39px,3.4vw,62px);line-height:1.04;letter-spacing:-.062em;margin:46px 0 42px;white-space:nowrap}.a1-sidebar__title em{font-weight:400;color:#917454}
.a1-sidebar__intro{font-size:9px;letter-spacing:.22em;color:#8a8175;padding-bottom:14px;border-bottom:1px solid #bdb1a2}
.a1-menu{display:grid;grid-auto-rows:auto}.a1-menu__link{display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:12px;text-align:left;border:0;border-bottom:1px solid #c9beb1;background:transparent;min-height:54px;padding:14px 1px 14px 0;cursor:pointer;color:#292a26;font-family:Georgia,serif;font-size:clamp(17px,1.52vw,24px);letter-spacing:-.035em;line-height:1.08;transition:padding-left .3s,color .3s,background .3s}
.a1-menu__link span:nth-child(2){overflow-wrap:normal}.a1-menu__link:hover,.a1-menu__link[aria-current="true"]{padding-left:7px;color:#a37445;background:#ffffff34}
.a1-menu__num{font-family:Arial,sans-serif;font-size:9px;letter-spacing:.08em;color:#9a8b7a}.a1-menu__arrow{font-family:Arial,sans-serif;font-size:15px;color:#b29a80}
.a1-sidebar__bottom{display:flex;flex-direction:column;gap:20px;margin-top:auto;padding-top:28px;font-size:10px;letter-spacing:.11em;color:#8c7e6f}.a1-sidebar__bottom button{border:0;border-top:1px solid #bdb1a2;background:transparent;cursor:pointer;padding:18px 0 0;text-align:left;color:#3d3e37;font-size:11px}
.a1-workspace{min-width:0;height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#72695f #131715;position:relative;background:#111514}
.a1-hero{isolation:isolate;height:100%;min-height:640px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 72% 41%,#2b2723 0%,#191b19 42%,#121615 72%),#111514}
.a1-hero:after{content:'';z-index:-1;pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(90deg,#f2d1a407 1px,transparent 1px),linear-gradient(#f2d1a407 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(90deg,transparent,#0005)}
.a1-embers{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.65}
.a1-hero__ornament{position:absolute;left:clamp(27px,4.7vw,86px);top:141px;font-size:10px;letter-spacing:.24em;color:#9e927f;z-index:6}.a1-hero__ornament span{color:#c9a576;margin:0 8px}
.a1-hero__copy{position:absolute;left:clamp(27px,4.7vw,86px);top:51.5%;transform:translateY(-50%);width:53%;z-index:6;pointer-events:none}
.a1-kicker{font-size:10px;letter-spacing:.29em;color:#d5af85;display:flex;align-items:center;gap:15px;margin-bottom:30px}.a1-kicker__line{width:34px;height:1px;background:#be9872}
.a1-hero__copy h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(62px,6.5vw,118px);line-height:.98;letter-spacing:-.075em;margin:0;text-shadow:0 5px 55px #090b0b88}.a1-hero__copy h1 em{font-weight:400;color:#d5b18b}.a1-dot{color:#d5b18b}
.a1-hero__copy p{margin:31px 0 30px;color:#b3afa6;font-size:clamp(13px,1vw,16px);line-height:1.7;letter-spacing:.04em}
.a1-explore{pointer-events:auto;display:flex;align-items:center;gap:26px;border:1px solid #c5a57c6c;background:#c6a17912;color:#f3e6d5;cursor:pointer;padding:17px 18px 17px 23px;font-size:10px;letter-spacing:.19em;transition:background .35s,border .35s,transform .35s}.a1-explore:hover{background:#cba77f30;border-color:#c5a57c;transform:translateY(-3px)}.a1-explore span:last-child{font-size:17px}
.a1-visual{position:absolute;inset:90px 4% 66px 43%;z-index:3;perspective:1100px;touch-action:pan-y}
.a1-scene__backdrop{position:absolute;inset:-15% -21% -8%;pointer-events:none;animation:a1-pulse 13s ease-in-out infinite alternate}.a1-world{height:100%;width:100%;opacity:.86;display:block}
.a1-scene__glow{pointer-events:none;position:absolute;inset:22% 19%;background:radial-gradient(circle,#caa77f1c,transparent 67%);filter:blur(35px)}
.a1-visual__objects{position:absolute;inset:0;pointer-events:none;transform-style:preserve-3d}
.a1-piece{--drag-x:0px;--drag-y:0px;position:absolute;left:var(--px);top:var(--py);width:clamp(85px,12vw,177px);height:clamp(62px,8vw,113px);transform:translate3d(var(--drag-x),var(--drag-y),0) rotate(var(--rotation));border:0;background:transparent;z-index:5;cursor:grab;touch-action:none;padding:0;pointer-events:auto;filter:drop-shadow(0px 23px 14px #07090975);transition:filter .3s;will-change:transform}
.a1-piece:focus-visible{outline:2px solid #e1be96;outline-offset:8px}.a1-piece.is-dragging{z-index:19;cursor:grabbing;filter:drop-shadow(0px 38px 24px #0009)}
.a1-piece__body{position:absolute;inset:0;display:block;border-radius:8px 9px 10px 8px;background:linear-gradient(137deg,#9a7860 0%,#bc9671 42%,#4f4339 100%);box-shadow:inset 0 3px 3px #f5dab576,inset -8px -10px 17px #231b1947,0 1px 1px #dbc0a440;transform:rotateX(12deg) rotateY(-17deg);transform-style:preserve-3d;animation:a1-float calc(4.7s + var(--delay)*.5s) ease-in-out infinite alternate;transition:transform .5s}
.a1-piece.is-dragging .a1-piece__body{animation-play-state:paused;transform:rotateX(-6deg) rotateY(14deg) scale(1.09)}
.a1-piece__body i{position:absolute;top:-16%;width:18%;aspect-ratio:1;border-radius:50%;background:linear-gradient(155deg,#e2c7a2,#aa8061 58%,#755742);border:2px solid #d1ae8a88;box-shadow:inset 0 3px 3px #f7d8b995,0 4px 3px #241a1555}
.a1-piece__body i:nth-child(1){left:11%}.a1-piece__body i:nth-child(2){left:34%}.a1-piece__body i:nth-child(3){left:57%}.a1-piece__body i:nth-child(4){left:80%;transform:translateX(-17%)}
.a1-piece__front{position:absolute;inset:auto 3% 1% 4%;height:19%;border-top:1px solid #ffffff27;border-radius:0 0 9px 8px;background:linear-gradient(#876c55aa,#3c352dd8)}.a1-piece__side{position:absolute;right:0;top:5%;height:90%;width:11%;background:linear-gradient(120deg,#e1ba84aa,#4a3327a8);clip-path:polygon(0 0,100% 13%,100% 98%,0 100%)}
.a1-piece--ivory .a1-piece__body{background:linear-gradient(135deg,#dbccb9,#9b8b79 60%,#62594f)}.a1-piece--ivory .a1-piece__body i{background:linear-gradient(#f6e6cc,#b7a592)}
.a1-piece--slate .a1-piece__body{background:linear-gradient(135deg,#89928b,#44504e 59%,#232b2a)}.a1-piece--slate .a1-piece__body i{background:linear-gradient(#adbbb5,#465251)}
.a1-piece--bronze .a1-piece__body{background:linear-gradient(135deg,#b8a488,#6d6252 58%,#45372c)}
.a1-piece--steel .a1-piece__body{background:linear-gradient(135deg,#a7a8a2,#737a77 55%,#353c3a)}.a1-piece--steel .a1-piece__body i{background:linear-gradient(#dfdbca,#63716d)}
.a1-piece__caption{position:absolute;right:-16px;bottom:-20px;color:#e4c3a0a3;font:10px Arial,sans-serif;letter-spacing:.13em}
.a1-visual__caption{position:absolute;bottom:-5px;right:2%;color:#c5ad91;font-size:9px;letter-spacing:.22em;white-space:nowrap;pointer-events:none}.a1-visual__caption-icon{font-size:24px;margin-right:10px;vertical-align:-3px}.a1-visual__caption-dash{margin:0 10px;color:#7b6d5d}
.a1-hero__bottom{position:absolute;bottom:40px;left:clamp(27px,4.7vw,86px);right:clamp(27px,4.7vw,86px);z-index:7;display:flex;align-items:end;justify-content:space-between;gap:16px;border-top:1px solid #c6ab8744;padding-top:24px}
.a1-hero__bottom>div:first-child{display:flex;flex-direction:column;gap:9px}.a1-footer__eyebrow{font-size:9px;letter-spacing:.2em;color:#9b958e}.a1-footer__text{font:13px Georgia,serif;letter-spacing:.06em;color:#d4c6b7}
.a1-progress{font-size:10px;letter-spacing:.11em;color:#a9a199;display:flex;align-items:center;gap:8px;white-space:nowrap}.a1-progress #a1-moves{color:#deb68b;font-size:17px}.a1-progress button{color:#d2bd9e;margin-left:17px;background:none;border:0;cursor:pointer;font-size:10px;letter-spacing:.05em}
.a1-hero__side{position:absolute;right:24px;top:44%;writing-mode:vertical-rl;letter-spacing:.3em;font-size:9px;color:#ae9a82;z-index:5}
.a1-pages{min-height:100%;background:#151919;padding-top:110px}.a1-page{min-height:100%;padding:45px clamp(27px,6.5vw,110px) 95px}.a1-page[hidden],.a1-pages[hidden],.a1-hero[hidden]{display:none!important}
.a1-page__overline{display:flex;justify-content:space-between;font-size:10px;color:#af9f8f;letter-spacing:.2em;border-bottom:1px solid #d8b99239;padding-bottom:22px}
.a1-page__lead{margin:75px 0 64px;max-width:950px}.a1-page__lead>span{color:#c6a983;font-size:11px;letter-spacing:.28em}.a1-page__lead h2{font-family:Georgia,serif;font-size:clamp(53px,7vw,119px);line-height:.95;letter-spacing:-.07em;font-weight:400;margin:20px 0 30px;color:#f0e7dc}.a1-page__lead p{max-width:525px;color:#aaa69f;font-size:clamp(15px,1.3vw,19px);line-height:1.65}
.a1-page__poster{position:relative;height:clamp(300px,46vw,660px);overflow:hidden;background:#272726}.a1-page__poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.4s cubic-bezier(.2,1,.3,1)}.a1-page__poster:hover img{transform:scale(1.045)}.a1-page__poster>span{position:absolute;bottom:26px;left:29px;font-size:10px;letter-spacing:.17em;color:#f3debd}
.a1-page__detail{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:110px 0 125px}.a1-mini-label{font-size:10px;letter-spacing:.23em;color:#bb9f7e}.a1-page__detail h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(45px,5.2vw,83px);letter-spacing:-.06em;line-height:1.05;margin:26px 0}.a1-page__detail ul{padding:0;margin:10px 0 0;list-style:none}.a1-page__detail li{border-bottom:1px solid #d7b99247;padding:18px 0;color:#cac2b8;font-size:16px}
.a1-page__next{border-top:1px solid #d7b99247;padding-top:22px;display:flex;align-items:start;justify-content:space-between;gap:35px}.a1-page__next>span{color:#b39b7f;letter-spacing:.2em;font-size:10px;white-space:nowrap;padding-top:10px}.a1-page__next button{display:flex;gap:20px;align-items:center;justify-content:space-between;min-width:50%;border:0;background:none;text-align:left;cursor:pointer;color:#efe1cf;font:clamp(26px,3.5vw,55px) Georgia,serif;letter-spacing:-.04em}.a1-page__next button span:last-child{color:#cfad88}
@keyframes a1-float{0%{translate:0 0;rotate:-2deg}100%{translate:0 -15px;rotate:3deg}}
@keyframes a1-pulse{0%{transform:scale(.98);opacity:.7}100%{transform:scale(1.04);opacity:1}}
@media(min-width:1300px){.a1-shell.menu-open{grid-template-columns:minmax(410px,30vw) minmax(0,1fr)}.a1-shell.menu-open .a1-hero__copy h1{font-size:clamp(53px,5vw,80px)}.a1-shell.menu-open .a1-hero__copy{left:36px;top:48%;width:59%}.a1-shell.menu-open .a1-hero__ornament{left:36px}.a1-shell.menu-open .a1-hero__bottom{left:36px;right:36px}}
@media(max-width:1000px){.a1-shell.menu-open{grid-template-columns:minmax(330px,43vw) minmax(0,1fr)}.a1-hero__copy{top:45%;width:64%}.a1-hero__copy h1{font-size:clamp(54px,8vw,85px)}.a1-visual{inset:140px 1% 115px 43%;opacity:.83}.a1-hero__ornament{top:120px}.a1-hero__side{display:none}.a1-hero__bottom{bottom:28px}}
@media(max-width:720px){.a1-shell,.a1-shell.menu-open{display:block}.a1-sidebar{position:absolute;left:0;top:0;bottom:0;width:min(90vw,470px);z-index:24;transform:translateX(-102%);transition:transform .66s var(--ease);box-shadow:12px 0 50px #0008;padding:24px 24px 28px}.a1-shell.menu-open .a1-sidebar{transform:translateX(0)}.a1-shell.menu-open:before{content:'';position:absolute;inset:0;background:#000b;z-index:23}.a1-workspace{width:100%;height:100%}.a1-topbar{height:81px;padding:0 22px}.a1-topbar__brand{font-size:18px}.a1-topbar__back{font-size:0!important}.a1-topbar__back span{font-size:18px;margin:0}.a1-topbar__menu{gap:9px!important}.a1-topbar__menu>span:last-child{font-size:9px}.a1-burger{width:19px}.a1-burger i{width:19px}.a1-burger i:last-child{width:14px}.a1-hero{min-height:720px;min-height:100dvh}.a1-hero__ornament{top:110px;left:23px;font-size:8px}.a1-hero__copy{top:39%;left:23px;width:90%;transform:none}.a1-kicker{margin-bottom:24px;font-size:9px}.a1-hero__copy h1{font-size:clamp(55px,12vw,80px);line-height:.99}.a1-hero__copy p{margin:21px 0 25px;font-size:13px}.a1-explore{padding:12px 17px}.a1-visual{inset:48% 0 80px 9%;opacity:1;pointer-events:auto}.a1-scene__backdrop{inset:-38% -7% -30%}.a1-visual__caption{bottom:10%;right:8%;font-size:8px}.a1-piece{width:clamp(68px,19vw,110px);height:clamp(48px,13.5vw,75px)}.a1-hero__bottom{bottom:17px;left:23px;right:23px;gap:9px;padding-top:12px;align-items:end}.a1-footer__eyebrow{font-size:7px}.a1-footer__text{font-size:11px}.a1-progress{font-size:8px;gap:4px;max-width:160px;flex-wrap:wrap;justify-content:flex-end}.a1-progress button{margin-left:5px;font-size:9px}.a1-sidebar__title{font-size:43px;margin:45px 0 30px}.a1-menu__link{font-size:20px;min-height:50px}.a1-pages{padding-top:77px}.a1-page{padding:24px 25px 80px}.a1-page__lead{margin:52px 0 38px}.a1-page__lead h2{font-size:clamp(46px,11vw,75px)}.a1-page__poster{height:340px}.a1-page__detail{grid-template-columns:1fr;gap:20px;margin:70px 0}.a1-page__next{display:block}.a1-page__next button{margin-top:18px}.a1-page__detail li{font-size:14px}}
@media (prefers-reduced-motion:reduce){.a1-piece__body,.a1-scene__backdrop{animation:none!important}.a1-page__poster img{transition:none!important}}

/* Refinements after visual QA: closed sidebar never steals layout width. */
@media (min-width:721px){.a1-shell:not(.menu-open) .a1-sidebar{padding:0!important;visibility:hidden;overflow:hidden;min-width:0}}
@media (max-width:720px){
.a1-hero{height:970px;min-height:970px}
.a1-hero__copy{top:235px}
.a1-visual{inset:535px 0 99px 6%}
.a1-visual__caption{bottom:1%;right:6%}
.a1-shell:not(.menu-open) .a1-sidebar{visibility:hidden}
}
.a1-piece.is-snapped .a1-piece__body{box-shadow:inset 0 3px 3px #f5dab576, inset -8px -10px 17px #231b1947,0 0 22px #d4b08365}
.a1-visual__dock{position:absolute;inset:39% 31% 19%;border:1px dashed #d6b88b44;border-radius:12px;pointer-events:none;opacity:.5;z-index:2;display:grid;place-items:center;transform:rotate(-9deg);transition:opacity .3s,border-color .3s}
.a1-visual__dock:before{content:'ASSEMBLE HERE';font:8px Arial,sans-serif;letter-spacing:.24em;color:#b7a184b0;text-align:center}
.a1-visual.is-assembling .a1-visual__dock{border-color:#e3bd83;opacity:1}

/* V11 · AREA 01 — LIVE VISUAL SHOWREEL (5 genuine real-time canvas studies) */
.a1-live-label{position:absolute;left:clamp(27px,4.7vw,86px);top:175px;display:flex;align-items:center;gap:9px;z-index:8;color:#cdb798;font-size:9px;letter-spacing:.17em;pointer-events:none}
.a1-live-label__dot{display:block;width:5px;height:5px;border-radius:50%;background:#edc49c;box-shadow:0 0 14px #d6ad70;animation:a1-live-pulse 2.4s ease-in-out infinite}
.a1-live-label__act{margin-left:9px;color:#92877b;letter-spacing:.10em}
@keyframes a1-live-pulse{50%{opacity:.35;box-shadow:0 0 3px #edc49c}}
.a1-showcase{position:absolute;left:clamp(27px,4.7vw,86px);bottom:120px;width:min(505px,39vw);z-index:12;--sweep-duration:6s}
.a1-showcase__head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #caae865c;padding-bottom:12px;color:#c9b69e;letter-spacing:.18em;font-size:9px}
.a1-showcase__head button{border:0;background:transparent;color:#cfc2b0;cursor:pointer;font-size:9px;letter-spacing:.1em;padding:8px 0 8px 12px}
.a1-showcase__head button:hover{color:#f7dcad}
.a1-showcase__chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px}
.a1-chapter{position:relative;min-width:0;text-align:left;display:flex;flex-direction:column;gap:8px;padding:14px 8px 15px 0;background:transparent;border:0;cursor:pointer;color:#948c81;transition:color .3s ease,transform .4s ease}
.a1-chapter span{font-size:9px;font-weight:400;color:#8d7866;letter-spacing:.1em}
.a1-chapter strong{font-size:10px;line-height:1.2;white-space:nowrap;letter-spacing:.06em;font-weight:500}
.a1-chapter i{position:absolute;bottom:0;left:0;height:2px;width:calc(100% - 8px);background:#6c625c;overflow:hidden}
.a1-chapter i:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#e8bb8c;transform:scaleX(0);transform-origin:left}
.a1-chapter.is-selected{color:#f0ddc8}.a1-chapter.is-selected span{color:#e4b27e}
.a1-showcase.is-playing .a1-chapter.is-selected i:after{animation:a1-sceneprogress var(--sweep-duration) linear forwards}
.a1-showcase:not(.is-playing) .a1-chapter.is-selected i:after{transform:scaleX(1)}
.a1-chapter:hover{transform:translateY(-3px);color:#f7e7d5}
.a1-chapter:focus-visible,.a1-showcase__head button:focus-visible{outline:2px solid #f1d1aa;outline-offset:3px}
@keyframes a1-sceneprogress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.a1-cinema-fx{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;mix-blend-mode:screen;opacity:.93}
.a1-fx-aura{position:absolute;pointer-events:none;inset:4% 1% 3%;z-index:2;transform-style:preserve-3d;transform:rotateX(var(--a1-tilt-y,0deg)) rotateY(var(--a1-tilt-x,0deg));transition:transform .7s ease}
.a1-fx-aura span{position:absolute;display:block;inset:10% 8%;border:1px solid #ddba8b2c;border-radius:50%;box-shadow:0 0 32px #ecbd7920,inset 0 0 32px #ecbd7910;animation:a1-orbit 20s linear infinite;transform:rotateX(64deg) rotateZ(-25deg)}
.a1-fx-aura span:nth-child(2){inset:19% 16%;animation-duration:16s;animation-direction:reverse;transform:rotateX(26deg) rotateY(46deg)}
.a1-fx-aura span:nth-child(3){inset:7% 19%;animation-duration:25s;transform:rotateY(72deg) rotateX(24deg)}
@keyframes a1-orbit{0%{rotate:0deg}100%{rotate:360deg}}
.a1-fx-label{position:absolute;z-index:6;right:8%;top:8%;display:flex;flex-direction:column;align-items:flex-end;gap:7px;pointer-events:none;text-align:right;text-shadow:0 1px 9px #000b}
.a1-fx-label__eyebrow{font-size:8px;letter-spacing:.14em;color:#bba58b}
.a1-fx-label strong{font:normal 19px Georgia,serif;letter-spacing:-.035em;color:#e8d4b9}
.a1-fx-label__detail{font-size:10px;color:#a69b8f;letter-spacing:.05em}
.a1-visual{transition:filter .85s ease,background .85s ease}
.a1-visual[data-scene="vfx"] .a1-scene__backdrop{filter:hue-rotate(-23deg) contrast(1.25) brightness(.89)}
.a1-visual[data-scene="motion"] .a1-scene__backdrop{filter:hue-rotate(38deg) saturate(.5) brightness(1.14)}
.a1-visual[data-scene="ai"] .a1-scene__backdrop{filter:hue-rotate(143deg) saturate(.75) brightness(.84)}
.a1-visual[data-scene="film"] .a1-scene__backdrop{filter:sepia(.5) brightness(.68) contrast(1.4)}
.a1-visual[data-scene="vfx"] .a1-fx-aura{filter:hue-rotate(-25deg)}
.a1-visual[data-scene="ai"] .a1-fx-aura{filter:hue-rotate(135deg)}
.a1-visual[data-scene="film"] .a1-fx-aura{opacity:.35}
.a1-hero__bottom{z-index:12}
.a1-hero__copy{top:46%}.a1-hero__copy p{margin:20px 0 20px}.a1-hero__copy h1{font-size:clamp(58px,6vw,106px)}
.a1-hero__copy .a1-explore{padding:13px 16px 13px 20px}
.a1-visual__caption{bottom:10px}
@media(min-width:1025px) and (max-height:820px){.a1-live-label{top:151px}.a1-hero__copy{top:43%}.a1-hero__copy h1{font-size:clamp(54px,5.7vw,85px)}.a1-showcase{bottom:102px}}
@media(min-width:721px) and (max-width:1260px){.a1-showcase{width:min(460px,45vw)}.a1-chapter strong{font-size:9px}.a1-fx-label{right:2%}.a1-hero__copy h1{font-size:clamp(55px,6.3vw,86px)}}
@media(min-width:1025px){.a1-shell.menu-open .a1-showcase{width:min(390px,49vw);left:36px;bottom:105px}.a1-shell.menu-open .a1-chapter strong{font-size:8px}.a1-shell.menu-open .a1-hero__copy h1{font-size:clamp(53px,4.2vw,73px)}.a1-shell.menu-open .a1-live-label{left:36px}}
@media(max-width:720px){
 .a1-hero{height:935px!important;min-height:935px!important}
 .a1-hero__ornament{top:106px}.a1-live-label{top:135px;left:23px;font-size:8px;gap:6px}.a1-live-label__act{margin-left:3px}
 .a1-hero__copy{top:171px;left:23px;width:calc(100% - 46px)}
 .a1-hero__copy h1{font-size:clamp(50px,12.2vw,69px)}.a1-hero__copy p{font-size:11px;margin:12px 0 14px;line-height:1.5}.a1-hero__copy .a1-explore{padding:10px 13px;font-size:8px}
 .a1-visual{inset:427px 0 135px 2%;opacity:1}
 .a1-fx-label{top:0;right:6%;gap:4px}.a1-fx-label__eyebrow{font-size:7px}.a1-fx-label strong{font-size:16px}.a1-fx-label__detail{font-size:8px}
 .a1-showcase{left:23px;right:23px;width:auto;bottom:94px;background:linear-gradient(#14181900,#141819b8);padding:8px 0 7px}
 .a1-showcase__head{font-size:8px;padding-bottom:5px}.a1-showcase__head button{font-size:8px}
 .a1-chapter{gap:6px;padding-top:9px;padding-bottom:12px}.a1-chapter span{font-size:8px}.a1-chapter strong{font-size:8px;letter-spacing:0}
 .a1-hero__bottom{bottom:16px}.a1-visual__caption{display:none}
}
@media(max-width:370px){.a1-chapter strong{font-size:7px}.a1-hero__copy h1{font-size:49px}}
@media(prefers-reduced-motion:reduce){.a1-fx-aura span,.a1-live-label__dot,.a1-showcase.is-playing .a1-chapter.is-selected i:after{animation:none!important}}

/* V12: visitor-facing titles and longer, tailored editorial copy */
@media(min-width:721px){.area__heading{font-size:clamp(26px,2.32vw,43px);letter-spacing:-.055em}.area__cta{gap:6px}}
@media(max-width:720px){.area__heading{font-size:clamp(30px,8vw,44px);letter-spacing:-.045em}.area__bottom{gap:8px}}
.detail__specialties{margin-top:18px!important;font-size:12px!important;letter-spacing:.11em;color:#7e897b!important;text-transform:uppercase}.detail__specialties span{margin:0 6px;color:#b4c0b2}
.a1-page__detail h3{max-width:560px;text-wrap:balance}.a1-page__lead p{max-width:645px}
@media (max-width:720px){.a1-page__detail h3{font-size:clamp(42px,10vw,64px)}.area__cta{gap:5px}}