/*
Theme Name: Crab Island Girl
Theme URI: https://crabislandgirl.com/
Description: Kadence child theme for crabislandgirl.com. Carries the approved prototype (prototype/ in the build folder): tokens, type, header, footer, inquiry sheet and the block styles every page is built from. Page content is ordinary core blocks; the look keys on each block's "Additional CSS class" (cig-*), which the editor preserves.
Author: Crab Island Girl / build agent
Template: kadence
Version: 1.0.1
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: crab-island-girl
*/

/* =====================================================================================================
   0. faces (self-hosted, OFL) — Cormorant Garamond + Karla only
   ===================================================================================================== */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:300 700;font-display:swap;src:url(assets/fonts/CormorantGaramond-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:300 700;font-display:swap;src:url(assets/fonts/CormorantGaramond-italic.woff2) format("woff2")}
@font-face{font-family:"Karla";font-style:normal;font-weight:200 800;font-display:swap;src:url(assets/fonts/Karla-normal.woff2) format("woff2")}
@font-face{font-family:"Karla";font-style:italic;font-weight:200 800;font-display:swap;src:url(assets/fonts/Karla-italic.woff2) format("woff2")}

/* =====================================================================================================
   1. tokens (DESIGN.md) — the only colours and the only font sizes on the site
   ===================================================================================================== */
:root{
  --ivory:#FBF7F2;--ivory-rgb:251 247 242;
  --ivory-2:#F4EDE4;
  --ink:#14211F;--ink-rgb:20 33 31;
  --ink-2:#4A5654;
  --rule:#D9D2C8;
  --coral:#F09880;--coral-deep:#E27F63;
  --emerald-ink-rgb:8 62 60;
  --display:"Cormorant Garamond","Garamond",Georgia,serif;
  --text:"Karla","Helvetica Neue",Arial,sans-serif;
  --gutter:clamp(20px,5vw,48px);
  --band:clamp(72px,12vw,160px);
  --head-h:72px;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --fs-h1:clamp(2.6rem,11vw,5rem);
  --fs-h1-desktop:clamp(3rem,4.4vw,4.8rem);
  --fs-h2:clamp(2rem,7.4vw,3.2rem);
  --fs-quote:clamp(1.7rem,6vw,2.6rem);
  --fs-title:1.65rem;
  --fs-title-2:1.35rem;
  --fs-body:1.0625rem;
  --fs-btn:1rem;
  --fs-ui:.95rem;
  --fs-fine:.85rem;
  --fs-label:.75rem;
  /* icons as data URIs (buttons are RichText: no inline SVG in editable content) */
  --i-phone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314211F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");
  --i-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314211F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  --i-arrow-ivory:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FBF7F2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  --i-ext:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314211F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E");
  --i-ext-ivory:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FBF7F2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E");
  --i-pencil:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314211F' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L18 10l-4-4L4 16v4zM13 7l4 4'/%3E%3C/svg%3E");
}

/* =====================================================================================================
   2. base
   ===================================================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--head-h) + 12px);scrollbar-color:var(--ink) var(--ivory-2);scrollbar-width:thin}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--text);font-size:var(--fs-body);line-height:1.55;font-weight:400;-webkit-font-smoothing:antialiased;caret-color:var(--coral)}
::selection{background:var(--coral);color:var(--ink)}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:var(--ivory-2)}
::-webkit-scrollbar-thumb{background:var(--ink)}
img{display:block;max-width:100%;height:auto}
picture{display:contents}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:var(--rule)}
a:hover{text-decoration-color:currentColor}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
button,input{font:inherit;color:inherit}
h1,h2,h3,h4,p,figure{margin:0}
h1,h2,h3,h4,.cig-display{font-family:var(--display);font-weight:560;letter-spacing:-.01em;text-wrap:balance}
em{font-style:italic}
.cig-main{display:block}
.cig-container{padding-inline:var(--gutter);max-width:1280px;margin-inline:auto}
.cig-label{font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;font-weight:500;line-height:1.3}
.cig-num{font-variant-numeric:tabular-nums}
.screen-reader-text,.cig-sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}
.cig-skip{position:absolute;left:var(--gutter);top:-100px;z-index:40;background:var(--ivory);color:var(--ink);padding:12px 16px;text-decoration:none;font-size:var(--fs-ui);font-weight:500}
.cig-skip:focus{top:calc(12px + env(safe-area-inset-top))}
/* WordPress admin bar (logged-in previews only) sits above the fixed header */
body.admin-bar .cig-head{top:32px}
@media (max-width:782px){body.admin-bar .cig-head{top:46px}}

/* every top-level content block except the hero sits in the container */
.cig-main > .wp-block-group,.cig-main > .wp-block-query{max-width:1280px;margin-inline:auto;padding-inline:var(--gutter)}
.cig-main > .wp-block-group:last-child{padding-bottom:56px}

/* =====================================================================================================
   3. the one button, and the arrow link — theme markup (.cig-btn) and block markup (.wp-block-button)
   ===================================================================================================== */
