:root{--neo-primary:#102640;--neo-secondary:#DCE7EC;--neo-accent:#B99A68;--neo-text:#102640;--neo-text-secondary:#596573;--neo-background:#F7F3EC;--neo-surface:#FFFFFF;--neo-text-light:#FFFFFF;--neo-text-muted:#596573;--neo-bg:#F7F3EC;--neo-bg-dark:#0F172A;--bg:var(--neo-background);--background:var(--neo-background);--ink:var(--neo-text);--text:var(--neo-text);--accent:var(--neo-accent);--primary:var(--neo-primary);--secondary:var(--neo-secondary);--surface:var(--neo-surface);--muted:var(--neo-text-secondary);--line:#E2EBF2;--accent-2:var(--neo-secondary);--shadow-sm:0 4px 16px rgba(0,0,0,0.06);--shadow-md:0 12px 36px rgba(0,0,0,0.10);--shadow-lg:0 24px 60px rgba(0,0,0,0.14);--radius-card:16px;--radius-button:999px;--radius-image:20px;--font-heading:'Assistant',sans-serif;--font-body:'Assistant',sans-serif;--neo-radius:0px;--neo-spacing:comfortable;--neo-max-width:1280px;--neo-font-family:'Assistant',sans-serif;--neo-font-heading:'Assistant',sans-serif;--neo-font-title:'Assistant',sans-serif;--neo-font-body:'Assistant',sans-serif;--fs-display:clamp(2.75rem,6.5vw,4.75rem);--fs-h1:clamp(2rem,5vw,3.5rem);--fs-h2:clamp(1.75rem,4vw,2.75rem);--fs-h3:clamp(1.4rem,3vw,2rem);--fs-h4:clamp(1.2rem,2.4vw,1.5rem);--fs-body:clamp(0.95rem,1.2vw,1.1rem);--fs-small:clamp(0.8rem,1vw,0.9rem);--neo-space-section-tight:clamp(52px,7vw,96px);--neo-space-section-normal:clamp(80px,10vw,140px);--neo-space-section-loose:clamp(110px,13vw,190px);--neo-space-section-mobile:56px;--neo-header-height:72px}.neo-header--sticky{position:fixed!important;inset:0 0 auto 0!important;z-index:1000!important}.neo-header.si-over-hero{background:transparent!important;color:#F2EBDC!important}.neo-header.si-after-hero{background:#05357B!important;color:#F2EBDC!important}.neo-has-overlay-header .neo-main>.neo-sector:first-child{padding-top:0!important}.neo-header--overlay-transparent{background:transparent!important;color:#F2EBDC!important}.neo-header--scrolled{background:#05357B!important;color:#F2EBDC!important}.neo-header.si-after-hero.neo-header--overlay-transparent{background:#05357B!important;color:#F2EBDC!important;box-shadow:0 1px 0 #f2ebdc2e!important}.neo-header>.neo-container{width:100%!important;max-width:none!important;padding:0!important}.neo-header__inner{position:relative!important;min-height:90px!important;padding:24px 4vw!important;display:grid!important;grid-template-columns:minmax(0,1fr) 186px minmax(0,1fr)!important;gap:36px!important}.neo-header__logo{grid-column:2!important;grid-row:1!important;justify-self:center!important;display:flex!important;align-items:center!important;width:186px!important;max-width:186px!important}.neo-header__logo img{display:block!important;width:186px!important;height:auto!important;max-width:186px!important;max-height:41px!important}.neo-header__nav{position:absolute!important;right:4vw!important;top:50%!important;transform:translateY(-50%)!important;display:flex!important;align-items:center!important;min-width:0!important}.neo-nav__list{position:static!important;display:flex!important;gap:20px!important;align-items:center!important;flex-wrap:nowrap!important;justify-content:flex-start!important}.neo-nav__link{color:#F2EBDC!important;padding:0!important;white-space:nowrap!important}.neo-header__actions{display:flex!important;position:absolute!important;left:4vw!important;top:50%!important;transform:translateY(-50%)!important;align-items:center!important;gap:0!important;color:#F2EBDC!important}.neo-header__cart,.neo-header__actions a,.neo-header__actions button{color:#F2EBDC!important}.neo-header__cart svg,.neo-header__actions svg{width:25px!important;height:25px!important;stroke:currentColor!important}.neo-mobile-menu{background:#05357B!important;color:#F2EBDC!important}.neo-mobile-menu a{color:#F2EBDC!important}.help .button{color:#233449!important}@media(max-width:1199px) and (min-width:801px){.neo-header__inner{padding:24px 3vw!important;grid-template-columns:minmax(0,1fr) 164px minmax(0,1fr)!important;gap:20px!important}.neo-header__logo,.neo-header__logo img{width:164px!important;max-width:164px!important}.neo-header__nav{position:static!important;grid-column:1!important;grid-row:1!important;justify-self:end!important;transform:none!important}.neo-nav__list{gap:14px!important}.neo-nav__link{font-size:15px!important}}@media(max-width:800px){.neo-header__inner{min-height:70px!important;padding:18px 22px!important;display:flex!important}.neo-header__logo{width:154px!important;max-width:154px!important;margin:auto!important}.neo-header__logo img{width:154px!important;max-width:154px!important;max-height:34px!important}.neo-header__actions{display:flex!important}.neo-header__hamburger{display:flex!important}.neo-header__nav{display:none!important}.neo-mobile-menu .neo-mobile-menu__item:first-child{position:static!important;transform:none!important}}.neo-footer,.neo-footer__custom{background:linear-gradient(180deg,#061b37 0,#05080d 68%)!important;color:#e8e1d5!important}.neo-footer__custom{padding:0!important}.footer-inner{direction:rtl;max-width:1120px;min-height:185px;padding:52px 40px 30px;display:flex;gap:28px;align-items:center;margin:auto;font-size:16px;flex-wrap:wrap;color:#e8e1d5;border-top:1px solid #f2ebdc24}.footer-inner a{color:inherit!important;text-decoration:none}.footer-inner a:hover{text-decoration:underline;text-underline-offset:6px}.footer-logo{margin-right:auto;display:flex;align-items:center;justify-content:center}.footer-logo img{display:block;width:210px;height:auto;max-height:47px;object-fit:contain}.credit{flex-basis:100%;order:7;text-align:center;margin-top:8px;font-size:13px!important;letter-spacing:.02em;opacity:.64!important}.credit:hover{opacity:1!important}.neo-studio-credit{display:none!important}@media(max-width:700px){.footer-inner{min-height:0;padding:42px 22px 28px;gap:24px;justify-content:center}.footer-logo{margin-right:0;order:-1;flex-basis:100%}.footer-logo img{width:190px;max-height:42px}.credit{flex-basis:100%;text-align:center;order:7;margin-top:0}}
/* Etx editorContract v2 — authored source */
/* v2 sector: sec_31aa31aa page: home */
/* ============================================================================
   scrollcraft.css: the taste floor
   ----------------------------------------------------------------------------
   Two layers, and the split matters:

     TOKENS   what you override per brand. Colour roles, the type ramp, the
              spacing scale, elevation, motion. A brand is ~12 values.
     DEVICES  what the engine drives. Do not restyle these to taste; they are
              the mechanism. Style your own markup instead.

   Nothing here draws a "component". There are no card, badge, or pill classes,
   because a stylesheet that ships those is how every page built on it ends up
   with the same shapes. You get a floor and a vocabulary; the composition is
   yours.
   ========================================================================== */

/* ---------------------------------------------------------------- tokens -- */
:root {
  /* --- colour roles. Override these six and the page is rebranded. -------- */
  --sc-canvas:      #08090b;   /* the page ground. Drift interpolates this.   */
  --sc-surface:     #101217;   /* anything raised off the ground             */
  --sc-ink:         #f4f2ef;   /* primary text                               */
  --sc-ink-soft:    #9a9ba1;   /* secondary text. Tinted, never flat gray.   */
  --sc-accent:      #d8ff3e;   /* ONE accent. It owns a region, not confetti. */
  --sc-accent-ink:  #08090b;   /* text that sits on the accent               */

  --sc-hairline:    color-mix(in oklab, var(--sc-ink) 12%, transparent);
  --sc-hairline-strong: color-mix(in oklab, var(--sc-ink) 22%, transparent);

  /* --- type. Two families max. Display carries voice, text carries prose. - */
  --sc-font-display: "Instrument Sans", "Geist", system-ui, sans-serif;
  --sc-font-text:    "Geist", system-ui, sans-serif;
  --sc-font-mono:    "Geist Mono", ui-monospace, monospace;

  /* Fluid ramp. Tracking tightens as size grows because a face set at 6rem
     with 0 tracking reads loose; this is optical correction, not decoration. */
  --sc-t-xs:   clamp(0.75rem, 0.72rem + 0.15vw, 0.82rem);
  --sc-t-sm:   clamp(0.875rem, 0.84rem + 0.18vw, 0.95rem);
  --sc-t-base: clamp(1rem, 0.96rem + 0.22vw, 1.125rem);
  --sc-t-lg:   clamp(1.2rem, 1.1rem + 0.5vw, 1.5rem);
  --sc-t-xl:   clamp(1.6rem, 1.35rem + 1.2vw, 2.25rem);
  --sc-t-2xl:  clamp(2.1rem, 1.6rem + 2.4vw, 3.4rem);
  --sc-t-3xl:  clamp(2.8rem, 1.9rem + 4.2vw, 5rem);
  --sc-t-4xl:  clamp(3.4rem, 1.9rem + 6.6vw, 7.5rem);

  --sc-track-tight:  -0.035em;
  --sc-track-snug:   -0.02em;
  --sc-track-normal: -0.005em;
  --sc-track-wide:    0.08em;

  --sc-leading-none: 0.94;
  --sc-leading-tight: 1.06;
  --sc-leading-body: 1.62;

  --sc-measure: 62ch;

  /* --- space. 4px base: the useful middle steps an 8-only scale misses. --- */
  --sc-1: 0.25rem;  --sc-2: 0.5rem;   --sc-3: 0.75rem;  --sc-4: 1rem;
  --sc-5: 1.5rem;   --sc-6: 2rem;     --sc-7: 3rem;     --sc-8: 4rem;
  --sc-9: 6rem;     --sc-10: 8rem;    --sc-11: 12rem;

  /* Section rhythm is fluid so a phone doesn't inherit desktop air. */
  --sc-section: clamp(4.5rem, 9vw, 11rem);
  --sc-gutter:  clamp(1.25rem, 5vw, 5.5rem);
  --sc-maxw:    82rem;

  /* --- radius. Pick one scale for the page and hold it. ------------------- */
  --sc-r-sm: 6px;  --sc-r-md: 12px;  --sc-r-lg: 20px;  --sc-r-pill: 999px;

  /* --- elevation. Every shadow has an offset AND a soft blur, and is tinted
         to the canvas hue. A zero-offset coloured halo is decoration, not
         depth, so there isn't one here. ---------------------------------- */
  --sc-shadow-color: 220 40% 2%;
  --sc-e1: 0 1px 2px hsl(var(--sc-shadow-color) / 0.28),
           0 2px 6px -1px hsl(var(--sc-shadow-color) / 0.20);
  --sc-e2: 0 2px 4px hsl(var(--sc-shadow-color) / 0.24),
           0 8px 18px -4px hsl(var(--sc-shadow-color) / 0.30);
  --sc-e3: 0 4px 8px hsl(var(--sc-shadow-color) / 0.22),
           0 18px 40px -8px hsl(var(--sc-shadow-color) / 0.38),
           0 48px 90px -24px hsl(var(--sc-shadow-color) / 0.30);

  /* Edge light: a 1px top highlight sells a raised surface better than any
     amount of blur, because real raised things catch light on their lip. */
  --sc-edge: inset 0 1px 0 color-mix(in oklab, var(--sc-ink) 10%, transparent);

  /* --- motion. Built-in CSS easings are too weak for UI. ------------------ */
  --sc-ease-out:    cubic-bezier(0.23, 1, 0.32, 1);
  --sc-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --sc-ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --sc-d-fast: 160ms;  --sc-d-base: 240ms;  --sc-d-slow: 420ms;

  --sc-z-stage: 1; --sc-z-copy: 20; --sc-z-chrome: 60;
}

/* --------------------------------------------------------------- reset -- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body {
  margin: 0;
  background: var(--sc-canvas);
  color: var(--sc-ink);
  font-family: var(--sc-font-text);
  font-size: var(--sc-t-base);
  line-height: var(--sc-leading-body);
  letter-spacing: var(--sc-track-normal);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-synthesis-weight: none;
  overflow-x: clip;
}
img, video, canvas, svg { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; color: inherit; }

/* ------------------------------------------------- the browser surfaces --
   The parts you did not draw still carry the design. Selection, caret, focus
   ring, scrollbar and tabular numerals all ship with defaults that belong to no
   design system. Theming them is the cheapest signal that a page was built
   rather than assembled, and it is the step that gets skipped most reliably. */
::selection { background: var(--sc-accent); color: var(--sc-accent-ink); }
:root { caret-color: var(--sc-accent); accent-color: var(--sc-accent); }
:focus-visible {
  outline: 2px solid var(--sc-accent);
  outline-offset: 3px;
  border-radius: var(--sc-r-sm);
}
:where(a) { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 0.22em; }
@supports (scrollbar-color: auto) {
  html { scrollbar-color: color-mix(in oklab, var(--sc-ink) 26%, transparent) transparent; scrollbar-width: thin; }
}
:where(table, .sc-nums, [data-sc-count]) { font-variant-numeric: tabular-nums; }

/* ----------------------------------------------------------- typography -- */
.sc-display {
  font-family: var(--sc-font-display);
  font-weight: 500;
  line-height: var(--sc-leading-none);
  letter-spacing: var(--sc-track-tight);
  text-wrap: balance;
  margin: 0;
}
.sc-display--xl { font-size: var(--sc-t-4xl); }
.sc-display--lg { font-size: var(--sc-t-3xl); }
.sc-display--md { font-size: var(--sc-t-2xl); letter-spacing: var(--sc-track-snug); }
.sc-lede {
  font-size: var(--sc-t-lg);
  line-height: 1.44;
  letter-spacing: var(--sc-track-snug);
  color: var(--sc-ink);
  max-width: 46ch;
  text-wrap: pretty;
  margin: 0;
}
.sc-body { max-width: var(--sc-measure); color: var(--sc-ink-soft); text-wrap: pretty; margin: 0; }
.sc-label {
  font-family: var(--sc-font-mono);
  font-size: var(--sc-t-xs);
  letter-spacing: var(--sc-track-wide);
  text-transform: uppercase;
  color: var(--sc-ink-soft);
}

/* ---------------------------------------------------------------- layout -- */
.sc-wrap { width: 100%; max-width: var(--sc-maxw); margin-inline: auto; padding-inline: var(--sc-gutter); }
.sc-section { padding-block: var(--sc-section); }
/* More space above a heading than below it: the gap belongs to the boundary,
   not to the pair. */
.sc-stack > * + * { margin-top: var(--sc-4); }
.sc-stack > :is(h1,h2,h3) { margin-top: var(--sc-7); }
.sc-stack > :is(h1,h2,h3):first-child { margin-top: 0; }
.sc-rule { height: 1px; border: 0; background: var(--sc-hairline); margin: 0; }

/* =============================================================== DEVICES ==
   Driven by the engine. Restyle your own markup, not these.                */

.sc-act--pinned { position: relative; }
.sc-stage {
  position: sticky; top: 0;
  height: 100vh; height: 100svh;
  overflow: clip;
  z-index: var(--sc-z-stage);
}

/* scrub / sequence media */
.sc-stage :is(video[data-sc-scrub], canvas[data-sc-sequence], .sc-stage__poster) {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}
video[data-sc-scrub] { opacity: 0; transition: opacity 380ms var(--sc-ease-out); }
.sc-has-clip video[data-sc-scrub] { opacity: 1; }
/* The poster is a live frame-holder, not a placeholder: it stays up until a
   real video frame has painted, which is what stops the blank-stage flash. */
.sc-stage__poster { z-index: 0; transition: opacity 380ms var(--sc-ease-out); }
.sc-has-clip .sc-stage__poster { opacity: 0; }

/* A scrim only where text sits. A full-frame darkening layer flattens the
   image everywhere to fix contrast in one corner. */
.sc-scrim {
  position: absolute; inset: 0; pointer-events: none; z-index: 1;
  background: linear-gradient(
    var(--sc-scrim-angle, 180deg),
    color-mix(in oklab, var(--sc-canvas) var(--sc-scrim-a, 78%), transparent) 0%,
    color-mix(in oklab, var(--sc-canvas) 30%, transparent) 42%,
    transparent 68%);
}
/* Point the scrim at the copy. A scrim gradient that darkens the top while the
   copy sits at the bottom fixes contrast nowhere and flattens the image
   everywhere, which is the most common way text-over-video goes wrong. */
.sc-scrim--bottom { --sc-scrim-angle: 0deg; }
.sc-scrim--left   { --sc-scrim-angle: 90deg; }
.sc-scrim--right  { --sc-scrim-angle: 270deg; }

/* Corner scrims, for copy anchored to a corner. An edge gradient has to darken
   a whole band across the frame to cover one corner; a corner gradient puts the
   density where the text is and leaves the rest of the image alone. Pair with
   .sc-copy--lead / .sc-copy--trail. */
.sc-scrim--lead {
  background: linear-gradient(to top right,
    color-mix(in oklab, var(--sc-canvas) 94%, transparent) 0%,
    color-mix(in oklab, var(--sc-canvas) 72%, transparent) 30%,
    color-mix(in oklab, var(--sc-canvas) 30%, transparent) 52%,
    transparent 72%);
}
.sc-scrim--trail {
  background: linear-gradient(to top left,
    color-mix(in oklab, var(--sc-canvas) 94%, transparent) 0%,
    color-mix(in oklab, var(--sc-canvas) 72%, transparent) 30%,
    color-mix(in oklab, var(--sc-canvas) 30%, transparent) 52%,
    transparent 72%);
}
/* A band across the bottom, for copy that spans the full width of the frame.
   That is what both corner anchors become below 860px, and it is also the right
   shape whenever the copy block is wider than a corner. */
.sc-scrim--band {
  background: linear-gradient(to top,
    color-mix(in oklab, var(--sc-canvas) 94%, transparent) 0%,
    color-mix(in oklab, var(--sc-canvas) 74%, transparent) 22%,
    color-mix(in oklab, var(--sc-canvas) 30%, transparent) 42%,
    transparent 58%);
}
.sc-scrim--vignette {
  background: radial-gradient(120% 90% at 50% 45%, transparent 40%,
              color-mix(in oklab, var(--sc-canvas) 70%, transparent) 100%);
}

/* copy over a stage.
   max-width is in rem, never ch. A `ch` on this container resolves against the
   CONTAINER's font-size (body size), not the display size of the heading inside
   it, so `max-width: 20ch` here silently produces a ~180px column and wraps a
   hero headline to six lines. Set a ch measure on the text element itself. */
.sc-copy {
  position: absolute; z-index: var(--sc-z-copy);
  inset-inline: var(--sc-gutter);
  max-width: min(46rem, 76vw);
  will-change: opacity, transform;
}
.sc-copy--lead   { left: var(--sc-gutter); bottom: clamp(3rem, 12vh, 9rem); }
/* inset-inline FIRST. It is the shorthand for left+right, so declaring it after
   `left: 50%` resets left to auto and the block drifts off the left edge. */
.sc-copy--center { inset-inline: auto; left: 50%; top: 50%; translate: -50% -50%; text-align: center; }
.sc-copy--trail  { inset-inline: auto; right: var(--sc-gutter); bottom: clamp(3rem, 12vh, 9rem); text-align: right; }

/* cue defaults: the engine writes opacity/transform inline, these are the
   pre-paint state so nothing flashes before the first read() */
[data-sc-cue] { opacity: 0; will-change: opacity, transform; }
.sc-ready [data-sc-cue] { transition: none; }

/* kinetic split */
.sc-split { display: inline-block; overflow: hidden; vertical-align: top; }
/* Descenders live below the baseline; a line mask clipped to the line box eats
   the tails off g, y, p, j. The padding buys them room back. */
.sc-split--line { display: block; padding-bottom: 0.14em; margin-bottom: -0.14em; }
.sc-split__i { display: inline-block; will-change: transform, opacity; }
.sc-is-split { opacity: 1 !important; }

/* horizontal rail */
[data-sc-pan] { display: flex; will-change: transform; }

/* reveal + parallax */
[data-sc-reveal] { will-change: clip-path; }
[data-sc-parallax] { will-change: transform; }

/* flow reveal (fires once) */
[data-sc-in], [data-sc-stagger] > * {
  opacity: 0;
  transform: translate3d(0, 14px, 0);
  transition: opacity 620ms var(--sc-ease-out), transform 620ms var(--sc-ease-out);
}
[data-sc-in].sc-in, [data-sc-stagger] > .sc-in { opacity: 1; transform: none; }

/* pointer devices */
[data-sc-tilt] { transform-style: preserve-3d; will-change: transform; }
[data-sc-magnet] { will-change: transform; }
/* isolation always; position only if nothing more specific already set it.
   Written with :where() (zero specificity) on purpose: a plain `position:
   relative` here has the same weight as `.sc-stage` and, being later in the
   file, silently wins. A stage carrying both attributes then stops being
   sticky and the whole act scrolls away instead of pinning. */
[data-sc-spotlight] { isolation: isolate; }
:where([data-sc-spotlight]) { position: relative; }
[data-sc-spotlight]::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 2;
  background: radial-gradient(
    28rem 28rem at calc(var(--sc-mx, 0.5) * 100%) calc(var(--sc-my, 0.5) * 100%),
    color-mix(in oklab, var(--sc-accent) 16%, transparent), transparent 70%);
  opacity: 0; transition: opacity var(--sc-d-slow) var(--sc-ease-out);
}
[data-sc-spotlight]:hover::after { opacity: 1; }

