/* ============================================================
   BrickTucket - shared stylesheet
   Design system: warm Nantucket ivory ground with a single
   deep-navy accent - driftwood-and-navy rather than gallery-white.
   Minimal: one screen, generous whitespace.
   ============================================================ */

:root{
  --ivory:       #F6F3EA;   /* page background - warm off-white, faint cream */
  --panel:       #FBF8F1;   /* reserved alternate surface */
  --ink:         #1B2533;   /* primary text, wordmark - deep navy-charcoal */
  --steel:       #6E6A63;   /* secondary text, warm gray */
  --steel-light: #A39E94;   /* muted captions, footer fine print */
  --hairline:    #D8D3C7;   /* dividers - warm */
  --accent-navy: #1B2A4D;   /* USED EXACTLY ONCE - the corner brick */

  --measure: 660px;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }

body{
  margin:0;
  color:var(--ink);
  font-family:"EB Garamond", Georgia, "Times New Roman", serif;
  font-weight:400;
  font-size:18px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;

  /* Weathered cedar-shingle texture: uniform 28px exposure, varied widths,
     gentle per-shingle shading and a uniform bottom shadow on every shingle.
     Large 384x168 repeat so it never reads as a pattern. */
  background-color:var(--ivory);
  background-image:
    radial-gradient(ellipse 58% 44% at 50% 40%, rgba(246,243,234,0.62), rgba(246,243,234,0) 64%),
    url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='384'%20height='168'%20viewBox='0%200%20384%20168'%3E%3Crect%20x='280.9'%20y='0'%20width='46.3'%20height='28'%20fill='rgb(96,90,80)'%20fill-opacity='0.027'/%3E%3Crect%20x='327.2'%20y='0'%20width='43.9'%20height='28'%20fill='rgb(96,90,80)'%20fill-opacity='0.028'/%3E%3Crect%20x='134.3'%20y='0'%20width='51.3'%20height='28'%20fill='rgb(96,90,80)'%20fill-opacity='0.018'/%3E%3Crect%20x='185.6'%20y='0'%20width='49.1'%20height='28'%20fill='rgb(96,90,80)'%20fill-opacity='0.024'/%3E%3Crect%20x='309.1'%20y='28'%20width='40.0'%20height='28'%20fill='rgb(86,80,70)'%20fill-opacity='0.044'/%3E%3Crect%20x='0'%20y='28'%20width='18.3'%20height='28'%20fill='rgb(74,68,58)'%20fill-opacity='0.051'/%3E%3Crect%20x='349.1'%20y='28'%20width='34.9'%20height='28'%20fill='rgb(74,68,58)'%20fill-opacity='0.051'/%3E%3Crect%20x='71.0'%20y='28'%20width='42.9'%20height='28'%20fill='rgb(96,90,80)'%20fill-opacity='0.024'/%3E%3Crect%20x='164.8'%20y='28'%20width='51.0'%20height='28'%20fill='rgb(86,80,70)'%20fill-opacity='0.047'/%3E%3Crect%20x='176.0'%20y='56'%20width='44.3'%20height='28'%20fill='rgb(96,90,80)'%20fill-opacity='0.021'/%3E%3Crect%20x='220.3'%20y='56'%20width='53.1'%20height='28'%20fill='rgb(96,90,80)'%20fill-opacity='0.023'/%3E%3Crect%20x='273.4'%20y='56'%20width='48.7'%20height='28'%20fill='rgb(86,80,70)'%20fill-opacity='0.043'/%3E%3Crect%20x='131.9'%20y='56'%20width='44.1'%20height='28'%20fill='rgb(86,80,70)'%20fill-opacity='0.047'/%3E%3Crect%20x='160.7'%20y='84'%20width='50.9'%20height='28'%20fill='rgb(86,80,70)'%20fill-opacity='0.049'/%3E%3Crect%20x='301.8'%20y='84'%20width='41.1'%20height='28'%20fill='rgb(96,90,80)'%20fill-opacity='0.025'/%3E%3Crect%20x='11.9'%20y='84'%20width='49.4'%20height='28'%20fill='rgb(96,90,80)'%20fill-opacity='0.03'/%3E%3Crect%20x='83.3'%20y='112'%20width='52.3'%20height='28'%20fill='rgb(96,90,80)'%20fill-opacity='0.016'/%3E%3Crect%20x='179.6'%20y='112'%20width='51.7'%20height='28'%20fill='rgb(96,90,80)'%20fill-opacity='0.017'/%3E%3Crect%20x='0'%20y='140'%20width='31.7'%20height='28'%20fill='rgb(86,80,70)'%20fill-opacity='0.046'/%3E%3Crect%20x='372.7'%20y='140'%20width='11.3'%20height='28'%20fill='rgb(86,80,70)'%20fill-opacity='0.046'/%3E%3Crect%20x='81.7'%20y='140'%20width='41.2'%20height='28'%20fill='rgb(96,90,80)'%20fill-opacity='0.029'/%3E%3Crect%20x='122.9'%20y='140'%20width='55.1'%20height='28'%20fill='rgb(96,90,80)'%20fill-opacity='0.023'/%3E%3Crect%20x='178.0'%20y='140'%20width='48.8'%20height='28'%20fill='rgb(96,90,80)'%20fill-opacity='0.018'/%3E%3Crect%20x='226.8'%20y='140'%20width='50.6'%20height='28'%20fill='rgb(96,90,80)'%20fill-opacity='0.027'/%3E%3Crect%20x='325.5'%20y='140'%20width='47.2'%20height='28'%20fill='rgb(96,90,80)'%20fill-opacity='0.024'/%3E%3Crect%20x='280.9'%20y='23'%20width='46.3'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='327.2'%20y='23'%20width='43.9'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='0'%20y='23'%20width='29.9'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='371.1'%20y='23'%20width='12.9'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='29.9'%20y='23'%20width='54.9'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='84.8'%20y='23'%20width='49.5'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='134.3'%20y='23'%20width='51.3'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='185.6'%20y='23'%20width='49.1'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='234.7'%20y='23'%20width='46.2'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='257.3'%20y='51'%20width='51.8'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='309.1'%20y='51'%20width='40.0'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='0'%20y='51'%20width='18.3'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='349.1'%20y='51'%20width='34.9'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='18.3'%20y='51'%20width='52.7'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='71.0'%20y='51'%20width='42.9'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='113.9'%20y='51'%20width='50.9'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='164.8'%20y='51'%20width='51.0'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='215.8'%20y='51'%20width='41.5'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='176.0'%20y='79'%20width='44.3'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='220.3'%20y='79'%20width='53.1'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='273.4'%20y='79'%20width='48.7'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='322.1'%20y='79'%20width='53.0'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='0'%20y='79'%20width='41.2'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='375.1'%20y='79'%20width='8.9'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='41.2'%20y='79'%20width='48.5'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='89.7'%20y='79'%20width='42.2'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='131.9'%20y='79'%20width='44.1'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='160.7'%20y='107'%20width='50.9'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='211.6'%20y='107'%20width='40.8'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='252.4'%20y='107'%20width='49.4'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='301.8'%20y='107'%20width='41.1'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='0'%20y='107'%20width='11.9'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='342.9'%20y='107'%20width='41.1'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='11.9'%20y='107'%20width='49.4'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='61.3'%20y='107'%20width='50.8'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='112.1'%20y='107'%20width='48.6'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='281.1'%20y='135'%20width='48.7'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='329.8'%20y='135'%20width='42.4'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='0'%20y='135'%20width='40.1'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='372.2'%20y='135'%20width='11.8'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='40.1'%20y='135'%20width='43.2'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='83.3'%20y='135'%20width='52.3'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='135.6'%20y='135'%20width='44.0'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='179.6'%20y='135'%20width='51.7'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='231.3'%20y='135'%20width='49.8'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='0'%20y='163'%20width='31.7'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='372.7'%20y='163'%20width='11.3'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='31.7'%20y='163'%20width='50.0'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='81.7'%20y='163'%20width='41.2'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='122.9'%20y='163'%20width='55.1'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='178.0'%20y='163'%20width='48.8'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='226.8'%20y='163'%20width='50.6'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='277.4'%20y='163'%20width='48.1'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Crect%20x='325.5'%20y='163'%20width='47.2'%20height='5'%20fill='rgb(58,52,44)'%20fill-opacity='0.1'/%3E%3Cg%20fill='none'%20stroke='rgb(66,60,52)'%20stroke-width='1'%3E%3Cpath%20d='M0%2028%20H384%20M0%2056%20H384%20M0%2084%20H384%20M0%20112%20H384%20M0%20140%20H384%20M0%20168%20H384'%20stroke-opacity='0.16'/%3E%3Cpath%20d='M280.9%200%20V28%20M327.2%200%20V28%20M371.1%200%20V28%20M29.9%200%20V28%20M84.8%200%20V28%20M134.3%200%20V28%20M185.6%200%20V28%20M234.7%200%20V28%20M257.3%2028%20V56%20M309.1%2028%20V56%20M349.1%2028%20V56%20M18.3%2028%20V56%20M71.0%2028%20V56%20M113.9%2028%20V56%20M164.8%2028%20V56%20M215.8%2028%20V56%20M176.0%2056%20V84%20M220.3%2056%20V84%20M273.4%2056%20V84%20M322.1%2056%20V84%20M375.1%2056%20V84%20M41.2%2056%20V84%20M89.7%2056%20V84%20M131.9%2056%20V84%20M160.7%2084%20V112%20M211.6%2084%20V112%20M252.4%2084%20V112%20M301.8%2084%20V112%20M342.9%2084%20V112%20M11.9%2084%20V112%20M61.3%2084%20V112%20M112.1%2084%20V112%20M281.1%20112%20V140%20M329.8%20112%20V140%20M372.2%20112%20V140%20M40.1%20112%20V140%20M83.3%20112%20V140%20M135.6%20112%20V140%20M179.6%20112%20V140%20M231.3%20112%20V140%20M372.7%20140%20V168%20M31.7%20140%20V168%20M81.7%20140%20V168%20M122.9%20140%20V168%20M178.0%20140%20V168%20M226.8%20140%20V168%20M277.4%20140%20V168%20M325.5%20140%20V168'%20stroke-opacity='0.17'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:no-repeat, repeat;
  background-position:center top, 0 0;
  background-size:100% 100%, 384px 168px;
}