.cig-btn,.cig-main .wp-block-button__link,.cig-article .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:56px;padding:0 1.6em;border:0;border-radius:0;background:var(--coral);color:var(--ink);font-family:var(--text);font-weight:600;font-size:var(--fs-btn);line-height:1.2;letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:background .18s var(--ease-out),transform .18s var(--ease-out);box-shadow:0 10px 24px -14px rgb(var(--ink-rgb) / .45)}
.cig-btn:hover,.cig-main .wp-block-button__link:hover,.cig-article .wp-block-button__link:hover{background:var(--coral-deep);color:var(--ink)}
.cig-btn:active,.cig-main .wp-block-button__link:active{transform:translateY(1px)}
.cig-btn svg{width:18px;height:18px;flex:none}
.cig-btn-ink{background:var(--ivory);color:var(--ink);box-shadow:none}
.cig-btn-ink:hover{background:#fff}
/* the phone glyph on every "Call to book" */
.cig-call .wp-block-button__link::before{content:"";width:18px;height:18px;flex:none;background:var(--i-phone) center/contain no-repeat}
.cig-link-arrow{display:inline-flex;align-items:center;gap:.45em;font-weight:500;text-decoration:none;border-bottom:1px solid var(--ink);padding:.7em 0 .45em;background:transparent;cursor:pointer;color:inherit}
.cig-link-arrow svg,.cig-link-arrow::after{width:16px;height:16px;transition:transform .25s var(--ease-out)}
.cig-link-arrow:hover svg,.cig-link-arrow:hover::after{transform:translateX(3px)}
/* block buttons that are arrow links, not slabs: "or send a short inquiry" (cig-inquire) and any cig-arrow paragraph link */
.cig-inquire .wp-block-button__link,.cig-arrow a{display:inline-flex;align-items:center;gap:.45em;min-height:0;padding:.85em 0 .55em;background:transparent;box-shadow:none;border:0;border-bottom:1px solid var(--ink);border-radius:0;color:var(--ink);font-weight:500;font-size:var(--fs-ui);letter-spacing:0;text-decoration:none}
.cig-inquire .wp-block-button__link:hover,.cig-arrow a:hover{background:transparent;color:var(--ink)}
.cig-inquire .wp-block-button__link::after,.cig-arrow a::after{content:"";width:16px;height:16px;flex:none;background:var(--i-arrow) center/contain no-repeat;transition:transform .25s var(--ease-out)}
.cig-inquire .wp-block-button__link:hover::after,.cig-arrow a:hover::after{transform:translateX(3px)}
.cig-arrow a[target="_blank"]::after{background-image:var(--i-ext)}
.cig-arrow{margin-top:14px;font-size:var(--fs-ui)}
.cig-arrow a{padding:.7em 0 .45em}
.wp-block-buttons.cig-arrow-row{gap:0 24px}
/* a "Check availability" that leaves the site (the stay page): coral slab, external glyph */
.cig-avail .wp-block-button__link::before{content:"";width:18px;height:18px;flex:none;background:var(--i-ext) center/contain no-repeat}

/* =====================================================================================================
   4. header — fixed, clear over the photo, ivory once the photo leaves (cig.js flips data-solid)
   ===================================================================================================== */
.cig-head{position:fixed;inset:0 0 auto 0;z-index:30;height:var(--head-h);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:0 var(--gutter);color:var(--ivory);transition:background .3s var(--ease-out),color .3s var(--ease-out),box-shadow .3s var(--ease-out)}
.cig-head-cta{justify-self:end;min-height:44px;padding:0 1.1em;gap:.5em;font-size:var(--fs-ui);box-shadow:0 8px 20px -12px rgb(var(--ink-rgb) / .5);border:0;font-family:inherit;cursor:pointer}
.cig-head-cta svg{width:16px;height:16px}
.cig-head[data-solid="true"]{background:rgb(var(--ivory-rgb) / .94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--ink);box-shadow:0 1px 0 0 var(--rule)}
.cig-brand{display:flex;align-items:center;text-decoration:none;justify-self:start}
.cig-brand img{width:48px;height:auto}
/* pages without a hero photo: the header is ivory from the first pixel, and the first block clears it */
.cig-head[data-solid="true"] ~ .cig-main{}

/* =====================================================================================================
   5. hero — the photograph (Group: figure + words) or the video (Custom HTML block)
   ===================================================================================================== */
.cig-hero{position:relative;height:88svh;min-height:560px;max-height:960px;overflow:hidden;background:var(--ink);color:var(--ivory);display:flex;align-items:flex-end;margin:0}
.cig-hero .cig-hero-img{position:absolute;inset:0;margin:0}
.cig-hero .cig-hero-img img,.cig-hero .hero-still img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;transform:scale(1.045);animation:cig-settle 2.4s var(--ease-out) forwards}
@keyframes cig-settle{to{transform:scale(1)}}
.cig-hero::before{content:"";position:absolute;inset:0 0 auto 0;height:34%;background:linear-gradient(to bottom,rgb(var(--ink-rgb) / .62),rgb(var(--ink-rgb) / 0));z-index:1;pointer-events:none}
.cig-hero::after{content:"";position:absolute;inset:auto 0 0 0;height:62%;background:linear-gradient(to top,rgb(var(--ink-rgb) / .84),rgb(var(--ink-rgb) / .55) 45%,rgb(var(--ink-rgb) / 0));z-index:1;pointer-events:none}
.cig-hero .cig-words,.cig-hero .words{position:relative;z-index:2;padding:0 var(--gutter) calc(32px + env(safe-area-inset-bottom));max-width:1280px;margin-inline:auto;width:100%;display:grid;gap:14px;justify-items:start}
.cig-hero h1{font-size:var(--fs-h2);line-height:1.02;max-width:14ch;color:var(--ivory)}
.cig-hero h1 em{display:block;font-size:var(--fs-title);line-height:1.15;font-weight:560;margin-top:.4em;max-width:24ch;font-style:italic}
.cig-hero .cig-link-arrow{color:var(--ivory);font-size:var(--fs-ui);border-bottom-color:var(--ivory)}
.cig-hero .cig-link-arrow::after{content:"";width:16px;height:16px;background:var(--i-arrow-ivory) center/contain no-repeat;transform:rotate(90deg)}
.cig-rise{opacity:0;transform:translateY(14px);animation:cig-rise 1.1s var(--ease-out) forwards}
.cig-words .cig-rise:nth-child(2),.words .cig-rise:nth-child(2){animation-delay:.12s}
@keyframes cig-rise{to{opacity:1;transform:none}}
/* video heroes: the still under the loop, the loop over it */
.cig-hero-video .hero-still,.cig-hero-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:none;animation:none;display:block}
.cig-hero-video .hero-still img{object-position:50% 50%;transform:none;animation:none}
.cig-hero-video video{background:transparent;pointer-events:none}
@media (prefers-reduced-motion:reduce){.cig-hero-video video{display:none}}
/* service-page hero: shorter, and a 3:2 photo block on phones with the words beneath on ivory */
.cig-hero-svc{height:70svh;min-height:480px;max-height:820px}
.cig-hero-svc .cig-hero-img img{object-position:50% 55%}
.cig-hero-svc h1{font-size:var(--fs-h1)}
.cig-hero-svc video{object-position:50% 50%}
@media (max-width:899px){
  .cig-hero-svc{height:auto;min-height:0;max-height:none;display:block;background:var(--ivory);color:var(--ink)}
  .cig-hero-svc .cig-hero-img,.cig-hero-svc .hero-still{position:static}
  .cig-hero-svc .cig-hero-img img,.cig-hero-svc .hero-still img{position:static;display:block;width:100%;height:auto;aspect-ratio:3/2;object-position:50% 50%;transform:none;animation:none}
  .cig-hero-svc video{inset:0 0 auto 0;height:auto;aspect-ratio:3/2}
  .cig-hero-svc.top{padding-top:80px}
  .cig-hero-svc::before,.cig-hero-svc::after{display:none}
  .cig-hero-svc .cig-words,.cig-hero-svc .words{padding:22px var(--gutter) 0}
  .cig-hero-svc h1{color:var(--ink)}
}

