@font-face{font-family:Bodoni;src:url(media/bodoni-italic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap}
:root{color-scheme:light;--paper:#f3eee7;--ink:#10100f;--display:Bodoni,"Times New Roman",serif;--serif:Georgia,"Times New Roman",serif;--pad:clamp(23px,3.65vw,74px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.45 var(--serif);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid #2b71a2;outline-offset:4px}h1,h2,p,figure{margin:0}
.skip{position:fixed;top:-7rem;left:1rem;z-index:8;background:white;color:black;padding:12px}.skip:focus{top:1rem}
.hero{isolation:isolate;position:relative;height:clamp(560px,89svh,1100px);min-height:min(48vw,880px);overflow:hidden;background:#c4c2bf}
.hero-art,.hero-art img{position:absolute;inset:0;width:100%;height:100%}.hero-art{z-index:-2}.hero-art img{object-fit:cover;object-position:50% 18%}
header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:clamp(18px,2.2vw,40px) var(--pad)}
.mark,.foot-mark{font-family:var(--display);font-style:italic;letter-spacing:-.065em;line-height:1.1}.mark{font-size:clamp(32px,3.25vw,59px);color:#fffaf4;text-shadow:0 1px 5px #272018}
nav{display:flex;gap:clamp(20px,3vw,58px);align-items:center}nav a{font-size:clamp(16px,1.4vw,23px);padding:5px 0}nav a:hover,.foot-base a:hover{text-decoration:underline;text-underline-offset:5px}
.cover-copy{position:absolute;top:13.5%;left:49%;right:3.4%;text-align:center}.cover-copy h1,.archive h2,.chapter h2,footer h2,.film-info h2,.look-body h2{font:italic 400 1em/.97 var(--display);letter-spacing:-.078em}
.cover-copy h1{font-size:clamp(99px,14.5vw,275px);line-height:1.02}.motto{font:italic 400 clamp(24px,3.1vw,61px)/1.2 var(--display);letter-spacing:-.05em}
.cover-links{margin:clamp(17px,2.0vw,34px) auto 0;display:flex;justify-content:center;align-items:center;gap:clamp(16px,2.4vw,50px);white-space:nowrap}
.line-link{font-style:italic;text-decoration:underline;text-underline-offset:.28em;text-decoration-thickness:1px}.line-link:hover{text-decoration-thickness:2px}
.play-link{display:inline-flex;align-items:center;gap:.55em}.cover-links a,.chapter .line-link{font-size:clamp(15px,1.35vw,25px)}.play-glyph{width:2.25em;aspect-ratio:1;display:inline-grid;place-content:center;border:1px solid currentColor;border-radius:100%;font:11px/1 Arial,sans-serif;padding-left:1px}.play-link:hover .play-glyph{color:var(--paper);background:var(--ink)}
.place{position:absolute;bottom:4.6%;left:var(--pad);color:#fffaf3;font:italic clamp(18px,1.8vw,34px)/1.1 var(--display);text-shadow:0 1px 5px #000}
.archive{padding:clamp(38px,5.1vw,100px) var(--pad) 25px}.archive-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.88fr);grid-template-rows:auto 1fr;column-gap:4.5%}
.archive h2{font-size:clamp(88px,12.3vw,237px);line-height:.81;align-self:start;padding-top:.04em}.archive h2 span{display:block;margin-left:.51em}
.main-look{grid-column:2;grid-row:1/3;align-self:start}.look{display:grid;grid-template-columns:minmax(0,1fr) minmax(45px,19%);gap:clamp(7px,1vw,18px);align-items:end}.look.main-look{grid-template-columns:minmax(0,1fr) minmax(62px,20%);align-items:start}.look a.image-link{display:block;overflow:hidden;background:#e5dfd8}.look img{display:block;width:100%;height:auto;transition:transform .5s ease}.look .image-link:hover img{transform:scale(1.025)}
.look figcaption{font-size:clamp(12px,1.1vw,20px);line-height:1.24;font-style:italic;padding-bottom:1px}.look figcaption i{display:block;margin-bottom:.6em}.look figcaption:after{content:"";display:block;width:1.6em;border-bottom:1px solid;margin-top:1em}
.small-looks{grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;column-gap:5%;align-items:start;margin-top:clamp(20px,3vw,60px)}.small-looks .inset{padding-top:3.8vw}.small-looks .look{grid-template-columns:minmax(0,1fr) minmax(58px,28%)}.small-looks .look img{aspect-ratio:3/4;object-fit:cover}.archive-end{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #cec7bd;margin-top:clamp(34px,4.3vw,85px);padding:20px 0 2px;font-size:clamp(14px,1.15vw,19px)}.archive-end p{font-style:italic}
.reborn{display:grid;grid-template-columns:37% 1fr;gap:5.5%;padding:clamp(45px,5.2vw,95px) var(--pad);background:var(--ink);color:var(--paper);align-items:center}
.chapter{padding-left:1.5vw}.chapter h2{font-size:clamp(65px,8vw,153px);line-height:.95}.chapter p{max-width:31ch;margin:30px 0;font:clamp(15px,1.26vw,22px)/1.6 var(--serif);color:#e0d7cd}
.reborn figure img{width:100%;height:min(39vw,650px);display:block;object-fit:cover;object-position:center top}.reborn figcaption{margin-top:10px;font-size:13px;font-style:italic;color:#c9c0b6}
footer{padding:clamp(42px,6.2vw,120px) var(--pad) 24px}footer h2{font-size:clamp(61px,7vw,132px)}footer p{margin:18px 0;max-width:42ch}
.foot-base{border-top:1px solid #c8c1b7;margin-top:clamp(34px,6vw,100px);padding-top:22px;display:flex;align-items:center;gap:clamp(12px,3vw,65px);font-size:14px}.foot-mark{font-size:32px;margin-right:auto}
dialog{background:var(--paper);color:var(--ink);border:0;padding:0;width:min(92vw,980px);max-height:92dvh;overscroll-behavior:contain}dialog::backdrop{background:rgb(12 11 10 / 80%)}body:has(dialog[open]){overflow:hidden}
.dialog-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;border-bottom:1px solid #cdc5ba;font-style:italic}.dialog-bar button{background:transparent;border:0;padding:5px 2px;font-style:normal}.dialog-bar button span{font:20px Arial;padding-left:6px}
.film-stage{background:#111;display:grid;place-items:center}.film-stage video{max-height:59dvh;width:100%;height:59dvh;object-fit:contain}.film-info,.film-list{display:flex;justify-content:space-between;gap:14px;padding:14px 20px;align-items:center}.film-info h2,.look-body h2{font-size:clamp(30px,3vw,47px)}.film-info p{font-size:14px;margin-top:6px}.film-info>a,.look-enquire{text-decoration:underline;text-underline-offset:4px;font-size:14px}.film-list{border-top:1px solid #cdc5ba;justify-content:flex-start;gap:17px;flex-wrap:wrap}.film-list button{border:0;background:transparent;font-size:14px;padding:4px 2px}.film-list button[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}
.look-body{display:grid;grid-template-columns:58% 1fr;gap:5%;align-items:center;padding:20px}.look-body img{width:100%;max-height:72dvh;object-fit:contain}.look-body p{margin:20px 0;font-size:16px}.look-enquire{display:block;margin-top:15px}
@media(min-aspect-ratio:2/1) and (min-width:901px){.hero{min-height:43vw}.cover-copy{top:15%}}
@media(max-width:900px) and (min-width:601px){.hero{height:min(74vw,82svh);min-height:400px}.cover-copy{top:20%}.cover-links{gap:13px}.archive-layout{column-gap:3%}.small-looks .look{display:block}.small-looks figcaption{margin-top:9px}.small-looks figcaption:after{display:none}}
@media(max-width:600px){.hero{height:min(88svh,890px);min-height:510px;background:#292724}.hero-art img{object-position:50% 35%}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.44),transparent 19%,transparent 40%,rgba(0,0,0,.14) 57%,rgba(0,0,0,.75))}
header{padding:17px 19px;color:white;align-items:center}.mark{font-size:34px}nav{gap:15px}nav a{font-size:14px;text-shadow:0 1px 3px #111}.cover-copy{left:22px;right:20px;top:auto;bottom:10.5%;color:#fffaf3;text-align:left}.cover-copy h1{font-size:clamp(90px,24vw,155px);line-height:.98}.motto{font-size:clamp(26px,7vw,38px)}.cover-links{justify-content:flex-start;gap:24px;margin-top:19px}.cover-links a{font-size:15px}.place{left:24px;bottom:3.5%;font-size:16px}
.archive{padding:42px 22px 20px}.archive-layout{display:flex;flex-direction:column;gap:25px}.archive h2{font-size:clamp(76px,20.5vw,115px);line-height:.87}.archive h2 span{margin-left:.47em}.main-look{width:86%;align-self:flex-end}.look.main-look{grid-template-columns:minmax(0,1fr) minmax(54px,19%)}.look figcaption{font-size:13px}.small-looks{grid-template-columns:1fr 1fr;gap:20px;margin-top:0}.small-looks .look{display:block}.small-looks .inset{padding-top:32px}.small-looks figcaption{padding-top:9px}.small-looks figcaption i{margin-bottom:3px}.small-looks figcaption:after{display:none}.archive-end{display:block;margin-top:24px;padding-top:15px}.archive-end a{display:inline-block;margin-top:7px}
.reborn{display:flex;flex-direction:column;align-items:stretch;gap:26px;padding:43px 23px}.chapter{padding:0}.chapter h2{font-size:clamp(66px,17vw,100px)}.chapter p{margin:17px 0;max-width:34ch}.reborn figure img{height:100vw;max-height:550px}.foot-base{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:13px}.foot-mark{font-size:28px}.foot-base a:nth-child(even){justify-self:end}.film-list{gap:10px;padding:9px 12px}.film-list button,.film-info>a{font-size:12px}.film-info{padding:10px 12px}.film-stage video{height:53dvh;max-height:53dvh}.look-body{display:block;padding:14px}.look-body img{max-height:42dvh}.look-body div{padding:12px 2px 4px}.look-body p{margin:9px 0}.look-enquire{margin-top:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.credits header{border-bottom:1px solid #c8c1b7}.credits main{max-width:850px;margin:0 auto;padding:clamp(42px,7vw,110px) var(--pad)}.credits h1{font:italic 400 clamp(50px,7vw,92px)/1 var(--display);letter-spacing:-.06em}.credits h2{font:italic 400 clamp(28px,4vw,44px)/1.15 var(--display);letter-spacing:-.04em}.credits main>p,.credits section p{margin:17px 0;max-width:64ch}.credits section{padding:26px 0 12px;border-top:1px solid #c8c1b7;margin:28px 0}.credits main a{text-decoration:underline;text-underline-offset:3px}.credits header nav a{color:var(--ink);text-shadow:none}