.site-page .page-header{position:relative}.page-header .is-current{border-bottom:1px solid var(--ink)}.page-main{padding-block:60px 100px}.page-title{display:grid;grid-template-columns:1fr 1fr;gap:28px 8%;align-items:end;padding-block:18px 100px}.page-title .eyebrow{grid-column:1/-1;margin:0}.page-title h1{font:400 clamp(60px,8vw,130px)/.94 var(--serif);letter-spacing:-.06em;margin:0}.page-title h1 em,.contact-page h1 em{font-style:italic;font-weight:400}.page-title>p{margin:0;max-width:370px;font-size:16px;line-height:1.8;color:var(--muted)}.platform-section{padding-block:0 88px}.platform-section+.platform-section{border-top:1px solid var(--ink);padding-top:68px}.platform-section .reel-card:nth-child(2){padding-top:72px}.platform-section .reel-card:nth-child(3){padding-top:24px}.home-intro{display:grid;grid-template-columns:1fr minmax(320px,560px);gap:10%;align-items:end;padding-block:56px 36px}.home-intro-copy{padding-bottom:8px}.home-intro h1{font:400 clamp(60px,8vw,130px)/.94 var(--serif);letter-spacing:-.06em;margin:22px 0}.home-intro h1 em{font-weight:400;font-style:italic}.home-intro-copy>p:not(.eyebrow){max-width:330px;line-height:1.8;color:var(--muted);margin:0 0 24px}.home-feature{display:block;color:var(--ink);font-size:12px;line-height:1.6}.home-feature img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.home-feature>span{display:block;padding-top:10px}.home-links{border-top:1px solid var(--ink);padding-bottom:50px}.home-links a{color:var(--ink);display:grid;grid-template-columns:78px 1fr 30px;align-items:center;min-height:84px;border-bottom:1px solid var(--line)}.home-links span{font-size:12px}.home-links strong{font:400 clamp(24px,3vw,39px)/1.2 var(--serif)}.home-links i{font-size:20px;font-style:normal;text-align:right}.home-links a:hover strong{text-decoration:underline;text-underline-offset:5px}.home-note{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-block:22px 72px}.home-note p{font-size:14px;line-height:1.7;margin:0;max-width:370px}.about-main{padding-bottom:100px}.about-spread{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.about-spread figure{margin:0}.about-spread img{width:100%;display:block;aspect-ratio:3/4;object-fit:cover}.about-spread figcaption{font-size:12px;padding-top:10px}.about-spread>div{padding-top:90px}.about-spread p{font-size:16px;line-height:1.9;color:var(--muted);max-width:390px}.about-spread .about-lede{font:400 clamp(24px,2.7vw,37px)/1.3 var(--serif);color:var(--ink);margin-top:0}.direction-page{border-top:1px solid var(--ink);margin-top:100px;padding-top:20px}.direction-page>.eyebrow{margin-bottom:38px}.page-services{margin-top:0;border-top:1px solid var(--ink)}.contact-page{min-height:calc(100vh - 210px);padding-block:110px 120px}.contact-page>h1{font:400 clamp(76px,11vw,170px)/.88 var(--serif);letter-spacing:-.07em;margin:20px 0 88px}.contact-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;max-width:1000px}.contact-page-grid>p{max-width:380px;font-size:17px;line-height:1.9;margin:0;color:var(--muted)}.contact-page-grid .contact-email{font-size:clamp(21px,2.8vw,38px);margin:0 0 36px}@media(max-width:700px){.page-header{min-height:112px}.page-header nav{gap:13px}.page-main{padding-block:32px 60px}.page-title{display:block;padding-block:18px 52px}.page-title .eyebrow{margin:0 0 18px}.page-title h1{font-size:56px;margin-bottom:25px}.platform-section{padding-bottom:55px}.platform-section+.platform-section{padding-top:45px}.platform-section .reel-card:nth-child(n){padding-top:0}.home-intro{grid-template-columns:1fr;gap:32px;padding-block:36px 32px}.home-intro h1{font-size:61px}.home-feature{max-width:540px}.home-links{padding-bottom:35px}.home-links a{grid-template-columns:50px 1fr 30px;min-height:72px}.home-links strong{font-size:27px}.home-note{display:block;padding-bottom:48px}.home-note .text-link{display:inline-block;margin-top:20px}.about-spread{grid-template-columns:1fr;gap:0}.about-spread>div{padding-top:30px}.about-spread .about-lede{font-size:27px}.direction-page{margin-top:60px}.contact-page{padding-block:65px;min-height:calc(100vh - 160px)}.contact-page>h1{font-size:82px;margin:16px 0 55px}.contact-page-grid{grid-template-columns:1fr;gap:42px}.contact-page-grid .contact-email{font-size:23px}}
.site-opening{position:fixed;inset:0;z-index:1000;display:grid;grid-template-columns:minmax(0,48%) 1fr;overflow:hidden;background:var(--paper);color:var(--ink);animation:opening-surface .8s cubic-bezier(.16,1,.3,1) both}.has-opening{overflow:hidden}.opening-image{height:100%;overflow:hidden;background:#222}.opening-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:56% 50%;transform:scale(1.13);filter:saturate(.78) contrast(1.04);animation:opening-image 3.4s cubic-bezier(.16,1,.3,1) both}.opening-copy{align-self:end;padding:clamp(30px,7vw,110px);padding-bottom:clamp(60px,9vw,150px)}.opening-copy p,.opening-index{font-size:11px;letter-spacing:.12em}.opening-copy h1{font:400 clamp(58px,8.5vw,148px)/.85 var(--serif);letter-spacing:-.075em;margin:30px 0 44px;opacity:0;transform:translateY(22px);animation:opening-type .9s .35s cubic-bezier(.16,1,.3,1) forwards}.opening-copy h1 em{font-style:italic;font-weight:400}.opening-copy button{appearance:none;border:0;border-bottom:1px solid var(--ink);border-radius:0;background:transparent;color:inherit;padding:4px 0;font:13px/1.4 "Helvetica Neue",Arial,"PingFang SC",sans-serif;cursor:pointer;opacity:0;animation:opening-type .7s .9s cubic-bezier(.16,1,.3,1) forwards}.opening-copy button:hover{padding-right:12px}.opening-index{position:absolute;right:clamp(24px,4vw,64px);bottom:clamp(30px,4vw,64px);display:flex;gap:28px;writing-mode:vertical-rl}.site-opening.is-leaving{pointer-events:none;animation:opening-exit .9s cubic-bezier(.76,0,.24,1) forwards}@keyframes opening-surface{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes opening-image{from{transform:scale(1.2)}to{transform:scale(1.04)}}@keyframes opening-type{to{opacity:1;transform:translateY(0)}}@keyframes opening-exit{to{clip-path:inset(0 0 0 100%);visibility:hidden}}@media(max-width:700px){.site-opening{grid-template-columns:1fr;grid-template-rows:57% 43%}.opening-copy{padding:26px 24px 42px}.opening-copy h1{font-size:64px;margin:18px 0 25px}.opening-index{right:18px;bottom:28px}.opening-image img{object-position:50% 48%}}@media(prefers-reduced-motion:reduce){.site-opening{display:none}.has-opening{overflow:auto}}
.opening-image{background:#29312b}.opening-image img{object-position:54% 52%;filter:saturate(.68) contrast(1.04)}.opening-copy p,.opening-index{color:#596a5d}.opening-copy button{border-bottom-color:#596a5d}.home-feature{border-bottom:1px solid #94a491;padding-bottom:9px}.home-feature>span{padding-top:9px;color:#526157}.home-note{border-top-color:#94a491}
.site-opening{animation:none}.opening-image img{animation:none;transform:scale(1.04)}.site-opening.is-leaving{animation:opening-exit .9s cubic-bezier(.76,0,.24,1) forwards}.opening-copy h1,.opening-copy button{animation:opening-type .7s .15s cubic-bezier(.16,1,.3,1) forwards}.opening-copy button::after{content:" / tap to enter";margin-left:8px;font-size:10px;letter-spacing:.08em;color:#596a5d}@media(prefers-reduced-motion:reduce){.site-opening{display:grid;animation:none}.opening-image img,.opening-copy h1,.opening-copy button{animation:none;opacity:1;transform:none}.site-opening.is-leaving{animation:none;display:none}}
.geometric-opening{display:grid;place-items:center;grid-template-columns:1fr;grid-template-rows:1fr auto;background:#f6f5ef;color:#20251f}.geometric-opening::before{content:"";position:absolute;inset:18px;border:1px solid #d9ddd3;pointer-events:none}.opening-mark{width:min(66vw,400px);height:auto}.opening-mark svg{display:block;width:100%;overflow:visible}.mark-stroke{fill:none;stroke:#253027;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:310;stroke-dashoffset:310}.mark-seat{animation:draw-line .8s cubic-bezier(.65,0,.35,1) forwards}.mark-back,.mark-leg-left,.mark-leg-right{animation:draw-line .65s .72s cubic-bezier(.65,0,.35,1) forwards}.mark-chair{animation:chair-away .5s 2s ease forwards}.mark-house{opacity:0;animation:house-in .05s 2.15s forwards}.mark-house .mark-stroke{animation:draw-line .72s 2.18s cubic-bezier(.65,0,.35,1) forwards}.mark-house .mark-wall-left{animation-delay:2.3s}.mark-house .mark-door{animation-delay:2.45s}.mark-house .mark-window{animation-delay:2.6s}.opening-caption{position:absolute;top:clamp(30px,5vw,66px);left:50%;transform:translateX(-50%);margin:0;font-size:10px;letter-spacing:.16em;white-space:nowrap;color:#657060;opacity:0;animation:caption-in .5s 2.8s forwards}.opening-skip{position:absolute;right:clamp(30px,5vw,66px);bottom:clamp(30px,5vw,66px);border:0;border-bottom:1px solid #657060;background:transparent;padding:4px 0;color:#263128;font:12px/1.2 "Helvetica Neue",Arial,"PingFang SC",sans-serif;letter-spacing:.06em;cursor:pointer;opacity:0;animation:caption-in .5s 2.8s forwards}.opening-skip:hover{color:#000}.geometric-opening .opening-index{right:clamp(30px,5vw,66px);bottom:clamp(30px,5vw,66px);color:#657060;opacity:0;animation:caption-in .5s 2.8s forwards}.geometric-opening.is-leaving{animation:geometric-exit .7s cubic-bezier(.76,0,.24,1) forwards}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes chair-away{to{opacity:0;transform:translateY(-8px)}}@keyframes house-in{to{opacity:1}}@keyframes caption-in{to{opacity:1}}@keyframes geometric-exit{to{clip-path:inset(0 0 100% 0);visibility:hidden}}@media(max-width:700px){.geometric-opening::before{inset:12px}.opening-mark{width:min(80vw,350px)}.opening-caption{top:34px;font-size:9px}.opening-skip{right:28px;bottom:30px}.geometric-opening .opening-index{right:auto;left:28px;bottom:29px;writing-mode:horizontal-tb}.geometric-opening .opening-index span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.geometric-opening{display:grid}.geometric-opening .mark-stroke{animation:none;stroke-dashoffset:0}.geometric-opening .mark-chair{opacity:0}.geometric-opening .mark-house{opacity:1;animation:none}.geometric-opening .opening-caption,.geometric-opening .opening-skip,.geometric-opening .opening-index{animation:none;opacity:1}.geometric-opening.is-leaving{display:none;animation:none}}
/* Homepage second line: quiet upright sans, independent of the serif headline. */
.home-intro h1 .home-intro-subtitle {
  display: inline-block;
  max-width: 100%;
  margin-top: .12em;
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: .74em;
  font-weight: 300;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -.035em;
  overflow-wrap: break-word;
  color: var(--ink);
}
/* Approved ooud line mark: shared by every page, with small-screen proportions. */
.wordmark.brand-mark {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
  width: 72px;
  min-width: 0;
  height: 72px;
  padding: 4px;
  line-height: 0;
}
.brand-mark img { display: block; width: 64px; height: 64px; object-fit: contain; }
.brand-mark:hover { opacity: .75; text-decoration: none; }
footer .wordmark.brand-mark { width: 64px; height: 64px; }
footer .brand-mark img { width: 56px; height: 56px; }
.brand-eyebrow { display: flex; align-items: center; gap: 14px; }
.brand-eyebrow img { width: 40px; height: 40px; object-fit: contain; }
.intro-signature .intro-brand-logo { display: block; width: 56px; height: 56px; object-fit: contain; }
@media (max-width: 700px) {
  .site-header .wordmark.brand-mark { width: 60px; height: 60px; }
  .site-header .brand-mark img { width: 52px; height: 52px; }
  .intro-signature .intro-brand-logo { width: 44px; height: 44px; }
}

/* Keep the existing link treatment for the two homepage actions. */
.home-intro-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}

.studio-signature{display:flex;flex-direction:column;gap:4px}
.studio-signature small{font-size:10px;font-weight:400;letter-spacing:.08em;line-height:1.6}