/* =====================================================================================================
   6. service page bands — book row + spec + lede, then Book direct tiles
   ===================================================================================================== */
.cig-book{padding-top:24px}
.cig-book-row.wp-block-buttons{display:grid;gap:8px;justify-items:start;margin:0}
.cig-book-row .wp-block-button{margin:0}
.cig-book-row .cig-call,.cig-book-row .cig-call .wp-block-button__link{width:100%}
.cig-lede{margin-top:22px;max-width:44ch;color:var(--ink-2)}
.cig-spec.wp-block-list{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid var(--rule)}
.cig-spec li{display:grid;grid-template-columns:6.2em 1fr;gap:14px;padding:9px 0;border-bottom:1px solid var(--rule);font-size:var(--fs-ui)}
.cig-spec li strong{font-weight:500;font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;line-height:1.3;padding-top:.2em;color:var(--ink-2)}
.cig-partners{padding:44px 0 48px}
.cig-partners > h2{font-size:var(--fs-h2);line-height:1.05;max-width:14ch}
.cig-group-title{margin:28px 0 0;font-size:var(--fs-title);line-height:1.1}
.cig-group-title + .cig-tiles{margin-top:16px}
.cig-tiles + .cig-group-title{margin-top:44px}
.cig-disc{margin-top:18px;max-width:58ch;font-size:var(--fs-fine);color:var(--ink-2)}
.cig-more{margin-top:18px}
/* tiles: a Group per tile (photo, name, one line, one link); the photo frame is 5:3 on partner grids, 4:3 / 3:2 on the homepage */
.cig-tiles{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px 12px}
.cig-tile{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0;align-content:start;text-decoration:none;cursor:pointer}
.cig-tile > *{margin:0}
.cig-ph.wp-block-image{position:relative;aspect-ratio:5/3;overflow:hidden;background:var(--ivory-2);margin:0}
.cig-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform 1.2s var(--ease-out)}
.cig-tile:hover .cig-ph img{transform:scale(1.03)}
.cig-tile .cig-t{margin-top:10px;font-size:var(--fs-title-2);line-height:1.15}
.cig-tile .cig-t a{text-decoration:none}
.cig-tile .cig-d{margin-top:4px;color:var(--ink-2);font-size:var(--fs-fine);line-height:1.45}
.cig-ext.wp-block-buttons{margin:6px 0 0;gap:0}
.cig-ext .wp-block-button__link{display:inline-flex;align-items:center;gap:6px;min-height:0;padding:.2em 0;background:transparent;box-shadow:none;border:0;border-radius:0;color:var(--ink-2);font-weight:400;font-size:var(--fs-fine);letter-spacing:0;text-decoration:none}
.cig-ext .wp-block-button__link:hover{background:transparent;color:var(--ink)}
.cig-ext .wp-block-button__link::after{content:"";width:14px;height:14px;flex:none;background:var(--i-ext) center/contain no-repeat}
.cig-ext .wp-block-button__link[href^="tel:"]::after,.cig-ext .wp-block-button__link[href$="#inquire"]::after{background-image:var(--i-phone)}
.cig-ext .wp-block-button__link[href$="#inquire"]::after{background-image:var(--i-arrow);transition:transform .25s var(--ease-out)}
.cig-tile:hover .cig-ext .wp-block-button__link[href$="#inquire"]::after{transform:translateX(3px)}
/* inquiry-only tiles (yacht page): the partner's own booking link rides hidden in the tile and appears in the sheet as "Book now with <partner>" */
.cig-tile-inquire .cig-ext .wp-block-button:nth-child(n+2){display:none}
@supports not (grid-template-rows:subgrid){.cig-tile .cig-t{min-height:2.3em}.cig-tile .cig-d{min-height:2.9em}}
/* photo positions carried from the prototype (Additional CSS class on the Image block) */
.cig-ph.p-tall img{object-position:50% 50%}
.cig-ph.p-face img{object-position:50% 30%}
.cig-ph.p-cila img{object-position:50% 70%}
.cig-ph.p-s62 img{object-position:50% 55%}
.cig-ph.p-tiara img,.cig-ph.p-dpy img{object-position:50% 50%}
.cig-ph.p-dhj img{object-position:50% 12%}
.cig-ph.p-bach img{object-position:50% 25%}
.cig-ph.p-yacht img{object-position:50% 58%}
.cig-ph.p-tiki img{object-position:46% 50%}

