@font-face{font-family:Manrope;src:url("assets/manrope.woff2") format("woff2");font-style:normal;font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--ink:#1b1916;--ink-deep:#151310;--sand:#f0e6d5;--paper:#eee5d4;--muted:#bdb1a2;--line:#51463c;--copper:#db9869;--serif:Georgia,"Times New Roman",serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--sand);font:400 1rem/1.65 Manrope,system-ui,sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
:focus-visible{outline:2px solid #52edd0;outline-offset:5px}
h1,h2,h3,p,figure,dl,dd{margin:0}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:.98;text-wrap:balance}
.wrap{width:min(100% - 112px,1280px);margin-inline:auto}
.skip{position:fixed;top:.5rem;left:.5rem;z-index:9;padding:.65rem 1rem;color:var(--ink);background:var(--sand);transform:translateY(-150%)}
.skip:focus{transform:none}
.header{min-height:74px;padding:12px max(26px,calc((100vw - 1392px)/2));display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:#1d1a17;border-bottom:1px solid #ffffff19;position:relative;z-index:2}
.brand{display:inline-flex;gap:.62rem;align-items:center;font-size:.84rem;line-height:1;font-weight:800;letter-spacing:.21em;white-space:nowrap}
.header nav,.footer nav{display:flex;align-items:center;gap:clamp(1.25rem,3vw,3rem)}
.header nav a,.footer a:not(.brand){font-size:.84rem;font-weight:650}
.header nav a:hover,.footer a:hover{color:var(--copper)}
.nav-buy{border:1px solid #ffffff44;padding:.55rem .92rem}
.nav-buy span{margin-inline-start:.4rem}
.menu-toggle{display:none}
.hero{position:relative;min-height:clamp(570px,65vw,785px);display:grid;align-items:end;isolation:isolate;overflow:hidden;background:#574034}
.hero picture,.hero picture img{position:absolute;inset:0;width:100%;height:100%}
.hero picture{z-index:-3}
.hero picture img{object-fit:cover;object-position:center 48%}
.hero::before,.hero::after{position:absolute;inset:0;content:"";pointer-events:none;z-index:-2}
.hero::before{background:linear-gradient(90deg,#1a100be8 1%,#1e130cc2 22%,#22150e58 53%,transparent 81%)}
.hero::after{background:linear-gradient(0deg,#170f0bde 0%,transparent 54%)}
.hero-inner{padding-block:5.5rem 6rem}
.eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;font-size:.68rem;font-weight:800;letter-spacing:.17em;line-height:1.5;text-transform:uppercase}
.marker{display:inline-block;width:.5rem;height:.5rem;background:var(--copper);transform:rotate(45deg);margin-inline-end:.12rem}
.divider{display:inline-block;background:currentColor;width:1.4rem;height:1px;opacity:.5}
.hero h1{font-size:clamp(4rem,8vw,8.2rem);margin-block:1.1rem 1.2rem;text-shadow:0 3px 30px #1b110b66;text-wrap:initial}
.hero-lede{max-width:32rem;color:#faeede;font-size:clamp(.98rem,1.5vw,1.22rem);margin-block-end:1.85rem}
.hero-note{position:absolute;bottom:1.35rem;right:2rem;display:flex;align-items:center;gap:.7rem;color:#f9ead8;font-size:.66rem;text-transform:uppercase;letter-spacing:.12em}
.actions{display:flex;flex-wrap:wrap;gap:.65rem}
.button{min-height:46px;display:inline-flex;align-items:center;gap:1rem;padding:.75rem 1.18rem;font-size:.78rem;font-weight:800;border:1px solid #d1bda67a}
.button span{font-size:1rem;line-height:1}
.primary{background:var(--sand);color:#281c14;border-color:var(--sand)}
.primary:hover{background:#ffdec1;border-color:#ffdec1}
.glass{color:#fff5e8;background:#21160d54}
.glass:hover{background:#513326}
.stats{display:grid;grid-template-columns:repeat(4,1fr);padding-block:1.75rem 2rem}
.stats div{display:flex;flex-direction:column-reverse;padding-inline:clamp(1rem,3vw,2rem);border-left:1px solid var(--line)}
.stats div:first-child{padding-left:0;border-left:0}
.stats dt{color:var(--muted);font-size:.8rem}
.stats dd{font-family:var(--serif);font-size:clamp(2.2rem,4.3vw,3.7rem);line-height:1.15}
.light{background:var(--paper);color:#241c16}
.light .marker{background:#a44b2b}
.light :focus-visible{outline-color:#9e492c}
.scenes,.library,.specs{padding-block:clamp(3.5rem,7.1vw,7rem)}
.section-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:end;gap:2rem;margin-bottom:2.35rem}
.section-head h2,.purchase h2{font-size:clamp(3.15rem,6.1vw,6.2rem);margin-top:.85rem;text-wrap:initial}
.section-head>p,.spec-note{max-width:37ch;color:var(--muted)}
.light .section-head>p,.light .spec-note{color:#53453a}
.scenes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.55rem}
.shot-wide{grid-column:1/-1}
.zoom{display:block;position:relative;background:#42352c;overflow:hidden}
.zoom img{width:100%;height:auto;transition:transform .35s ease}
.zoom:hover img{transform:scale(1.02)}
.zoom>span{position:absolute;bottom:.8rem;right:.8rem;display:grid;place-items:center;width:2.35rem;height:2.35rem;background:#1e1712df;color:#fff5e8;font-size:1.05rem;border:1px solid #ffffff45}
.shot figcaption{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.25rem 1rem;margin-top:.55rem;font-weight:750;font-size:.9rem}
.shot small{font-weight:650;color:#68574a}
.section-note{color:#68574a;font-size:.78rem;margin-top:1.4rem}
.library-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-bottom:2.4rem}
.library-index a{border:1px solid var(--line);padding:.7rem .9rem;display:flex;justify-content:space-between;align-items:center;gap:.4rem;font-size:.84rem;font-weight:800}
.library-index a:hover{border-color:var(--copper)}
.library-index span{color:var(--copper);font-size:.7rem}
.category{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,.85fr);gap:clamp(1.7rem,4.5vw,4.5rem);align-items:center;padding-block:1.65rem;border-bottom:1px solid var(--line)}
.category h3{font-size:clamp(2.45rem,4.6vw,4.6rem);margin:.7rem 0 1rem}
.category-copy>.eyebrow{color:var(--copper)}
.category-copy>p:not(.eyebrow){color:var(--muted);max-width:34ch}
.category details{margin-top:1.3rem;font-size:.85rem}
.category summary{cursor:pointer;font-weight:800}
.category details ul{columns:2;column-gap:1.6rem;padding-left:1.05rem;color:var(--muted)}
.category li{break-inside:avoid;margin-bottom:.35rem}
.specs .section-head{grid-template-columns:1fr 1fr;align-items:start;margin-bottom:0}
.spec-note{margin-top:1.2rem;font-size:.9rem}
.spec-list div{display:grid;grid-template-columns:minmax(7rem,.45fr) 1fr;gap:1rem;padding:.85rem 0;border-bottom:1px solid #b9a88e;font-size:.86rem}
.spec-list div:first-child{border-top:1px solid #b9a88e}
.spec-list dt{font-weight:800}
.purchase{padding-block:clamp(3.5rem,7vw,6.5rem);background:linear-gradient(100deg,#321d14 4%,#321d14f2 33%,#21181134 85%),url("assets/roman/purchase.webp") center 48%/cover,#38261b}
.purchase .actions{margin-top:1.55rem}
.footer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:2.15rem;font-size:.75rem;color:var(--muted)}
.footer .brand{color:var(--sand)}
.footer p{margin-top:.45rem}
.footer nav{gap:1.25rem;flex-wrap:wrap}
.lightbox{border:0;padding:0;background:#171411;max-width:94vw;max-height:94dvh;color:var(--sand);overflow:visible}
.lightbox::backdrop{background:#0c0908e8}
.lightbox img{width:auto;height:auto;max-width:94vw;max-height:90dvh}
.lightbox form{position:absolute;top:.6rem;right:.6rem}
.lightbox button{display:grid;place-items:center;width:2.7rem;height:2.7rem;font-size:1.5rem;border:1px solid #ffffff65;background:#1c1512;color:#fff;cursor:pointer}
@media(max-width:900px){
  .wrap{width:calc(100% - 64px)}
  .category{gap:1.8rem}
  .footer{flex-wrap:wrap}
}
@media(max-width:650px){
  .wrap{width:calc(100% - 36px)}
  .header{padding:10px 18px;min-height:61px;flex-wrap:wrap}
  .js .menu-toggle{display:block;background:none;color:var(--sand);border:1px solid #ffffff4a;padding:.35rem .75rem;font-size:.82rem}
  .header nav{width:100%;flex-wrap:wrap;gap:.8rem 1.2rem;padding-bottom:.45rem}
  .js .header nav:not(.is-open){display:none}
  .hero{min-height:620px}
  .hero picture img{object-position:center top}
  .hero::before{background:linear-gradient(90deg,#1a100b70,transparent)}
  .hero::after{background:linear-gradient(0deg,#170f0bf5 2%,#1b100bc5 30%,transparent 70%)}
  .hero-inner{padding-block:3.6rem 4.2rem}
  .hero h1{font-size:clamp(2.85rem,11.1vw,4.4rem)}
  .hero-lede{margin-bottom:1.3rem}
  .hero-note{right:1rem;bottom:.7rem;font-size:.55rem}
  .stats{grid-template-columns:repeat(2,1fr);gap:1rem 0;padding-block:1.15rem}
  .stats div:nth-child(3){border-left:0;padding-left:0}
  .section-head,.specs .section-head{grid-template-columns:1fr;gap:1rem;margin-bottom:1.65rem}
  .specs .section-head{margin-bottom:0}
  .scenes-grid,.category{grid-template-columns:1fr}
  .library-index{gap:.3rem;margin-bottom:.65rem}
  .library-index a{padding:.45rem .4rem;font-size:.63rem}
  .library-index span{display:none}
  .category{gap:1.15rem}
  .category h3{margin-block:.5rem .65rem}
  .spec-list div{grid-template-columns:minmax(5rem,.4fr) 1fr;gap:.65rem}
  .footer{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
@media(min-width:951px){
  .scenes-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .shot:not(.shot-wide) .zoom img{aspect-ratio:16/10;object-fit:cover}
}
@media(min-width:651px) and (max-width:950px){
  .scenes-grid .shot:nth-child(2){grid-column:1/-1}
}