p{ margin:0; }
a{ color:inherit; text-decoration:none; }

/* ------------------------------------------------------------
   Navigation - minimal top bar
   ------------------------------------------------------------ */
.site-nav{
  position:absolute;
  top:0; left:0; right:0;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:22px clamp(20px, 4vw, 48px);
}
.nav-brand{
  font-family:"Cormorant Garamond", serif;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:0.12em;
  font-size:1.05rem;
  color:var(--ink);
  white-space:nowrap;
  text-shadow:0 0 4px var(--ivory), 0 0 9px var(--ivory);
}
.nav-links{ display:flex; gap:clamp(16px, 3vw, 30px); align-items:baseline; }
.nav-links a{
  font-family:"EB Garamond", Georgia, serif;
  font-size:0.98rem;
  color:var(--steel);
  text-shadow:0 0 4px var(--ivory), 0 0 9px var(--ivory);
  transition:color .15s ease;
}
.nav-links a:hover{ color:var(--ink); }
.nav-links a[aria-current="page"]{
  color:var(--ink);
  text-decoration:underline;
  text-underline-offset:4px;
  text-decoration-thickness:0.5px;
}

/* ------------------------------------------------------------
   About page
   ------------------------------------------------------------ */
.about{
  min-height:100vh;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:64px 28px 72px;
}
.about-title{
  font-family:"Cormorant Garamond", serif;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:0.14em;
  color:var(--ink);
  text-shadow:0 0 5px var(--ivory);
  margin:0;
  line-height:1;
  font-size:clamp(1.8rem, 5vw, 2.6rem);
}
.about-text{
  font-family:"EB Garamond", Georgia, serif;
  color:var(--ink);
  text-shadow:0 0 5px var(--ivory);
  font-size:clamp(1.12rem, 2.6vw, 1.34rem);
  line-height:1.6;
  max-width:60ch;
  text-wrap:balance;
  margin:30px auto 0;
  padding:4px 14px;
  background:radial-gradient(ellipse 85% 125% at 50% 50%, rgba(246,243,234,0.45) 0 42%, rgba(246,243,234,0) 90%);
}

