:root{
  --black:#111111;
  --cream:#f7f3ec;
  --cream-soft:#fffaf1;
  --gold:#c99145;
  --gold-dark:#a5742e;
  --taupe:#b7a68a;
  --charcoal:#4a4a48;
  /* Canonical Instax frame ratios from docs/INSTAX_FORMATS.md. */
  --instax-mini-ratio:54 / 86;
  --instax-square-ratio:72 / 86;
  --instax-wide-ratio:108 / 86;
  --line:rgba(17,17,17,.14);
  --shadow:0 30px 80px rgba(28,21,15,.18);
  --serif:"Cormorant Garamond", Georgia, serif;
  --script:"Caveat", "Segoe Print", cursive;
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--cream);scroll-behavior:smooth}
body{margin:0;min-height:100%;font-family:var(--serif);color:var(--black);background:radial-gradient(circle at 20% 8%, #fffaf3 0, transparent 34%),linear-gradient(135deg,#fffaf2 0%,#f7f3ec 53%,#eadfcc 100%);overflow-x:hidden}
a{color:inherit;text-decoration:none}
.page-shell{position:relative;min-height:100svh;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(18px,2.2vw,32px) clamp(18px,3vw,54px) 0}
.page-shell:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.2)),url("soft-bg.webp");background-size:cover;background-position:center;opacity:.16;filter:saturate(.72);pointer-events:none}
.page-shell:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.56) 0%,rgba(255,255,255,.2) 42%,rgba(255,255,255,0) 100%);pointer-events:none}
.ambient{position:absolute;border-radius:999px;filter:blur(32px);opacity:.34;pointer-events:none;background:var(--gold)}
.ambient-one{width:28rem;height:14rem;right:-8rem;top:12rem;transform:rotate(-20deg)}
.ambient-two{width:22rem;height:10rem;left:-7rem;bottom:9rem;opacity:.2}
.site-header,.hero,.site-footer{position:relative;z-index:1}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1580px;width:100%;margin:0 auto;min-height:56px}
.brand{display:flex;align-items:center;gap:18px;min-width:0}.brand-mark{width:50px;height:50px;display:grid;place-items:center;flex:0 0 auto}.brand-mark svg{width:100%;height:100%;overflow:visible}.brand-mark rect{fill:rgba(255,250,241,.72);stroke:var(--black);stroke-width:2.25;vector-effect:non-scaling-stroke}.brand-mark g{fill:var(--gold)}
.brand-word{font-family:var(--script);font-size:clamp(32px,2.4vw,42px);line-height:.9;letter-spacing:-.03em;white-space:nowrap;color:var(--black)}
.top-line{margin:0;font-size:clamp(15px,1.1vw,18px);line-height:1.2;color:var(--black);letter-spacing:.01em}.top-line:after{content:none}
.hero{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(360px,.95fr);align-items:center;gap:clamp(28px,4vw,70px);max-width:1450px;width:100%;margin:0 auto;padding:clamp(22px,3vw,46px) 0 clamp(22px,3vw,40px)}
.copy-block{padding-left:clamp(0px,3vw,62px);max-width:500px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--gold-dark);font:700 13px/1.2 system-ui,sans-serif;margin:0 0 18px;display:none}
h1{font-size:clamp(50px,5.4vw,82px);line-height:.88;letter-spacing:-.045em;font-weight:600;margin:0 0 16px;color:#12110f}.script-lines{font-family:var(--script);font-size:clamp(26px,2.3vw,34px);line-height:1.02;color:var(--gold-dark);margin:0}.gold-stroke{display:block;width:96px;height:12px;margin:14px 0 24px;background:linear-gradient(90deg,transparent 0%,var(--gold-dark) 10%,var(--gold) 88%,transparent 100%);mask:radial-gradient(50% 68% at 50% 50%,#000 44%,transparent 48%);transform:rotate(-2deg)}
.intro{font-size:clamp(18px,1.35vw,22px);line-height:1.24;color:#191715;max-width:410px}.intro p{margin:.08em 0}.intro .stay{font-family:var(--script);font-size:clamp(26px,2vw,34px);color:var(--gold-dark);margin-top:14px}
.follow{margin-top:16px;display:inline-grid;justify-items:center;gap:8px;min-width:240px}.follow:before{content:""}.follow p{margin:0;text-transform:uppercase;letter-spacing:.14em;color:var(--gold-dark);font:700 12px/1.2 system-ui,sans-serif}.divider{display:inline-block;width:78px;height:1px;background:linear-gradient(90deg,transparent,var(--taupe),transparent);vertical-align:middle}.tiny-paw{display:inline-block;color:var(--gold);font-size:17px;margin:0 8px}.socials{display:flex;gap:22px;align-items:center}.socials a{width:28px;height:28px;display:grid;place-items:center;color:var(--black);transition:transform .18s ease,color .18s ease}.socials a:hover{transform:translateY(-2px);color:var(--gold-dark)}.socials svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.socials a:nth-child(2) svg{fill:currentColor;stroke:none}
.visual-block{display:flex;align-items:center;justify-content:center;min-height:340px;position:relative}.visual-block:before{content:"";position:absolute;right:-4%;top:7%;width:min(23vw,310px);height:min(30vw,430px);background:radial-gradient(ellipse at 50% 2%,rgba(201,145,69,.35),transparent 38%),radial-gradient(ellipse at 24% 36%,rgba(183,166,138,.25),transparent 52%);border-radius:48% 52% 45% 55%;opacity:.7}.visual-block:after{content:"";position:absolute;right:3%;bottom:2%;width:min(28vw,390px);height:150px;background:radial-gradient(ellipse at center,rgba(0,0,0,.18),transparent 70%);filter:blur(18px);opacity:.38;transform:rotate(-4deg)}
.polaroid{position:relative;width:min(35vw,500px);padding:16px 16px 70px;background:#fffdf8;border-radius:8px;box-shadow:var(--shadow),inset 0 0 0 1px rgba(62,52,40,.09);transform:rotate(-1.8deg);isolation:isolate}.polaroid:before{content:"";position:absolute;inset:0;border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(226,218,203,.22));mix-blend-mode:multiply;opacity:.5;pointer-events:none}.polaroid picture{display:block;position:relative;z-index:1;aspect-ratio:1.62/1;width:100%;overflow:hidden;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.polaroid img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;filter:saturate(.95) contrast(1.03)}.caption{position:absolute;left:0;right:0;bottom:18px;text-align:center;font-family:var(--script);font-size:clamp(31px,2.45vw,42px);line-height:1;color:var(--black);z-index:1}.caption span{color:var(--gold);font-family:Georgia,serif;font-size:.82em;margin-left:.22em;vertical-align:middle}
.site-footer{margin:0 calc(clamp(18px,3vw,54px)*-1);background:rgba(255,250,241,.68);border-top:1px solid rgba(183,166,138,.35);backdrop-filter:blur(4px);padding:20px clamp(18px,3vw,54px) 14px}.pillars{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:0}.pillar{display:grid;justify-items:center;text-align:center;gap:10px;padding:0 28px;border-right:1px solid rgba(183,166,138,.45)}.pillar:last-child{border-right:0}.pillar svg{width:36px;height:36px;fill:none;stroke:var(--gold-dark);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.pillar p{margin:0;font-size:clamp(16px,1.1vw,19px);line-height:1.1}.pillar p:after{content:"";display:block;width:54px;height:7px;margin:8px auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent);mask:radial-gradient(50% 58% at 50% 50%,#000 44%,transparent 48%)}.copyright{text-align:center;margin:12px 0 0;color:rgba(17,17,17,.55);font-size:14px}

@media (min-width:981px) and (max-height:900px){
  .page-shell{padding-top:28px}
  .site-header{min-height:48px}
  .brand-mark{width:46px;height:46px}
  .brand-word{font-size:38px}
  .hero{padding:18px 0 26px;gap:46px}
  h1{font-size:72px;margin-bottom:14px}
  .script-lines{font-size:30px}
  .gold-stroke{margin:12px 0 20px}
  .intro{font-size:20px;line-height:1.22}
  .intro .stay{font-size:30px;margin-top:12px}
  .visual-block{min-height:300px}
  .polaroid{width:min(34vw,480px);padding:14px 14px 62px}
  .site-footer{padding-top:18px;padding-bottom:12px}
  .pillar svg{width:32px;height:32px}
  .pillar{gap:7px}
}

@media (max-width:980px){.page-shell{padding:22px 20px 0}.site-header{min-height:58px}.brand{gap:11px}.brand-mark{width:48px;height:48px}.brand-word{font-size:34px}.top-line{display:none}.hero{grid-template-columns:1fr;gap:26px;padding:38px 0 34px}.copy-block{padding-left:0;max-width:100%;text-align:left}.eyebrow{display:block}h1{font-size:clamp(58px,15vw,82px);max-width:420px}.script-lines{font-size:34px}.intro{font-size:22px;max-width:390px}.follow{justify-items:start;min-width:0}.visual-block{min-height:auto;padding:4px 0 16px}.visual-block:before{right:-12%;top:0;width:220px;height:320px}.polaroid{width:min(78vw,360px);justify-self:center}.polaroid picture{aspect-ratio:1/1}.polaroid img{object-position:54% center}.site-footer{padding-top:24px}.pillars{grid-template-columns:1fr;gap:18px}.pillar{border-right:0;border-bottom:1px solid rgba(183,166,138,.35);padding:0 0 18px}.pillar:last-child{border-bottom:0;padding-bottom:0}.copyright{font-size:14px}}
@media (max-width:560px){body{background:#f7f3ec}.page-shell:after{background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.22) 55%,rgba(255,255,255,.45))}.brand-word{font-size:30px}.brand-mark{width:42px;height:42px}.hero{padding-top:24px}.copy-block{text-align:left}h1{font-size:58px;line-height:.92}.script-lines{font-size:31px}.gold-stroke{margin-bottom:26px}.intro{font-size:20px}.intro .stay{font-size:34px}.follow{margin-top:18px}.visual-block{margin-top:2px}.polaroid{width:min(84vw,330px);transform:rotate(-2.2deg);padding:14px 14px 58px}.caption{font-size:44px}.site-footer{margin-top:2px}.pillar svg{width:36px;height:36px}.pillar p{font-size:18px}}
@media (prefers-reduced-motion:no-preference){.brand,.copy-block,.polaroid,.site-footer{animation:lift .75s ease both}.copy-block{animation-delay:.05s}.polaroid{animation-delay:.13s}.site-footer{animation-delay:.2s}@keyframes lift{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.polaroid{animation-name:liftPhoto}@keyframes liftPhoto{from{opacity:0;transform:translateY(14px) rotate(-1.8deg)}to{opacity:1;transform:translateY(0) rotate(-1.8deg)}}}
.socials{gap:20px}
.socials a:nth-child(2) svg{fill:currentColor;stroke:none}
.socials a:nth-child(3) svg{fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:560px){.socials{gap:18px}}


/* v1.25 — Editorial table hero background.
   Uses a warm flat-lay scene inspired by the website mockup: wooden table, linen, camera, green strap and Instax.
   The HTML content stays real text for accessibility/SEO; the scene is only the atmospheric layer. */
.editorial-table-hero:before{
  background-image:image-set(url("hero-editorial-table-owner-fade-v2.webp") type("image/webp"), url("hero-editorial-table-owner-fade-v2.jpg") type("image/jpeg")) !important;
  background-size:cover !important;
  background-position:center top !important;
  opacity:1 !important;
  filter:none !important;
}
.editorial-table-hero:after{
  background:
    linear-gradient(90deg,rgba(255,252,246,.96) 0%,rgba(255,252,246,.88) 27%,rgba(255,252,246,.42) 49%,rgba(255,252,246,.04) 72%),
    linear-gradient(180deg,rgba(255,252,246,.36) 0%,rgba(255,252,246,.03) 42%,rgba(247,243,236,.34) 100%) !important;
}
.editorial-table-hero .ambient{display:none}
.home-table-hero .hero{
  grid-template-columns:minmax(300px,520px) 1fr;
  min-height:clamp(520px,62vh,760px);
}
.home-table-hero .visual-block{display:none}
.home-table-hero .copy-block{
  padding-top:clamp(14px,4vh,48px);
}
@media (min-width:981px) and (max-height:900px){
  .home-table-hero .hero{min-height:clamp(460px,60vh,650px)}
}
@media (max-width:980px){
  .editorial-table-hero:before{
    background-size:auto 64vh !important;
    background-repeat:no-repeat !important;
    background-position:62% 92px !important;
  }
  .editorial-table-hero:after{
    background:
      linear-gradient(180deg,rgba(255,252,246,.88) 0%,rgba(255,252,246,.66) 38%,rgba(255,252,246,.28) 68%,rgba(247,243,236,.64) 100%),
      linear-gradient(90deg,rgba(255,252,246,.92),rgba(255,252,246,.28) 78%) !important;
  }
  .home-table-hero .hero{
    grid-template-columns:1fr;
    min-height:clamp(560px,82vh,760px);
  }
  .home-table-hero .visual-block{display:none}
}
@media (max-width:560px){
  .editorial-table-hero:before{
    background-size:auto 54vh !important;
    background-position:57% 132px !important;
  }
  .home-table-hero .hero{min-height:clamp(620px,88vh,780px)}
}

/* v1.28 — Hero composition polish.
   Let the story lead, move the camera slightly back/right, soften the transition,
   and bring the real Maui Instax forward as the emotional focal point. */
@media (min-width:981px){
  .editorial-table-hero:before{
    background-size:auto 92% !important;
    background-repeat:no-repeat !important;
    background-position:right 54% !important;
    background-color:#f7f3ec;
  }
  .editorial-table-hero:after{
    background:
      linear-gradient(90deg,rgba(255,252,246,.93) 0%,rgba(255,252,246,.76) 26%,rgba(255,252,246,.28) 48%,rgba(255,252,246,.02) 68%),
      linear-gradient(180deg,rgba(255,252,246,.22) 0%,rgba(255,252,246,.02) 44%,rgba(247,243,236,.24) 100%) !important;
  }
  .home-table-hero .hero{position:relative;overflow:visible}
  .home-table-hero .visual-block{
    display:flex;
    position:absolute;
    right:clamp(250px,22vw,390px);
    bottom:clamp(-18px,-1.2vh,-6px);
    min-height:0;
    z-index:2;
    pointer-events:none;
  }
  .home-table-hero .visual-block:before,
  .home-table-hero .visual-block:after{display:none}
  .home-table-hero .polaroid{
    width:clamp(300px,24vw,390px);
    padding:13px 13px 58px;
    border-radius:5px;
    transform:rotate(-4.1deg);
    box-shadow:0 26px 54px rgba(33,24,15,.26),0 8px 18px rgba(33,24,15,.14),inset 0 0 0 1px rgba(62,52,40,.08);
  }
  .home-table-hero .polaroid picture{aspect-ratio:1.5/1;border-radius:2px}
  .home-table-hero .caption{bottom:14px;font-size:clamp(30px,2.2vw,38px)}
}
@media (min-width:981px) and (max-width:1180px){
  .home-table-hero .visual-block{right:17vw;bottom:-8px}
  .home-table-hero .polaroid{width:300px}
}
@media (max-width:980px){
  .home-table-hero .visual-block{display:none !important}
}

/* v1.29 — Integrate the hero as one coherent photographed scene.
   Remove the extra HTML Instax, let the baked-in Instax remain part of the table,
   start the hero higher, and make the scene cover the desktop without pale gaps. */
.home-table-hero .visual-block{display:none !important}
@media (min-width:981px){
  .editorial-table-hero:before{
    background-size:cover !important;
    /* Lift the integrated table scene slightly on desktop so the Instax caption
       stays comfortably above the footer without changing the mobile layout. */
    background-position:center -22px !important;
  }
  .home-table-hero .hero{
    padding-top:4px;
    min-height:clamp(500px,60vh,720px);
  }
  .home-table-hero .copy-block{padding-top:0}
}


/* v1.31 — Final desktop polish: warmer hero, stronger Instax image,
   and quieter footer separators. */
@media (min-width:981px){
  .pillar{border-right-color:rgba(183,166,138,.315)}
}

.home-nav{display:flex;align-items:center;gap:18px}.home-nav .top-line{margin:0}.lang-switch{position:relative;display:inline-block;font:700 12px/1 system-ui,sans-serif;letter-spacing:.14em;color:var(--gold-dark);border:1px solid rgba(183,166,138,.48);border-radius:999px;padding:8px 14px 7px;background:rgba(255,250,241,.62);backdrop-filter:blur(4px);text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.lang-prefix{position:absolute;top:-8px;left:11px;padding:0;background:transparent;font:400 11px/1 cursive;letter-spacing:0;color:#222;text-transform:none}.lang-switch:hover{transform:translateY(-1px);border-color:rgba(183,166,138,.8);background:rgba(255,250,241,.85)}@media(max-width:980px){.home-nav .top-line{display:none}}@media(max-width:560px){.lang-switch{padding:9px 11px}}


/* v1.32 — Restore the clean header and compact desktop footer.
   Keep Maui's handwritten name visible in the integrated hero image. */
@media (min-width:981px){
  .site-footer{padding-top:12px;padding-bottom:8px}
  .pillar{gap:4px}
  .pillar svg{width:28px;height:28px}
  .pillar p:after{height:5px;margin-top:4px}
  .copyright{margin-top:7px;font-size:13px}
}

/* Official Icons8 paw assets — use source PNGs without redrawing. */
.brand-frame{width:100%;height:100%;display:grid;place-items:center;border:2.25px solid var(--black);border-radius:3px;background:rgba(255,250,241,.72);padding:6px}
.brand-frame img{display:block;width:100%;height:100%;object-fit:contain}
.brand-mark>svg{display:none}
.tiny-paw{width:18px;height:18px;object-fit:contain;margin:0 8px;display:inline-block}
.pillar-paw{width:36px;height:36px;object-fit:contain;display:block}
@media (min-width:981px) and (max-height:900px){.pillar-paw{width:32px;height:32px}}
@media (max-width:560px){.pillar-paw{width:36px;height:36px}}

/* v2.0 — Story-first homepage. Memories move into the About story; the public experience celebrates pets. */
.stories-home{background:#f8f4ed;color:#141210;min-height:100vh}
.story-header{height:98px;padding:18px clamp(28px,5vw,82px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:36px;background:rgba(255,252,247,.96);position:relative;z-index:20;border-bottom:1px solid rgba(17,17,17,.04)}
.story-brand .brand-mark{width:58px;height:58px}.story-brand .brand-word{font-size:42px}.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(24px,3vw,48px);font:700 13px/1 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}.nav-contact{position:relative;padding:0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.main-nav a,.main-nav .nav-contact{position:relative}.main-nav a:after,.main-nav .nav-contact:after{content:"";position:absolute;left:50%;right:50%;bottom:-8px;height:1px;background:var(--gold-dark);transition:.2s}.main-nav a:hover:after,.main-nav .nav-contact:hover:after{left:0;right:0}
.story-header .lang-switch{justify-self:end}
.celebration-hero{min-height:500px;display:grid;grid-template-columns:minmax(420px,42%) 1fr;background:#fbf7f0;overflow:hidden}.celebration-copy{padding:38px 34px 44px clamp(42px,5.2vw,84px);align-self:center;position:relative;z-index:2}.celebration-kicker{font:600 clamp(24px,2.2vw,34px)/1.05 var(--script);color:var(--gold-dark);margin:0}.celebration-copy .gold-stroke{margin:12px 0 20px}.celebration-copy h1{font-size:clamp(70px,7vw,112px);line-height:.84;margin:0 0 20px;letter-spacing:-.045em}.celebration-intro{font-size:clamp(20px,1.6vw,26px);line-height:1.17;margin:0;max-width:580px}.hero-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px}.button{min-height:44px;padding:0 20px;border-radius:5px;display:inline-flex;align-items:center;gap:10px;font:700 12px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;transition:.2s}.button img{width:17px;height:17px;object-fit:contain}.button-gold{background:linear-gradient(135deg,#c88d38,#b87925);color:#fff;box-shadow:0 8px 22px rgba(157,100,27,.18)}.button-gold img{filter:brightness(0) invert(1)}.button-outline{border:1px solid #c58a37;background:rgba(255,255,255,.5)}.button:hover{transform:translateY(-2px)}
.celebration-visual{background-image:linear-gradient(90deg,rgba(251,247,240,1) 0%,rgba(251,247,240,.98) 18%,rgba(251,247,240,.78) 30%,rgba(251,247,240,.42) 43%,rgba(251,247,240,.12) 56%,rgba(251,247,240,0) 66%),url("hero-editorial-table-owner-fade-v2.webp");background-size:cover;background-position:center 40%;min-height:500px}
.story-grid-section{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(310px,.95fr);border-top:1px solid rgba(17,17,17,.08);border-bottom:1px solid rgba(17,17,17,.08);background:#fffaf3}.stories-panel{padding:24px 30px 30px clamp(34px,5vw,80px)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.section-heading h2,.about-panel h2{font-size:34px;line-height:1;margin:0}.section-heading a,.about-panel>a{font:700 11px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dark)}.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start}.story-card{position:relative;aspect-ratio:var(--instax-square-ratio);background:#fff;padding:5.5556% 6.9444% 27.7778%;border-radius:2px;overflow:visible;box-shadow:0 7px 18px rgba(38,27,17,.16);transform:rotate(var(--card-rot));transform-origin:50% 85%;transition:transform .25s ease,box-shadow .25s ease}.story-card:hover{transform:rotate(0deg) translateY(-7px);box-shadow:0 16px 34px rgba(38,27,17,.20)}.story-photo{width:100%;aspect-ratio:1/1;position:relative;overflow:hidden;background:#eee8df}.story-photo>img{width:100%;height:100%;object-fit:cover;object-position:var(--story-pos);filter:saturate(.92) contrast(1.02)}.story-meta{position:absolute;left:6.9444%;right:6.9444%;top:76.7442%;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0}.story-meta>div{min-width:0}.story-meta h3{font-size:22px;line-height:1;margin:0}.story-meta p{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.05;color:var(--gold-dark);margin:3px 0 0}.story-meta>img{flex:0 0 auto;width:20px;height:20px;object-fit:contain;margin:0}
.about-panel{position:relative;padding:34px 38px;border-left:1px solid rgba(17,17,17,.09);overflow:hidden}.about-panel .gold-stroke{margin:14px 0 22px;width:38px}.about-panel p{font-size:19px;line-height:1.22;margin:0 0 14px;max-width:390px}.about-panel>a{display:inline-block;margin-top:14px}.about-watermark{position:absolute;width:150px;height:150px;right:-35px;bottom:-38px;opacity:.05;object-fit:contain}
.value-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:28px clamp(34px,5vw,80px);background:#fbf7f0}.value-item{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:center;padding:0 25px;border-right:1px solid rgba(17,17,17,.10)}.value-item:first-child{padding-left:0}.value-item:last-child{border-right:0;padding-right:0}.value-icon{width:48px;height:48px;display:grid;place-items:center;color:var(--gold-dark);font-size:44px}.value-icon img{width:43px;height:43px;object-fit:contain}.value-item h3{font:700 12px/1.2 system-ui,sans-serif;letter-spacing:.11em;text-transform:uppercase;margin:0 0 6px}.value-item p{font-size:16px;line-height:1.15;margin:0;color:#3d3933}.story-footer{padding:18px clamp(34px,5vw,80px);display:flex;justify-content:center;text-align:center;background:#efe5d6;color:#5b5349;font-size:14px}
@media(max-width:1100px){.story-header{grid-template-columns:auto auto}.main-nav{display:none}.celebration-hero{grid-template-columns:1fr}.celebration-copy{padding-right:44%;min-height:560px;background:linear-gradient(90deg,rgba(251,247,240,.98) 0%,rgba(251,247,240,.90) 42%,rgba(251,247,240,.12) 76%),url("hero-editorial-table-owner-fade-v2.webp");background-size:cover;background-position:center}.celebration-visual{display:none}.story-grid-section{grid-template-columns:1fr}.about-panel{border-left:0;border-top:1px solid rgba(17,17,17,.09)}.story-grid{grid-template-columns:repeat(2,1fr)}.value-strip{grid-template-columns:repeat(2,1fr);gap:24px}.value-item{border-right:0;padding:0}}
@media(max-width:680px){.story-header{height:116px;padding:20px 20px;gap:14px}.story-brand .brand-mark{width:48px;height:48px}.story-brand .brand-word{font-size:31px}.story-header .lang-switch{font-size:11px;padding:9px 12px}.celebration-copy{padding:68px 28px 50px;min-height:690px;background:linear-gradient(180deg,rgba(251,247,240,.99) 0%,rgba(251,247,240,.97) 42%,rgba(251,247,240,.86) 62%,rgba(251,247,240,.48) 80%,rgba(251,247,240,.14) 100%),url("hero-editorial-table-owner-fade-v2.webp");background-size:auto 100%;background-position:58% center}.celebration-kicker{font-size:24px}.celebration-copy h1{font-size:66px}.celebration-intro{font-size:20px}.hero-actions{flex-direction:column;align-items:flex-start}.button{width:auto}.stories-panel{padding:28px 20px}.section-heading{align-items:center}.section-heading h2,.about-panel h2{font-size:31px}.section-heading a{font-size:10px}.story-grid{grid-template-columns:1fr;gap:34px;padding:4px 12px}.story-card{max-width:520px;width:100%;margin-inline:auto}.story-photo{aspect-ratio:1/1}.story-meta h3{font-size:clamp(24px,7vw,34px)}.story-meta p{font-size:clamp(13px,3.6vw,17px)}.story-meta>img{width:clamp(22px,7vw,32px);height:clamp(22px,7vw,32px)}.about-panel{padding:30px 24px}.value-strip{grid-template-columns:1fr;padding:30px 24px}.value-item{grid-template-columns:48px 1fr}.story-footer{flex-direction:column;gap:6px;padding:20px 24px}.story-header .lang-prefix{left:10px}.story-header .lang-switch{margin-top:6px}}

/* v2.1 — Responsive navigation and Envelope entry point. */
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:max-content}
.envelope-entry,.mobile-envelope-entry{display:inline-flex;align-items:center;gap:9px;text-decoration:none;text-transform:uppercase;font:700 11px/1 system-ui,sans-serif;letter-spacing:.11em;color:#17130f;border:1px solid rgba(181,120,37,.62);border-radius:999px;background:rgba(255,252,247,.9);transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.envelope-entry{min-height:38px;padding:0 15px}
.envelope-entry img,.mobile-envelope-entry img{width:17px;height:17px;object-fit:contain}
.envelope-entry:hover,.mobile-envelope-entry:hover{transform:translateY(-1px);background:#fffaf2;border-color:var(--gold-dark);box-shadow:0 8px 22px rgba(99,66,24,.10)}
.menu-toggle{display:none;width:44px;height:44px;border:1px solid rgba(181,120,37,.48);border-radius:50%;background:rgba(255,252,247,.94);padding:0;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu-toggle span{display:block;width:18px;height:1.5px;background:#17130f;border-radius:999px;transition:transform .22s ease,opacity .22s ease}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mobile-menu{position:absolute;left:0;right:0;top:100%;padding:18px clamp(20px,5vw,54px) 24px;background:rgba(255,252,247,.98);border-top:1px solid rgba(17,17,17,.05);border-bottom:1px solid rgba(17,17,17,.08);box-shadow:0 18px 35px rgba(39,27,16,.10);z-index:50}
.mobile-menu[hidden]{display:none!important}
.mobile-menu nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px}
.mobile-menu nav a,.mobile-menu nav .nav-contact{padding:13px 4px;border:0;border-bottom:1px solid rgba(17,17,17,.08);background:transparent;color:inherit;text-align:left;font:700 12px/1.2 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.mobile-envelope-entry{margin-top:18px;min-height:48px;padding:0 18px;justify-content:center;color:#fff;background:linear-gradient(135deg,#c88d38,#b87925);border-color:transparent}
.mobile-envelope-entry img{filter:brightness(0) invert(1)}
.mobile-envelope-entry:hover{background:linear-gradient(135deg,#d2963e,#b87925)}
body.menu-open{overflow:hidden}

/* v2.7 — Shared premium contact experience. */
.contact-modal{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:24px;background:rgba(29,22,15,.66);backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);opacity:0;visibility:hidden;transition:opacity .32s ease,visibility .32s ease}
.contact-modal[hidden]{display:none!important}.contact-modal.is-open{opacity:1;visibility:visible}
.contact-dialog{position:relative;display:grid;grid-template-columns:minmax(270px,.8fr) minmax(340px,1.2fr);width:min(940px,100%);max-height:min(90vh,820px);overflow:auto;border:1px solid rgba(255,255,255,.68);border-radius:30px;background:linear-gradient(140deg,#f2e4d2 0%,#fffaf3 52%,#f7ede0 100%);box-shadow:0 38px 110px rgba(27,18,10,.38);transform:translateY(28px) scale(.985);transition:transform .42s cubic-bezier(.2,.76,.2,1)}
.contact-modal.is-open .contact-dialog{transform:none}.contact-close{position:absolute;z-index:2;top:18px;right:18px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(183,166,138,.55);border-radius:50%;background:rgba(255,252,247,.92);color:#241c15;font:300 32px/1 Georgia,serif;cursor:pointer}
.contact-intro{position:relative;overflow:hidden;padding:clamp(38px,5vw,64px);border-right:1px solid rgba(113,81,42,.12);background:linear-gradient(145deg,rgba(212,164,103,.18),rgba(255,250,243,.22))}.contact-eyebrow{margin:0 0 12px!important;color:var(--gold-dark);font:800 10px/1.2 system-ui,sans-serif!important;letter-spacing:.16em;text-transform:uppercase}.contact-intro h2{margin:0;font-size:clamp(46px,5vw,72px);line-height:.88;letter-spacing:-.035em}.contact-intro .gold-stroke{width:58px;margin:18px 0 24px}.contact-intro>p:last-of-type{position:relative;z-index:1;margin:0;max-width:330px;color:#51473d;font-size:19px;line-height:1.35}.contact-intro>img{position:absolute;right:-50px;bottom:-55px;width:230px;opacity:.055}
.contact-form{display:grid;align-content:center;gap:15px;padding:clamp(44px,5vw,66px)}.contact-form label{display:grid;gap:7px;color:#675b50;font:700 11px/1.2 system-ui,sans-serif;letter-spacing:.055em}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:13px 14px;border:1px solid rgba(174,144,104,.42);border-radius:12px;background:rgba(255,255,255,.78);color:#211b16;font:500 18px/1.25 var(--serif);outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.contact-form select{appearance:auto}.contact-form textarea{resize:vertical;min-height:132px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#c99145;background:#fff;box-shadow:0 0 0 4px rgba(201,145,69,.13)}.contact-trap{position:fixed!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-status{min-height:19px;margin:0;color:#8a3f2f;font:700 12px/1.35 system-ui,sans-serif}.contact-status.is-success{color:#53733d}.contact-submit{justify-self:start;border:0;cursor:pointer}.contact-submit:disabled{cursor:wait;opacity:.65}.contact-submit.is-sent{background:linear-gradient(135deg,#758e58,#55703f)}body.contact-open{overflow:hidden}

@media(max-width:1340px){
  .story-header{gap:22px;padding-inline:clamp(24px,3vw,44px)}
  .main-nav{gap:clamp(18px,2vw,30px);font-size:12px}
  .envelope-entry span{display:none}
  .envelope-entry{width:38px;padding:0;justify-content:center}
}
@media(max-width:1100px){
  .story-header{grid-template-columns:auto 1fr;position:sticky;top:0}
  .header-actions{justify-self:end}
  .menu-toggle{display:flex}
  .envelope-entry{display:none}
}
@media(max-width:680px){
  .story-header{height:auto;min-height:116px;padding:20px;grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .header-actions{gap:8px}
  .story-header .lang-switch{margin-top:6px}
  .menu-toggle{width:40px;height:40px}
  .mobile-menu{padding:14px 20px 22px}
  .mobile-menu nav{grid-template-columns:1fr}
  .mobile-menu nav a{padding:14px 2px}
  .mobile-envelope-entry{width:100%;margin-top:16px}
  .contact-modal{place-items:end center;padding:0}.contact-dialog{display:block;width:100%;max-height:94dvh;border-radius:26px 26px 0 0;transform:translateY(100%)}.contact-intro{padding:34px 24px 25px;border-right:0;border-bottom:1px solid rgba(113,81,42,.12)}.contact-intro h2{max-width:90%;font-size:46px}.contact-intro .gold-stroke{margin:14px 0 17px}.contact-intro>p:last-of-type{font-size:17px}.contact-intro>img{width:145px}.contact-form{gap:13px;padding:26px 20px calc(24px + env(safe-area-inset-bottom))}.contact-form textarea{min-height:112px}.contact-close{top:14px;right:14px}
}

/* v2.14 Future vision section. */
.about-vision{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(420px,1fr);gap:clamp(52px,9vw,155px);align-items:start;padding:clamp(76px,8vw,132px) clamp(32px,7vw,120px);background:linear-gradient(145deg,#ead8c0 0%,#f5eadc 48%,#fbf7f0 100%);border-bottom:1px solid rgba(17,17,17,.07)}
.about-vision-heading h2{max-width:680px;margin:18px 0 0;font-size:clamp(48px,4.7vw,76px);line-height:.91;letter-spacing:-.035em}
.about-vision-heading .gold-stroke{width:72px;margin:28px 0 0}
.about-vision-copy{max-width:700px;color:#39332d;font-size:clamp(19px,1.45vw,24px);line-height:1.42}
.about-vision-copy p{margin:0 0 22px}.about-vision-copy .about-vision-closing{margin-top:30px;color:var(--gold-dark);font:600 clamp(28px,2.5vw,39px)/1.08 var(--script)}
@media(max-width:1100px){.about-vision{grid-template-columns:1fr;gap:45px}.about-vision-heading,.about-vision-copy{max-width:800px}}
@media(max-width:680px){.about-vision{padding:70px 25px;gap:38px}.about-vision-heading h2{font-size:45px}.about-vision-copy{font-size:19px}.about-vision-copy .about-vision-closing{margin-top:26px;font-size:31px}}
@media(max-width:430px){
  .story-brand .brand-word{font-size:27px}
  .story-brand .brand-mark{width:44px;height:44px}
  .story-header .lang-switch{font-size:10px;padding:8px 10px}
  .story-header .lang-prefix{font-size:10px;top:-7px}
  .menu-toggle{width:38px;height:38px}
}


/* v2.3 — Physical-to-digital Envelope opening experience. */
.envelope-experience{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:clamp(18px,4vw,54px);background:rgba(30,22,14,0);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0;transition:opacity .48s ease,background .68s ease,backdrop-filter .68s ease;-webkit-transition:opacity .48s ease,background .68s ease,-webkit-backdrop-filter .68s ease;overflow:hidden}
.envelope-experience[hidden]{display:none!important}.envelope-experience.is-visible{opacity:1;background:rgba(36,27,18,.58);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
body.envelope-mode{overflow:hidden}.envelope-close{position:absolute;right:max(18px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));z-index:30;width:44px;height:44px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(255,252,247,.92);color:#2b2117;font:300 31px/1 Georgia,serif;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.envelope-stage{width:min(92vw,760px);display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(280px,.95fr);align-items:center;gap:clamp(24px,5vw,62px);padding:clamp(28px,5vw,54px);border:1px solid rgba(255,255,255,.5);border-radius:28px;background:rgba(255,250,243,.96);box-shadow:0 34px 90px rgba(16,10,4,.35);transform:translateY(26px) scale(.96);opacity:0;transition:transform .75s cubic-bezier(.2,.78,.2,1),opacity .53s ease}
.is-visible .envelope-stage{transform:translateY(0) scale(1);opacity:1}
.digital-envelope{position:relative;width:100%;aspect-ratio:10/7;transform:rotate(-2.4deg);filter:drop-shadow(0 22px 24px rgba(54,34,16,.27));perspective:1100px;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.72,.2,1)}
.envelope-back{position:absolute;inset:0;border-radius:5px 5px 12px 12px;background:linear-gradient(145deg,#d2a06b,#aa6f39 72%);box-shadow:inset 0 0 0 1.5px rgba(78,42,16,.34)}
.envelope-front{position:absolute;inset:36% 0 0;border-radius:0 0 12px 12px;background:linear-gradient(155deg,#cb9256,#a96d35);z-index:3;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(86,48,19,.22)}
.envelope-front::before,.envelope-front::after{content:'';position:absolute;top:1%;width:62%;height:76%;border-top:1.6px solid rgba(92,50,19,.40);border-radius:50%;pointer-events:none}.envelope-front::before{left:-27%;transform:rotate(23deg)}.envelope-front::after{right:-27%;transform:rotate(-23deg)}
.envelope-flap{position:absolute;left:0;right:0;top:0;height:61%;z-index:5;transform-origin:50% 0;transform-style:preserve-3d;background:linear-gradient(165deg,#d7a56e,#bb7e43);border-radius:6px 6px 52% 52% / 6px 6px 34% 34%;box-shadow:0 2px 0 rgba(88,48,18,.30),inset 0 0 0 1px rgba(91,50,19,.20);backface-visibility:visible;transition:transform 1.35s cubic-bezier(.42,0,.18,1) .55s,filter .8s ease .55s}
.envelope-flap::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#b9793e,#9e612f);transform:rotateX(180deg) translateZ(1px);backface-visibility:hidden}
.envelope-heart{position:absolute;left:50%;top:34%;z-index:7;width:42px;height:42px;transform:translate(-50%,-50%) rotate(45deg);background:#d8ad78;border-radius:5px 0 5px 5px;box-shadow:inset 0 0 0 1.5px rgba(79,42,15,.34),0 2px 3px rgba(74,43,20,.22);color:transparent;font-size:0;transition:opacity .55s ease .12s,transform .75s cubic-bezier(.3,.7,.2,1) .05s}.envelope-heart::before,.envelope-heart::after{content:'';position:absolute;width:42px;height:42px;background:inherit;border-radius:50%}.envelope-heart::before{left:-21px;top:0}.envelope-heart::after{left:0;top:-21px}
.envelope-card-pocket{position:absolute;inset:0;z-index:2;overflow:hidden;border-radius:5px 5px 12px 12px}
.envelope-card-reveal{position:absolute;left:7%;right:7%;bottom:4%;height:78%;border-radius:5px;background:#f8f4ed;box-shadow:0 2px 6px rgba(0,0,0,.08);transform:translateY(0);will-change:transform,box-shadow}
.envelope-card-brand{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:translateY(-2%)}
.envelope-card-logo{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.1vw,12px);width:min(66%,240px);max-width:66%;min-width:0}
.envelope-card-logo .brand-mark{width:clamp(34px,3.2vw,40px);height:clamp(34px,3.2vw,40px)}
.envelope-card-logo .brand-word{font-size:clamp(27px,2.6vw,34px)}
.envelope-card-message{display:block;max-width:82%;margin-top:clamp(8px,1.2vw,13px);color:var(--gold-dark);font:600 clamp(12px,1.35vw,17px)/1.08 var(--script);letter-spacing:.01em}
.envelope-card-message:empty{display:none}
.envelope-code-form{position:relative;z-index:2;transition:opacity .62s ease,transform .62s ease}.envelope-eyebrow{font:600 22px/1 var(--script);color:var(--gold-dark);margin:0 0 8px}.envelope-code-form h2{font-size:clamp(34px,4vw,52px);line-height:.95;margin:0 0 14px}.envelope-code-form>p:not(.envelope-eyebrow):not(.envelope-error){font-size:18px;line-height:1.3;margin:0 0 22px;color:#4b4238}.envelope-code-form label{display:block}.envelope-code-form label span{display:block;margin-bottom:8px;font:700 11px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dark)}.envelope-code-form input{width:100%;height:54px;border:1px solid rgba(177,122,46,.52);border-radius:8px;background:#fff;padding:0 16px;font:600 24px/1.1 'Cormorant Garamond',serif;letter-spacing:.11em;text-transform:uppercase;outline:none;transition:border .2s,box-shadow .2s}.envelope-code-form input:focus{border-color:#b17a2e;box-shadow:0 0 0 4px rgba(177,122,46,.12)}.envelope-error{display:none!important;min-height:0;margin:0;color:transparent;font-size:0}.envelope-submit{border:0;cursor:pointer;margin-top:4px}.envelope-submit:disabled{opacity:.7;cursor:wait}.envelope-submit.is-loading span:after{content:'…'}
.envelope-experience.is-error .digital-envelope{animation:envelope-shake .63s ease}
.envelope-experience.is-opening .digital-envelope{transform:translateY(clamp(22px,3dvh,38px)) rotate(-2.4deg)}
.envelope-experience.is-opening .envelope-heart{opacity:0;transform:translate(-50%,-105%) rotate(62deg) scale(.62)}
.envelope-experience.is-opening .envelope-flap{transform:rotateX(176deg);filter:brightness(.93)}.envelope-experience.flap-behind .envelope-flap{z-index:1}
.envelope-experience.card-rising .envelope-card-pocket{overflow:visible}
.envelope-experience.card-rising .envelope-card-reveal{animation:envelope-card-rise 1.55s cubic-bezier(.18,.76,.18,1) forwards}
.envelope-experience.is-opening .envelope-code-form{opacity:0;transform:translateY(10px);pointer-events:none}
.envelope-whiteout{position:fixed;z-index:25;background:#f8f4ed;opacity:0;pointer-events:none;box-shadow:0 18px 40px rgba(0,0,0,.12);border-radius:5px;transition:left 1.28s cubic-bezier(.18,.72,.15,1),top 1.28s cubic-bezier(.18,.72,.15,1),width 1.28s cubic-bezier(.18,.72,.15,1),height 1.28s cubic-bezier(.18,.72,.15,1),border-radius 1.05s ease,opacity .18s ease}
.envelope-whiteout>.envelope-card-brand{transition:opacity .45s ease .68s}
.envelope-whiteout.is-fullscreen>.envelope-card-brand{opacity:0}
.envelope-whiteout.is-ready{opacity:1}.envelope-whiteout.is-fullscreen{left:0!important;top:0!important;width:100vw!important;height:100vh!important;border-radius:0;box-shadow:none}
@keyframes envelope-card-rise{0%{transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.08)}100%{transform:translateY(-72%);box-shadow:0 18px 40px rgba(0,0,0,.16)}}
@keyframes envelope-card-rise-mobile{0%{transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.08)}100%{transform:translateY(-48%);box-shadow:0 18px 40px rgba(0,0,0,.16)}}
@keyframes envelope-shake{0%,100%{transform:rotate(-2.4deg) translateX(0)}25%{transform:rotate(-3deg) translateX(-9px)}50%{transform:rotate(-1.5deg) translateX(8px)}75%{transform:rotate(-2.8deg) translateX(-5px)}}
@media(max-width:720px){.envelope-experience{padding:18px}.envelope-stage{grid-template-columns:1fr;gap:20px;padding:24px 22px 28px;border-radius:22px;max-height:calc(100dvh - 36px);overflow:auto}.digital-envelope{width:min(82vw,390px);justify-self:center}.envelope-experience.is-opening .envelope-stage{overflow:visible}.envelope-experience.is-opening .digital-envelope{transform:translateY(clamp(108px,18dvh,156px)) rotate(-2.4deg)}.envelope-experience.card-rising .envelope-card-reveal{animation-name:envelope-card-rise-mobile}.envelope-card-logo{width:min(76%,230px);max-width:76%;gap:9px}.envelope-card-logo .brand-mark{width:36px;height:36px}.envelope-card-logo .brand-word{font-size:27px}.envelope-card-message{max-width:76%;font-size:clamp(11px,3.5vw,15px)}.envelope-code-form{text-align:center}.envelope-code-form label{text-align:left}.envelope-code-form h2{font-size:38px}.envelope-code-form>p:not(.envelope-eyebrow):not(.envelope-error){font-size:17px}.envelope-submit{margin-inline:auto}.envelope-close{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.envelope-experience,.envelope-stage,.digital-envelope,.envelope-flap,.envelope-heart,.envelope-code-form,.envelope-whiteout{transition-duration:.01ms!important;transition-delay:0!important}.envelope-experience.is-error .digital-envelope{animation:none}.envelope-experience.card-rising .envelope-card-reveal{animation-duration:.01ms;animation-delay:0ms}}


/* v2.4 — Envelope hero aligned exactly with the WWW hero composition. */
body.envelope-login-page .envelope-shell.editorial-table-hero::before,
body.envelope-login-page .envelope-shell.editorial-table-hero::after{display:none!important}
body.envelope-login-page .envelope-login.hero{
  position:relative;
  left:50%;
  width:100vw;
  max-width:none;
  min-height:clamp(500px,60vh,720px);
  margin:0 0 0 -50vw;
  padding:4px clamp(18px,3vw,54px) clamp(22px,3vw,40px);
  overflow:hidden;
  background-color:#f7f3ec;
  background-image:
    linear-gradient(90deg,rgba(255,252,246,.96) 0%,rgba(255,252,246,.82) 27%,rgba(255,252,246,.32) 49%,rgba(255,252,246,.02) 69%),
    linear-gradient(180deg,rgba(255,252,246,.12) 0%,rgba(255,252,246,.01) 52%,rgba(247,243,236,.20) 100%),
    image-set(url("published-envelope-table-hero-clean.webp") type("image/webp"),url("published-envelope-table-hero-clean.jpg") type("image/jpeg"));
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center -22px;
}
body.envelope-login-page .envelope-login .copy-block{padding-top:0;position:relative;z-index:2}
body.envelope-login-page .envelope-login .envelope-card-wrap{position:relative;z-index:2}
@media(max-width:980px){
  body.envelope-login-page .envelope-login.hero{
    grid-template-columns:1fr;
    min-height:clamp(560px,82vh,760px);
    padding:38px 20px 34px;
    background-image:
      linear-gradient(180deg,rgba(255,252,246,.94) 0%,rgba(255,252,246,.72) 38%,rgba(255,252,246,.28) 68%,rgba(247,243,236,.62) 100%),
      linear-gradient(90deg,rgba(255,252,246,.90),rgba(255,252,246,.22) 78%),
      image-set(url("published-envelope-table-hero-clean.webp") type("image/webp"),url("published-envelope-table-hero-clean.jpg") type("image/jpeg"));
    background-size:cover;
    background-position:58% center;
  }
}
@media(max-width:560px){
  body.envelope-login-page .envelope-login.hero{
    min-height:clamp(620px,88vh,780px);
    padding-top:24px;
    background-position:62% center;
  }
}

/* v2.5 — Premium Published Envelope download chooser. */
.download-modal-trigger{appearance:none;border:0;padding:0;background:none;color:var(--gold-dark);cursor:pointer;font:700 11px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.download-modal-trigger span{display:inline-block;margin-left:4px;transition:transform .2s ease}
.download-modal-trigger:hover span{transform:translateX(4px)}
.download-modal{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:clamp(14px,3vw,42px);background:rgba(30,22,14,0);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0;visibility:hidden;transition:opacity .32s ease,visibility .32s ease,background .42s ease,backdrop-filter .42s ease;-webkit-transition:opacity .32s ease,visibility .32s ease,background .42s ease,-webkit-backdrop-filter .42s ease}
.download-modal[hidden]{display:none!important}
.download-modal.is-open{opacity:1;visibility:visible;background:rgba(35,27,19,.62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body.download-modal-open{overflow:hidden}
.download-modal-dialog{position:relative;width:min(1120px,96vw);max-height:calc(100dvh - clamp(28px,6vw,84px));overflow:auto;overscroll-behavior:contain;padding:clamp(24px,4vw,48px);border:1px solid rgba(255,255,255,.52);border-radius:clamp(20px,2.3vw,30px);background:linear-gradient(145deg,rgba(255,252,247,.99),rgba(246,238,227,.985));box-shadow:0 36px 100px rgba(17,11,5,.38);transform:translateY(28px) scale(.975);opacity:0;transition:width .42s cubic-bezier(.18,.78,.2,1),transform .52s cubic-bezier(.18,.78,.2,1),opacity .34s ease}
.download-modal.is-open .download-modal-dialog{transform:translateY(0) scale(1);opacity:1}
.download-modal-dialog.is-payment-active{width:min(760px,96vw)}
.download-modal-close{position:absolute;z-index:3;right:clamp(16px,2.2vw,28px);top:clamp(16px,2.2vw,28px);width:44px;height:44px;border:1px solid rgba(177,122,46,.38);border-radius:50%;background:#fffaf3;color:#211a14;cursor:pointer;font:300 31px/1 Georgia,serif;box-shadow:0 8px 20px rgba(37,24,12,.10)}
.download-modal-header{padding-right:64px;max-width:760px}
.download-modal-eyebrow{margin:0 0 9px;color:var(--gold-dark);font:700 10px/1 system-ui,sans-serif;letter-spacing:.17em;text-transform:uppercase}
.download-modal-header h2{margin:0;font-size:clamp(40px,5vw,68px);line-height:.92;letter-spacing:-.035em}
.download-modal-header>p:last-child{max-width:600px;margin:16px 0 0;color:#554b40;font-size:18px;line-height:1.3}
.download-modal-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:clamp(24px,3vw,34px) 0 0;padding:6px;border:1px solid rgba(177,122,46,.20);border-radius:999px;background:rgba(232,219,200,.50)}
.download-modal-tab{min-height:46px;border:0;border-radius:999px;background:transparent;color:#62574b;cursor:pointer;font:800 11px/1 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:background .25s ease,color .25s ease,box-shadow .25s ease,transform .2s ease}
.download-modal-tab:hover{transform:translateY(-1px)}
.download-modal-tab.is-active{background:#fffaf3;color:#17130f;box-shadow:0 7px 20px rgba(67,44,20,.12)}
.download-modal-panel{padding-top:clamp(24px,3vw,34px)}
.download-modal-panel[hidden]{display:none!important}
.download-modal-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding-bottom:22px;border-bottom:1px solid rgba(17,17,17,.10)}
.download-modal-intro h3{margin:0 0 7px;font-size:30px;line-height:1}
.download-modal-intro p{max-width:680px;margin:0;color:#5b5147;font-size:16px;line-height:1.35}
.download-zip-link{min-height:43px;display:inline-flex;align-items:center;gap:11px;padding:0 18px;border:1px solid rgba(177,122,46,.58);border-radius:999px;background:#fffaf3;color:#17130f;white-space:nowrap;font:800 10px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.download-zip-link:hover{transform:translateY(-2px);background:#fff;box-shadow:0 10px 25px rgba(82,53,20,.12)}
.download-zip-link span{color:var(--gold-dark);font-size:16px}
.download-modal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,2vw,24px);padding:clamp(24px,3vw,34px) 4px 8px}
.download-modal-card{position:relative;min-width:0;display:block;padding:9px 9px 40px;border:1px solid rgba(17,17,17,.07);border-radius:4px;background:#fffdf8;box-shadow:0 9px 23px rgba(48,32,17,.13);transform:rotate(var(--download-rotation,-1deg));transition:transform .24s ease,box-shadow .24s ease}
.download-modal-card:nth-child(5n+1){--download-rotation:-1.8deg}.download-modal-card:nth-child(5n+2){--download-rotation:1.2deg}.download-modal-card:nth-child(5n+3){--download-rotation:-.5deg}.download-modal-card:nth-child(5n+4){--download-rotation:1.7deg}.download-modal-card:nth-child(5n+5){--download-rotation:-1.1deg}
.download-modal-card:hover{transform:translateY(-5px) rotate(0);box-shadow:0 16px 32px rgba(48,32,17,.18)}
.download-modal-thumb{display:grid;place-items:center;width:100%;aspect-ratio:1/1;overflow:hidden;background:#eee7dd}
.download-modal-card.is-instax .download-modal-thumb{background:transparent;overflow:visible}
.download-modal-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.download-modal-card.is-instax .download-modal-thumb img{object-fit:contain;filter:drop-shadow(0 4px 5px rgba(44,30,17,.13))}
.download-modal-card.is-clean .download-modal-thumb{aspect-ratio:auto;min-height:0;background:#eee7dd}
.download-modal-card.is-clean .download-modal-thumb img{width:100%;height:auto;max-height:none;object-fit:contain}
.download-modal-filename{position:absolute;left:10px;right:34px;bottom:13px;overflow:hidden;color:#302820;text-overflow:ellipsis;white-space:nowrap;font:600 11px/1 system-ui,sans-serif}
.download-modal-icon{position:absolute;right:10px;bottom:9px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:rgba(201,145,69,.13);color:var(--gold-dark);font:700 14px/1 system-ui,sans-serif}
.download-full-res{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;border:1px solid rgba(177,122,46,.20);border-radius:20px;background:radial-gradient(circle at 50% 35%,rgba(201,145,69,.14),rgba(255,252,247,.55) 55%,rgba(238,228,213,.55))}
.download-full-res>img{width:52px;height:52px;object-fit:contain;margin-bottom:18px;opacity:.82}
.download-full-res h3{margin:0;font-size:clamp(34px,4vw,50px);line-height:1}
.download-full-res>p:not(.download-modal-eyebrow){max-width:570px;margin:16px auto;color:#5b5147;font-size:17px;line-height:1.35}
.download-coming-soon{margin-top:8px;padding:10px 16px;border:1px solid rgba(177,122,46,.32);border-radius:999px;color:var(--gold-dark);font:800 9px/1 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.full-res-payment,.full-res-unlocked{border:1px solid rgba(177,122,46,.20);border-radius:20px;background:radial-gradient(circle at 50% 20%,rgba(201,145,69,.12),rgba(255,252,247,.62) 52%,rgba(238,228,213,.48));overflow:hidden}
.full-res-offer{display:flex;flex-direction:column;align-items:center;padding:clamp(34px,5vw,58px) clamp(20px,4vw,54px);text-align:center}
.full-res-offer[hidden],.full-res-checkout[hidden]{display:none!important}
.full-res-offer-paw{width:50px;height:50px;object-fit:contain;margin-bottom:17px;opacity:.86}
.full-res-offer h3{margin:0;font-size:clamp(38px,4.6vw,58px);line-height:.94;letter-spacing:-.025em}
.full-res-offer>p:not(.download-modal-eyebrow){max-width:650px;margin:16px auto 0;color:#5b5147;font-size:18px;line-height:1.35}
.full-res-amount-form{width:min(100%,620px);margin-top:28px}
.full-res-choice-list{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.full-res-choice{min-width:92px;min-height:44px;padding:0 17px;border:1px solid rgba(177,122,46,.40);border-radius:999px;background:rgba(255,250,243,.88);color:#302820;cursor:pointer;font:800 13px/1 system-ui,sans-serif;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.full-res-choice:hover{transform:translateY(-2px);border-color:rgba(177,122,46,.72)}
.full-res-choice.is-selected{border-color:#b17a2e;background:#fff;box-shadow:0 8px 22px rgba(83,54,20,.14)}
.full-res-custom-amount{display:grid;gap:8px;width:min(100%,310px);margin:19px auto 0;text-align:left}
.full-res-custom-amount>span:first-child{color:var(--gold-dark);font:800 10px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.full-res-amount-input{height:54px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:0 17px;border:1px solid rgba(177,122,46,.52);border-radius:10px;background:#fff;box-shadow:0 5px 16px rgba(61,39,17,.08)}
.full-res-amount-input:focus-within{border-color:#b17a2e;box-shadow:0 0 0 4px rgba(177,122,46,.12)}
.full-res-amount-input b{font:600 24px/1 var(--serif)}
.full-res-amount-input input{min-width:0;width:100%;height:50px;padding:0;border:0;outline:0;background:transparent;color:#17130f;font:700 25px/1 var(--serif)}
.full-res-secure-note{margin:15px 0 0!important;color:#746a5f!important;font:600 11px/1.3 system-ui,sans-serif!important}
.full-res-secure-note span{color:var(--gold-dark)}
.full-res-payment-error{min-height:18px;margin:9px 0 0;color:#8b2f20;font:700 12px/1.35 system-ui,sans-serif}
.full-res-pay-button{margin:3px auto 0;border:0;cursor:pointer}
.full-res-pay-button:disabled{opacity:.62;cursor:wait;transform:none}
.full-res-checkout{padding:clamp(22px,3.5vw,40px);background:linear-gradient(145deg,#fffdf8,#fff8ed)}
.full-res-checkout-head{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(17,17,17,.09)}
.full-res-checkout-head h3{margin:0;font-size:34px;line-height:1}
.full-res-back{border:0;background:transparent;color:var(--gold-dark);cursor:pointer;font:800 10px/1 system-ui,sans-serif;letter-spacing:.11em;text-transform:uppercase}
[data-stripe-checkout]{overflow:hidden;border:1px solid rgba(177,122,46,.16);border-radius:18px;background:#fffaf1;box-shadow:0 18px 42px rgba(61,39,17,.08)}
.full-res-unlocked{display:flex;flex-direction:column;padding:clamp(24px,3.5vw,40px)}
.full-res-unlocked-intro{order:1}.full-res-download-grid{order:2}.optional-support-payment,.optional-support-note{order:3}
.optional-support-payment{margin-top:28px}
.optional-support-payment .full-res-offer{padding:clamp(28px,4vw,46px) clamp(20px,4vw,54px)}
.optional-support-payment .full-res-offer h3{font-size:clamp(32px,4vw,51px)}
.optional-support-note{margin-top:26px;padding:18px 20px;border:1px solid rgba(177,122,46,.25);border-radius:14px;background:rgba(201,145,69,.08);text-align:center}
.optional-support-note p{margin:0;color:#5b5147;font-size:16px;line-height:1.4}.optional-support-note .download-modal-eyebrow{margin-bottom:7px;color:var(--gold-dark)}
.full-res-unlocked-intro{align-items:center}
.full-res-unlocked-intro h3{font-size:34px}
.full-res-zip-link{background:linear-gradient(135deg,#c88d38,#b87925);border-color:transparent;color:#fff}
.full-res-zip-link span{color:#fff}
.full-res-download-grid{padding-bottom:4px}
.full-res-unavailable{border-style:dashed}
.full-res-pending-dot{position:relative;width:12px;height:12px;margin-top:12px;border-radius:50%;background:var(--gold);box-shadow:-22px 0 0 rgba(201,145,69,.28),22px 0 0 rgba(201,145,69,.28);animation:fullResPending 1.2s ease-in-out infinite}
@keyframes fullResPending{0%,100%{transform:scale(.8);opacity:.55}50%{transform:scale(1.15);opacity:1}}
.download-modal :focus-visible{outline:2px solid var(--gold-dark);outline-offset:3px}
@media(max-width:900px){.download-modal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.download-modal{padding:10px}.download-modal-dialog,.download-modal-dialog.is-payment-active{width:100%;max-height:calc(100dvh - 20px);padding:24px 18px 28px;border-radius:22px}.download-modal-close{right:14px;top:14px;width:40px;height:40px}.download-modal-header{padding-right:46px}.download-modal-header h2{font-size:42px}.download-modal-header>p:last-child{font-size:16px}.download-modal-tabs{gap:4px;margin-top:22px;padding:5px}.download-modal-tab{min-height:42px;font-size:9px;letter-spacing:.11em}.download-modal-intro{grid-template-columns:1fr;align-items:start;gap:16px}.download-zip-link{justify-self:start}.download-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;padding-top:24px}.download-modal-card{padding:7px 7px 36px}.download-modal-filename{bottom:12px;font-size:10px}.download-full-res{min-height:300px;padding:34px 18px}.full-res-offer{padding:32px 16px}.full-res-offer>p:not(.download-modal-eyebrow){font-size:16px}.full-res-choice{min-width:78px;padding:0 13px}.full-res-custom-amount{width:100%}.full-res-checkout{padding:18px 4px}.full-res-checkout-head{align-items:flex-start}.full-res-checkout-head h3{font-size:27px}.full-res-unlocked{padding:22px 14px}.full-res-unlocked-intro{align-items:start}.full-res-zip-link{justify-self:stretch;justify-content:center}}
@media(prefers-reduced-motion:reduce){.download-modal,.download-modal-dialog,.download-modal-card,.download-modal-tab,.download-zip-link{transition-duration:.01ms!important}.full-res-pending-dot{animation:none}}

/* v2.8 — About MeetThePaws: the meeting, Maui and the story behind it. */
.main-nav a.is-active:after{left:0;right:0}
.about-page{background:#f8f4ed}
.about-main{overflow:hidden}
.about-eyebrow{margin:0;color:var(--gold-dark);font:700 12px/1.2 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.about-hero{min-height:620px;display:grid;grid-template-columns:minmax(430px,43%) 1fr;background:#fbf7f0}
.about-hero-copy{position:relative;z-index:2;align-self:center;padding:70px 36px 76px clamp(42px,6vw,96px)}
.about-hero-copy .gold-stroke{width:64px;margin:18px 0 27px}
.about-hero-copy h1{max-width:620px;margin:0 0 30px;font-size:clamp(76px,7.2vw,118px);line-height:.82;letter-spacing:-.05em}
.about-hero-copy>p:last-child{max-width:560px;margin:0;color:#37312a;font-size:clamp(21px,1.65vw,27px);line-height:1.28}
.about-hero-visual{min-height:620px;background-image:linear-gradient(90deg,#fbf7f0 0%,rgba(251,247,240,.95) 12%,rgba(251,247,240,.62) 28%,rgba(251,247,240,.15) 49%,rgba(251,247,240,0) 62%),url("hero-editorial-table-owner-fade-v2.webp");background-size:cover;background-position:center 42%}
.about-origin{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(420px,1fr);gap:clamp(52px,9vw,155px);align-items:start;padding:clamp(76px,8vw,132px) clamp(32px,7vw,120px);background:#fffaf3;border-block:1px solid rgba(17,17,17,.07)}
.about-origin-heading h2{max-width:680px;margin:18px 0 0;font-size:clamp(48px,4.7vw,76px);line-height:.91;letter-spacing:-.035em}
.about-origin-heading .gold-stroke{width:72px;margin:28px 0 0}
.about-origin-story{max-width:670px;color:#39332d;font-size:clamp(19px,1.45vw,24px);line-height:1.42}
.about-origin-story p{margin:0 0 22px}.about-origin-story .about-signature{margin-top:29px;color:var(--gold-dark);font:600 34px/1 var(--script)}
.about-muse{position:relative;width:100%;min-height:clamp(620px,61vw,920px);margin:0;overflow:hidden;background:#050403;color:#fffaf3}
.about-muse>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(.9) contrast(1.03)}
.about-muse:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 28%,rgba(0,0,0,.18) 58%,rgba(0,0,0,.86) 100%)}
.about-muse figcaption{position:absolute;z-index:2;left:clamp(28px,7vw,120px);right:clamp(28px,7vw,120px);bottom:clamp(42px,6vw,90px);display:grid;grid-template-columns:minmax(220px,.5fr) minmax(360px,.75fr);gap:clamp(36px,9vw,150px);align-items:end}
.about-muse .about-eyebrow{grid-column:1/-1;color:#d8a65f}
.about-muse h2{margin:0;font-size:clamp(82px,10vw,158px);line-height:.72;letter-spacing:-.055em}
.about-muse-copy{max-width:730px}
.about-muse-copy>p{margin:0;color:rgba(255,250,243,.88);font-size:clamp(19px,1.5vw,25px);line-height:1.4}
.about-muse-copy .about-muse-closing{margin-top:20px;color:#fffaf3;font-family:var(--script);font-size:clamp(25px,2vw,34px);line-height:1.1}
.about-experience{padding:clamp(78px,8vw,130px) clamp(32px,6vw,100px);background:linear-gradient(140deg,#ead8c0 0%,#f5eadc 46%,#fbf7f0 100%)}
.about-experience-intro{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(340px,1fr);gap:26px clamp(50px,8vw,140px);align-items:end;margin-bottom:clamp(52px,6vw,88px)}
.about-experience-intro .about-eyebrow{grid-column:1/-1}
.about-experience-intro h2{margin:0;max-width:700px;font-size:clamp(58px,5.5vw,88px);line-height:.86;letter-spacing:-.04em}
.about-experience-intro>p:last-child{max-width:570px;margin:0 0 5px;color:#4b4137;font-size:clamp(20px,1.5vw,24px);line-height:1.38}
.about-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(77,52,25,.2)}
.about-step{position:relative;padding:32px clamp(18px,2.5vw,40px) 8px;border-right:1px solid rgba(77,52,25,.16)}
.about-step:first-child{padding-left:0}.about-step:last-child{border-right:0;padding-right:0}
.about-step>span{display:block;margin-bottom:36px;color:var(--gold-dark);font:700 12px/1 system-ui,sans-serif;letter-spacing:.15em}
.about-step h3{margin:0 0 13px;font-size:clamp(27px,2.2vw,37px);line-height:1}
.about-step p{margin:0;color:#4d443b;font-size:18px;line-height:1.36}
.about-quote{display:grid;justify-items:center;gap:25px;margin:0;padding:clamp(80px,9vw,145px) 30px;text-align:center;background:#17130f;color:#fffaf3}
.about-quote>img{width:43px;height:43px;filter:brightness(0) invert(1);opacity:.92}
.about-quote blockquote{margin:0;max-width:1100px;font-size:clamp(42px,5.2vw,78px);line-height:.98;letter-spacing:-.025em}
.about-closing{display:grid;grid-template-columns:minmax(380px,1fr) minmax(340px,.8fr);gap:clamp(45px,9vw,150px);align-items:center;padding:clamp(80px,9vw,145px) clamp(32px,7vw,120px);background:#fffaf3}
.about-closing h2{margin:20px 0 0;font-size:clamp(64px,6.4vw,100px);line-height:.82;letter-spacing:-.045em}
.about-closing>p{max-width:620px;margin:0;color:#3d3630;font-size:clamp(21px,1.65vw,27px);line-height:1.42}
.about-contact{display:grid;grid-template-columns:auto minmax(300px,1fr) auto;gap:clamp(25px,4vw,62px);align-items:center;padding:clamp(52px,6vw,82px) clamp(32px,7vw,120px);overflow:hidden;background:#efe1ce;border-top:1px solid rgba(79,52,24,.1)}
.about-contact>img{width:74px;height:74px;object-fit:contain;opacity:.9}
.about-contact h2{margin:0 0 12px;font-size:clamp(42px,4vw,64px);line-height:.9;letter-spacing:-.03em}
.about-contact p{max-width:680px;margin:0;color:#51463b;font-size:20px;line-height:1.35}
.about-contact-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.about-contact-actions .button{border:0;cursor:pointer;white-space:nowrap}

@media(max-width:1100px){
  .about-hero{grid-template-columns:1fr;min-height:650px;background-image:linear-gradient(90deg,rgba(251,247,240,.99) 0%,rgba(251,247,240,.91) 48%,rgba(251,247,240,.2) 82%),url("hero-editorial-table-owner-fade-v2.webp");background-size:cover;background-position:center}
  .about-hero-copy{padding-right:40%;align-self:center}.about-hero-visual{display:none}
  .about-origin{grid-template-columns:1fr;gap:45px}.about-origin-heading,.about-origin-story{max-width:800px}
  .about-muse figcaption{grid-template-columns:minmax(180px,.4fr) 1fr;gap:50px}
  .about-steps{grid-template-columns:repeat(2,1fr);gap:35px 0}.about-step:nth-child(2){border-right:0}.about-step:nth-child(3){padding-left:0}.about-step>span{margin-bottom:20px}
  .about-contact{grid-template-columns:auto 1fr}.about-contact-actions{grid-column:2;justify-content:flex-start}
}
@media(max-width:680px){
  .about-hero{min-height:690px;background-image:linear-gradient(180deg,rgba(251,247,240,.99) 0%,rgba(251,247,240,.97) 45%,rgba(251,247,240,.76) 68%,rgba(251,247,240,.12) 100%),url("hero-editorial-table-owner-fade-v2.webp");background-size:auto 100%;background-position:58% center}
  .about-hero-copy{align-self:start;padding:70px 26px 50px}.about-hero-copy h1{font-size:65px;line-height:.86}.about-hero-copy>p:last-child{font-size:20px;line-height:1.35}
  .about-origin{padding:70px 25px;gap:38px}.about-origin-heading h2{font-size:45px}.about-origin-story{font-size:19px}
  .about-muse{min-height:720px}.about-muse>img{object-position:58% center}.about-muse:after{background:linear-gradient(180deg,rgba(0,0,0,.04) 22%,rgba(0,0,0,.14) 48%,rgba(0,0,0,.94) 84%)}.about-muse figcaption{left:25px;right:25px;bottom:46px;display:block}.about-muse h2{margin:17px 0 25px;font-size:88px}.about-muse-copy>p{font-size:18px}.about-muse-copy .about-muse-closing{font-size:27px}
  .about-experience{padding:70px 24px}.about-experience-intro{display:block;margin-bottom:52px}.about-experience-intro h2{margin:17px 0 25px;font-size:53px}.about-experience-intro>p:last-child{font-size:19px}
  .about-steps{grid-template-columns:1fr;border-top:0;gap:0}.about-step,.about-step:first-child,.about-step:nth-child(3),.about-step:last-child{padding:25px 0 30px;border-right:0;border-top:1px solid rgba(77,52,25,.18)}.about-step>span{margin-bottom:15px}.about-step h3{font-size:31px}.about-step p{font-size:17px}
  .about-quote{padding:80px 24px}.about-quote blockquote{font-size:39px;line-height:1.02}
  .about-closing{display:block;padding:75px 25px}.about-closing h2{font-size:57px}.about-closing>p{margin-top:38px;font-size:20px}
  .about-contact{display:block;padding:56px 25px}.about-contact>img{width:48px;height:48px;margin-bottom:25px}.about-contact h2{font-size:43px}.about-contact p{font-size:18px}.about-contact-actions{justify-content:flex-start;margin-top:30px;align-items:flex-start;flex-direction:column}
}

/* v2.9 — Personal introduction with Tim in the field. */
.about-hero{min-height:760px;grid-template-columns:minmax(470px,48%) 1fr}
.about-hero-copy{padding-top:58px;padding-bottom:62px}
.about-hero-copy h1{font-size:clamp(70px,6.3vw,104px);margin-bottom:28px}
.about-hero-copy>p:not(.about-eyebrow):not(.about-hero-highlight){max-width:650px;margin:0 0 17px;color:#37312a;font-size:clamp(17px,1.18vw,20px);line-height:1.42}
.about-hero-copy .about-hero-highlight{max-width:650px;margin:28px 0 0;color:var(--gold-dark);font:600 clamp(29px,2.4vw,39px)/1.05 var(--script)}
.about-hero-visual{position:relative;min-height:760px;margin:0;overflow:hidden;background:#d7dfdf}
.about-hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}
@media(max-width:1100px){
  .about-hero{display:grid;grid-template-columns:1fr;min-height:0;background:#fbf7f0}
  .about-hero-copy{padding:64px clamp(28px,7vw,72px)}
  .about-hero-visual{display:block;min-height:min(90vw,800px)}
}
@media(max-width:680px){
  .about-hero{min-height:0;background:#fbf7f0}
  .about-hero-copy{padding:58px 25px 54px}
  .about-hero-copy h1{font-size:62px}
  .about-hero-copy>p:not(.about-eyebrow):not(.about-hero-highlight){font-size:18px;line-height:1.42}
  .about-hero-copy .about-hero-highlight{font-size:31px}
  .about-hero-visual{min-height:132vw;max-height:720px}
}

/* v2.10 — Tighter editorial crop for Tim's introduction. */
.about-hero{min-height:650px}
.about-hero-copy{padding-top:46px;padding-bottom:48px}
.about-hero-visual{min-height:650px}
.about-hero-visual img{object-position:center 82%}
@media(max-width:1100px){
  .about-hero-visual{min-height:min(62vw,560px);max-height:560px}
  .about-hero-visual img{object-position:center 80%}
}
@media(max-width:680px){
  .about-hero-copy{padding-top:52px;padding-bottom:48px}
  .about-hero-visual{min-height:min(76vw,380px);max-height:380px}
  .about-hero-visual img{object-position:center 82%}
}

/* v2.11 — Maui's complete story beneath the muse portrait. */
.about-muse figcaption{display:block;max-width:780px}
.about-muse .about-muse-dates{margin:22px 0 0;color:rgba(255,250,243,.78);font:700 12px/1.2 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.about-muse-story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(48px,8vw,140px);padding:clamp(72px,8vw,125px) clamp(32px,7vw,120px);background:#17130f;color:#fffaf3}
.about-muse-story article{max-width:690px}
.about-muse-story .about-eyebrow{color:#d8a65f;margin-bottom:16px}
.about-muse-story h3{margin:0 0 30px;font-size:clamp(43px,4vw,64px);line-height:.9;letter-spacing:-.03em}
.about-muse-story article>p:not(.about-eyebrow){margin:0 0 20px;color:rgba(255,250,243,.82);font-size:clamp(18px,1.35vw,22px);line-height:1.48}
.about-muse-story>.about-muse-closing{grid-column:1/-1;max-width:1150px;margin:clamp(35px,5vw,72px) auto 0;text-align:center;color:#d9a65f;font:600 clamp(32px,3.6vw,53px)/1.08 var(--script)}
@media(max-width:800px){
  .about-muse-story{grid-template-columns:1fr;gap:55px;padding:68px 25px 76px}
  .about-muse-story h3{font-size:43px}
  .about-muse-story article>p:not(.about-eyebrow){font-size:18px}
  .about-muse-story>.about-muse-closing{margin-top:10px;font-size:34px;text-align:left}
}

/* v2.12 — The MeetThePaws purpose and public/private story flow. */
.about-origin-story .about-origin-closing{margin-top:30px;color:var(--gold-dark);font:600 clamp(28px,2.5vw,39px)/1.08 var(--script)}
@media(max-width:680px){.about-origin-story .about-origin-closing{margin-top:26px;font-size:31px}}

/* Public story index and individual story pages. */
.stories-hero{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:clamp(72px,8vw,125px) clamp(32px,7vw,120px);background-image:linear-gradient(90deg,rgba(251,247,240,.98) 0%,rgba(251,247,240,.86) 42%,rgba(251,247,240,.12) 76%),url("hero-envelope-published-no-instax.webp");background-size:cover;background-position:center}.stories-hero h1{margin:20px 0 25px;font-size:clamp(70px,7vw,112px);line-height:.84;letter-spacing:-.05em}.stories-hero>div{max-width:700px}.stories-hero>div>p:last-child{max-width:600px;margin:0;color:#443b33;font-size:clamp(20px,1.55vw,26px);line-height:1.4}.stories-gallery-open{white-space:nowrap;border:0;cursor:pointer}.stories-gallery-open span{margin-left:12px}.all-stories-grid-section{padding:clamp(55px,7vw,100px) clamp(24px,6vw,100px);background:#fffaf3}.all-stories-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.all-stories-heading h2{margin:17px 0 0;font-size:clamp(48px,5vw,82px);line-height:.88;letter-spacing:-.04em}.all-stories-heading>span{color:var(--gold-dark);font:700 11px/1 system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase}.all-stories-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(30px,4vw,70px) clamp(20px,3vw,42px);align-items:start}.all-story-card{position:relative;transform:rotate(var(--card-rot));transition:transform .25s ease}.all-story-card:hover{transform:rotate(0) translateY(-8px)}.all-story-card-link{display:block;color:inherit;text-decoration:none;background:#fff;padding:10px 10px 18px;box-shadow:0 10px 26px rgba(38,27,17,.14)}.all-story-photo{aspect-ratio:1/1;overflow:hidden;background:#eee8df}.all-story-photo img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.92) contrast(1.02)}.all-story-meta{padding:17px 8px 0}.all-story-meta h3{margin:0;font-size:clamp(27px,2.4vw,39px);line-height:.9}.all-story-meta p{margin:8px 0 0;color:var(--gold-dark);font:600 20px/1.05 var(--script)}.all-story-meta span{display:block;margin-top:14px;color:#554b42;font-size:15px;line-height:1.35}.all-story-meta strong{display:block;margin-top:7px;color:var(--gold-dark);font:800 10px/1 system-ui,sans-serif;letter-spacing:.11em;text-transform:uppercase}.all-story-gallery-trigger{position:absolute;right:20px;bottom:19px;width:30px;height:30px;border:1px solid rgba(177,122,46,.45);border-radius:50%;background:#fffaf3;color:var(--gold-dark);cursor:pointer;font-size:20px;line-height:1}.stories-empty{padding:50px 0;color:#655a50;font-size:21px}.stories-gallery{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:35px;background:rgba(22,17,12,.72);backdrop-filter:blur(12px);opacity:0;transition:opacity .28s ease}.stories-gallery[aria-hidden="false"]{opacity:1}.stories-gallery[hidden]{display:none}.stories-gallery-backdrop{position:absolute;inset:0}.stories-gallery-dialog{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(300px,680px) auto;align-items:center;gap:28px;width:min(100%,1000px);max-height:calc(100vh - 70px);padding:28px 30px 34px;border-radius:26px;background:#fffaf3;box-shadow:0 28px 80px rgba(0,0,0,.28);text-align:center}.stories-gallery-content{min-width:0}.stories-gallery-photo{width:100%;aspect-ratio:1/1;overflow:hidden;background:#ede5da}.stories-gallery-photo img{width:100%;height:100%;display:block;object-fit:cover}.stories-gallery-name{margin:22px 0 0}.stories-gallery-oneliner{margin:8px 0 0;color:var(--gold-dark);font:600 25px/1.05 var(--script)}.stories-gallery-excerpt{max-width:570px;margin:12px auto 20px;color:#554b42;font-size:17px;line-height:1.35}.stories-gallery-close{position:absolute;top:16px;right:18px;width:42px;height:42px;border:1px solid rgba(177,122,46,.35);border-radius:50%;background:#fff;color:#302820;cursor:pointer;font-size:30px;line-height:1}.stories-gallery-prev,.stories-gallery-next{width:48px;height:48px;border:1px solid rgba(177,122,46,.3);border-radius:50%;background:#fff;color:var(--gold-dark);cursor:pointer;font-size:25px}.stories-gallery-open{overflow:hidden}.story-card-link{position:static;display:contents;color:inherit;text-decoration:none}.story-card-link-overlay{position:absolute;z-index:2;inset:0;cursor:pointer}.story-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.85fr);gap:clamp(45px,8vw,130px);align-items:center;min-height:clamp(620px,65vw,850px);padding:clamp(70px,8vw,125px) clamp(32px,7vw,120px);background-image:linear-gradient(90deg,rgba(251,247,240,.99) 0%,rgba(251,247,240,.94) 42%,rgba(251,247,240,.35) 72%,rgba(251,247,240,.08) 100%),url("hero-envelope-published-no-instax.webp");background-size:cover;background-position:center}.story-detail-copy{max-width:680px}.story-detail-copy h1{margin:20px 0 0;font-size:clamp(80px,9vw,150px);line-height:.78;letter-spacing:-.06em}.story-detail-oneliner{margin:26px 0 0;color:var(--gold-dark);font:600 clamp(28px,2.5vw,42px)/1.05 var(--script)}.story-detail-meta{margin:13px 0 32px;color:var(--gold-dark);font:700 12px/1.2 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}.text-link{color:var(--gold-dark);font:800 11px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.story-detail-cover{justify-self:center;width:min(100%,500px);padding:12px 12px 22px;border:0;background:#fff;color:#302820;box-shadow:0 18px 36px rgba(38,27,17,.2);cursor:zoom-in;transform:rotate(2deg);transition:transform .25s ease}.story-detail-cover:hover{transform:rotate(0) translateY(-7px)}.story-detail-cover img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.story-detail-cover span{display:block;margin-top:13px;font:600 27px/1 var(--script)}.story-detail-cover b{color:var(--gold-dark);font-family:system-ui,sans-serif}.story-detail-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:clamp(50px,10vw,160px);padding:clamp(75px,9vw,140px) clamp(32px,7vw,120px);background:#fffaf3}.story-detail-main{max-width:800px}.story-detail-main h2{margin:18px 0 28px;font-size:clamp(53px,5vw,82px);line-height:.86;letter-spacing:-.04em}.story-detail-main{color:#39332d;font-size:clamp(20px,1.45vw,25px);line-height:1.48}.story-owner-panel{align-self:start;padding:34px;background:#f2e3d0;border-radius:18px}.story-owner-panel .gold-stroke{width:54px;margin:18px 0 25px}.story-owner-panel p:last-child{margin:0;color:#4d443b;font-size:20px;line-height:1.45}.story-owner-panel .muted-story{color:#76695d;font-style:italic}.story-detail-nav{display:flex;justify-content:space-between;gap:30px;padding:34px clamp(32px,7vw,120px) 45px;background:#17130f}.story-detail-nav a{display:grid;grid-template-columns:auto auto;gap:4px 11px;color:#fffaf3;text-decoration:none;font:800 10px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.story-detail-nav a:last-child{text-align:right}.story-detail-nav strong{grid-column:1/-1;color:#d8a65f;font:600 29px/1 var(--script);letter-spacing:0}.story-single-lightbox{position:fixed;z-index:110;inset:0;display:grid;place-items:center;padding:30px;background:rgba(22,17,12,.84);backdrop-filter:blur(12px)}.story-single-lightbox[hidden]{display:none}.story-single-lightbox>div{position:absolute;inset:0}.story-single-lightbox button{position:absolute;z-index:1;top:24px;right:28px;width:46px;height:46px;border:1px solid rgba(255,250,243,.55);border-radius:50%;background:#fffaf3;color:#302820;cursor:pointer;font-size:32px;line-height:1}.story-single-lightbox img{position:relative;z-index:1;max-width:min(88vw,800px);max-height:88vh;object-fit:contain;box-shadow:0 25px 70px rgba(0,0,0,.35)}
@media(max-width:1000px){.all-stories-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.story-detail-hero{grid-template-columns:1fr}.story-detail-cover{justify-self:start}.story-detail-body{grid-template-columns:1fr}.story-owner-panel{max-width:700px}}
@media(max-width:680px){.stories-hero{display:block;padding:68px 25px 72px;background-image:linear-gradient(180deg,rgba(251,247,240,.99) 0%,rgba(251,247,240,.9) 55%,rgba(251,247,240,.2) 100%),url("hero-envelope-published-no-instax.webp")}.stories-hero h1{font-size:66px}.stories-hero>div>p:last-child{font-size:19px}.stories-gallery-open{margin-top:36px}.all-stories-grid-section{padding:62px 20px}.all-stories-heading{align-items:start}.all-stories-heading h2{font-size:48px}.all-stories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 18px}.all-story-card-link{padding:7px 7px 14px}.all-story-meta{padding:12px 5px 0}.all-story-meta h3{font-size:28px}.all-story-meta p{font-size:17px}.all-story-meta span{font-size:12px}.all-story-gallery-trigger{right:11px;bottom:13px;width:25px;height:25px;font-size:17px}.stories-gallery{padding:12px}.stories-gallery-dialog{grid-template-columns:40px minmax(0,1fr) 40px;gap:6px;width:100%;padding:20px 8px 25px}.stories-gallery-photo{aspect-ratio:1/1}.stories-gallery-close{top:10px;right:10px;width:38px;height:38px}.stories-gallery-prev,.stories-gallery-next{width:38px;height:38px;font-size:20px}.stories-gallery-oneliner{font-size:22px}.stories-gallery-excerpt{font-size:15px}.story-detail-hero{display:block;min-height:0;padding:68px 25px 78px;background-image:linear-gradient(180deg,rgba(251,247,240,.99) 0%,rgba(251,247,240,.92) 50%,rgba(251,247,240,.2) 100%),url("hero-envelope-published-no-instax.webp")}.story-detail-copy h1{font-size:78px}.story-detail-cover{width:min(90%,420px);margin:50px auto 0;display:block}.story-detail-body{display:block;padding:68px 25px}.story-detail-main{font-size:19px}.story-detail-main h2{font-size:53px}.story-owner-panel{margin-top:55px;padding:25px}.story-detail-nav{padding:30px 25px}.story-detail-nav a{font-size:9px}.story-detail-nav strong{font-size:24px}.story-single-lightbox{padding:15px}.story-single-lightbox button{top:16px;right:17px}}

/* Support page. */
.support-main{min-height:calc(100vh - 130px);background:#f8f4ed}
.support-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.78fr);gap:clamp(45px,8vw,130px);align-items:start;min-height:calc(100vh - 130px);padding:clamp(70px,9vw,140px) clamp(32px,8vw,140px);background:linear-gradient(135deg,#ead8c0 0%,#f5eadc 45%,#fbf7f0 100%)}
.support-copy{max-width:760px}.support-copy .gold-stroke{width:64px;margin:20px 0 30px}.support-copy h1{max-width:720px;margin:0 0 28px;font-size:clamp(64px,7vw,112px);line-height:.84;letter-spacing:-.05em}.support-copy>p:not(.about-eyebrow):not(.support-signature){max-width:680px;margin:0;color:#40372f;font-size:clamp(20px,1.55vw,26px);line-height:1.4}.support-signature{margin:28px 0 0;color:var(--gold-dark);font:600 clamp(28px,2.6vw,40px)/1.05 var(--script)}
.support-card{width:100%;max-width:620px;justify-self:end;padding:clamp(30px,4vw,58px);border:1px solid rgba(177,122,46,.24);border-radius:28px;background:rgba(255,252,247,.72);box-shadow:0 24px 70px rgba(83,54,20,.12);backdrop-filter:blur(10px)}
.support-payment{border:1px solid rgba(177,122,46,.18);border-radius:20px;background:radial-gradient(circle at 50% 15%,rgba(201,145,69,.12),rgba(255,252,247,.65) 55%,rgba(238,228,213,.5));overflow:hidden}.support-payment [data-support-offer]{padding:clamp(26px,4vw,46px) clamp(18px,3vw,42px);text-align:center}.support-payment h2,.support-thanks h2{margin:0;font-size:clamp(36px,4vw,58px);line-height:.92;letter-spacing:-.03em}.support-payment [data-support-offer]>p:not(.download-modal-eyebrow){max-width:480px;margin:16px auto 0;color:#5b5147;font-size:18px;line-height:1.35}.support-payment [data-support-checkout]{padding:24px;background:#fffaf1}.support-payment [data-support-checkout][hidden]{display:none!important}.support-payment [data-support-checkout]>button{display:block;margin:0 0 18px auto;border:0;background:transparent;color:var(--gold-dark);cursor:pointer;font:800 10px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.support-thanks{text-align:center;padding:clamp(22px,3vw,44px)}.support-thanks img{width:55px;height:55px;object-fit:contain;margin-bottom:20px}.support-thanks h2{margin:16px 0}.support-thanks p:last-child{margin:0;color:#5b5147;font-size:18px;line-height:1.4}
@media(max-width:900px){.support-hero{grid-template-columns:1fr;align-items:start}.support-card{justify-self:stretch;max-width:720px}}
@media(max-width:680px){.support-hero{display:block;min-height:0;padding:68px 25px 80px}.support-copy h1{font-size:62px}.support-copy>p:not(.about-eyebrow):not(.support-signature){font-size:19px}.support-card{margin-top:48px;padding:14px;border-radius:22px}.support-payment [data-support-offer]{padding:26px 14px}.support-payment [data-support-offer]>p:not(.download-modal-eyebrow){font-size:16px}.support-payment .full-res-choice{min-width:78px;padding:0 13px}}

/* v2.13 Maui portrait dissolves naturally into the story section below. */
.about-muse{background:#17130f}
.about-muse>img{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.82) 86%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 72%,rgba(0,0,0,.82) 86%,transparent 100%)}
.about-muse:after{background:linear-gradient(180deg,rgba(0,0,0,.04) 28%,rgba(0,0,0,.18) 58%,rgba(0,0,0,.58) 82%,rgba(23,19,15,0) 100%)}
@media(max-width:680px){
  .about-muse>img{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 68%,rgba(0,0,0,.82) 83%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 68%,rgba(0,0,0,.82) 83%,transparent 100%)}
  .about-muse:after{background:linear-gradient(180deg,rgba(0,0,0,.04) 22%,rgba(0,0,0,.14) 48%,rgba(0,0,0,.7) 80%,rgba(23,19,15,0) 100%)}
}
/* All Stories uses the physical Instax format that matches each cover image. */
.all-stories-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(30px,4vw,70px) clamp(16px,2vw,30px)}
.all-story-card-link{position:relative;padding:0}
.all-story-photo{width:100%;overflow:hidden}
.all-story-meta{position:absolute;left:7.4074%;right:7.4074%;top:76.7442%;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0}
.all-story-meta>div{min-width:0}.all-story-meta h3{margin:0;font-size:22px;line-height:1}.all-story-meta p{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;color:var(--gold-dark);font-size:12px;line-height:1.05}.all-story-meta>img{flex:0 0 auto;width:20px;height:20px;object-fit:contain;margin:0}
.all-story-card--mini .all-story-card-link{aspect-ratio:var(--instax-mini-ratio);padding:7.4074% 7.4074% 37.037%}.all-story-card--mini .all-story-photo{aspect-ratio:46 / 62}
.all-story-card--wide .all-story-card-link{aspect-ratio:var(--instax-wide-ratio);padding:3.7037% 4.1667% 18.5185%}.all-story-card--wide .all-story-photo{aspect-ratio:99 / 62}.all-story-card--wide .all-story-meta{left:4.1667%;right:4.1667%}
@media(max-width:1100px){.all-stories-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.all-stories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 18px}.all-story-card--mini .all-story-meta h3,.all-story-card--wide .all-story-meta h3{font-size:clamp(18px,5vw,28px)}.all-story-card--mini .all-story-meta p,.all-story-card--wide .all-story-meta p{font-size:clamp(10px,3vw,15px)}.all-story-meta>img{width:clamp(16px,5vw,24px);height:clamp(16px,5vw,24px)}}
/* Story header cover follows the same Mini/Wide Instax system as All Stories. */
.story-detail-cover{position:relative;width:min(50%,260px);padding:0;background:#fff;aspect-ratio:auto;overflow:visible}
.story-detail-cover--mini{aspect-ratio:var(--instax-mini-ratio);padding:7.4074% 7.4074% 37.037%}
.story-detail-cover--wide{aspect-ratio:var(--instax-wide-ratio);padding:3.7037% 4.1667% 18.5185%}
.story-detail-cover--mini>img{aspect-ratio:46 / 62}.story-detail-cover--wide>img{aspect-ratio:99 / 62}
.story-detail-cover>img{display:block;width:100%;height:auto;object-fit:cover;border-radius:0}
.story-detail-cover-meta{position:absolute;left:7.4074%;right:7.4074%;top:76.7442%;bottom:0;display:flex;align-items:center;gap:8px;margin:0;font:inherit;text-align:left}
.story-detail-cover--wide .story-detail-cover-meta{left:4.1667%;right:4.1667%}
.story-detail-cover-copy{display:block;min-width:0;margin:0}.story-detail-cover-meta strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 18px/1 var(--serif)}
.story-detail-cover-meta em{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;color:var(--gold-dark);font:600 11px/1 var(--script);font-style:normal}
.story-detail-cover-meta>img{margin-left:auto;flex:0 0 auto;width:18px;height:18px;object-fit:contain}
@media(max-width:680px){.story-detail-cover{width:min(58%,240px)}.story-detail-cover-meta strong{font-size:16px}.story-detail-cover-meta em{font-size:10px}.story-detail-cover-meta>img{width:16px;height:16px}}
.story-detail-cover{box-shadow:0 10px 26px rgba(38,27,17,.14);transform:rotate(-2deg)}
.story-detail-cover:hover{transform:rotate(0) translateY(-8px);box-shadow:0 16px 34px rgba(38,27,17,.20)}
.story-detail-cover-meta strong{font-size:22px}.story-detail-cover-meta em{font-size:12px}.story-detail-cover-meta>img{width:20px;height:20px}
@media(max-width:680px){.story-detail-cover-meta strong{font-size:16px}.story-detail-cover-meta em{font-size:10px}.story-detail-cover-meta>img{width:16px;height:16px}}
/* Public story hero mirrors the Published Envelope hero and reuses its rendered Instax. */
.story-public-hero{position:relative}
.story-public-hero .celebration-visual{background-image:linear-gradient(90deg,rgba(251,247,240,.98) 0%,rgba(251,247,240,.40) 19%,rgba(251,247,240,.02) 42%),url("hero-envelope-published-no-instax.webp")}
.story-public-copy{align-self:start}.story-public-copy h1{margin-bottom:9px}
.story-public-oneliner{margin:0 0 3px;color:var(--gold-dark);font:600 clamp(19px,1.45vw,25px)/1.08 var(--script)}
.story-public-meta{margin:0 0 22px;color:var(--gold-dark);font:600 clamp(17px,1.25vw,22px)/1.15 var(--script)}
.story-public-label{margin:0 0 10px;color:var(--gold-dark);font:800 10px/1.2 system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.story-public-story{max-width:580px;margin:0;font-size:clamp(20px,1.6vw,26px);line-height:1.17}
.story-public-back{display:inline-block;margin-top:22px}
.story-public-instax{position:absolute;z-index:4;left:69%;top:54%;width:clamp(205px,17.4vw,275px);margin:0;transform:translate(-50%,-50%) rotate(-7deg);filter:drop-shadow(0 12px 18px rgba(52,37,22,.24));cursor:zoom-in;transition:transform .24s ease,filter .24s ease}
.story-public-instax:hover{transform:translate(-50%,-52%) rotate(-5deg);filter:drop-shadow(0 18px 24px rgba(52,37,22,.28))}
.story-public-instax img{display:block;width:100%;height:auto}
.story-detail-body--owner-only{display:block}.story-detail-body--owner-only .story-owner-panel{max-width:820px;margin:0 auto}
@media(max-width:1100px){.story-public-copy{background-image:linear-gradient(90deg,rgba(251,247,240,.98) 0%,rgba(251,247,240,.90) 42%,rgba(251,247,240,.12) 76%),url("hero-envelope-published-no-instax.webp")}.story-public-instax{left:auto;right:16%;top:auto;bottom:5%;width:clamp(194px,29.5vw,267px);transform:rotate(-7deg)}.story-public-instax:hover{transform:translateY(-3px) rotate(-5deg)}}
@media(max-width:700px){.story-public-meta{margin-bottom:16px}.story-public-oneliner{font-size:21px}.story-public-story{font-size:20px}.story-public-copy{padding-bottom:clamp(255px,68vw,300px);background-image:linear-gradient(180deg,rgba(251,247,240,.99) 0%,rgba(251,247,240,.97) 42%,rgba(251,247,240,.86) 62%,rgba(251,247,240,.48) 80%,rgba(251,247,240,.14) 100%),url("hero-envelope-published-no-instax.webp")}.story-public-instax{right:clamp(18px,6vw,42px);left:auto;bottom:18px;width:clamp(126px,34vw,155px);transform:rotate(-5deg)}.story-public-instax:hover{transform:rotate(-4deg)}}
@media(max-width:700px){.story-public-instax{left:auto;right:24px;bottom:24px;width:calc(100% - 48px)}.story-public-hero--mini .story-public-copy{padding-bottom:calc(159.26vw - 20px)}.story-public-hero--wide .story-public-copy{padding-bottom:calc(79.63vw + 18px)}}
.story-detail-body--filmstrip{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:start}.story-filmstrip-panel{min-width:0}.story-filmstrip-panel>.gold-stroke{width:54px;margin:18px 0 25px}.story-filmstrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:18px;align-items:start}.story-filmstrip-item{display:block;width:100%;padding:6px 6px 16px;border:0;background:#fff;box-shadow:0 8px 18px rgba(38,27,17,.14);cursor:zoom-in;transform:rotate(var(--film-rot, -2deg));transition:transform .2s ease,box-shadow .2s ease}.story-filmstrip-item:nth-child(2n){--film-rot:2deg}.story-filmstrip-item:nth-child(3n){--film-rot:-1deg}.story-filmstrip-item:hover,.story-filmstrip-item:focus-visible{transform:rotate(0) translateY(-5px);box-shadow:0 14px 28px rgba(38,27,17,.2);outline:2px solid var(--gold)}.story-filmstrip-item img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.story-detail-body--filmstrip .story-owner-panel{margin:0}.story-single-lightbox-prev,.story-single-lightbox-next{position:relative;z-index:2;width:50px;height:50px;border:1px solid rgba(255,250,243,.55);border-radius:50%;background:#fffaf3;color:#302820;cursor:pointer;font-size:38px;line-height:1}.story-single-lightbox-prev{position:absolute;left:28px}.story-single-lightbox-next{position:absolute;right:28px}.story-single-lightbox-prev[hidden],.story-single-lightbox-next[hidden]{display:none!important}
.story-detail-body--no-owner{grid-template-columns:1fr}
@media(max-width:1000px){.story-detail-body--filmstrip{grid-template-columns:1fr}.story-detail-body--filmstrip .story-owner-panel{margin-top:48px}}
@media(max-width:680px){.story-filmstrip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.story-filmstrip-item{padding:4px 4px 10px}.story-single-lightbox-prev,.story-single-lightbox-next{width:42px;height:42px;font-size:31px}.story-single-lightbox-prev{left:12px}.story-single-lightbox-next{right:12px}}
.story-public-instax:focus{outline:none}
.story-single-lightbox-prev,.story-single-lightbox-next{top:50%;transform:translateY(-50%)}
.story-single-lightbox button.story-single-lightbox-prev,.story-single-lightbox button.story-single-lightbox-next{top:50%;transform:translateY(-50%)}
@media(max-width:680px){.story-single-lightbox button.story-single-lightbox-prev,.story-single-lightbox button.story-single-lightbox-next{top:auto;bottom:24px;transform:none}.story-single-lightbox button.story-single-lightbox-prev{left:24px}.story-single-lightbox button.story-single-lightbox-next{right:24px}}
.story-filmstrip-item{position:relative;aspect-ratio:var(--instax-square-ratio);padding:5.5556% 6.9444% 27.7778%;border-radius:2px;overflow:visible;text-align:left;font:inherit}.story-filmstrip-item .story-photo{width:100%;aspect-ratio:1/1;overflow:hidden;background:#eee8df}.story-filmstrip-item .story-photo>img{width:100%;height:100%;object-fit:cover}.story-filmstrip-item .story-meta{position:absolute;left:6.9444%;right:6.9444%;top:76.7442%;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0}.story-filmstrip-item .story-meta>div{min-width:0}.story-filmstrip-item .story-meta h3{font-size:clamp(16px,1.5vw,22px);line-height:1;margin:0}.story-filmstrip-item .story-meta p{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(9px,.85vw,12px);line-height:1.05;color:var(--gold-dark);margin:3px 0 0}.story-filmstrip-item .story-meta>img{flex:0 0 auto;width:clamp(15px,1.4vw,20px);height:clamp(15px,1.4vw,20px);object-fit:contain;margin:0}
@media(max-width:680px){.story-filmstrip-item{padding:5.5556% 6.9444% 27.7778%}.story-filmstrip-item .story-meta h3{font-size:clamp(14px,4.5vw,22px)}.story-filmstrip-item .story-meta p{font-size:clamp(8px,2.6vw,12px)}.story-filmstrip-item .story-meta>img{width:clamp(14px,4.5vw,20px);height:clamp(14px,4.5vw,20px)}}
.story-filmstrip{grid-template-columns:repeat(4,minmax(0,1fr))}
.story-filmstrip-item{color:#141210;text-decoration:none}
.story-detail-body--filmstrip{grid-template-columns:minmax(0,2.2fr) minmax(310px,.95fr);gap:0;padding:0;border-top:1px solid rgba(17,17,17,.08);border-bottom:1px solid rgba(17,17,17,.08);background:#fffaf3}.story-filmstrip-panel{padding:24px 30px 30px clamp(34px,5vw,80px)}.story-filmstrip-panel>.about-eyebrow{margin:0;font-size:34px;line-height:1}.story-filmstrip-panel>.gold-stroke{margin:16px 0 20px}.story-detail-body--filmstrip .story-owner-panel{align-self:stretch;margin:0;padding:30px clamp(28px,3vw,54px);border-left:1px solid rgba(17,17,17,.09);border-radius:0;background:#fffaf3}.story-detail-body--filmstrip .story-owner-panel .about-eyebrow{margin:0;font-size:34px;line-height:1}.story-detail-body--filmstrip .story-owner-panel .gold-stroke{margin:18px 0 25px}.story-detail-body--filmstrip .story-owner-panel p:last-child{font-size:20px;line-height:1.45}.story-detail-body--filmstrip.story-detail-body--no-owner{grid-template-columns:1fr}
@media(max-width:1000px){.story-detail-body--filmstrip{grid-template-columns:1fr}.story-detail-body--filmstrip .story-owner-panel{border-left:0;border-top:1px solid rgba(17,17,17,.09);margin:0;padding:30px 24px}.story-filmstrip-panel{padding:28px 20px 34px}}
@media(max-width:680px){.story-filmstrip-panel>.about-eyebrow,.story-detail-body--filmstrip .story-owner-panel .about-eyebrow{font-size:31px}.story-filmstrip-panel>.gold-stroke{margin:14px 0 18px}}
.story-filmstrip-panel>.about-eyebrow,.story-detail-body--filmstrip .story-owner-panel .about-eyebrow{font:600 32px/1 var(--serif);letter-spacing:0;text-transform:none;color:#141210}
@media(max-width:680px){.story-filmstrip-panel>.about-eyebrow,.story-detail-body--filmstrip .story-owner-panel .about-eyebrow{font-size:29px}}
@media(max-width:680px){.story-filmstrip{grid-template-columns:repeat(2,minmax(0,1fr))}}
.stories-gallery{z-index:110;padding:30px;background:rgba(22,17,12,.84);backdrop-filter:blur(12px)}.stories-gallery-dialog{position:relative;display:grid;grid-template-columns:1fr;align-items:center;gap:0;width:100%;max-width:100%;max-height:100%;padding:0;background:transparent;box-shadow:none;border-radius:0}.stories-gallery-content{display:flex;flex-direction:column;align-items:center;min-width:0;max-width:min(88vw,800px);max-height:88vh;margin:0 auto;text-align:center}.stories-gallery-photo{width:auto;max-width:100%;height:auto;aspect-ratio:auto;overflow:visible;background:transparent}.stories-gallery-photo img{display:block;width:auto;height:auto;max-width:min(88vw,800px);max-height:68vh;object-fit:contain;box-shadow:0 25px 70px rgba(0,0,0,.35)}.stories-gallery-label{margin:20px 0 0;color:#d8a65f;font:800 10px/1.2 system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase}.stories-gallery-name{margin:8px 0 0;color:#fffaf3;font:600 clamp(30px,4vw,48px)/.95 var(--serif)}.stories-gallery-meta{margin:8px 0 0;color:#d8a65f;font:600 18px/1.1 var(--script)}.stories-gallery-oneliner{margin:5px 0 0;color:#d8a65f;font:600 21px/1.05 var(--script)}.stories-gallery-excerpt{max-width:640px;margin:10px auto 14px;color:#fffaf3;font-size:17px;line-height:1.35}.stories-gallery-content>.text-link{color:#d8a65f}.stories-gallery-close{top:24px;right:28px}.stories-gallery-prev,.stories-gallery-next{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:50px;height:50px;border:1px solid rgba(255,250,243,.55);border-radius:50%;background:#fffaf3;color:#302820;cursor:pointer;font-size:25px}.stories-gallery-prev{left:28px}.stories-gallery-next{right:28px}
@media(max-width:680px){.stories-gallery{padding:15px}.stories-gallery-photo img{max-width:88vw;max-height:62vh}.stories-gallery-label{margin-top:12px}.stories-gallery-name{font-size:35px}.stories-gallery-meta{font-size:16px}.stories-gallery-excerpt{font-size:15px;margin-bottom:10px}.stories-gallery-prev,.stories-gallery-next{top:auto;bottom:24px;transform:none;width:42px;height:42px;font-size:21px}.stories-gallery-prev{left:24px}.stories-gallery-next{right:24px}}
.stories-gallery-name{font-size:clamp(28px,3.2vw,40px);margin-top:14px}.stories-gallery-content>.text-link{margin-top:16px}
.stories-gallery-close{top:16px;right:18px}
@media(max-width:680px){.stories-gallery-name{font-size:30px;margin-top:10px}.stories-gallery-content>.text-link{margin-top:12px}}