/* =====================================================================================================
   7. homepage — book row + premise, six tiles (the tiles are the menu)
   ===================================================================================================== */
.cig-index{padding:24px 0 32px}
.cig-premise{margin-top:22px;max-width:40ch;color:var(--ink-2);font-size:var(--fs-ui)}
.cig-premise a{display:inline-block;padding:.7em 0;margin:-.7em 0;color:var(--ink);text-decoration-color:var(--ink)}
.cig-tiles-home{margin-top:24px}
.cig-tiles-home .cig-tile{grid-row:span 3}
.cig-tiles-home .cig-ph.wp-block-image{aspect-ratio:4/3}
.cig-tiles-home .cig-tile .cig-t{margin-top:6px}
.cig-tiles-home .cig-tile .cig-d{margin-top:0}

/* =====================================================================================================
   8. tier 3 shapes — page head, reading column, questions, rows, stay note, rail, close band
   ===================================================================================================== */
.cig-page-head{padding-top:calc(var(--head-h) + 32px)}
.cig-page-head h1{font-size:var(--fs-h2);line-height:1.02;max-width:14ch;margin:0}
.cig-page-head h1 em{display:block;font-size:var(--fs-title);line-height:1.15;font-weight:560;margin-top:.4em;max-width:26ch}
.cig-page-head .cig-lede{margin-top:18px;max-width:44ch;color:var(--ink-2)}
.cig-rows.wp-block-list{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--rule)}
.cig-rows li{border-bottom:1px solid var(--rule);display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:12px;padding:0}
.cig-rows li a{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;text-decoration:none;color:inherit;font-family:var(--display);font-weight:560;font-size:var(--fs-title-2);line-height:1.15;letter-spacing:-.01em;grid-column:1 / -1;width:100%}
.cig-rows li a::after{content:"";width:16px;height:16px;flex:none;background:var(--i-arrow) center/contain no-repeat;transition:transform .25s var(--ease-out)}
.cig-rows li a:hover::after{transform:translateX(3px)}
/* rows with a descriptor (the "which boat" list): plain link left, muted note right, no arrow */
.cig-rows-desc li{padding:6px 0}
.cig-rows-desc li a{grid-column:auto;width:auto;padding:0;font-family:var(--text);font-weight:500;font-size:var(--fs-ui);letter-spacing:0}
.cig-rows-desc li a::after{content:none}
.cig-rows-desc li a:hover,.cig-rows-desc li a:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:var(--ink)}
.cig-rows-desc li em{font-style:normal;color:var(--ink-2);font-size:var(--fs-fine)}
.cig-rows-plain li a{font-family:var(--text);font-weight:500;font-size:var(--fs-ui);letter-spacing:0}
.cig-rail{margin-top:44px}
.cig-rail h2{font-size:var(--fs-title);line-height:1.1;margin:0}
.cig-rail .cig-rows{margin-top:14px}
.cig-rail .cig-fine{margin-top:12px;font-size:var(--fs-fine);color:var(--ink-2);max-width:36ch}
.cig-close{margin-top:48px;padding:40px 0 0;border-top:1px solid var(--rule)}
.cig-close .cig-close-line{margin:0 0 18px;max-width:40ch;font-family:var(--display);font-size:var(--fs-title);line-height:1.15;font-style:italic;font-weight:560}
.cig-close .wp-block-buttons{margin:0}
.cig-close .cig-call,.cig-close .cig-call .wp-block-button__link{width:100%}
.cig-close .cig-arrow{margin-top:0}
/* the reading column */
.cig-prose{max-width:62ch}
.cig-prose h2{font-size:var(--fs-title);line-height:1.1;margin:40px 0 0;padding-top:22px;border-top:1px solid var(--rule)}
.cig-prose > h2:first-child{margin-top:36px}
.cig-prose p{margin:12px 0 0;color:var(--ink)}
.cig-prose .cig-note{color:var(--ink-2);font-size:var(--fs-ui)}
.cig-prose a:not(.cig-arrow a){color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:var(--rule)}
.cig-prose a:hover{text-decoration-color:currentColor}
.cig-prose ul.wp-block-list,.cig-body ul.wp-block-list{list-style:none;margin:14px 0 0;padding:0}
.cig-prose ul li,.cig-body ul li{padding:5px 0}
.cig-prose ul li::before,.cig-body ul li::before{content:"—";margin-right:.6em;color:var(--ink-2)}
.cig-pull{margin:40px 0 0;font-family:var(--display);font-size:var(--fs-quote);line-height:1.15;font-style:italic;font-weight:560;max-width:18ch}
.cig-prose .cig-disc,.cig-body .cig-disc{margin-top:28px;padding-top:16px;border-top:1px solid var(--rule);max-width:58ch;font-size:var(--fs-fine);color:var(--ink-2)}
.cig-prose .cig-arrow,.cig-body .cig-arrow{margin-top:14px}
.cig-prose .cig-arrow + .cig-arrow{margin-top:4px}
.cig-section{padding-top:0}
/* the questions (getting-to page) */
.cig-qa-list{margin-top:32px;border-top:1px solid var(--rule)}
.cig-qa{display:grid;gap:8px;padding:20px 0;border-bottom:1px solid var(--rule);margin:0}
.cig-qa .cig-q{font-size:var(--fs-title-2);line-height:1.2;max-width:22ch;margin:0}
.cig-qa p{margin:0 0 10px;color:var(--ink-2);max-width:60ch}
.cig-qa p:last-child{margin-bottom:0}
.cig-qa .cig-arrow{margin-top:4px;color:var(--ink);font-size:var(--fs-ui)}
.cig-qa .cig-rows.wp-block-list{margin:8px 0 0;border-top:0}
.cig-qa .cig-rows li{border-bottom:0;border-top:1px solid var(--rule)}
/* the stay note */
.cig-note{max-width:62ch}
.cig-note .cig-pull{margin-top:32px;line-height:1.12}
.cig-note .cig-ph.wp-block-image{margin-top:28px;aspect-ratio:3/2}
.cig-note p{margin:18px 0 0;color:var(--ink-2)}
.cig-perks.wp-block-list{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid var(--rule)}
.cig-perks li{padding:9px 0;border-bottom:1px solid var(--rule);font-size:var(--fs-ui)}
.cig-note .wp-block-buttons{margin-top:22px}
.cig-note .cig-fine{margin-top:14px;font-size:var(--fs-fine);color:var(--ink-2);max-width:48ch}
/* the split (reading column + rail): little black book */
.cig-split{display:block}
/* site map */
.cig-map h2{font-size:var(--fs-title);line-height:1.1;margin:36px 0 0}
.cig-map h2:first-child{margin-top:32px}
.cig-map .cig-rows{margin-top:14px}
/* the merch embed and the "awaiting" box */
.cig-embed{margin-top:32px}
.cig-awaiting{margin-top:32px;border:1px solid var(--rule);padding:28px;max-width:62ch}
.cig-awaiting p{margin:0;color:var(--ink-2)}
.cig-awaiting .cig-label{display:block;color:var(--ink-2);margin-bottom:10px}