/* ------------------------------------------------------------
   Hero - the entire page, centered on one screen
   ------------------------------------------------------------ */
.hero{
  min-height:100vh;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:96px 28px 72px;
}

/* First block - wordmark */
.wordmark{
  font-family:"Cormorant Garamond", serif;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:0.14em;
  color:var(--ink);
  text-shadow:0 0 5px var(--ivory);
  line-height:1;
  margin:0;
  font-size:clamp(2.4rem, 7vw, 3.7rem);
}

/* Second block - tagline (EB Garamond, upright, to match the third block) */
.tagline{
  font-family:"EB Garamond", Georgia, serif;
  font-style:normal;
  font-weight:400;
  color:var(--ink);
  text-shadow:0 0 5px var(--ivory);
  font-size:clamp(1.18rem, 3vw, 1.42rem);
  max-width:62ch;
  text-wrap:balance;
  margin:36px auto 0;
  padding:4px 14px;
  background:radial-gradient(ellipse 85% 125% at 50% 50%, rgba(246,243,234,0.45) 0 42%, rgba(246,243,234,0) 90%);
}

/* Third block - capacity note (softer, less contrast) */
.subline{
  color:var(--steel);
  text-shadow:0 0 4px var(--ivory), 0 0 9px var(--ivory);
  font-size:1.02rem;
  max-width:46ch;
  margin:28px auto 0;
  padding:4px 14px;
  background:radial-gradient(ellipse 85% 125% at 50% 50%, rgba(246,243,234,0.45) 0 42%, rgba(246,243,234,0) 90%);
}

