:root{
  --navy:#0d3157;
  --navy-deep:#08233f;
  --gold:#d7aa16;
  --gold-soft:#ecd575;
  --ivory:#f4f0e7;
  --paper:#faf7f0;
  --ink:#17283a;
  --muted:#5e6872;
}

*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:var(--ivory);color:var(--ink);font-family:"Source Sans 3",sans-serif}
img{display:block;max-width:100%}

.holding-page{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(390px,42%) minmax(0,58%)}
.welcome{position:relative;display:grid;place-items:center;padding:clamp(32px,5vw,76px);background:
  radial-gradient(circle at 15% 10%,rgba(215,170,22,.10),transparent 27%),
  linear-gradient(145deg,var(--paper),var(--ivory));
  border-right:1px solid rgba(13,49,87,.18)}
.welcome:before{content:"";position:absolute;inset:18px;border:1px solid rgba(13,49,87,.13);pointer-events:none}
.welcome-inner{width:min(100%,570px);position:relative;z-index:1}
.eyebrow{margin:0 0 16px;color:var(--navy);font-size:.78rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.logo{width:min(100%,390px);aspect-ratio:1;object-fit:contain;margin:-55px 0 -52px -28px;mix-blend-mode:multiply}
h1{margin:0;color:var(--navy-deep);font:700 clamp(2rem,4vw,4.35rem)/1.05 "Libre Baskerville",serif;letter-spacing:-.035em;max-width:10ch}
.introduction{margin:24px 0 30px;max-width:50ch;color:var(--muted);font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.7}
.opening-note{display:flex;align-items:center;gap:13px;padding-top:21px;border-top:1px solid rgba(13,49,87,.18);width:min(100%,390px)}
.opening-note>span{width:11px;height:11px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(215,170,22,.15)}
.opening-note strong,.opening-note small{display:block}
.opening-note strong{color:var(--navy);font-size:.95rem;letter-spacing:.12em;text-transform:uppercase}
.opening-note small{margin-top:3px;color:var(--muted);font-family:"Libre Baskerville",serif;font-style:italic}
.copyright{position:absolute;left:clamp(32px,5vw,76px);bottom:28px;margin:0;color:#7c848b;font-size:.76rem;letter-spacing:.06em}

.studio-image{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;background:var(--navy-deep)}
.studio-image>img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.88) contrast(1.03)}
.studio-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,35,63,.15),transparent 32%,transparent 70%,rgba(8,35,63,.17)),linear-gradient(0deg,rgba(8,35,63,.65),transparent 30%);pointer-events:none}
.image-caption{position:absolute;right:clamp(24px,4vw,58px);bottom:clamp(28px,5vw,58px);z-index:1;color:#fff;text-align:right;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.image-caption span,.image-caption strong{display:block}
.image-caption span{font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-soft)}
.image-caption strong{margin-top:5px;font:italic 400 clamp(1.1rem,2vw,1.55rem) "Libre Baskerville",serif}

@media(max-width:850px){
  .holding-page{grid-template-columns:1fr}
  .welcome{min-height:65svh;padding:48px 30px 72px;border-right:0;border-bottom:1px solid rgba(13,49,87,.18)}
  .welcome-inner{text-align:center}
  .eyebrow{margin-bottom:8px}
  .logo{width:min(88vw,360px);margin:-52px auto -48px}
  h1{margin-inline:auto;max-width:12ch;font-size:clamp(2rem,9vw,3.4rem)}
  .introduction{margin-inline:auto}
  .opening-note{margin-inline:auto;text-align:left}
  .copyright{left:30px;bottom:20px}
  .studio-image{min-height:52svh}
}

@media(max-width:460px){
  .welcome{padding-inline:24px}
  .welcome:before{inset:11px}
  .logo{margin-top:-42px}
  .introduction{line-height:1.55}
  .image-caption{right:24px;bottom:24px}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}