/* =====================================================================================================
   9. the blog (Query Loop, "the magazine front") and single posts (the article)
   ===================================================================================================== */
.cig-mag{margin-top:8px}
.cig-mag .wp-block-post-template{list-style:none;margin:0;padding:0;display:grid;gap:36px}
.cig-mag .wp-block-post{display:grid;gap:8px;align-content:start;padding-top:20px;border-top:1px solid var(--rule);margin:0}
.cig-mag .wp-block-post-featured-image{margin:0;aspect-ratio:3/2;overflow:hidden;background:var(--ivory-2)}
.cig-mag .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out)}
.cig-mag .wp-block-post:hover .wp-block-post-featured-image img{transform:scale(1.03)}
.cig-mag .wp-block-post-title{font-family:var(--display);font-weight:560;font-size:var(--fs-title);line-height:1.1;letter-spacing:-.01em;max-width:20ch;margin-top:4px}
.cig-mag .wp-block-post-title a{text-decoration:none}
.cig-mag .wp-block-post:first-child .wp-block-post-title{font-style:italic;font-size:var(--fs-h2);line-height:1.05;max-width:16ch;margin-top:6px}
.cig-mag .wp-block-post-date{color:var(--ink-2);font-size:var(--fs-fine)}
.cig-mag .wp-block-post-excerpt{color:var(--ink-2);font-size:var(--fs-ui);max-width:44ch}
.cig-mag .wp-block-post-excerpt p{margin:0}
.cig-mag .wp-block-post-excerpt__more-text{display:none}
.cig-mag .wp-block-query-pagination{margin-top:36px;display:flex;gap:24px;font-size:var(--fs-ui)}
.cig-mag .wp-block-query-pagination a{text-decoration:none;border-bottom:1px solid var(--ink)}
/* the article (single.php) */
.cig-article-head{padding:calc(var(--head-h) + 32px) 0 0}
.cig-article-head h1{font-size:var(--fs-h2);line-height:1.05;max-width:18ch;margin:0}
.cig-standfirst{margin:16px 0 0;font-family:var(--display);font-style:italic;font-weight:560;font-size:var(--fs-title-2);line-height:1.3;color:var(--ink);max-width:34ch}
.cig-byline{margin:14px 0 0;font-size:var(--fs-fine);color:var(--ink-2)}
.cig-cover{margin:28px 0 0}
.cig-cover .cig-ph{aspect-ratio:3/2;overflow:hidden;background:var(--ivory-2)}
.cig-cover img{width:100%;height:100%;object-fit:cover}
.cig-cover figcaption{margin-top:10px;font-size:var(--fs-fine);color:var(--ink-2);max-width:58ch}
.cig-body{max-width:62ch;margin-top:36px}
.cig-body p{margin:14px 0 0}
.cig-body > p:first-child::first-letter{font-family:var(--display);font-weight:560;font-size:3.1em;line-height:.78;float:left;padding:.08em .12em 0 0}
.cig-body h2{font-size:var(--fs-title);line-height:1.1;margin:44px 0 0}
.cig-body a:not(.wp-block-button__link):not(.cig-arrow a){color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:var(--rule)}
.cig-body a:hover{text-decoration-color:currentColor}
.cig-body .cig-pull{line-height:1.12}
.cig-body .cig-rail{margin-top:44px}
.cig-body .cig-rail h2{margin:0}
.cig-body .cig-close{grid-column:1 / -1}
.cig-related{margin-top:56px;border-top:1px solid var(--rule)}
.cig-related h2{font-size:var(--fs-title);line-height:1.1;margin:24px 0 0}
.cig-related .cig-mag-text{display:grid;gap:0;border-top:1px solid var(--rule);margin-top:18px}
.cig-related .cig-story{display:grid;gap:4px;padding:16px 0;border-bottom:1px solid var(--rule);text-decoration:none;color:inherit}
.cig-related .cig-ms{font-family:var(--display);font-style:italic;font-weight:560;font-size:var(--fs-title-2);line-height:1.1;letter-spacing:-.01em;max-width:20ch}
.cig-related .cig-meta{color:var(--ink-2);font-size:var(--fs-fine)}
.cig-related .cig-more{margin-top:18px}
.cig-article{padding-bottom:56px}
/* archives, search, 404 (index.php / 404.php): hairline rows */
.cig-archive{padding-top:calc(var(--head-h) + 32px);padding-bottom:56px}

/* =====================================================================================================
   10. footer — centred, single-spaced, four link groups (WordPress menus), the signup line, the legal row
   ===================================================================================================== */
