:root { --ink:#181817; --paper:#f2f0ea; --gold:#b79b6c; }
.premium-page { margin:0; color:var(--ink); background:var(--paper); }
.premium-page * { box-sizing:border-box; }
.premium-page figure { margin:0; }
.premium-page img { display:block; width:100%; }
.premium-page .brand-logo { width:120px; height:auto; }
.premium-shell { width:min(1380px,calc(100% - 96px)); margin-inline:auto; }
.premium-header:not(.is-scrolled) { color:#fff; }
.premium-header:not(.is-scrolled) .brand-logo { filter:brightness(0) invert(1); }
.premium-hero { position:relative; min-height:100svh; overflow:hidden; }
.premium-hero > img { position:absolute; inset:0; height:100%; object-fit:cover; }
.premium-hero-copy { position:relative; z-index:2; min-height:100svh; padding-block:140px 64px; display:flex; flex-direction:column; justify-content:flex-end; }
.premium-label { margin:0 0 24px; font:700 10px/1.5 Arial,sans-serif; letter-spacing:.22em; text-transform:uppercase; }
.premium-hero h1 { margin:0; font-size:clamp(4rem,8vw,9.5rem); font-weight:400; line-height:.96; letter-spacing:-.055em; }
.premium-lead { max-width:38em; margin:30px 0 0; font-size:15px; line-height:1.9; }
.premium-intro { padding-block:clamp(110px,15vw,220px); }
.premium-intro h2,.premium-section h2,.premium-statement blockquote,.premium-next h2 { margin:0; font-size:clamp(3rem,6vw,7rem); font-weight:400; line-height:1.12; letter-spacing:-.04em; }
.premium-intro-copy { max-width:48em; margin:56px 0 0 auto; font-size:16px; line-height:2.05; }
.premium-note { margin-top:36px; padding-top:18px; border-top:1px solid currentColor; opacity:.58; font-size:11px; }
.premium-section { padding-bottom:clamp(110px,15vw,220px); }
.premium-section-head { display:flex; justify-content:space-between; gap:40px; align-items:flex-start; margin-bottom:72px; padding-top:20px; border-top:1px solid currentColor; }
.premium-section-head h2 { max-width:12ch; }
.premium-section-copy { max-width:40em; color:#696762; font-size:15px; line-height:2; }
.premium-gallery { display:grid; grid-template-columns:repeat(12,1fr); gap:24px; align-items:start; }
.premium-gallery figure:nth-child(1) { grid-column:1/8; }
.premium-gallery figure:nth-child(2) { grid-column:9/13; margin-top:10vw; }
.premium-gallery figure:nth-child(3) { grid-column:3/11; margin-top:6vw; }
.premium-gallery img { min-height:340px; object-fit:cover; }
.premium-gallery figcaption { margin-top:12px; font:11px/1.7 Arial,sans-serif; opacity:.62; }
.premium-statement { min-height:90svh; padding:10vw; display:grid; place-content:center; }
.premium-statement blockquote { max-width:16ch; }
.premium-next { padding-block:clamp(110px,14vw,200px); }
.premium-next h2 { max-width:13ch; }
.premium-next a { display:inline-block; margin-top:36px; padding-bottom:7px; border-bottom:1px solid currentColor; font-size:13px; }

/* 06 — MONUMENT / master architect atmosphere */
.p06-monument { background:#c9c7c0; font-family:Arial,"Microsoft YaHei",sans-serif; }
.p06-monument::before { content:"06"; position:fixed; z-index:20; right:28px; bottom:10px; color:#161616; font:900 72px/.8 Arial,sans-serif; opacity:.9; }
.p06-monument .premium-hero { display:grid; grid-template-columns:34% 66%; background:#d4d2cc; color:#111; }
.p06-monument .premium-hero > img { left:34%; width:66%; filter:grayscale(1) contrast(1.08); }
.p06-monument .premium-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#d4d2cc 0 34%,transparent 34%); }
.p06-monument .premium-hero-copy { width:34%; margin:0; padding:150px 3vw 58px; }
.p06-monument .premium-hero h1 { font-weight:900; font-size:clamp(4rem,6.4vw,7.4rem); line-height:.86; }
.p06-monument .premium-hero h1::after { content:""; display:block; width:100%; height:18px; margin-top:34px; background:#111; }
.p06-monument .premium-header:not(.is-scrolled) { color:#111; }
.p06-monument .premium-header:not(.is-scrolled) .brand-logo { filter:none; }
.p06-monument .premium-intro { display:grid; grid-template-columns:1fr 1fr; gap:7vw; border-bottom:2px solid #111; }
.p06-monument .premium-intro h2 { font-weight:900; line-height:.9; }
.p06-monument .premium-intro-copy { margin:0; }
.p06-monument .premium-section-head h2 { font-weight:900; line-height:.9; }
.p06-monument .premium-gallery { gap:6px; }
.p06-monument .premium-gallery figure:nth-child(1) { grid-column:1/9; }
.p06-monument .premium-gallery figure:nth-child(2) { grid-column:9/13; margin:0; }
.p06-monument .premium-gallery figure:nth-child(3) { grid-column:5/13; margin:6px 0 0; }
.p06-monument .premium-gallery img { filter:grayscale(.82); }
.p06-monument .premium-statement { background:#111; color:#d4d2cc; }
.p06-monument .premium-statement blockquote { font-weight:900; line-height:.9; }

/* 07 — HAUTE COUTURE / world luxury campaign */
.p07-couture { background:#080808; color:#eee8dc; font-family:Didot,"Bodoni 72",Georgia,"Songti SC",serif; }
.p07-couture::before { content:"MAISON 07"; position:fixed; z-index:20; right:30px; bottom:26px; color:#c2a778; font:10px/1 Arial,sans-serif; letter-spacing:.28em; }
.p07-couture .premium-hero > img { filter:saturate(.52) contrast(1.08); }
.p07-couture .premium-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.78),transparent 62%),linear-gradient(0deg,#080808 0,transparent 36%); }
.p07-couture .premium-hero-copy { justify-content:center; align-items:center; text-align:center; }
.p07-couture .premium-label { color:#c2a778; }
.p07-couture .premium-hero h1 { max-width:9ch; font-size:clamp(5rem,9.5vw,11rem); line-height:1.02; }
.p07-couture .premium-lead { color:rgba(255,255,255,.72); }
.p07-couture .premium-intro { text-align:center; }
.p07-couture .premium-intro h2 { max-width:14ch; margin-inline:auto; font-size:clamp(4rem,7vw,8.2rem); }
.p07-couture .premium-intro-copy { max-width:39em; margin-inline:auto; color:#aaa49a; text-align:left; }
.p07-couture .premium-section-head { display:block; text-align:center; border-color:#5e5038; }
.p07-couture .premium-section-head h2 { max-width:16ch; margin:35px auto; }
.p07-couture .premium-section-copy { margin-inline:auto; color:#aaa49a; }
.p07-couture .premium-gallery { gap:5vw; }
.p07-couture .premium-gallery figure:nth-child(1) { grid-column:2/8; padding:22px; border:1px solid #5e5038; }
.p07-couture .premium-gallery figure:nth-child(2) { grid-column:9/12; }
.p07-couture .premium-gallery figure:nth-child(3) { grid-column:4/10; }
.p07-couture .premium-gallery figcaption { color:#c2a778; letter-spacing:.12em; }
.p07-couture .premium-statement { background:#eee8dc; color:#0a0a0a; text-align:center; }
.p07-couture .premium-statement blockquote { font-style:italic; }

/* 08 — RADICAL MANIFESTO / experimental architecture studio */
.p08-manifesto { --signal:#ef3a24; background:#ef3a24; color:#090909; font-family:Arial,"Microsoft YaHei",sans-serif; }
.p08-manifesto::before { content:"08 / MANIFESTO"; position:fixed; z-index:30; left:0; top:45%; padding:8px 14px; background:#090909; color:#fff; font:700 10px Arial; letter-spacing:.15em; transform:rotate(-90deg) translateX(-50%); transform-origin:left top; }
.p08-manifesto .premium-hero { background:#090909; }
.p08-manifesto .premium-hero > img { left:26%; width:74%; filter:grayscale(1) contrast(1.25); }
.p08-manifesto .premium-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#090909 0 27%,transparent 62%); }
.p08-manifesto .premium-hero-copy { color:#fff; justify-content:space-between; }
.p08-manifesto .premium-hero h1 { max-width:8ch; font-size:clamp(5rem,10vw,12rem); font-weight:900; line-height:.78; text-transform:uppercase; }
.p08-manifesto .premium-hero h1 span { color:var(--signal); }
.p08-manifesto .premium-lead { margin-left:auto; padding:18px; background:var(--signal); color:#090909; font-weight:700; }
.p08-manifesto .premium-intro { display:grid; grid-template-columns:1.25fr .75fr; gap:8vw; }
.p08-manifesto .premium-intro h2 { font-weight:900; font-size:clamp(4rem,8vw,9rem); line-height:.82; }
.p08-manifesto .premium-intro-copy { margin:0; color:#111; font-weight:600; }
.p08-manifesto .premium-section { background:#f0eee7; padding-top:10vw; }
.p08-manifesto .premium-section-head { border-top:12px solid #090909; }
.p08-manifesto .premium-section-head h2 { font-weight:900; text-transform:uppercase; }
.p08-manifesto .premium-gallery figure { border:12px solid #090909; box-shadow:22px 22px 0 var(--signal); }
.p08-manifesto .premium-gallery figure:nth-child(1) { transform:rotate(-2deg); }
.p08-manifesto .premium-gallery figure:nth-child(2) { transform:rotate(4deg); }
.p08-manifesto .premium-gallery figure:nth-child(3) { transform:rotate(-1deg); }
.p08-manifesto .premium-statement { background:#090909; color:#fff; }
.p08-manifesto .premium-statement blockquote { font-family:Arial,sans-serif; font-weight:900; text-transform:uppercase; }

/* 09 — WHITE MUSEUM / quiet international gallery */
.p09-museum { background:#fafbfa; color:#35403d; font-family:"Helvetica Neue",Arial,"Microsoft YaHei",sans-serif; }
.p09-museum::before { content:"ROOM 09"; position:fixed; z-index:20; right:24px; top:50%; color:#779087; font:10px Arial; letter-spacing:.24em; writing-mode:vertical-rl; }
.p09-museum .premium-hero { margin:24px; min-height:calc(100svh - 48px); background:#edf1ee; }
.p09-museum .premium-hero > img { left:42%; width:58%; height:calc(100svh - 48px); object-position:center; }
.p09-museum .premium-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#edf1ee 0 42%,transparent 42%); }
.p09-museum .premium-hero-copy { width:42%; margin:0; min-height:calc(100svh - 48px); padding:140px 4vw 60px; color:#35403d; justify-content:space-between; }
.p09-museum .premium-header:not(.is-scrolled) { color:#35403d; }
.p09-museum .premium-header:not(.is-scrolled) .brand-logo { filter:none; }
.p09-museum .premium-hero h1 { max-width:6ch; font-size:clamp(4rem,6.2vw,7.2rem); font-weight:300; line-height:1.08; }
.p09-museum .premium-label { color:#779087; }
.p09-museum .premium-intro { min-height:100svh; display:grid; place-content:center; text-align:center; }
.p09-museum .premium-intro h2 { max-width:16ch; margin-inline:auto; font-weight:300; }
.p09-museum .premium-intro-copy { max-width:34em; margin-inline:auto; color:#74807c; }
.p09-museum .premium-section-head { border:0; display:block; text-align:center; }
.p09-museum .premium-section-head h2 { max-width:18ch; margin-inline:auto; font-weight:300; }
.p09-museum .premium-section-copy { margin:38px auto 0; color:#74807c; }
.p09-museum .premium-gallery { gap:8vw; }
.p09-museum .premium-gallery figure { padding:18px; background:#fff; box-shadow:0 20px 70px rgba(50,70,63,.09); }
.p09-museum .premium-gallery figure:nth-child(1) { grid-column:2/8; }
.p09-museum .premium-gallery figure:nth-child(2) { grid-column:9/12; }
.p09-museum .premium-gallery figure:nth-child(3) { grid-column:4/10; }
.p09-museum .premium-statement { background:#dfe9e5; text-align:center; }
.p09-museum .premium-statement blockquote { font-weight:300; }

/* 10 — FLUID FUTURE / digital architecture and sculptural luxury */
.p10-future { --cyan:#8de7dd; background:#080b0d; color:#edf7f5; font-family:"Arial Narrow",Arial,"Microsoft YaHei",sans-serif; }
.p10-future::before { content:"10.0 / FUTURE FORM"; position:fixed; z-index:30; right:24px; bottom:24px; padding:10px 16px; border:1px solid var(--cyan); border-radius:999px; color:var(--cyan); font:700 9px Arial; letter-spacing:.18em; backdrop-filter:blur(12px); }
.p10-future .premium-hero { background:#080b0d; }
.p10-future .premium-hero > img { clip-path:ellipse(64% 86% at 75% 50%); filter:saturate(.58) contrast(1.15); }
.p10-future .premium-hero::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 70% 35%,transparent 0 18%,rgba(0,0,0,.28) 58%),linear-gradient(90deg,#080b0d 0 24%,transparent 70%); }
.p10-future .premium-hero-copy { justify-content:center; }
.p10-future .premium-label { color:var(--cyan); }
.p10-future .premium-hero h1 { max-width:8ch; font-size:clamp(5rem,9.5vw,11rem); font-weight:300; line-height:.86; }
.p10-future .premium-hero h1 em { color:var(--cyan); font-style:normal; }
.p10-future .premium-intro { position:relative; }
.p10-future .premium-intro::before { content:""; position:absolute; width:360px; height:360px; right:7vw; top:8vw; border:1px solid #355b58; border-radius:42% 58% 62% 38% / 48% 35% 65% 52%; }
.p10-future .premium-intro h2 { max-width:12ch; color:var(--cyan); font-weight:300; }
.p10-future .premium-intro-copy { color:#91a6a2; }
.p10-future .premium-section-head { border-color:#355b58; }
.p10-future .premium-section-head h2 { color:var(--cyan); font-weight:300; }
.p10-future .premium-section-copy { color:#91a6a2; }
.p10-future .premium-gallery { gap:3vw; }
.p10-future .premium-gallery figure { overflow:hidden; border:1px solid #355b58; border-radius:48% 52% 42% 58% / 56% 38% 62% 44%; }
.p10-future .premium-gallery figure:nth-child(2) { border-radius:50%; }
.p10-future .premium-gallery img { min-height:520px; filter:saturate(.62); }
.p10-future .premium-gallery figcaption { padding:16px 24px 26px; color:var(--cyan); }
.p10-future .premium-statement { background:radial-gradient(circle at center,#174a47,#080b0d 62%); text-align:center; }
.p10-future .premium-statement blockquote { color:var(--cyan); font-weight:300; }

@media(max-width:980px){
  .premium-shell{width:calc(100% - 48px)}
  .p06-monument::before,.p07-couture::before,.p08-manifesto::before,.p09-museum::before,.p10-future::before{display:none}
  .p06-monument .premium-intro,.p08-manifesto .premium-intro{grid-template-columns:1fr}
  .premium-gallery figure:nth-child(n){grid-column:1/13;margin-top:0}
}
@media(max-width:640px){
  .premium-shell{width:calc(100% - 36px)}
  .p06-monument .premium-hero,.p09-museum .premium-hero{display:block;margin:0;min-height:100svh}
  .p06-monument .premium-hero>img,.p09-museum .premium-hero>img{left:0;width:100%;height:100%}
  .p06-monument .premium-hero::after,.p09-museum .premium-hero::after{background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 70%)}
  .p06-monument .premium-hero-copy,.p09-museum .premium-hero-copy{width:100%;min-height:100svh;padding:100px 18px 60px;color:#fff;justify-content:flex-end}
  .p06-monument .premium-header:not(.is-scrolled),.p09-museum .premium-header:not(.is-scrolled){color:#fff}
  .p06-monument .premium-header:not(.is-scrolled) .brand-logo,.p09-museum .premium-header:not(.is-scrolled) .brand-logo{filter:brightness(0) invert(1)}
  .premium-section-head{display:block}.premium-section-copy{margin-top:30px}
  .p08-manifesto .premium-hero>img{left:0;width:100%}
  .p08-manifesto .premium-hero h1{font-size:18vw}
}

/* Dedicated phone composition */
@media(max-width:640px){
  .premium-shell{width:calc(100% - 32px)}
  .premium-hero{min-height:92svh}
  .premium-hero-copy{min-height:92svh;padding:90px 16px 52px;justify-content:flex-end}
  .premium-hero h1,.p06-monument .premium-hero h1,.p07-couture .premium-hero h1,.p08-manifesto .premium-hero h1,.p09-museum .premium-hero h1,.p10-future .premium-hero h1{max-width:100%;font-size:clamp(3.6rem,16vw,5.2rem);line-height:.92}
  .premium-lead{margin-top:22px;font-size:14px;line-height:1.75}
  .premium-intro{padding-block:84px}
  .premium-intro h2,.premium-section h2,.premium-statement blockquote,.premium-next h2{max-width:100%;font-size:clamp(2.4rem,11vw,3.6rem);line-height:1.1}
  .premium-intro-copy{margin-top:34px;font-size:15px;line-height:1.9}
  .premium-section{padding-bottom:92px}
  .premium-section-head{margin-bottom:42px;padding-top:16px}
  .premium-section-copy{font-size:14px;line-height:1.9}
  .premium-gallery{display:block}
  .premium-gallery figure:nth-child(n){margin:0 0 32px;transform:none}
  .premium-gallery img,.p10-future .premium-gallery img{min-height:0;aspect-ratio:4/3;object-fit:cover}
  .premium-statement{min-height:72svh;padding:72px 22px}
  .premium-next{padding-block:84px}
  .p06-monument .premium-hero,.p09-museum .premium-hero{min-height:92svh}
  .p06-monument .premium-hero-copy,.p09-museum .premium-hero-copy{min-height:92svh;padding:90px 16px 52px}
  .p08-manifesto .premium-hero h1{font-size:17vw}
  .p08-manifesto .premium-lead{margin-left:0;padding:14px}
  .p08-manifesto .premium-intro h2{font-size:clamp(3rem,14vw,4.5rem)}
  .p08-manifesto .premium-gallery figure{border-width:7px;box-shadow:10px 10px 0 var(--signal)}
  .p10-future .premium-hero>img{clip-path:none}
  .p10-future .premium-intro::before{display:none}
  .p10-future .premium-gallery figure,.p10-future .premium-gallery figure:nth-child(2){border-radius:28px}
}