/* ---- casuarina (Casuarina — Summer wear 48) --------------------------------
   THE STRUCTURAL MOVE: the lookbook is re-gridded from alternating full-bleed
   rows into a three-up wall of gapped tiles, each carrying its own add-to-cart.
   That makes merchandise the first content block after the photograph and lets
   it eat most of the page height, and it lets the six-wide category rail below
   beat twice as fast as the grid above it. Everything else on the page is held
   to the same 1080px measure — even the two photo slabs, which lose their
   full-bleed — so the only escapes are the hero picture and the closing band.
   Ground is bleached shell rather than white; one terracotta ink. */
body.t-casuarina { background: #fbf6f2; color: #4a4038; }
body.t-casuarina .sf-header, body.t-casuarina .sf-footer { background: #fbf6f2; border-color: #e6ddd3; }
body.t-casuarina .btn.brand { background: #c2553d; color: #fdf7f3; }
body.t-casuarina .btn.brand:hover { background: #a5432e; }

/* logo centred with the whole menu dropped onto a second row beneath it */
body.t-casuarina .sf-header .container { row-gap: 9px; flex-wrap: wrap; }

/* the headline sits low and hard left so it reads as a caption on the picture */
body.t-casuarina .sc-hero { align-items: flex-end; min-height: 78vh; padding: 110px clamp(20px, 6vw, 64px) clamp(26px, 5vw, 54px); }
body.t-casuarina .sc-hero h1 { font-size: clamp(23px, 3.1vw, 36px); font-weight: 500; max-width: 17ch; }

/* three-up wall of tiles, held to the same measure as every other block */
body.t-casuarina .sc-lookbook { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(18px, 3vw, 38px); max-width: 1080px; margin: 0 auto; padding: 26px 20px 12px; }
body.t-casuarina .sc-lookbook > .container { grid-column: 1 / -1; padding: 0; }
body.t-casuarina .sc-look-row { display: block; }
body.t-casuarina .sc-look-copy { padding: 15px 0 0; }
body.t-casuarina .sc-look-desc { font-size: 13.5px; max-width: none; }

/* the category rail runs six across on purpose — a faster beat than the grid */
body.t-casuarina .sc-strip-row { grid-template-columns: repeat(6, 1fr); gap: clamp(10px, 1.6vw, 20px); }
body.t-casuarina .sc-strip-img { border-radius: 0; border-color: #e6ddd3; background: #f3ece5; }
body.t-casuarina .sc-strip-label { font-size: 11.5px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 600; }

/* the two photo slabs are contained, not full-bleed, and stack back to back
   with their sentence pinned low-left like the hero caption */
body.t-casuarina .sc-banner { margin: 22px 0 0; width: auto; max-width: none; min-height: 34vh; display: flex; align-items: flex-end; padding: 44px clamp(22px, 4vw, 46px); text-align: left; }
body.t-casuarina .sc-banner-inner { margin: 0; }
body.t-casuarina .sc-banner h2 { font-weight: 500; }

/* the page ends on a flat field of colour rather than another photograph */
body.t-casuarina .sc-contact-band { background: #191512; color: #efe4da; margin-top: 44px; }
body.t-casuarina .sc-contact-band .sc-h2, body.t-casuarina .sc-contact-band .sc-contact-sub { color: #efe4da; }

@media (max-width: 860px) {
  body.t-casuarina .sc-lookbook { grid-template-columns: 1fr 1fr; }
  body.t-casuarina .sc-strip-row { grid-template-columns: repeat(3, 1fr); }
}

/* night — bark black ground, the coral lifted so it survives on it */
html[data-theme="dark"] body.t-casuarina { background: #14100d; color: #c9beb3; }
html[data-theme="dark"] body.t-casuarina .sf-header, html[data-theme="dark"] body.t-casuarina .sf-footer { background: #14100d; border-color: #2b241e; }
html[data-theme="dark"] body.t-casuarina .sc-strip-img { border-color: #2b241e; background: #1e1813; }
html[data-theme="dark"] body.t-casuarina .sc-contact-band { background: #241d18; color: #f0e6dc; }
html[data-theme="dark"] body.t-casuarina .btn.brand { background: #e0755b; color: #14100d; }