@font-face{font-family:"Cormorant SC";src:url(fonts/cormorant-sc-latin-500-normal.woff2);font-weight:500;font-display:swap}
@font-face{font-family:"Cormorant SC";src:url(fonts/cormorant-sc-latin-600-normal.woff2);font-weight:600;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(fonts/cormorant-garamond-latin-400-normal.woff2);font-weight:400;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(fonts/cormorant-garamond-latin-500-normal.woff2);font-weight:500;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(fonts/cormorant-garamond-latin-400-italic.woff2);font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(fonts/cormorant-garamond-latin-500-italic.woff2);font-weight:500;font-style:italic;font-display:swap}
:root{--night:#1D1B1F;--bone:#ECE7DF;--ox:#5B1F28;--silver:#C7C5C1;--grit:#8f878b}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--night);color:var(--bone);font:400 1.25rem/1.65 "Cormorant Garamond",Georgia,serif}
a{color:var(--bone);text-decoration-color:var(--ox);text-underline-offset:4px}a:hover{color:#fff;text-decoration-color:var(--bone)}
.mark{width:1.6em;height:auto;color:var(--bone)}
.top{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between;padding:1.1rem clamp(1rem,4vw,3rem);border-bottom:1px solid #34303a}
.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none}.brand .mark{width:30px}
.brand span{display:flex;flex-direction:column;line-height:1}.brand b{font:500 1.35rem "Cormorant SC",serif;letter-spacing:.14em}.brand i{font-size:.85rem;letter-spacing:.38em;text-transform:uppercase;color:var(--silver);margin-top:.25rem}
nav{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem}nav a{font:500 1rem "Cormorant SC",serif;letter-spacing:.16em;text-decoration:none;color:var(--silver);padding:.2rem 0;border-bottom:1px solid transparent}
nav a:hover,nav a[aria-current]{color:var(--bone);border-bottom-color:var(--ox)}
main{max-width:1100px;margin:0 auto;padding:0 clamp(1rem,4vw,3rem)}
.hero{text-align:center;padding:clamp(3rem,10vw,7rem) 0 clamp(2.5rem,7vw,5rem)}.hero .mark{width:clamp(90px,16vw,150px)}
h1{font:500 clamp(2.2rem,6vw,3.8rem)/1.1 "Cormorant SC",serif;letter-spacing:.2em;margin:1.2rem 0 .6rem}
h2{font:500 1.6rem "Cormorant SC",serif;letter-spacing:.14em;margin:0 0 .5rem}
.tag{font-size:1.5rem;color:var(--silver);margin:.2rem 0 2rem}
.btn{display:inline-block;font:500 1rem "Cormorant SC",serif;letter-spacing:.2em;text-decoration:none;padding:.8rem 1.8rem;border:1px solid var(--bone);transition:.2s}
.btn:hover{background:var(--bone);color:var(--night)}.btn.ghost{border-color:var(--grit);color:var(--silver)}
.band{border-top:1px solid #34303a;padding:3.2rem 0}.band.narrow{max-width:720px;margin:0 auto;text-align:center}.band.left{text-align:left}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2.4rem;text-align:center}.cols p{color:var(--silver);margin:0}
.head{padding:3.5rem 0 1.5rem;text-align:center}.head h1{font-size:clamp(2rem,5vw,3rem)}.head p{color:var(--silver);max-width:620px;margin:0 auto}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.4rem;margin:1.2rem 0 3.2rem}
.tile{margin:0}.ph{aspect-ratio:4/5;background:#262329;border:1px solid #34303a;display:grid;place-items:center}.ph .mark{width:46px;opacity:.18}
figcaption{padding:.7rem 0;font-size:1.1rem}figcaption small{display:block;color:var(--grit);font-style:italic;font-size:.95rem}
section[id]{padding-top:1.5rem}section[id]>h2{border-bottom:1px solid #34303a;padding-bottom:.6rem}
.steps{padding-left:1.3rem}.steps li{margin:0 0 1.1rem;padding-left:.4rem}.steps b{font-weight:500;color:#fff}
.big{font-size:clamp(1.5rem,4vw,2.2rem)}.small{font-size:1rem;color:var(--grit)}
footer{border-top:1px solid #34303a;margin-top:3rem;padding:2.5rem 1rem;text-align:center;color:var(--silver)}footer .mark{width:34px}
.wm{font:500 1.1rem "Cormorant SC",serif;letter-spacing:.3em;margin:.6rem 0 0}footer p{margin:.3rem 0}
:focus-visible{outline:2px solid var(--silver);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){.grid{grid-template-columns:repeat(2,1fr);gap:.9rem}.ph .mark{width:34px}figcaption{font-size:1rem}}
.gallery{columns:3 280px;column-gap:1.4rem;margin:1.2rem 0 3.2rem}
.shot{break-inside:avoid;margin:0 0 1.4rem}.shot img{display:block;width:100%;height:auto;border:1px solid #34303a;background:#262329}
.shot figcaption{padding:.6rem 0 0;font-size:1.05rem;color:var(--silver)}
@media(max-width:600px){.gallery{columns:2 150px;column-gap:.9rem}.shot{margin-bottom:.9rem}.shot figcaption{font-size:.95rem}}