/* Pearl Reverie: the film provides depth; the layout stays calm and legible. */
:root{--pink:#e8bfc7;--cream:#f6eee8}
.header{height:96px;padding:0 5.5%;border-bottom-color:#f3dbd21c;background:linear-gradient(#180e1280,transparent)}
.header .book-button{border-color:#f5ded75e;background:#482c2e24;backdrop-filter:blur(12px)}
.motion-button{width:32px;height:32px;border-color:#e9c9c74d;background:#24131833}
.pearl-hero{height:100svh;min-height:800px;max-height:1120px;isolation:isolate;overflow:clip;background:#211316}
.film-stage{position:absolute;inset:0;z-index:0;overflow:hidden;transform:scale(1.025) translate3d(var(--film-x,0px),var(--film-y,0px),0);will-change:transform;transition:transform 1.6s cubic-bezier(.2,.6,.2,1)}
.film-poster,.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:59% 50%;max-width:none}
.hero-film{opacity:0;pointer-events:none}
.film-poster{animation:reverie-drift 24s ease-in-out infinite alternate}
.film-running .film-poster{animation-play-state:paused}
.film-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#1b0f16c7 0%,#21121982 30%,#2112190d 53%,transparent 70%),linear-gradient(0deg,#1a1017 0%,#1a1017ad 9%,transparent 30%,transparent 87%,#1a101733 100%)}
.pearl-hero .hero-copy{width:52%;padding:0;position:absolute;left:7%;top:46.5%;transform:translateY(-50%);z-index:3}
.pearl-hero .eyebrow{color:#e5c3c4;font-size:9px;font-weight:400;letter-spacing:.2em;gap:15px}
.eyebrow-line{width:32px;height:1px;background:#d9aab4}
.pearl-hero h1{font-size:clamp(88px,8.4vw,146px);line-height:.92;letter-spacing:-.055em;margin:34px 0 28px;font-weight:400}
.pearl-hero h1>span{display:block;color:#fbf0e8}
.pearl-hero h1 em{display:block;color:#e8bac4}
.pearl-hero .hero-description{font-size:12px;line-height:1.9;color:#d8c2c5;letter-spacing:.015em;margin-bottom:29px}
.hero-actions{display:flex;align-items:center;gap:28px}
.pearl-hero .pill-button{background:#f0d3d4;color:#35202a;font-size:11px;gap:30px;padding:17px 25px;min-height:52px;box-shadow:0 8px 32px #160a1429;border:1px solid #fce6df77}
.pearl-hero .pill-button:hover{background:#ffebe7}
.hero-book-link{background:none;padding:10px 0;font-size:11px;color:#ecd9d7;border-bottom:1px solid #dfb9bc66;display:flex;align-items:center;gap:20px}
.hero-book-link span{font-size:16px}
.film-edition{position:absolute;z-index:3;right:2.8%;top:40%;writing-mode:vertical-rl;display:flex;align-items:center;gap:20px;color:#f5dfdb9c;font-size:7px;letter-spacing:.19em}
.film-edition i{width:1px;height:42px;background:#ead1cc66}
.film-caption{position:absolute;z-index:3;left:7%;bottom:140px}
.film-small{font-size:7px;letter-spacing:.2em;color:#a88a94}
.film-caption p{font-family:var(--serif);font-size:24px;color:#eedbd7;margin-top:7px;letter-spacing:-.025em}
.film-controls{position:absolute;left:7%;bottom:86px;z-index:3;display:flex;gap:17px;align-items:center;width:342px}
#film-replay{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border:1px solid #f5d4d33d;border-radius:50%;background:#29171c33;font-size:21px;color:#e7cbd2;transition:background .3s}
#film-replay:hover{background:#dcb7c42b}
.film-progress{height:1px;background:#a3808e52;width:132px;position:relative;flex-shrink:1;overflow:hidden}
.film-progress span{position:absolute;inset:0;background:#d5a5b5;transform-origin:left;transform:scaleX(var(--film-progress,0));transition:transform .2s linear}
.film-time{font-size:8px;letter-spacing:.07em;color:#ae919b;font-variant-numeric:tabular-nums;white-space:nowrap}
.film-state{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.portfolio-peek{position:absolute;right:6%;bottom:100px;z-index:3;display:flex;align-items:center;gap:18px;padding:12px 24px 12px 12px;border:1px solid #e9c7cd30;background:#29191e70;backdrop-filter:blur(18px);border-radius:3px;transition:transform .4s,border-color .4s}
.portfolio-peek:hover{transform:translateY(-4px);border-color:#ebd3d080}
.portfolio-peek img{width:64px;height:76px;object-fit:cover;object-position:center;border-radius:1px}
.portfolio-peek>span{display:flex;flex-direction:column;gap:8px;font-family:var(--serif);font-size:22px;color:#edddd8;letter-spacing:-.02em}
.portfolio-peek small{font-family:var(--sans);font-size:7px;letter-spacing:.15em;color:#bf9ca8}
.portfolio-peek i{font-family:var(--sans);font-style:normal;font-size:9px;letter-spacing:0;color:#d2b7c0}
.pearl-hero .hero-bottom{left:5.5%;right:5.5%;height:62px;border-color:#d3b0bd26;font-size:7px;color:#aa8e99}
.pearl-hero .hero-bottom p{font-size:6px;letter-spacing:.12em}
.pearl-hero .hero-bottom p span{margin:0 14px}
.pearl-hero .hero-bottom>a:last-child{font-size:9px}
.scroll-link span{border-color:#b994a352}
.ticker{background:#f0ddd8;color:#714c5b;padding:17px 0;font-size:9px;letter-spacing:.18em}
.ticker div{animation-duration:85s}
.ticker span{font-size:14px}
@keyframes reverie-drift{from{transform:scale(1.01) translateX(0)}to{transform:scale(1.065) translateX(-.8%)}}
@keyframes type-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.pearl-hero .hero-copy>.eyebrow{animation:type-arrive 1s .1s both}
.pearl-hero h1{animation:type-arrive 1.5s .25s both}
.pearl-hero .hero-description,.pearl-hero .hero-actions{animation:type-arrive 1.4s .55s both}
.motion-paused .film-poster{animation-play-state:paused}
.motion-paused .film-stage{transform:none;transition:none}
@media(min-width:1600px){.pearl-hero .hero-copy{top:48%}.film-caption{bottom:155px}.film-controls{bottom:100px}}
@media(max-width:1100px) and (min-width:701px){.pearl-hero{min-height:800px}.pearl-hero .hero-copy{left:6%;width:56%;top:47%}.pearl-hero h1{font-size:90px}.film-poster,.hero-film{object-position:57% center}.film-shade{background:linear-gradient(90deg,#211219df,#21121990 38%,transparent 75%),linear-gradient(0deg,#1a1017,#1a101710 35%)}.portfolio-peek{right:5%;bottom:99px;gap:13px;padding-right:16px}.portfolio-peek img{width:52px;height:65px}.portfolio-peek>span{font-size:19px}.film-controls,.film-caption{left:6%}.header{padding:0 5%}.desktop-nav{gap:21px}.film-edition{display:none}}
@media(max-width:700px){
  .header{height:76px;padding:0 6%;background:#24141b40;border-bottom-color:#f3dbd21c}.header .wordmark{font-size:22px;padding-right:37px}.header .byry{font-size:24px}.header-actions{gap:12px}.header .book-button{padding:9px 13px;font-size:10px;gap:12px;white-space:nowrap}.motion-button{width:26px;height:26px}.mobile-nav{background:#25151bf5}
  .pearl-hero{height:960px;min-height:960px;max-height:none;background:radial-gradient(ellipse at 75% 60%,#543039,#24151c 59%,#201218)}
  .film-stage{inset:auto 0 97px;height:400px;transform:scale(1.025);overflow:visible}
  .film-poster,.hero-film{object-fit:cover;object-position:100% 50%;mask-image:linear-gradient(transparent 0%,black 18%,black 79%,transparent 100%)}
  .film-shade{background:linear-gradient(180deg,#21121900 35%,#21121900 90%,#21121988 100%)}
  .pearl-hero .hero-copy{top:128px;left:7%;width:86%;padding:0;transform:none}
  .pearl-hero .eyebrow{font-size:7px;gap:12px;letter-spacing:.19em}.eyebrow-line{width:23px}
  .pearl-hero h1{font-size:clamp(68px,16.5vw,105px);line-height:.91;margin:29px 0 24px;letter-spacing:-.05em}.pearl-hero h1 em br{display:block}
  .pearl-hero .hero-description{font-size:11px;line-height:1.8;margin-bottom:24px;color:#cbb3be}
  .hero-actions{gap:24px}.pearl-hero .pill-button{font-size:10px;padding:14px 21px;min-height:47px;gap:24px}.hero-book-link{font-size:10px;gap:11px}
  .film-edition,.portfolio-peek{display:none}
  .film-caption{left:7%;bottom:105px}.film-caption .film-small{font-size:6px;letter-spacing:.2em}.film-caption p{font-size:23px;margin-top:5px}
  .film-controls{left:auto;right:7%;bottom:108px;width:auto;gap:12px}.film-progress{width:57px}.film-time{display:none}#film-replay{width:32px;height:32px;flex-basis:32px;font-size:19px}
  .pearl-hero .hero-bottom{left:7%;right:7%;height:66px;font-size:6px}.pearl-hero .hero-bottom>a:last-child{font-size:8px}.pearl-hero .hero-bottom p{display:none}
}
@media(max-width:370px){.header .wordmark{font-size:19px;padding-right:32px}.header .byry{font-size:21px}.header-actions{gap:8px}.header .book-button{padding:9px 10px;font-size:9px}.pearl-hero{height:900px;min-height:900px}.pearl-hero .hero-copy{top:120px}.pearl-hero h1{font-size:61px}.pearl-hero .eyebrow{font-size:6px}.hero-actions{gap:19px}.pearl-hero .pill-button{padding:14px 18px;gap:20px}.film-stage{height:350px;bottom:105px}.film-caption p{font-size:21px}.film-progress{width:38px}.film-controls{gap:8px}}
@media(prefers-reduced-motion:reduce){.film-stage{transform:none;transition:none}.film-poster,.pearl-hero .hero-copy>*{animation:none}.film-progress span{transition:none}}
.film-paused .film-poster{animation-play-state:paused}
.motion-paused .pearl-hero .hero-copy>*{animation:none}
@media(max-width:700px){.film-stage{height:350px;bottom:135px}.film-poster,.hero-film{object-position:94% 50%}}
@media(max-width:370px){.film-stage{height:300px;bottom:135px}}