/* Inquiry line - basic ink (the navy now lives on the corner brick). */
.contact{
  color:var(--ink);
  text-shadow:0 0 5px var(--ivory);
  font-size:1rem;
  max-width:48ch;
  margin:44px auto 0;
  padding:4px 14px;
  background:radial-gradient(ellipse 85% 125% at 50% 50%, rgba(246,243,234,0.45) 0 42%, rgba(246,243,234,0) 90%);
}
.contact a{
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:0.5px;
}

/* ------------------------------------------------------------
   Footer - two quiet legal lines
   ------------------------------------------------------------ */
.site-footer{
  padding:36px 28px 46px;
  text-align:center;
}
.footer-inner{ max-width:var(--measure); margin:0 auto; }
.fineprint{
  font-size:0.76rem;
  color:var(--steel);
  text-shadow:0 0 4px var(--ivory), 0 0 9px var(--ivory);
  max-width:56ch;
  margin:0 auto 8px;
  line-height:1.5;
  padding:4px 14px;
  background:radial-gradient(ellipse 85% 125% at 50% 50%, rgba(246,243,234,0.45) 0 42%, rgba(246,243,234,0) 90%);
}
.fineprint:last-child{ margin-bottom:0; }

@media (max-width:560px){
  body{ font-size:17px; }
  .hero{ min-height:100dvh; padding:80px 24px 60px; }
}

/* ------------------------------------------------------------
   Corner build - small isometric LEGO model on the baseplate
   ------------------------------------------------------------ */
.hero, .about{ position:relative; }   /* anchor for the corner build */

.brickwork{
  position:absolute;
  right:clamp(14px, 4vw, 60px);
  bottom:clamp(16px, 4vw, 48px);
  width:clamp(108px, 15vw, 168px);
  opacity:0.92;
  pointer-events:none;
}
.brickwork svg{ display:block; width:100%; height:auto; overflow:visible; }

@media (max-width:560px){
  .brickwork{ width:96px; right:12px; bottom:14px; opacity:0.9; }
}

/* ------------------------------------------------------------
   Corner build - bricks fall from the top and settle on load
   ------------------------------------------------------------ */
@keyframes brick-fall{
  0%  { transform:translateY(-820px); animation-timing-function:cubic-bezier(.34,0,.66,0); }
  86% { transform:translateY(0);      animation-timing-function:ease-out; }
  93% { transform:translateY(-9px);   animation-timing-function:ease-in; }
  100%{ transform:translateY(0); }
}
.brick-fall{ animation:brick-fall 1.7s both; }
.brick-fall-2{ animation-delay:.05s; }

@media (prefers-reduced-motion: reduce){
  .brick-fall{ animation:none; }
}


/* ------------------------------------------------------------
   What We Do — intro, full-image scroll panels, closing CTA
   ------------------------------------------------------------ */
.wwd-intro{
  position:relative;
  min-height:100vh; min-height:100dvh;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:120px 28px 72px;
}

.panel{
  min-height:100vh; min-height:100dvh;
  display:flex; align-items:center; justify-content:center;
  padding:64px 24px;
}
.panel-inner{ position:relative; display:inline-block; max-width:min(92vw, 1100px); }
.panel-img{
  display:block; width:auto; height:auto;
  max-width:min(92vw, 1100px); max-height:80vh;
  border-radius:2px;
  box-shadow:0 14px 44px rgba(27,37,51,0.16);
}
.panel-word{
  position:absolute; left:0; right:0; bottom:0; margin:0;
  padding:46px 20px 22px; text-align:center;
  font-family:"Cormorant Garamond", serif; font-weight:500;
  text-transform:uppercase; letter-spacing:0.16em; line-height:1;
  color:#FBF8F1; font-size:clamp(1.7rem, 4.6vw, 2.9rem);
  background:linear-gradient(to top, rgba(20,26,38,0.62), rgba(20,26,38,0.18) 55%, rgba(20,26,38,0) 100%);
  border-radius:0 0 2px 2px;
}

