:root{
  --cream:#eae1cb;
  --paper:#d2c4a0;
  --wallpaper:#bcae8b;
  --ink:#221c15;
  --ink-soft:#5b5140;
  --rust:#8b3a2e;
  --wine:#4a2027;
  --olive:#63633f;
  --line:rgba(34,28,21,0.16);
  --font-display:'Fraunces', Georgia, serif;
  --font-body:'Helvetica Neue', Arial, sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;}
a{color:inherit;}
body::before{content:"";position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");}
.wrap{max-width:1400px;margin:0 auto;padding:0 clamp(20px,4vw,56px);}
header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(20px,4vw,56px);background:url("./public/white tex.png") center/cover no-repeat;border-bottom:1px solid var(--line);}
.brandmark{display:block;width:150px;height:22px;background:url("logo.png") left center/contain no-repeat;transform:scale(6.25);transform-origin:left center;margin-left:-8px;text-indent:-9999px;overflow:hidden;}
nav.links{display:flex;gap:clamp(14px,2vw,30px);align-items:center;padding:10px 0;}
nav.links .collection-menu{position:relative;}
nav.links .collection-trigger{border:0;padding:0;background:none;color:inherit;font-family:var(--font-body);font-size:.78rem;font-weight:400;letter-spacing:.03em;cursor:pointer;opacity:.78;}
nav.links .collection-trigger:hover{opacity:1;}
nav.links .collection-dropdown{position:absolute;top:100%;left:50%;display:none;min-width:110px;padding-top:12px;transform:translateX(-50%);}
nav.links .collection-dropdown a{display:block;padding:14px 10px;background:var(--cream);border:1px solid var(--line);text-align:center;}
nav.links .collection-menu:hover .collection-dropdown,
nav.links .collection-menu:focus-within .collection-dropdown,
nav.links .collection-menu.open .collection-dropdown{display:block;}
nav.links a{font-size:.78rem;letter-spacing:.03em;text-decoration:none;opacity:.78;white-space:nowrap;}
nav.links a:hover{opacity:1;}
.ig-link{display:flex;align-items:center;}
.ig-link svg{width:19px;height:19px;display:block;}
.nav-toggle{display:none;background:none;border:0;color:var(--ink);font-family:var(--font-body);font-size:.78rem;letter-spacing:.03em;}
main{min-height:calc(100vh - 140px);}
.page-intro{padding:clamp(90px,14vw,180px) 0 70px;background:url("./scarlett-may-site/images/black tex.png") center/cover no-repeat;background-color:#111111;}
.page-intro h1{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(3rem,8vw,7rem);line-height:.95;margin:0 0 18px;max-width:10ch;color:#f2efe8;text-shadow:0 0 20px rgba(0,0,0,0.25);}
.page-intro p{max-width:48ch;color:rgba(242,239,231,0.82);line-height:1.7;margin:0 0 1.2em;text-shadow:0 0 18px rgba(0,0,0,0.2);}
.page-intro p:last-child{margin-bottom:0;}
.collection-intro p{max-width:80ch;}
.content-section{padding:clamp(70px,10vw,130px) 0;}
.story-section{background:url("./public/white tex.png") center/cover no-repeat;}
.content-section h2{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(3rem,8vw,7rem);margin:0 0 28px;}
.video-wrap{background:var(--wine);}
.video-wrap video{display:block;width:100%;height:auto;max-height:78vh;object-fit:cover;}
.video-caption{padding:12px 20px;background:var(--cream);color:var(--ink);font-size:.72rem;letter-spacing:.04em;text-align:center;}
.look-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.look-card{display:block;text-decoration:none;border:1px solid var(--line);background:var(--cream);padding:10px;transition:transform .2s ease,background .2s ease;}
.look-card:hover{transform:translateY(-5px);background:var(--paper);}
.look-image{aspect-ratio:3/4;display:flex;align-items:flex-end;padding:16px;font-family:var(--font-display);font-style:italic;font-size:1.25rem;color:var(--cream);background:linear-gradient(155deg,var(--rust),var(--wine) 70%);}
.look-card:nth-child(2n) .look-image{background:#d3d3d3;color:var(--ink);}
.look-card:nth-child(3n) .look-image{background:#d3d3d3;color:var(--ink);}
.look-card .look-caption{display:block;padding:14px 4px 4px;font-size:.78rem;letter-spacing:.05em;}
.collections-page .look-image{background:#d3d3d3;color:var(--ink);}
.notice{padding:clamp(90px,14vw,180px) 0;background:url("./scarlett-may-site/images/black tex.png") center/cover no-repeat;background-color:#111111;}
.notice h1{font-family:'Droid Sans Mono', 'SFMono-Regular', Consolas, monospace;font-style:normal;font-weight:400;font-size:clamp(3rem,8vw,7rem);line-height:.95;margin:0 0 24px;max-width:10ch;color:#f2efe8;letter-spacing:-.06em;text-shadow:0 0 20px rgba(0,0,0,0.25);}
.notice p{font-family:'Droid Sans Mono', 'SFMono-Regular', Consolas, monospace;font-size:1rem;line-height:1.75;color:rgba(242,239,231,0.82);max-width:42ch;text-shadow:0 0 18px rgba(0,0,0,0.2);}
.look-detail{padding:clamp(80px,12vw,150px) 0;}
.look-detail h1{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(3rem,8vw,7rem);line-height:.95;margin:0 0 28px;}
.look-placeholder{min-height:55vh;display:grid;place-items:center;background:#d3d3d3;color:var(--ink);font-family:var(--font-display);font-size:clamp(2rem,5vw,4rem);font-style:italic;}
.look-detail p{max-width:56ch;line-height:1.75;color:var(--ink-soft);}
.back-link{display:inline-block;margin-top:28px;font-size:.78rem;letter-spacing:.06em;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px;}
footer{padding-top:0;}
.footer-bottom{display:flex;justify-content:space-between;align-items:flex-start;padding:22px clamp(20px,4vw,56px) 40px;font-size:.72rem;letter-spacing:.03em;color:var(--cream);opacity:.75;flex-wrap:wrap;gap:10px;background:var(--ink);}
.footer-socials{display:flex;gap:16px;}
.footer-bottom a{text-decoration:none;color:var(--cream);}
@media(max-width:760px){
  header{padding:14px 20px;}
  .nav-toggle{display:block;}
  nav.links{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding:28px 20px;background:url("./public/white tex.png") center/cover no-repeat;border-bottom:1px solid var(--line);transform:translateY(-120%);transition:transform .35s ease;z-index:90;}
  nav.links.open{transform:translateY(0);}
  nav.links .collection-dropdown{position:static;transform:none;padding-top:10px;}
  nav.links .collection-dropdown a{font-size:1.05rem;}
  nav.links a{font-size:1.25rem;opacity:1;}
  nav.links .collection-trigger{font-size:1.25rem;opacity:1;}
  .look-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .footer-bottom{flex-direction:column;}
}