.cig-foot{padding:36px 0 calc(24px + env(safe-area-inset-bottom));border-top:1px solid var(--rule);text-align:center}
.cig-foot-brand{display:grid;justify-items:center;gap:10px}
.cig-foot-brand img{width:48px;height:auto}
.cig-foot-line{max-width:32ch;line-height:1.4;text-wrap:balance;margin-inline:auto}
.cig-foot-line a,.cig-foot-inquire{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:var(--ink);display:inline;padding:.5em 0}
.cig-foot-inquire{background:transparent;border:0;font:inherit;cursor:pointer}
.cig-foot-groups{margin-top:24px;display:grid;gap:14px}
.cig-foot-group .cig-label{display:block;color:var(--ink-2);margin-bottom:0}
.cig-foot-group ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:0 16px}
.cig-foot-group li{margin:0;padding:0}
.cig-foot-group li a{display:inline-block;padding:7px 0;text-decoration:none;font-size:var(--fs-ui);font-weight:500;white-space:nowrap}
.cig-foot-group li.current-menu-item a{text-decoration:underline;text-decoration-color:var(--rule)}
.cig-foot-legal{margin-top:22px;padding-top:14px;border-top:1px solid var(--rule);display:grid;justify-items:center;gap:2px;color:var(--ink-2);font-size:var(--fs-fine)}
.cig-foot-legal .cig-foot-disc{max-width:58ch}
.cig-fine-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 16px;margin:0}
.cig-fine-row a{text-decoration:none;display:inline-block;padding:7px 0;white-space:nowrap}
.cig-fine-row > span{flex-basis:100%;padding-top:6px}
/* the signup line: Fluent Forms "Email signup" restyled into one quiet row */
.cig-foot-signup{margin-top:26px;display:grid;justify-items:center;gap:2px}
.cig-foot-signup .fluentform{width:100%;max-width:340px;text-align:left}
.cig-foot-signup .frm-fluent-form{display:flex;align-items:baseline;gap:18px;border-bottom:1px solid var(--rule);transition:border-color .18s,box-shadow .18s;flex-wrap:wrap}
.cig-foot-signup .frm-fluent-form:focus-within{border-bottom-color:var(--coral);box-shadow:0 1px 0 0 var(--coral)}
.cig-foot-signup .frm-fluent-form .ff-el-group{margin:0!important;flex:1;min-width:0}
.cig-foot-signup .frm-fluent-form .ff_submit_btn_wrapper{flex:none}
.cig-foot-signup .frm-fluent-form .ff-el-input--label{display:none}
.cig-foot-signup .frm-fluent-form .ff-el-form-control{background:transparent!important;border:0!important;box-shadow:none!important;padding:10px 0!important;font-size:var(--fs-ui)!important;color:var(--ink)!important;width:100%;border-radius:0!important;-webkit-appearance:none;appearance:none;text-align:left;line-height:1.4!important;height:auto!important}
.cig-foot-signup .frm-fluent-form .ff-el-form-control::placeholder{color:var(--ink-2)}
.cig-foot-signup .frm-fluent-form .ff-el-form-control:focus-visible{outline:none}
.cig-foot-signup .frm-fluent-form .ff-btn-submit{background:transparent!important;border:0!important;padding:10px 0!important;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-ui)!important;font-weight:500;color:var(--ink)!important;white-space:nowrap;box-shadow:none!important;border-radius:0!important;min-height:0!important;line-height:1.4!important}
.cig-foot-signup .frm-fluent-form .ff-btn-submit::after{content:"";width:14px;height:14px;background:var(--i-arrow) center/contain no-repeat;transition:transform .25s var(--ease-out)}
.cig-foot-signup .frm-fluent-form .ff-btn-submit:hover::after{transform:translateX(3px)}
.cig-foot-signup .frm-fluent-form .ff-el-is-error .error,.cig-foot-signup .ff-errors-in-stack{font-size:var(--fs-fine);color:var(--ink);padding-top:6px;text-align:left}
.cig-foot-signup .ff-message-success{font-family:var(--display);font-style:italic;font-weight:560;font-size:var(--fs-title-2);padding-top:8px;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--ink)!important;text-align:center}
.cig-foot-signup .cig-signup-fallback{font-size:var(--fs-fine);color:var(--ink-2)}

/* =====================================================================================================
   11. the inquiry sheet (dialog) — theme markup around the Fluent Forms "Charter inquiry" form
   ===================================================================================================== */