/* scroll reveal — image fades in, word rises in just after */
.reveal .panel-img{ transition:opacity .9s ease, transform .9s ease; }
.reveal .panel-word{ transition:opacity .8s ease .25s, transform .8s ease .25s; }
.js .reveal .panel-img{ opacity:0; transform:translateY(16px) scale(.99); }
.js .reveal .panel-word{ opacity:0; transform:translateY(30px); }
.reveal.is-visible .panel-img{ opacity:1; transform:none; }
.reveal.is-visible .panel-word{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){
  .reveal .panel-img, .reveal .panel-word{ opacity:1 !important; transform:none !important; transition:none !important; }
}

.wwd-cta{
  min-height:72vh;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:80px 28px 36px;
}
.cta-lead{
  font-family:"Cormorant Garamond", serif; font-weight:500;
  text-transform:uppercase; letter-spacing:0.12em; line-height:1.1;
  color:var(--ink); text-shadow:0 0 5px var(--ivory);
  font-size:clamp(1.6rem, 4vw, 2.4rem); margin:0;
}
.cta-line{
  font-family:"EB Garamond", Georgia, serif;
  color:var(--ink); text-shadow:0 0 4px var(--ivory), 0 0 9px var(--ivory);
  font-size:clamp(1.05rem, 2.4vw, 1.25rem); line-height:1.6;
  max-width:52ch; margin:24px auto 0; padding:4px 14px;
  background:radial-gradient(ellipse 85% 125% at 50% 50%, rgba(246,243,234,0.45) 0 42%, rgba(246,243,234,0) 90%);
}
.cta-line a{ text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:0.5px; }


/* ------------------------------------------------------------
   What We Do — scroll cues & reveals
   ------------------------------------------------------------ */
.scroll-progress{
  position:fixed; top:0; left:0; height:2px; width:0;
  background:var(--accent-navy); z-index:20; transition:width .12s linear;
}
.scroll-cue{
  position:absolute; left:0; right:0; bottom:34px; text-align:center;
  font-family:"EB Garamond", Georgia, serif; font-size:0.72rem;
  letter-spacing:0.22em; text-transform:uppercase; color:var(--steel);
  text-shadow:0 0 4px var(--ivory), 0 0 9px var(--ivory);
  transition:opacity .6s ease;
}
.scroll-cue .chev{
  display:block; width:9px; height:9px; margin:12px auto 0;
  border-right:1.5px solid var(--steel); border-bottom:1.5px solid var(--steel);
  transform:rotate(45deg); animation:cue-bob 1.8s ease-in-out infinite;
}
.scroll-cue.hide{ opacity:0; }
@keyframes cue-bob{ 0%,100%{ transform:rotate(45deg) translate(0,0); } 50%{ transform:rotate(45deg) translate(3px,3px); } }

.rise{ transition:opacity 1s ease, transform 1s ease; }
.js .rise{ opacity:0; transform:translateY(24px); }
.rise.delay{ transition-delay:.15s; }
.rise.is-visible{ opacity:1; transform:none; }

@media (prefers-reduced-motion: reduce){
  .scroll-cue .chev{ animation:none; }
  .rise{ transition:none; }
  .js .rise{ opacity:1; transform:none; }
}

/* Commission button (What We Do + Order pages) */
.commission-btn{ display:inline-block; margin-top:34px; font-family:"EB Garamond", Georgia, serif;
  text-transform:uppercase; letter-spacing:0.18em; font-size:0.86rem; color:#FBF8F1;
  background:var(--accent-navy); padding:16px 34px; border-radius:2px; text-decoration:none;
  transition:transform .25s ease, background .25s ease; }
.commission-btn:hover{ background:#16224a; transform:translateY(-2px); }

/* Order page */
.order{ min-height:100vh; min-height:100dvh; display:flex; flex-direction:column; align-items:center;
  justify-content:center; text-align:center; padding:120px 28px 84px; }
.order-note{ font-family:"EB Garamond", Georgia, serif; color:var(--steel);
  text-shadow:0 0 4px var(--ivory), 0 0 9px var(--ivory); font-size:0.98rem; line-height:1.6;
  max-width:54ch; margin:26px auto 0; padding:4px 14px;
  background:radial-gradient(ellipse 85% 125% at 50% 50%, rgba(246,243,234,0.45) 0 42%, rgba(246,243,234,0) 90%); }