/* =========================================================== WORLDFLIGHT ==
   One fixed stage for the whole page. The only thing in document flow is the
   spacer, and it is empty. If you find yourself adding a section here, you want
   act mode instead: the moment a real block scrolls past the fixed stage, the
   page has a seam again and the whole point is gone.                        */

[data-sc-mode="worldflight"] { position: relative; }

.sc-world {
  position: fixed; inset: 0;
  overflow: clip;
  z-index: var(--sc-z-stage);
  background: var(--sc-canvas);
}

/* Every leg is mounted for the life of the page and stacked in the same box.
   The engine owns opacity, visibility and z-index here; do not set them. */
.sc-world__seg {
  position: absolute; inset: 0;
  opacity: 0;
  will-change: opacity;
}
.sc-world__seg > :is(video, img, canvas) {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}
/* The poster is the frame-holder AND the first camera move: the engine pushes
   it in slowly until a real decoded frame is available to replace it. */
.sc-world__poster {
  z-index: 0;
  transform-origin: 50% 50%;
  transition: opacity 420ms var(--sc-ease-out);
}
.sc-world__seg > video { z-index: 1; }
.sc-world__seg.sc-has-clip .sc-world__poster { opacity: 0; }
/* The act stylesheet lights a clip through its ancestor act. A worldflight leg
   has no act, so match the class the engine also writes on the clip itself. */