.cig-sheet{border:0;padding:0;margin:auto auto 0;width:100%;max-width:100%;background:var(--ink);color:var(--ivory);max-height:calc(100svh - 24px);overflow:auto;box-shadow:0 -30px 60px -30px rgb(var(--emerald-ink-rgb) / .7)}
.cig-sheet[open]{display:grid}
.cig-sheet::backdrop{background:rgb(var(--ink-rgb) / .55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.cig-sheet-body{padding:22px var(--gutter) calc(24px + env(safe-area-inset-bottom))}
.cig-sheet-top{display:flex;justify-content:space-between;align-items:start;gap:16px}
.cig-sheet h2{font-size:var(--fs-title);line-height:1.1;font-style:italic;font-weight:560;max-width:14ch}
.cig-sheet-vessel{margin:10px 0 0;color:rgb(var(--ivory-rgb) / .8)}
.cig-sheet-close{background:transparent;border:0;color:inherit;cursor:pointer;width:44px;height:44px;margin:-10px -12px 0 0;display:grid;place-items:center}
.cig-sheet-close svg{width:22px;height:22px}
body[data-modal="true"]{overflow:hidden}
.cig-sheet :focus-visible{outline-color:var(--ivory)}
.cig-sheet .cig-sheet-form{margin-top:22px;max-width:560px}
/* the Fluent form, hairline fields on ink */
.cig-sheet .fluentform .frm-fluent-form{display:grid;border-top:1px solid rgb(var(--ivory-rgb) / .35);color:var(--ivory)}
.cig-sheet .fluentform .frm-fluent-form .ff-el-group{display:grid;gap:6px;padding:16px 0;margin:0!important;border-bottom:1px solid rgb(var(--ivory-rgb) / .35);transition:border-color .18s,box-shadow .18s}
.cig-sheet .fluentform .frm-fluent-form .ff-el-group:focus-within{border-bottom-color:var(--coral);box-shadow:0 1px 0 0 var(--coral)}
.cig-sheet .fluentform .frm-fluent-form .ff-el-input--label{margin:0!important;padding:0!important}
.cig-sheet .fluentform .frm-fluent-form .ff-el-input--label label{color:rgb(var(--ivory-rgb) / .8)!important;font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;font-weight:500;line-height:1.3;margin:0!important;display:block}
.cig-sheet .fluentform .frm-fluent-form .ff-el-input--label label::after{display:none}
.cig-sheet .fluentform .frm-fluent-form .ff-el-input--content{margin:0}
.cig-sheet .fluentform .frm-fluent-form .ff-el-form-control{background:transparent!important;border:0!important;box-shadow:none!important;padding:6px 0!important;font-size:var(--fs-body)!important;color:var(--ivory)!important;width:100%;border-radius:0!important;-webkit-appearance:none;appearance:none;height:auto!important;line-height:1.4!important}
.cig-sheet .fluentform .frm-fluent-form .ff-el-form-control::placeholder{color:rgb(var(--ivory-rgb) / .62)}
.cig-sheet .fluentform .frm-fluent-form .ff-el-form-control:focus-visible{outline:none}
.cig-sheet .fluentform .frm-fluent-form .ff-el-is-error{border-bottom-color:var(--coral)}
.cig-sheet .fluentform .frm-fluent-form .ff-el-is-error .error,.cig-sheet .fluentform .frm-fluent-form .text-danger{font-size:var(--fs-fine);color:var(--coral)!important;margin:0}
.cig-sheet .fluentform .frm-fluent-form .ff_submit_btn_wrapper{padding-top:22px;border-bottom:0}
.cig-sheet .fluentform .frm-fluent-form .ff-btn-submit{display:inline-flex;align-items:center;justify-content:center;min-height:56px!important;padding:0 1.6em!important;border:0!important;border-radius:0!important;background:var(--ivory)!important;color:var(--ink)!important;font-family:var(--text)!important;font-weight:600!important;font-size:var(--fs-btn)!important;letter-spacing:.02em;cursor:pointer;box-shadow:none!important;line-height:1.2!important}
.cig-sheet .fluentform .frm-fluent-form .ff-btn-submit:hover{background:#fff!important}
.cig-sheet .ff-errors-in-stack,.cig-sheet .fluentform .ff-message-success{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;color:var(--ivory)!important}
.cig-sheet .fluentform .ff-message-success{padding-top:28px!important;font-family:var(--display);font-style:italic;font-weight:560;font-size:var(--fs-title);line-height:1.15}
.cig-sheet .fluentform .ff-message-success p{margin:10px 0 0;font-family:var(--text);font-style:normal;font-weight:400;font-size:var(--fs-body);max-width:42ch}
.cig-sheet-fine{font-size:var(--fs-fine);color:rgb(var(--ivory-rgb) / .8);max-width:48ch;margin:12px 0 0}
.cig-sheet-book{color:var(--ivory);border-bottom-color:var(--ivory);font-size:var(--fs-ui);margin-top:12px}
.cig-sheet-book::after{content:"";width:16px;height:16px;background:var(--i-ext-ivory) center/contain no-repeat}
.cig-sheet-book[hidden],.cig-sheet-book-fine[hidden]{display:none}
.cig-sheet .cig-sheet-fallback{margin-top:22px;display:grid;gap:12px;justify-items:start}
.cig-sheet .cig-sheet-fallback .cig-btn{width:100%}

/* =====================================================================================================
   12. desktop
   ===================================================================================================== */
@media (min-width:900px){
  :root{--head-h:80px}
  .cig-brand img{width:56px}
  .cig-head-cta{min-height:48px;padding:0 1.3em}
  .cig-sheet{margin:auto;max-width:600px;max-height:calc(100svh - 96px);box-shadow:0 40px 70px -40px rgb(var(--emerald-ink-rgb) / .65)}
  .cig-sheet-body{padding:32px 40px 36px}
  .cig-hero{height:100svh;max-height:none}
  .cig-hero .cig-hero-img img{object-position:50% 50%}
  .cig-hero::before{height:100%;background:linear-gradient(to bottom,rgb(var(--ink-rgb) / .55),rgb(var(--ink-rgb) / 0) 34%),linear-gradient(to right,rgb(var(--ink-rgb) / .72),rgb(var(--ink-rgb) / .4) 36%,rgb(var(--ink-rgb) / 0) 66%)}
  .cig-hero::after{height:50%}
  .cig-hero .cig-words,.cig-hero .words{padding-bottom:72px;gap:18px}
  .cig-hero h1{font-size:var(--fs-h1-desktop);max-width:12ch}
  .cig-hero-svc.deep::before{background:linear-gradient(to bottom,rgb(var(--ink-rgb) / .5),rgb(var(--ink-rgb) / 0) 30%),linear-gradient(to right,rgb(var(--ink-rgb) / .88),rgb(var(--ink-rgb) / .58) 38%,rgb(var(--ink-rgb) / 0) 68%)}
  .cig-hero-svc.deep::after{height:64%;background:linear-gradient(to top,rgb(var(--ink-rgb) / .92),rgb(var(--ink-rgb) / .66) 42%,rgb(var(--ink-rgb) / 0))}
  .cig-hero-svc.top .cig-hero-img img{object-position:50% calc(-1 * max(0px, min(11.2vw, 66.65vw - clamp(480px, 70svh, 820px))));transform:none;animation:none}
  .cig-hero h1 em{font-size:var(--fs-title);max-width:28ch}
  .cig-hero-svc{height:70svh;min-height:480px;max-height:820px}
  .cig-index{padding:44px 0 var(--band)}
  .cig-index{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:start}
  .cig-index .cig-book-row.wp-block-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}
  .cig-index .cig-book-row .cig-call,.cig-index .cig-book-row .cig-call .wp-block-button__link{width:auto}
  .cig-premise{font-size:var(--fs-body)}
  .cig-tiles-home{margin-top:0;grid-template-columns:repeat(3,1fr);gap:24px 16px}
  .cig-tiles-home .cig-ph.wp-block-image{aspect-ratio:3/2}
  .cig-tile .cig-d{font-size:var(--fs-ui)}
  .cig-tiles{margin-top:28px}
  .cig-page-head{padding-top:calc(var(--head-h) + 56px)}
  .cig-page-head h1{font-size:var(--fs-h1-desktop)}
  .cig-split{display:grid;grid-template-columns:minmax(0,62ch) minmax(240px,320px);gap:64px;align-items:start}
  .cig-split .cig-rail{margin-top:36px;position:sticky;top:calc(var(--head-h) + 32px)}
  .cig-rows li a{padding:14px 0}
  .cig-prose h2{margin-top:48px}
  .cig-qa{grid-template-columns:1fr 1.6fr;gap:48px;padding:26px 0}
  .cig-close{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px}
  .cig-close .cig-close-line{margin:0}
  .cig-close .cig-call,.cig-close .cig-call .wp-block-button__link{width:auto}
  .cig-note{max-width:none;display:grid;grid-template-columns:minmax(0,56ch) minmax(320px,1fr);column-gap:64px;align-items:start}
  .cig-note > *{grid-column:1}
  .cig-note .cig-ph.wp-block-image{grid-column:2;grid-row:1 / span 7;margin-top:8px;position:sticky;top:calc(var(--head-h) + 32px)}
  .cig-mag .wp-block-post-template{grid-template-columns:1fr 1fr;gap:36px 40px}
  .cig-mag .wp-block-post:first-child{grid-column:1 / -1;grid-template-columns:1fr 1.3fr;grid-template-rows:auto auto auto 1fr;gap:12px 48px;grid-template-areas:"t ph" "d ph" "ex ph" ". ph";align-items:start}
  .cig-mag .wp-block-post:first-child .wp-block-post-title{grid-area:t;margin-top:0;align-self:end}
  .cig-mag .wp-block-post:first-child .wp-block-post-date{grid-area:d}
  .cig-mag .wp-block-post:first-child .wp-block-post-excerpt{grid-area:ex}
  .cig-mag .wp-block-post:first-child .wp-block-post-featured-image{grid-area:ph}
  .cig-article-head h1{font-size:var(--fs-h1-desktop)}
  .cig-body{max-width:none;display:grid;grid-template-columns:minmax(0,62ch) minmax(240px,320px);gap:0 64px;align-items:start}
  .cig-body > *{grid-column:1}
  .cig-body > .cig-rail{grid-column:2;grid-row:1 / span 200;margin-top:0;position:sticky;top:calc(var(--head-h) + 32px)}
  .cig-body > .cig-close{grid-column:1 / -1;grid-row:auto}
  .cig-related .cig-mag-text{grid-template-columns:repeat(3,1fr);gap:0 40px}
  .cig-related .cig-story{border-bottom:0;padding:20px 0}
  .cig-foot{padding:56px 0 40px}
  .cig-foot-brand img{width:56px}
  .cig-foot-line{font-size:var(--fs-title-2);font-family:var(--display);font-weight:560;line-height:1.25;letter-spacing:-.01em;max-width:none;white-space:nowrap}
  .cig-foot-groups{margin-top:32px;grid-template-columns:repeat(4,auto);justify-content:center;gap:0 56px;align-items:start}
  .cig-foot-group ul{display:grid;gap:0;justify-items:center}
  .cig-foot-group li a{padding:5px 0}
  .cig-foot-legal{margin-top:36px;gap:4px}
  .cig-fine-row > span{flex-basis:auto;padding-top:0}
}
@media (min-width:1100px){
  .cig-index{grid-template-columns:1fr 1.8fr}
  .cig-hero-svc{height:78svh}
  .cig-hero-svc.top .cig-hero-img img{object-position:50% calc(-1 * max(0px, min(11.2vw, 66.65vw - clamp(480px, 78svh, 820px))))}
  .cig-hero-svc h1{font-size:var(--fs-h1-desktop)}
  .cig-book{padding-top:44px;display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:start}
  .cig-book > .screen-reader-text{grid-column:1 / -1}
  .cig-book-row.wp-block-buttons{grid-auto-flow:column;align-items:center;gap:24px}
  .cig-book-row .cig-call,.cig-book-row .cig-call .wp-block-button__link{width:auto}
  .cig-lede{margin-top:0;max-width:52ch}
  .cig-spec.wp-block-list{max-width:520px}
  .cig-partners{padding:64px 0 72px}
  .cig-tiles{margin-top:28px;grid-template-columns:repeat(5,1fr);gap:24px 16px}
  .cig-tiles.six{grid-template-columns:repeat(3,1fr)}
  .cig-tiles-home{grid-template-columns:repeat(3,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .cig-hero img{animation:none;transform:none}
  .cig-rise{animation:none;opacity:1;transform:none}
  .cig-ph img,.cig-link-arrow svg,.cig-head,.ff-el-group{transition:none}
  .cig-tile:hover .cig-ph img{transform:none}
  html{scroll-behavior:auto}
}