video[data-sc-scrub].sc-has-clip { opacity: 1; }

/* The copy layer is fixed too, and inert by default: the engine hands
   pointer-events back to a block only while it is actually legible. */
.sc-world__copy {
  position: fixed; inset: 0;
  z-index: var(--sc-z-copy);
  pointer-events: none;
}
.sc-world__scrim { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
[data-sc-copy] {
  opacity: 0;
  pointer-events: none;
  will-change: opacity, transform;
}
.sc-ready [data-sc-copy] { transition: none; }

/* The track. Empty on purpose. */
.sc-world__spacer { pointer-events: none; }

/* scroll progress */
[data-sc-progress] {
  position: fixed; inset: 0 0 auto 0; height: 2px; z-index: var(--sc-z-chrome);
  background: var(--sc-accent); transform-origin: 0 50%; transform: scaleX(0);
  will-change: transform;
}

/* ----------------------------------------------------------- atmosphere --
   Depth is not only shadow. Grain keeps a flat dark ground from banding, and
   it is the difference between "a dark page" and "a lit room". */
.sc-grain { position: fixed; inset: 0; pointer-events: none; z-index: 3; opacity: 0.045; }
.sc-grain::before {
  content: ""; position: absolute; inset: -50%;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/></filter><rect width='140' height='140' filter='url(%23n)'/></svg>");
}

/* -------------------------------------------------------- reduced motion -- */
@media (prefers-reduced-motion: reduce) {
  /* Fewer and gentler, not zero. Opacity still carries the reveal so the page
     is comprehensible; every position change is dropped. */
  [data-sc-in], [data-sc-stagger] > * { transform: none; transition-duration: 220ms; }
  [data-sc-parallax], [data-sc-pan], .sc-split__i { transform: none !important; }
  /* A wipe is a position change too. Show reveal content settled. */
  [data-sc-reveal] { clip-path: none !important; }
  /* A rail's transform IS its navigation, not decoration. Zeroing it the way
     parallax and kinetic type are zeroed parks the act on its first screenful
     and makes everything past the fold unreachable: a device degrading into
     missing content. Hand the travel back to the reader as an ordinary scroll
     region instead, so the same items are all still gettable without motion.
     A build that would rather re-lay the rail out as a grid can still do that;
     this is the floor, not the ceiling. */
  [data-sc-act="pan"] .sc-stage,
  [data-sc-act="pan"] [data-sc-stage] {
    overflow-x: auto; overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
  }
  [data-sc-pan] > * { scroll-snap-align: center; }
  [data-sc-spotlight]::after { display: none; }
  /* A worldflight keeps its whole story here. No clip is ever fetched, so the
     posters are the film, and they cross-dissolve through exactly the same
     seams at exactly the same scroll positions. The push-in and the copy drift
     are the only things that go. */
  .sc-world__poster, [data-sc-copy] { transform: none !important; }
}

/* --------------------------------------------------------------- mobile -- */
@media (max-width: 860px) {
  .sc-copy { inset-inline: var(--sc-gutter); max-width: none; }
  .sc-copy--trail { text-align: left; }
  .sc-stage { height: 100svh; }
  /* .sc-copy--trail re-anchors to the left and spans the full width here, so a
     bottom-RIGHT corner gradient darkens the one corner the copy just left and
     guarantees a contrast failure over any bright clip. Point the density at
     the copy: the same band .sc-scrim--band paints. */
  .sc-scrim--trail {
    background: linear-gradient(to top,
      color-mix(in oklab, var(--sc-canvas) 94%, transparent) 0%,
      color-mix(in oklab, var(--sc-canvas) 74%, transparent) 22%,
      color-mix(in oklab, var(--sc-canvas) 30%, transparent) 42%,
      transparent 58%);
  }
}

:root{--blue:#063f83;--ivory:#faf8f3;--ink:#233449;--line:#91a2b1}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:20px}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Assistant,Arial,sans-serif;font-size:20px}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}a:focus-visible,button:focus-visible{outline:3px solid #bc944c;outline-offset:5px}.skip{position:absolute;top:-100px;background:white;color:#111;z-index:20;padding:12px}.skip:focus{top:8px}.header,.footer{background:#080808;color:#e8e1d5}.header-inner{max-width:1200px;min-height:74px;margin:auto;padding:12px 30px;display:grid;grid-template-columns:1fr 180px 1fr;align-items:center;gap:20px}.brand{justify-self:center}.brand img,.footer-logo img{width:150px;height:33px;object-fit:contain}.header nav{display:flex;gap:22px;font-size:16px}.header nav a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:6px}.tools{display:flex;gap:20px;justify-content:flex-end;direction:rtl}.tools button,.menu-toggle{border:0;background:none;color:#e8e1d5;padding:3px}.tools button:disabled{opacity:.78}.tools svg,.menu-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6}.menu-toggle{display:none}.hero{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:680px;background:var(--blue)}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:54px 55px;color:#f0e9dc}.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(80px,9.4vw,132px);line-height:.82;margin:0 0 30px;letter-spacing:-6px;max-width:100%}.rule{display:block;width:86px;height:2px;background:var(--line)}.hero p{font-size:38px;margin:22px 0 28px;white-space:nowrap}.button{background:var(--ivory);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:24px;font-weight:700;min-height:48px;padding:8px 30px;font-size:22px}.button:hover{background:#eee7da}.hero-photo{background:#ece8df;display:flex;justify-content:center;align-items:center}.hero-photo img{width:100%;max-width:512px;max-height:768px;object-fit:contain}.wrap{max-width:1012px;padding:0 26px;margin:auto}.categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 40px;padding-top:26px}.category h2{text-align:center;font-size:29px;font-weight:500;margin:0 0 10px}.category img{width:100%;background:#eee9e1}.category .portrait{height:650px;object-fit:contain}.category .scenery{height:650px;object-fit:cover}.underline{display:block;height:1px;width:105px;background:var(--line);margin-top:14px;margin-right:auto}.section-title{font-size:29px;font-weight:500;text-align:center;display:flex;align-items:center;justify-content:center;gap:22px;margin:28px 0 15px;line-height:1.2}.section-title:before,.section-title:after{content:'';width:94px;height:1px;background:var(--line)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-grid img{width:100%;height:468px;object-fit:contain;background:#eee9e1}.story{max-width:1012px;margin:28px auto 0;display:grid;grid-template-columns:35% 65%;min-height:300px}.story-sea{width:100%;height:300px;object-fit:cover}.story-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:url('https://ftp2.oia-file.com/stores/1637/media/4aCd9PM5g1qi/1920') center/cover}.story h2{font-size:30px;line-height:1.2;font-weight:400;margin:0}.story h2 span{font-family:Georgia,'Times New Roman',serif;display:block;font-size:52px;margin-top:8px}.story p{margin:8px 0 15px;font-size:22px}.look-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.look-grid img{width:100%;height:650px;object-fit:contain;background:#eee9e1}.help{max-width:1200px;margin:26px auto 0;display:grid;grid-template-columns:1fr 280px;background:var(--blue);color:#f0e9dc;min-height:175px}.help>div{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:18px}.help h2{font-size:30px;font-weight:500;margin:0 0 12px}.help .button{font-size:19px;min-height:42px;padding:4px 25px}.help img{width:280px;height:175px;object-fit:cover}.journal{padding-bottom:26px}.journal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.journal-grid img{width:100%;height:170px;object-fit:cover}.footer-inner{max-width:1200px;min-height:120px;padding:30px;display:flex;gap:25px;align-items:center;margin:auto;font-size:15px}.footer-logo{margin-right:auto;order:5}.credit{font-size:13px}.gallery{scroll-margin-top:20px}@media(min-width:1201px){.hero h1{font-size:132px}}@media(max-width:900px){.header-inner{grid-template-columns:1fr 150px 1fr;padding:12px 20px;gap:12px}.header nav{gap:12px;font-size:14px}.hero-copy{padding:30px}.hero{min-height:540px}.hero h1{font-size:91px;letter-spacing:-4px}.hero p{font-size:29px}.category .portrait,.category .scenery{height:520px}.product-grid img{height:390px}.look-grid img{height:520px}.footer-inner{flex-wrap:wrap}.footer-logo{margin-right:0}}@media(max-width:600px){body{font-size:18px}.header-inner{min-height:66px;grid-template-columns:1fr 150px 1fr;padding:12px 18px;position:relative}.menu-toggle{display:block;justify-self:start}.tools{gap:12px}.tools button:first-child{display:none}.tools svg{width:19px;height:19px}.header nav{display:none;position:absolute;right:0;left:0;top:66px;z-index:10;background:#080808;padding:22px;flex-direction:column;gap:18px;font-size:19px}.header nav.open{display:flex}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:35px 28px 38px;align-items:center;text-align:center}.hero h1{font-size:88px;line-height:.84;margin-bottom:22px;letter-spacing:-3px}.hero h1 br{display:none}.hero h1{font-size:clamp(44px,14vw,76px);white-space:nowrap}.hero p{font-size:28px;margin:15px 0 22px}.button{font-size:20px;min-height:45px;padding:7px 26px}.hero-photo{padding:18px}.hero-photo img{max-width:354px}.wrap{padding-right:18px;padding-left:18px}.categories{grid-template-columns:1fr;gap:24px;padding-top:24px}.category{max-width:354px;width:100%;margin:auto}.category h2{font-size:27px}.category .portrait{height:auto;max-height:531px;object-fit:contain}.category .scenery{height:266px}.underline{width:76px;margin-top:12px}.section-title{font-size:25px;gap:12px;margin-top:28px}.section-title:before,.section-title:after{width:40px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-grid img{height:252px;max-width:168px;margin:auto}.product-grid img:last-child{grid-column:1/-1;width:168px}.story{margin-top:25px;grid-template-columns:1fr}.story-copy{grid-row:1;min-height:230px;padding:30px 18px;background-size:cover}.story h2{font-size:27px}.story h2 span{font-size:44px}.story-sea{height:auto;max-height:266px;width:100%;max-width:354px;margin:auto;object-fit:cover}.look-grid{grid-template-columns:1fr;gap:16px}.look-grid img{height:auto;max-width:354px;max-height:532px;margin:auto}.help{grid-template-columns:1fr 110px;min-height:143px}.help>div{padding:18px 8px}.help h2{font-size:24px}.help img{width:110px;height:100%;max-height:143px;object-fit:cover}.help .button{font-size:18px;padding:6px 15px}.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:350px;margin:auto}.journal-grid img{height:126px;max-width:168px}.footer-inner{padding:28px 22px;justify-content:center;gap:20px 25px;font-size:16px}.footer-logo{flex-basis:100%;display:flex;justify-content:center;order:-1}.credit{flex-basis:100%;text-align:center;order:6}}
/* Consolidated responsive acceptance correction */
.header-inner{max-width:none;min-height:72px;padding:15px clamp(24px,4.2vw,78px);grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);gap:28px}
.header nav{font-size:18px;gap:clamp(18px,2vw,32px);align-items:center}
.tools{gap:25px}
.hero{max-width:none;width:100%;min-height:0;height:clamp(520px,72vh,660px);grid-template-columns:54% 46%;overflow:hidden}
.hero-copy{padding:42px clamp(40px,6vw,112px);align-items:flex-start;min-width:0;background:linear-gradient(115deg,#06458b,#073a78)}
.hero h1{font-size:clamp(80px,7.6vw,128px);font-weight:400;line-height:.88;letter-spacing:-4px;margin:0 0 28px;text-align:left;align-self:flex-end;width:min(100%,460px)}
.hero-copy>.rule,.hero-copy>p,.hero-copy>.button{align-self:flex-end}
.hero-copy>.rule{width:76px}
.hero p{font-size:clamp(27px,2.35vw,37px);line-height:1.2;margin:22px 0 26px;white-space:normal;text-align:right}
.hero-photo{height:100%;min-height:0;background:#b7d3e1;padding:0 clamp(20px,3vw,52px);position:relative}
.hero-photo img{height:100%;width:auto;max-width:min(100%,512px);max-height:660px;object-fit:contain;position:relative}
.category .scenery{height:auto;aspect-ratio:4/3;max-height:360px;object-fit:cover}
.story{grid-template-columns:1fr 1fr}
.story-copy{background-size:512px 384px;background-repeat:no-repeat;background-color:var(--ivory)}
@media(min-width:1201px){.hero h1{font-size:clamp(100px,7.6vw,128px)}}
@media(max-width:1100px){.header-inner{padding:16px 24px;gap:18px;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr)}.header nav{font-size:16px;gap:18px}.tools{gap:20px}.hero{height:clamp(490px,72vh,620px);grid-template-columns:52% 48%}.hero-copy{padding:35px 40px}.hero h1{font-size:clamp(76px,8.7vw,98px);letter-spacing:-3px}.hero p{font-size:29px}.hero-photo{padding:0 20px}.hero-photo img{max-height:620px}}
@media(max-width:800px){.header-inner{grid-template-columns:1fr 150px 1fr;min-height:68px;padding:15px 22px}.menu-toggle{display:block;justify-self:start}.header nav{display:none;position:absolute;right:0;left:0;top:68px;z-index:10;background:#080808;padding:24px;flex-direction:column;gap:18px;font-size:19px;align-items:flex-start}.header nav.open{display:flex}.header-inner{position:relative}.hero{height:clamp(460px,65vh,560px);grid-template-columns:52% 48%}.hero-copy{padding:30px 28px}.hero h1{font-size:clamp(65px,9vw,82px)}.hero p{font-size:26px}.hero .button{font-size:19px;padding:8px 22px;gap:18px}.hero-photo{padding:0 12px}}
@media(max-width:600px){.header-inner{min-height:66px;padding:14px 18px;gap:12px}.header nav{top:66px}.tools{gap:12px}.hero{height:auto;display:flex;overflow:visible}.hero-copy{padding:34px 28px 36px;align-items:center;min-height:340px}.hero h1{font-size:70px;line-height:.88;letter-spacing:-2px;white-space:normal;text-align:left;align-self:center;width:auto;margin-bottom:20px}.hero h1 br{display:initial}.hero-copy>.rule,.hero-copy>p,.hero-copy>.button{align-self:center}.hero p{font-size:28px;margin:18px 0 22px;text-align:center}.hero-photo{padding:0 18px;height:auto;min-height:0}.hero-photo img{height:auto;width:100%;max-width:354px;max-height:531px}.story{grid-template-columns:1fr}.story-copy{background-size:354px 266px}.category .scenery{max-height:266px}.help img{height:83px;max-height:83px;align-self:center}}

/* Approved v5 campaign integrated into the v6 homepage. */
:root{--sc-canvas:#05357b;--sc-surface:#092951;--sc-ink:#f2ebdc;--sc-ink-soft:#c7d4df;--sc-accent:#f2ebdc;--sc-accent-ink:#05357b;--sc-font-display:Georgia,'Times New Roman',serif;--sc-font-text:Assistant,Arial,sans-serif}
body{overflow-x:clip}.hero-act{position:relative;color:#f2ebdc;--neo-text:#f2ebdc;--campaign-blue:#05357b;--campaign-ivory:#f2ebdc}.hero-act .scene{position:sticky;top:0;isolation:isolate;height:100svh;min-height:0;overflow:clip;background:radial-gradient(ellipse at 80% 30%,#1b5c9d 0,transparent 50%),linear-gradient(140deg,#071c43,#05357b 65%,#082559)}
.neo-sector--direct-hero-video>.neo-direct-hero-video{position:absolute!important;inset:auto!important;left:5vw!important;top:14svh!important;width:clamp(370px,34vw,510px)!important;height:auto!important;aspect-ratio:2/3!important;max-height:72svh!important;border:9px solid #f3ead9!important;border-radius:48% 48% 26px 26px!important;overflow:hidden!important;z-index:3!important;transform:rotate(4.5deg);transform-origin:center;box-shadow:0 34px 75px #020f286b,0 0 0 1px #ffffff29;pointer-events:none;transition:opacity .14s linear}.neo-sector--direct-hero-video>.neo-direct-hero-video .neo-direct-hero-video__player,.neo-sector--direct-hero-video>.neo-direct-hero-video .neo-direct-hero-video__poster{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:calc(48% - 9px) calc(48% - 9px) 17px 17px!important}.neo-sector--direct-hero-video>.neo-direct-hero-video .neo-direct-hero-video__poster{background-size:cover!important;background-position:center!important}
.hero-act .header{position:absolute;inset:0 0 auto;z-index:8;background:transparent;color:#f2ebdc}.hero-act .header-inner{min-height:90px;padding:26px 4vw;grid-template-columns:1fr 150px 1fr;gap:36px}.hero-act .header nav{font-size:18px;gap:28px}.header-shop{justify-self:end;border-bottom:1px solid #f2ebdc80;font-size:18px;padding-bottom:5px}.hero-act .menu-toggle{color:#f2ebdc}
.hero-act .water{position:absolute;z-index:0;bottom:-13%;left:-5%;width:110%;height:40%;background:url('https://ftp2.oia-file.com/stores/1637/media/FmIALOqLcbel/1024') center/720px auto;opacity:.23;transform:perspective(500px) rotateX(35deg) translate3d(var(--water-x,0px),var(--water-y,0px),0);mask-image:linear-gradient(transparent,#000 35%);pointer-events:none}
.hero-act .water{animation:hero-water-ripple 8s linear infinite alternate;will-change:background-position,filter}
@keyframes hero-water-ripple{from{background-position:0 0;filter:saturate(1) brightness(.92)}to{background-position:180px 34px;filter:saturate(1.14) brightness(1.08)}}
.hero-act .sea-plate{position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,#071c4360,transparent 50%),url('https://ftp2.oia-file.com/stores/1637/media/XemJ09JhH2Ho/1920') center/cover;opacity:var(--sea-opacity,0);transform:scale(var(--sea-scale,1.12));pointer-events:none}
.hero-act .wordmark{position:absolute;z-index:1;right:5vw;top:22%;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(120px,15vw,240px);letter-spacing:-.06em;line-height:.8;text-align:right;direction:ltr;margin:0;transform:translateY(var(--type-y,0px)) scale(var(--type-scale,1));transform-origin:right center}.hero-act .wordmark span{display:block;font-size:.61em;letter-spacing:-.045em;margin-top:.08em}
.hero-act .portal{position:absolute;z-index:2;left:6vw;top:14%;width:clamp(410px,42vw,670px);height:76%;max-height:800px;border-radius:49% 49% 45% 45%;padding:clamp(24px,3vw,50px);background:linear-gradient(130deg,#ffffff5c,transparent 40%),url('https://ftp2.oia-file.com/stores/1637/media/0QmG2GuzQwPS/1920') center/cover;box-shadow:inset 8px 4px 14px #fff9,inset -10px -8px 12px #75634d60,28px 35px 70px #0007;transform:translate3d(var(--portal-x,0px),var(--portal-y,0px),0) rotate(var(--portal-rotation,12deg)) scale(var(--portal-scale,1));transform-origin:center}
.hero-act .window{width:100%;height:100%;position:relative;overflow:hidden;border-radius:49% 49% 45% 45%;background:#a8cadc url('https://ftp2.oia-file.com/stores/1637/media/XemJ09JhH2Ho/1920') center/cover;box-shadow:inset 0 5px 18px #0005}.hero-act .photo{position:absolute;height:112%;width:112%;top:-6%;left:-6%;transform:rotate(calc(-1 * var(--portal-rotation,12deg)));background:#a4c8df}
.hero-act .campaign-photo{position:absolute;left:50%;top:50%;height:100%;width:auto;max-width:512px;max-height:768px;object-fit:contain;transform:translate(-50%,calc(-50% + var(--model-y,0px))) scale(var(--model-scale,1));opacity:var(--model-opacity,1)}.hero-act .campaign-photo-sage,.hero-act .campaign-photo-floral{--model-opacity:0}
.hero-act .copy{position:absolute;right:5vw;bottom:17%;width:38%;z-index:4;text-align:right}.hero-act .copy h2{font-size:clamp(28px,3vw,46px);font-weight:400;margin:0 0 27px;line-height:1.15;min-height:1.15em}.hero-act .cta{display:inline-flex;align-items:center;justify-content:center;gap:38px;min-height:52px;padding:10px 30px;border:1px solid #eee5d1;font-size:20px;background:#061f4160}.hero-act .cta:hover{background:#f2ebdc;color:#05357b}.hero-act .horizon{position:absolute;bottom:4%;left:5vw;right:5vw;height:1px;background:linear-gradient(90deg,#fff5,transparent 70%);z-index:1}.hero-act .sunlight{position:absolute;z-index:3;left:-10%;top:-10%;width:60%;height:100%;background:linear-gradient(115deg,transparent 30%,#fff3 31%,transparent 44%);opacity:var(--light-opacity,.28);transform:translateX(var(--light-x,0px));pointer-events:none}
body.motion-off .hero-act{height:auto!important}body.motion-off .hero-act .scene{position:relative!important}body.motion-off .hero-act .portal{transform:rotate(12deg)!important}body.motion-off .hero-act .photo{transform:rotate(-12deg)!important}body.motion-off .hero-act .wordmark{transform:none!important}body.motion-off .campaign-photo-blue{opacity:1!important;transform:translate(-50%,-50%)!important}body.motion-off .campaign-photo-sage,body.motion-off .campaign-photo-floral{opacity:0!important}body.motion-off .hero-act .sea-plate{opacity:0!important}
/* Single-batch composition polish using approved photos and existing copy. */
.wrap{max-width:1120px;padding-left:40px;padding-right:40px}.categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:78px;padding-bottom:48px}.category{min-width:0}.category h2{font-size:27px;font-weight:400;margin:0 0 19px}.category .portrait,.category .scenery{height:auto!important;aspect-ratio:3/4;max-height:none!important;object-fit:cover;background:#eae8e1;width:100%}.category .portrait{object-fit:contain;background:#aec8d6}.category-link{font-size:17px;display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #a9b3b9}.category-link:hover,.text-link:hover{color:var(--blue)}.section-title{font-size:34px;font-weight:400;gap:30px;margin:0 0 32px}.section-title:before,.section-title:after{width:70px}.gallery{padding-top:32px;padding-bottom:70px}.product-grid{gap:32px;align-items:start;justify-items:center}.product-grid img{width:100%;max-width:312px;height:auto;max-height:468px;object-fit:contain;background:transparent}.story{max-width:1120px;padding:0 40px;margin:24px auto 90px;grid-template-columns:1fr 1fr;gap:50px;min-height:0;align-items:center}.story-sea{height:auto;aspect-ratio:4/3;max-width:512px;max-height:384px;object-fit:cover}.story-copy{background:none;padding:35px 0;min-height:0;align-items:flex-start;text-align:right}.story h2{font-size:28px;line-height:1.35}.story h2 span{font-size:clamp(44px,4.8vw,68px);margin-top:15px}.story p{font-size:24px;margin:24px 0}.text-link{font-size:19px;border-bottom:1px solid #a9b3b9;padding-bottom:8px;margin-bottom:27px;display:inline-flex;gap:28px}.story .rule{width:54px}.look{padding-bottom:90px}.look-grid{grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:850px;margin:auto;direction:ltr}.look-grid img{height:auto;max-height:525px;max-width:350px;width:100%;object-fit:contain;background:transparent;justify-self:center}.look-grid img:nth-child(2){max-width:400px;max-height:400px}.favorites{padding-top:20px;padding-bottom:95px}.favorites .product-grid{grid-template-columns:1.1fr .85fr 1.1fr;gap:40px}.favorites .product-grid img:nth-child(2){margin-top:72px;max-width:260px}.favorites .product-grid img:nth-child(3){margin-top:28px}.help{max-width:none;margin:0;min-height:245px;grid-template-columns:1fr 32%;background:linear-gradient(120deg,#06478f,#082c60);--neo-text:#f2ebdc}.help>div{padding:38px 30px}.help h2{font-size:36px;margin-bottom:25px;font-weight:400}.help img{width:100%;height:245px;max-height:245px;object-fit:cover;align-self:stretch}.help .button{font-size:20px;padding:10px 28px;min-height:48px}.journal{padding-top:70px;padding-bottom:70px}.journal-grid{gap:20px}.journal-grid img{height:auto;aspect-ratio:4/3;object-fit:cover;max-width:260px}.footer-inner{max-width:1120px;padding:45px 40px;gap:28px;min-height:135px;flex-wrap:wrap}.footer-logo{margin-right:auto}.footer-inner a{font-size:16px}.credit{opacity:.7}
@media(min-width:701px) and (max-width:1100px){.hero-act .header-inner{padding:24px 3vw;gap:20px}.hero-act .header nav{font-size:16px;gap:16px}.hero-act .portal{left:3vw;width:46vw;height:70%;top:19%;min-width:0}.hero-act .wordmark{right:4vw;top:26%;font-size:15vw}.hero-act .copy{right:4vw;width:42%;bottom:18%}.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:760px}.category .portrait,.category .scenery{max-width:312px;margin:auto}.category-link{max-width:312px;margin:auto}.story{gap:30px}.look-grid{gap:30px}.hero-act .header nav{display:flex;position:static;flex-direction:row;background:none;padding:0}.hero-act .menu-toggle{display:none}}
@media(max-width:700px){.hero-act .scene{height:100svh;min-height:700px}.hero-act .header-inner{min-height:70px;padding:18px 22px;grid-template-columns:1fr 150px 1fr;gap:12px}.hero-act .menu-toggle{display:block;justify-self:start}.hero-act .header-shop{font-size:0;border:0}.hero-act .header-shop span{font-size:24px}.hero-act .header nav{display:none;position:absolute;right:0;left:0;top:70px;padding:26px;background:#072b5a;flex-direction:column;font-size:21px;align-items:flex-start;gap:20px;box-shadow:0 15px 20px #0003}.hero-act .header nav.open{display:flex}.hero-act .wordmark{top:100px;left:22px;right:22px;font-size:clamp(54px,17vw,85px);text-align:center;line-height:.8}.hero-act .wordmark span{display:inline;font-size:1em;letter-spacing:-.06em;margin:0}.hero-act .portal{top:180px;left:10%;width:80%;height:clamp(300px,47svh,405px);padding:20px;max-height:none;transform:translate3d(var(--portal-x,0px),var(--portal-y,0px),0) rotate(var(--portal-rotation,8deg)) scale(var(--portal-scale,1))}.hero-act .photo{transform:rotate(calc(-1 * var(--portal-rotation,8deg)))}.hero-act .campaign-photo{max-width:354px;max-height:531px}.hero-act .copy{left:22px;right:22px;bottom:55px;width:auto;text-align:center}.hero-act .copy h2{font-size:clamp(22px,6.2vw,25px);margin-bottom:16px}.hero-act .cta{min-height:46px;font-size:18px;padding:8px 25px}.hero-act .water{height:33%;bottom:-6%}.hero-act .horizon{bottom:24px}.wrap{padding-left:22px;padding-right:22px}.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px;padding-top:46px;padding-bottom:40px}.category{max-width:none}.category h2{font-size:25px;margin-bottom:14px}.category-link{font-size:15px;padding-top:12px}.section-title{font-size:27px;gap:14px;margin-bottom:25px}.section-title:before,.section-title:after{width:35px}.gallery{padding-top:15px;padding-bottom:48px}.product-grid{grid-template-columns:1fr 1fr;gap:24px 16px}.product-grid img{max-width:168px;max-height:252px;height:auto}.product-grid img:last-child{grid-column:1/-1;width:70%;max-width:240px;max-height:360px}.story{padding:0 22px;margin:5px auto 48px;grid-template-columns:1fr;gap:27px}.story-copy{grid-row:1;padding:0;align-items:center;text-align:center}.story h2{font-size:25px}.story h2 span{font-size:48px;margin-top:8px}.story p{font-size:22px;margin:15px 0}.story .rule{display:none}.text-link{margin-bottom:0;font-size:18px}.story-sea{max-width:354px;max-height:266px;margin:auto}.look{padding-bottom:48px}.look-grid{grid-template-columns:1fr;gap:25px;max-width:354px}.look-grid img{max-width:310px;max-height:466px}.look-grid img:nth-child(2){max-width:280px;max-height:280px;justify-self:end}.favorites{padding-bottom:50px}.favorites .product-grid{grid-template-columns:1fr 1fr;gap:24px 16px}.favorites .product-grid img:nth-child(2){margin-top:35px;max-width:168px}.favorites .product-grid img:nth-child(3){margin-top:0;width:70%;max-width:240px;max-height:320px}.help{grid-template-columns:1fr 25%;min-height:190px}.help>div{padding:30px 15px}.help h2{font-size:26px;margin-bottom:20px;text-align:center}.help .button{font-size:18px;padding:8px 20px}.help img{height:190px;max-height:190px}.journal{padding-top:46px;padding-bottom:46px}.journal-grid{gap:16px;max-width:354px;grid-template-columns:1fr 1fr}.journal-grid img{max-width:168px;height:auto}.footer-inner{padding:35px 22px;gap:24px;justify-content:center}.footer-logo{margin-right:0;order:-1;flex-basis:100%;display:flex;justify-content:center}.credit{flex-basis:100%;text-align:center;order:6}body.motion-off .hero-act .portal{transform:rotate(8deg)!important}body.motion-off .hero-act .photo{transform:rotate(-8deg)!important}}
@media(max-width:380px) and (max-height:700px){.hero-act .scene{min-height:640px}.hero-act .wordmark{top:92px;font-size:57px}.hero-act .portal{top:153px;height:300px}.hero-act .copy{bottom:45px}}
@media(prefers-reduced-motion:reduce){[data-sc-in]{opacity:1!important}[data-sc-reveal]{clip-path:none!important}}

/* v8 selected final identity: approved bikini-tie wordmark */
.hero-act .brand,.footer-logo{display:flex;align-items:center;justify-content:center}
.hero-act .brand img{display:block;width:clamp(156px,12vw,186px);height:auto;max-height:41px;object-fit:contain}
.footer-logo img{display:block;width:210px;height:auto;max-height:47px;object-fit:contain}
@media(max-width:1100px){.hero-act .header-inner{grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr)}.hero-act .brand img{width:164px;max-height:37px}}
@media(max-width:700px){.hero-act .header-inner{grid-template-columns:1fr 156px 1fr}.hero-act .brand img{width:154px;max-height:34px}.footer-logo img{width:190px;max-height:42px}}

/* v10: cleaner editorial frame for the new full campaign photography. */
.hero-act .portal{left:5vw;top:14%;width:clamp(370px,34vw,510px);height:auto;aspect-ratio:2/3;max-height:72svh;padding:9px;border:1px solid #f3ead9b8;border-radius:48% 48% 26px 26px;background:linear-gradient(145deg,#fffdf5,#d9c9ad 62%,#fff8e8);box-shadow:0 34px 75px #020f286b,0 0 0 1px #ffffff29;transform:translate3d(var(--portal-x,0px),var(--portal-y,0px),0) rotate(var(--portal-rotation,4.5deg)) scale(var(--portal-scale,1))}
.hero-act .window{border-radius:48% 48% 20px 20px;background:#8eb8d1;box-shadow:inset 0 0 0 1px #ffffff42}
.hero-act .window:after{content:'';position:absolute;inset:0;z-index:2;border-radius:inherit;box-shadow:inset 0 0 35px #021b3a38;pointer-events:none}
.hero-act .photo{inset:0;width:100%;height:100%;transform:none;background:#8eb8d1}
.hero-act .campaign-photo{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;transform:translate(-50%,calc(-50% + var(--model-y,0px))) scale(var(--model-scale,1.025))}
.hero-act .campaign-video{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center;opacity:var(--video-opacity,0);transform:scale(var(--video-scale,1.025));transform-origin:center;will-change:opacity,transform}
.hero-act .wordmark{right:5.5vw;top:21%;font-size:clamp(112px,13.5vw,218px)}
.hero-act .copy{right:5.5vw;bottom:16%;width:39%;padding:26px 0 0;border-top:1px solid #f2ebdc4a}
.hero-act .copy h2{margin-bottom:22px}
.hero-act,.hero-act .wordmark,.hero-act .wordmark span,.hero-act .copy,.hero-act .copy h2,.hero-act .cta{color:#f2ebdc!important}
.hero-act a,.hero-act button,.help,.help h2,.help a,.sm-live-footer,.sm-live-footer a{color:#f2ebdc!important}.help .button{color:#233449!important}
.hero-index{position:absolute;z-index:4;left:calc(5vw + clamp(370px,34vw,510px) + 24px);bottom:10%;display:flex;align-items:center;gap:10px;direction:ltr;font:500 13px/1 Assistant,Arial,sans-serif;letter-spacing:.18em;color:#f2ebdcbd;transform:rotate(-90deg);transform-origin:left center}
.hero-index i{display:block;width:42px;height:1px;background:#f2ebdc69}.hero-index b{font-weight:400;opacity:.65}
body.motion-off .hero-act .portal{transform:rotate(4.5deg)!important}body.motion-off .hero-act .photo{transform:none!important}
body.motion-off .hero-act .campaign-video{display:none!important}
@media(min-width:701px) and (max-width:1100px){.hero-act .portal{left:3vw;top:18%;width:40vw;max-height:68svh}.hero-act .wordmark{top:24%;font-size:14vw}.hero-act .copy{right:4vw;width:44%}.hero-index{left:calc(3vw + 40vw + 18px)}}
@media(max-width:700px){.hero-act .wordmark{top:96px}.hero-act .portal{top:170px;left:12%;width:76%;height:clamp(320px,46svh,410px);aspect-ratio:auto;padding:6px;border-radius:47% 47% 18px 18px;transform:translate3d(var(--portal-x,0px),var(--portal-y,0px),0) rotate(var(--portal-rotation,3.5deg)) scale(var(--portal-scale,1))}.hero-act .window{border-radius:47% 47% 14px 14px}.hero-act .copy{bottom:42px;padding-top:16px;border-top-color:#f2ebdc38}.hero-act .cta{white-space:nowrap;gap:18px;padding:8px 18px;font-size:17px}.hero-index{left:18px;bottom:52%;font-size:11px;gap:7px}.hero-index i{width:25px}body.motion-off .hero-act .portal{transform:rotate(3.5deg)!important}body.motion-off .hero-act .photo{transform:none!important}}
@media(max-width:700px){.neo-sector--direct-hero-video>.neo-direct-hero-video{left:12%!important;top:170px!important;width:76%!important;height:clamp(320px,46svh,410px)!important;aspect-ratio:auto!important;border-width:6px!important;border-radius:47% 47% 18px 18px!important;transform:rotate(3.5deg)}.neo-sector--direct-hero-video>.neo-direct-hero-video .neo-direct-hero-video__player,.neo-sector--direct-hero-video>.neo-direct-hero-video .neo-direct-hero-video__poster{border-radius:calc(47% - 6px) calc(47% - 6px) 12px 12px!important}}
@media(max-width:380px) and (max-height:700px){.hero-act .portal{top:148px;height:292px}.hero-act .copy{bottom:34px}.hero-index{display:none}}
@media(prefers-reduced-motion:reduce){.hero-act .portal{transform:rotate(4.5deg)!important}.hero-act .photo{transform:none!important}.hero-act .campaign-video{display:none!important}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.hero-act .portal{transform:rotate(3.5deg)!important}}

/* v14: client campaign material distributed through the supporting sections. */
.categories .portrait{object-fit:cover;background:#dce7eb}
.look-grid img:first-child{aspect-ratio:9/16;object-fit:cover;max-height:560px}
.look-grid img:nth-child(2){aspect-ratio:2/3;object-fit:cover;max-height:480px}
.favorites .product-grid img{aspect-ratio:2/3;object-fit:cover;max-height:none;background:#dce7eb}
@media(max-width:700px){.look-grid img:first-child{max-height:510px}.look-grid img:nth-child(2){max-width:250px;max-height:375px}.favorites .product-grid img{max-height:300px}.favorites .product-grid img:nth-child(3){max-height:360px}}

/* v18: three-film hero and curated campaign journal */
.hero-act .campaign-video{transition:opacity .14s linear}
.journal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.journal-grid img{display:block;width:100%;max-width:none;height:auto;aspect-ratio:3/4;object-fit:cover;background:#dce7eb}
.journal-grid .journal-feature{grid-column:1/-1;aspect-ratio:16/9;object-position:center 46%}
.favorites .product-grid img:first-child{object-position:center 42%}
@media(max-width:700px){
  .journal-grid{grid-template-columns:1fr 1fr;gap:12px;max-width:100%}
  .journal-grid img{max-width:none;aspect-ratio:3/4}
  .journal-grid .journal-feature{grid-column:1/-1;aspect-ratio:16/10}
}


/* v23: semantic FAQ and organic search content */
.faq{padding-top:72px;padding-bottom:78px}.faq-heading{text-align:center;max-width:680px;margin:0 auto 34px}.faq-heading p{margin:0;color:#526477;font-size:19px;line-height:1.65}.faq-list{max-width:880px;margin:auto;border-top:1px solid #aab7c2}.faq-item{border-bottom:1px solid #aab7c2}.faq-item summary{list-style:none;cursor:pointer;position:relative;padding:24px 0 24px 52px;font-size:23px;font-weight:500}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before,.faq-item summary:after{content:'';position:absolute;left:12px;top:50%;width:18px;height:1px;background:#063f83;transition:transform .25s ease}.faq-item summary:after{transform:rotate(90deg)}.faq-item[open] summary:after{transform:rotate(0)}.faq-item p{max-width:740px;margin:0;padding:0 0 24px;font-size:19px;line-height:1.75;color:#43576a}.faq-item a{text-decoration:underline;text-underline-offset:4px}.faq-item summary:focus-visible{outline:3px solid #bc944c;outline-offset:5px}
@media(max-width:700px){.faq{padding-top:50px;padding-bottom:52px}.faq-heading{margin-bottom:22px}.faq-heading p{font-size:17px}.faq-item summary{padding:20px 0 20px 42px;font-size:20px}.faq-item summary:before,.faq-item summary:after{left:8px;width:16px}.faq-item p{font-size:17px;padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){.faq-item summary:before,.faq-item summary:after{transition:none}}

/* v24: official Instagram Reel embeds */
.reels{padding:76px 0 70px;overflow:hidden;background:linear-gradient(180deg,#f6f1e9 0,#faf8f3 100%)}.reels-heading{text-align:center}.reels-heading p{margin:-15px auto 34px;color:#526477;font-size:19px}.reels-track{display:flex;gap:22px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#aebdca transparent;padding:0 max(22px,calc((100vw - 1120px)/2)) 24px;direction:rtl}.reel-card{flex:0 0 min(360px,85vw);min-width:326px;scroll-snap-align:start;background:#fff;border:1px solid #d8dfe4;box-shadow:0 18px 44px #143c5b12;min-height:570px;display:flex;align-items:flex-start;justify-content:center}.reels-profile{display:flex;width:max-content;margin:24px auto 0;align-items:center;gap:24px;border-bottom:1px solid #8fa0ae;padding-bottom:7px;font-size:19px}.reels-profile span{transition:transform .25s ease}.reels-profile:hover span{transform:translateX(-5px)}
@media(max-width:700px){.reels{padding:52px 0 48px}.reels-heading p{font-size:17px;padding:0 22px;margin-top:-10px}.reels-track{gap:14px;padding-inline:22px}.reel-card{flex-basis:calc(100vw - 58px);min-width:286px;min-height:520px}.reels-profile{font-size:17px;margin-top:16px}}
@media(prefers-reduced-motion:reduce){.reels-track{scroll-behavior:auto}.reels-profile span{transition:none}}

/* v25: resilient visual covers for direct Instagram embeds */
.reel-card{position:relative;aspect-ratio:9/16;min-height:0;overflow:hidden;background:#072d60}.reel-fallback{position:absolute;inset:0;z-index:2;display:block;color:#fff;overflow:hidden}.reel-fallback:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,#03172da8)}.reel-fallback img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.65,.25,1)}.reel-fallback:hover img{transform:scale(1.035)}.reel-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#faf8f3dc;color:#063f83;font-size:22px;padding-left:4px;box-shadow:0 14px 35px #00152e42}.reel-watch{position:absolute;z-index:2;right:22px;bottom:20px;font-size:18px;border-bottom:1px solid #ffffffb8;padding-bottom:5px}
@media(max-width:700px){.reel-play{width:58px;height:58px}.reel-watch{font-size:17px;right:18px;bottom:17px}}
@media(prefers-reduced-motion:reduce){.reel-fallback img{transition:none}}


/* v28: self-moving draggable Reels rail */
.reels-track{scrollbar-width:none;cursor:grab;user-select:none;touch-action:pan-y;scroll-behavior:smooth}.reels-track::-webkit-scrollbar{display:none}.reels-track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.reels-track.is-dragging a,.reels-track.is-dragging img{pointer-events:none}.reel-card,.reel-fallback{user-select:none;-webkit-user-drag:none}
.reel-card .instagram-media{width:100%!important;min-width:0!important;margin:0!important}.reels-track.is-dragging .instagram-media{pointer-events:none}
@media(max-width:700px){.reel-card iframe{min-height:520px}}
@media(prefers-reduced-motion:reduce){.reels-track{scroll-behavior:auto}}
@media(prefers-reduced-motion:reduce){.hero-act .water{animation:none!important}}

/* Live Etx layout: keep the authored sticky scene and native Hero video inside its portal. */
#sec_31aa31aa,#sec_31aa31aa>.neo-container-fluid{overflow:visible!important}
.hero-act .window>.neo-direct-hero-video{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;border:0!important;border-radius:inherit!important;overflow:hidden!important;z-index:1!important;transform:none!important;box-shadow:none!important;pointer-events:none!important}
.hero-act .window>.neo-direct-hero-video .neo-direct-hero-video__player,.hero-act .window>.neo-direct-hero-video .neo-direct-hero-video__poster{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important;background-position:center!important;background-size:cover!important}

/* Etx injects reveal styles on these authored layers. Keep the local Hero composition exact. */
#sec_31aa31aa .hero-act .water{opacity:.23!important;visibility:visible!important}
#sec_31aa31aa .hero-act .sea-plate{opacity:.16!important;visibility:visible!important;background-size:auto,122% auto!important;background-position:center,left center!important}
#sec_31aa31aa .hero-act .sunlight{opacity:var(--light-opacity,.28)!important;visibility:visible!important}
#sec_31aa31aa .hero-act .hero-index b{opacity:.65!important;visibility:visible!important}

/* Mobile Hero typography: a clean wordmark and one compact editorial action row. */
@media(max-width:700px){
  #sec_31aa31aa .hero-act .wordmark{top:92px!important;left:18px!important;right:18px!important;width:auto!important;font-size:clamp(46px,13.5vw,56px)!important;line-height:1!important;letter-spacing:-.055em!important;white-space:nowrap!important;text-align:center!important}
  #sec_31aa31aa .hero-act .wordmark span{display:inline!important;font-size:1em!important;margin:0!important}
  #sec_31aa31aa .hero-act .copy{left:22px!important;right:22px!important;bottom:30px!important;width:auto!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:16px 0 0!important;border-top:1px solid #f2ebdc52!important;text-align:right!important}
  #sec_31aa31aa .hero-act .copy h2{flex:1 1 auto!important;min-width:0!important;margin:0!important;font-size:clamp(19px,5.2vw,22px)!important;line-height:1.15!important;white-space:nowrap!important;text-align:right!important}
  #sec_31aa31aa .hero-act .cta{flex:0 0 auto!important;min-height:44px!important;padding:7px 17px!important;gap:14px!important;font-size:16px!important;white-space:nowrap!important}
}
@media(max-width:360px){
  #sec_31aa31aa .hero-act .copy{left:16px!important;right:16px!important;gap:10px!important}
  #sec_31aa31aa .hero-act .copy h2{font-size:18px!important}
  #sec_31aa31aa .hero-act .cta{padding-inline:13px!important;font-size:15px!important}
}

/* Restored editorial collection rail. It presents approved imagery only; commerce remains system-owned. */
.collection-slider{padding-top:46px!important;padding-bottom:86px!important}
.collection-slider .swim-track{scrollbar-width:none!important;padding-bottom:4px!important}
.collection-slider .swim-track::-webkit-scrollbar{display:none}
.collection-slider .swim-image{margin:0;aspect-ratio:3/4;background:#dce7ec}
.collection-slider .swim-image img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.25,1)}
.collection-slider .swim-card:hover .swim-image img{transform:scale(1.025)}
.collection-slider .swim-info{padding-top:14px;border-bottom:1px solid #a9b3b9;padding-bottom:13px}
.collection-slider .swim-info h3{font-size:20px;font-weight:400}
@media(max-width:700px){
  .collection-slider{padding-top:28px!important;padding-bottom:56px!important}
  .collection-slider .swim-card{flex-basis:78%}
  .collection-slider .swim-info h3{font-size:19px}
}

/* Premium closing composition: water, service CTA and footer read as one continuous ending. */
.help{position:relative;isolation:isolate;overflow:hidden;min-height:210px;grid-template-columns:56% 44%;grid-template-rows:210px;background:linear-gradient(135deg,#071c3c 0,#073b78 58%,#061b37 100%);border-top:1px solid #f2ebdc24;border-bottom:1px solid #f2ebdc1f}
.help>div{position:relative;z-index:3;grid-column:1;grid-row:1;align-items:flex-start!important;padding:38px clamp(42px,7vw,110px)!important;text-align:right}
.help h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,2.45vw,40px)!important;line-height:1.15;font-weight:400!important;margin:0 0 22px!important;color:#f2ebdc!important}
.help .button{min-height:50px!important;padding:10px 28px!important;border:1px solid #f2ebdca3!important;background:#f2ebdc0d!important;color:#f2ebdc!important;font-weight:500!important;box-shadow:none!important;transition:background .25s ease,color .25s ease,transform .25s ease}
.help .button:hover{background:#f2ebdc!important;color:#05357b!important;transform:translateY(-2px)}
.help .living-water{position:relative;z-index:1;grid-column:2;grid-row:1;display:block!important;height:210px!important;min-height:210px!important;max-height:210px!important;width:100%;overflow:hidden;align-self:stretch}
.help .living-water:after{content:'';position:absolute;z-index:4;inset:0;background:linear-gradient(90deg,transparent 25%,#073b786b 62%,#073b78 100%);pointer-events:none}
.help .living-water img{position:absolute;inset:0;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover;filter:saturate(.94) contrast(1.04)}
.water-signature{position:absolute;z-index:6;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;color:#f2ebdc;text-shadow:0 2px 18px #00224f8f;white-space:nowrap;pointer-events:none}
.water-signature strong{font-family:Georgia,'Times New Roman',serif;font-size:clamp(27px,2.6vw,43px);font-weight:400;letter-spacing:.08em;line-height:1}
.water-signature small{margin-top:7px;font-size:10px;letter-spacing:.34em;padding-left:.34em}
.footer{background:linear-gradient(180deg,#061b37 0,#05080d 68%)!important;color:#e8e1d5!important}
.footer-inner{min-height:185px!important;padding-top:52px!important;padding-bottom:30px!important;border-top:1px solid #f2ebdc24}
.credit{flex-basis:100%;order:7;text-align:center;margin-top:8px;font-size:13px!important;letter-spacing:.02em;opacity:.64!important}
.credit:hover{opacity:1!important}
@media(max-width:700px){
  .help{grid-template-columns:1fr;grid-template-rows:145px auto;min-height:0}
  .help>div{grid-column:1;grid-row:2;align-items:center!important;padding:28px 22px 32px!important;text-align:center}
  .help h2{font-size:28px!important;margin-bottom:18px!important}
  .help .living-water{grid-column:1;grid-row:1;height:145px!important;min-height:145px!important;max-height:145px!important}
  .help .living-water:after{background:linear-gradient(180deg,transparent 35%,#073b78 100%)}
  .footer-inner{min-height:0!important;padding-top:42px!important;padding-bottom:28px!important}
  .credit{margin-top:0}
}

/* v7: photographic water surface and native RTL collection browsing. */
.living-water{position:relative;margin:0;min-width:0;overflow:hidden;height:245px;background:#008bd0;isolation:isolate}.help .living-water img{width:100%;height:100%;max-height:none;object-fit:cover;transform:scale(1.1);animation:pool-current 9s ease-in-out infinite alternate;animation-play-state:paused}.water-caustics,.water-glint{position:absolute;inset:-12%;pointer-events:none;animation-play-state:paused!important}.water-caustics{background:url('https://ftp2.oia-file.com/stores/1637/media/FmIALOqLcbel/1024') center/cover;mix-blend-mode:screen;opacity:.26;animation:pool-light 7s ease-in-out infinite alternate;mask-image:radial-gradient(ellipse,#000 10%,transparent 76%)}.water-glint{background:linear-gradient(120deg,transparent 25%,#d6ffff44 43%,transparent 62%);mix-blend-mode:screen;animation:pool-glint 6s ease-in-out infinite alternate}.living-water.is-flowing img,.living-water.is-flowing .water-caustics,.living-water.is-flowing .water-glint{animation-play-state:running!important}
@keyframes pool-current{from{transform:scale(1.1) translate(-1.8%,1.2%) rotate(-.5deg)}to{transform:scale(1.13) translate(1.8%,-1.2%) rotate(.5deg)}}@keyframes pool-light{from{transform:scale(1.08) translate(3%,-2%);opacity:.12}to{transform:scale(1.14) translate(-3%,2%);opacity:.32}}@keyframes pool-glint{from{transform:translateX(-16%);opacity:.3}to{transform:translateX(16%);opacity:.7}}
.swim-carousel{position:relative;min-width:0}.swim-track{display:flex;cursor:grab;user-select:none;touch-action:pan-y;scroll-behavior:smooth;gap:28px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#aebdca transparent;padding-bottom:18px;direction:rtl}.swim-track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.swim-track.is-dragging img{pointer-events:none}.swim-card{flex:0 0 calc((100% - 56px)/3);min-width:0;scroll-snap-align:start}.swim-image{aspect-ratio:2/3;background:#dce7eb;overflow:hidden;display:flex;align-items:center;justify-content:center}.swim-image img{width:100%;height:100%;object-fit:contain;max-width:312px;max-height:468px}.swim-info{padding:18px 0 0;display:flex;align-items:flex-start;flex-direction:column;gap:13px}.swim-info h3{font-size:23px;font-weight:400;line-height:1.25;margin:0}.purchase-preview{display:flex;justify-content:space-between;align-items:center;gap:34px;border:1px solid #9baabb;background:transparent;color:#233449;min-height:44px;padding:8px 17px;font-size:18px;opacity:1;cursor:default}.swim-controls{display:flex;align-items:center;justify-content:center;gap:22px;padding-top:20px}.swim-arrow{width:44px;height:44px;border:1px solid #a1b0bf;color:#063f83;background:transparent;cursor:pointer;font-size:27px;line-height:1}.swim-arrow:hover:enabled{background:#063f83;color:#fff}.swim-arrow:disabled{opacity:.3;cursor:default}.swim-position{font-size:17px;direction:ltr;min-width:45px;text-align:center}.purchase-note{font-size:16px;color:#647486;text-align:center;margin:15px 0 0}.swim-track:focus-visible{outline:2px solid #bc944c;outline-offset:6px}
/* Content is visible in CSS and without JS; only elements entering below the fold animate. */
.category img,.look-grid img,.journal-grid img{transition:box-shadow .3s ease}.category:hover img{box-shadow:0 12px 28px #143c5b18}.category-link span,.text-link span{display:inline-block;transition:transform .3s ease}.category-link:hover span,.text-link:hover span{transform:translateX(-5px)}.story-sea{transform:translateY(var(--story-drift,0px))}.section-title:before,.section-title:after{transition:width .8s ease}.section-title.title-arrived:before,.section-title.title-arrived:after{width:90px}
@media(max-width:1000px){.swim-track{gap:22px}.swim-card{flex-basis:calc((100% - 22px)/2.25)}}
@media(max-width:700px){.living-water{height:190px}.swim-track{gap:18px;padding-bottom:14px}.swim-card{flex-basis:82%}.swim-image{max-height:410px}.swim-image img{max-width:273px;max-height:410px}.swim-info h3{font-size:22px}.swim-controls{padding-top:16px}.purchase-note{font-size:15px}.section-title.title-arrived:before,.section-title.title-arrived:after{width:40px}.story-sea{transform:none}}
body.motion-off .living-water img,body.motion-off .living-water span{animation:none!important;transform:none!important}body.motion-off .water-caustics,body.motion-off .water-glint{display:none}body.motion-off .story-sea{transform:none!important}
@media(prefers-reduced-motion:reduce){.swim-track{scroll-behavior:auto;}.living-water img,.living-water span{animation:none!important;transform:none!important}.water-caustics,.water-glint{display:none}.story-sea{transform:none!important}.category img,.look-grid img,.journal-grid img,.section-title:before,.section-title:after,.category-link span,.text-link span{transition:none!important}}