/* Inventory landing pages: /available-now/ (entrance), /pre-production/ and /panther/ (The Founder's Collection).
   PREVIEW 2026-11-15. Page-scoped: every rule sits under .il. Tokens, sizes and buttons follow
   design-review/design-standard-20261115/DESIGN-STANDARD.md. Phone first; the desktop layouts are at the end.
   The boat cards and gate forms inside come from the live inventory template and Founder's Collection pages,
   so their class names are styled here. main gets .il-locked before a gate and .il-open after it. */
.il{--ink:#151b21;--navy:#102a3b;--navy-dark:#0c2130;--paper:#f4f4f0;--white:#fff;--muted:#59636b;--line:#d9dcd6;--accent:#245a99;--photo:#e7e8e3;--gutter:20px;background:var(--paper);color:var(--ink);font:400 17px/1.55 Inter,-apple-system,"Segoe UI",Arial,sans-serif;overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{margin:0}
.il *{box-sizing:border-box}
.il img{display:block;max-width:100%;height:auto}
:where(.il) :where(h1,h2,h3,p,ul,figure,fieldset){margin:0}
:where(.il) ul{padding:0;list-style:none}
.il a{color:inherit}
.il a:focus-visible,.il button:focus-visible,.il summary:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.il-wrap{max-width:1200px;margin:0 auto;padding:0 var(--gutter)}
.il-label{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;line-height:1.3;color:var(--accent)}
.il-num{display:inline-flex;flex:none;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid currentColor;border-radius:50%;font-size:12px;letter-spacing:0}
.il h1{font-size:40px;font-weight:500;letter-spacing:-.02em;line-height:1.05;text-wrap:balance}
.il h2{font-size:30px;font-weight:500;letter-spacing:-.015em;line-height:1.15;text-wrap:balance}
.il h3{font-size:20px;font-weight:500;letter-spacing:-.01em;line-height:1.3}
.il-label+h1,.il-label+h2{margin-top:12px}
.il-nowrap{white-space:nowrap}
.il p{max-width:680px}
.il-btn,.il .fc-button,.il .pi-apply-button,.il #pi-application-submit{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:4px;border:1px solid transparent;font:500 16px/1.2 Inter,Arial,sans-serif;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s}
.il-btn-primary,.il .fc-button,.il .pi-apply-button,.il #pi-application-submit{background:var(--navy);color:var(--white)!important}
.il-btn-primary:hover,.il .fc-button:hover,.il .pi-apply-button:hover,.il #pi-application-submit:hover{background:var(--navy-dark)}
.il-btn-secondary{border-color:var(--ink);color:var(--ink)!important;background:transparent}
.il-btn-light{background:var(--white);color:var(--navy)!important}
.il-btn-light:hover{background:#e9ebe8}
.il-btn-ghost{border-color:rgba(255,255,255,.9);color:var(--white)!important;background:transparent}
.il-btn-ghost:hover{background:rgba(255,255,255,.08)}
.il-link{display:inline-flex;align-items:center;min-height:44px;font-size:16px;font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.il-block{padding:56px 0}

/* Intro: where am I, one line, one button. On the gated pages the photo comes from the first live card. */
.il-intro{padding:20px 0 28px}
.il-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-bottom:6px;font-size:15px;font-weight:500;color:var(--muted)!important;text-decoration:none}
.il-back:hover{color:var(--ink)!important;text-decoration:underline;text-underline-offset:3px}
.il-intro-photo:empty{display:none}
.il-intro-photo{display:block;margin:0 0 20px;aspect-ratio:2/1;overflow:hidden;border-radius:12px;background:var(--photo)}
.il-intro-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.il-lead{margin-top:14px;font-size:19px;line-height:1.45;text-wrap:balance}
.il-intro-actions{margin-top:20px}
.il-intro-actions .il-btn{width:100%}
.il-intro-note{margin-top:10px;font-size:14px;line-height:1.5;color:var(--muted)}
.il-quiet{margin-top:8px}

/* Entrance: the three choices. Each whole card is one link. */
.il-picks{display:grid;gap:12px;margin-top:22px}
.il-picks li{display:flex}
.il-pick{flex:1;display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:center;min-height:96px;padding:10px;background:var(--white);border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);transition:border-color .2s}
.il-pick:hover{border-color:var(--ink)}
.il-pick-photo{display:block;aspect-ratio:3/2;border-radius:8px;overflow:hidden;background:var(--photo)}
.il-pick-photo img{width:100%;height:100%;object-fit:cover}
.il-pick-body{display:flex;flex-direction:column;min-width:0}
.il-pick-kicker{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;line-height:1.3;color:var(--accent)}
.il-pick-kicker .il-num{width:20px;height:20px}
.il-pick-title{margin-top:5px;font-size:18px;font-weight:500;letter-spacing:-.01em;line-height:1.25}
.il-pick-line{margin-top:2px;font-size:14px;line-height:1.4;color:var(--muted)}
.il-pick-from{display:block;font-weight:500;color:var(--ink)}
.il-pick-cta{margin-top:6px;font-size:15px;font-weight:500;line-height:1.3;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

/* Entrance: the new models, with public prices. The whole card opens the model page. */
.il-new{background:var(--white)}
.il-group-line{margin-top:12px;color:var(--muted)}
.il-note{margin-top:20px;font-size:14px;line-height:1.5;color:var(--muted)}
.il-new-grid{display:grid;gap:20px;margin-top:28px}
.il-new-grid article{position:relative;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .2s}
.il-new-grid article:hover{border-color:var(--ink)}
.il-new-grid .wc-new-img{width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--photo)}
.il-new-grid .wc-new-body{display:flex;flex-direction:column;flex:1;padding:18px 18px 20px}
.il-new-grid .wc-new-badge{order:-1;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#416b24}
.il-new-grid h3{margin-top:8px;font-size:24px}
.il-new-grid .wc-new-line{margin-top:6px;font-size:15px;line-height:1.5;color:var(--muted)}
.il-new-grid .wc-new-price{margin-top:12px;font-size:24px;font-weight:500;letter-spacing:-.01em;line-height:1.2;font-variant-numeric:tabular-nums}
.il-new-grid .wc-new-opts{margin-top:2px;font-size:14px;color:var(--muted)}
.il-new-grid .wc-new-actions{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:18px}
.il-new-grid .wc-new-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 12px;border-radius:4px;font-size:16px;font-weight:500;text-decoration:none;white-space:nowrap}
.il-new-grid .wc-new-actions .call{background:var(--navy);color:var(--white)}
.il-new-grid .wc-new-actions .text{border:1px solid var(--ink);color:var(--ink)}
.il-new-grid .wc-new-more{display:inline-flex;align-items:center;align-self:flex-start;min-height:44px;margin-top:8px;font-size:16px;font-weight:500;text-decoration:underline;text-underline-offset:3px}
.il-new-grid .wc-new-more::after{content:"";position:absolute;inset:0}

/* Entrance: a door to each gated page. The whole card is one link. */
.il-doors-grid{display:grid;gap:44px}
.il-door{display:flex;flex-direction:column;margin-top:16px;background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--ink);transition:border-color .2s}
.il-door:hover{border-color:var(--ink)}
.il-door-photo{aspect-ratio:3/2;overflow:hidden;background:var(--photo)}
.il-door-photo img{width:100%;height:100%;object-fit:cover}
.il-door-body{display:flex;flex-direction:column;flex:1;padding:20px 18px 22px}
.il .il-door-title{font-size:24px;font-weight:500;letter-spacing:-.01em;line-height:1.2}
.il-door-line{margin-top:10px;font-size:16px;line-height:1.5;color:var(--muted)}
.il-door-cta{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin-top:auto;padding:0 20px;border-radius:4px;background:var(--navy);color:var(--white);font-size:16px;font-weight:500}
.il-door-line+.il-door-cta{margin-top:18px}
.il-door:hover .il-door-cta{background:var(--navy-dark)}
.il-door:focus-visible,.il-pick:focus-visible{outline:2px solid var(--navy);outline-offset:3px}

/* The gate: what the boats are in plain words, the form, and what is inside. */
.il-gate-wrap{padding:8px 0 56px;scroll-margin-top:12px}
.il-gate-col{scroll-margin-top:12px}
.il-gate-cols{display:grid;gap:28px}
.il-gate-first .il-gate-col{order:-1}
.il-about h2{font-size:26px}
.il-points{margin-top:16px;border-top:1px solid var(--line)}
.il-points li{padding:13px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.5;color:var(--muted)}
.il-points b{display:block;font-size:17px;font-weight:500;color:var(--ink)}
.il-points a,.il-about-link a{color:var(--ink);font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.il-about-link{margin-top:6px}
.il-about-link a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:16px}
.il-gate{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:24px 20px 26px}
.il-gate h2{font-size:26px;margin-top:6px}
.il-gate>p,.il-gate form>p{margin-top:12px;font-size:16px;line-height:1.55;color:var(--muted)}
.il-gate .pi-kicker,.il-gate .fs-part-label{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.il-gate form{margin-top:18px}
.il .pi-contact-field,.il .fs-field{display:block;margin-top:16px;font-size:16px;font-weight:500;line-height:1.4}
.il .pi-contact-field input,.il .pi-contact-field select,.il .pi-contact-field textarea,.il .fs-field input{display:block;width:100%;max-width:100%;min-height:50px;margin-top:6px;padding:10px 12px;border:1px solid #9aa3a8;border-radius:4px;background:var(--white);color:var(--ink);font:400 17px/1.4 Inter,Arial,sans-serif}
.il .pi-contact-field textarea{min-height:96px}
.il .pi-contact-field input:focus-visible,.il .pi-contact-field select:focus-visible,.il .pi-contact-field textarea:focus-visible,.il .fs-field input:focus-visible{outline:2px solid var(--navy);outline-offset:1px}
.il .fs-field small{display:block;margin-top:4px;font-size:14px;font-weight:400;color:var(--muted)}
.il .fs-honey{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.il .pi-simple-ack{margin:22px 0 0;padding:6px 16px 8px;border:1px solid var(--line);border-radius:8px;background:#fafaf8}
.il .pi-simple-ack legend{padding:0 6px;font-size:16px;font-weight:500}
.il .pi-simple-ack label,.il .fs-check{display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:start;font-size:16px;line-height:1.5;color:var(--ink);cursor:pointer}
.il .pi-simple-ack label{padding:12px 0}
.il .pi-simple-ack label+label{border-top:1px solid var(--line)}
.il .pi-simple-ack input,.il .fs-check input{width:24px;height:24px;margin:1px 0 0;accent-color:var(--navy)}
.il .fs-check{padding:16px 0;border-bottom:1px solid var(--line);margin:0}
.il .fs-check:first-of-type{border-top:1px solid var(--line);margin-top:14px}
.il .pi-experience{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.il .pi-experience-title{font-size:16px;font-weight:500;color:var(--ink)}
.il .pi-experience .pi-contact-field{margin-top:6px;font-weight:400;color:var(--muted)}
.il .pi-contact-privacy,.il .fs-privacy{margin-top:16px;font-size:14px!important;line-height:1.5;color:var(--muted)}
.il .cf-turnstile{margin-top:16px;min-height:65px}
.il .pi-application-actions{margin-top:16px}
.il .pi-application-actions button,.il .il-gate form>.fc-button,.il .il-gate form>button{width:100%;min-height:52px;margin-top:16px}
.il #pi-application-submit:disabled,.il .fc-button:disabled{opacity:.65;cursor:wait}
.il .fs-alert,.il-alert{margin-top:12px;padding:12px 14px;border-left:3px solid #b3261e;background:#fbeeee;color:#5c1410!important;font-size:16px;line-height:1.5}
.il-gate>.il-alert:first-child{margin:0 0 16px}
.il .fs-alert[hidden]{display:none}
.il .fs-saved{margin-top:12px;font-size:15px;color:var(--muted)}
.il .fs-saved code{font:inherit;overflow-wrap:anywhere}
.il .fs-newer-choice{margin-top:18px;font-size:15px}
.il [data-fs-ack-status]{margin-top:14px;font-size:15px;font-weight:500;color:var(--ink)}
.il .fs-newer-choice a,.il .fs-privacy a{text-decoration:underline;text-underline-offset:3px}
.il-gate h2+h2,.il-step-2 h2:not(:first-of-type){margin-top:24px;font-size:22px}
.il-inside h2{font-size:24px}
.il-tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;margin-top:16px}
.il-tiles a{display:block;text-decoration:none}
.il-tile-photo{display:block;aspect-ratio:3/2;border-radius:8px;overflow:hidden;background:var(--photo)}
.il-tile-photo img{width:100%;height:100%;object-fit:cover}
.il-tiles b{display:block;margin-top:8px;font-size:15px;font-weight:500;line-height:1.3}
.il-tiles small{display:block;font-size:13px;line-height:1.4;color:var(--muted)}

/* Pre-production, after the gate: the live cards with prices. */
.il-open .il-intro{padding-bottom:20px}
.il .il-unlocked{padding:0 0 8px}
.il-status{padding:18px 20px;border:1px solid var(--line);border-left:3px solid #416b24;border-radius:8px;background:var(--white);font-size:16px;line-height:1.55}
.il-status strong{display:block;font-size:17px;font-weight:500}
.il-status p{margin-top:6px;color:var(--muted)}
.il-boats{padding-top:32px;scroll-margin-top:12px}
.il-boat-grid{display:grid;gap:20px;margin-top:24px}
.il .wc-stock-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .2s}
.il .wc-stock-card:hover{border-color:var(--ink)}
.il .wc-stock-photo{display:block;width:100%;padding:0;border:0;background:var(--photo);cursor:pointer;aspect-ratio:3/2;overflow:hidden}
.il .wc-stock-photo img{width:100%;height:100%;object-fit:cover}
.il .wc-stock-photo-count{display:none}
.il .wc-stock-card-body{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px}
.il .wc-stock-type{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.il .wc-stock-card-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:6px}
.il .wc-stock-card-title h3{font-size:22px}
.il .wc-stock-card-title span{display:none}
.il .wc-stock-year{margin-top:2px;font-size:15px;color:var(--muted)}
.il .wc-stock-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.il .wc-stock-facts span{padding:4px 9px;border:1px solid var(--line);border-radius:999px;font-size:13px;line-height:1.3;color:var(--muted)}
.il .wc-stock-facts .wc-stock-ready{border-color:#9fb98e;color:#2f5219}
.il .pi-pricing{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.il .pi-price-option{display:flex;flex-direction:column;padding:12px;border:1px solid var(--line);border-radius:8px}
.il .pi-option-label{display:block;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.il .pi-price,.il .pi-no-outboard-price{margin-top:auto;padding-top:4px;font-size:24px;font-weight:500;letter-spacing:-.01em;line-height:1.1;font-variant-numeric:tabular-nums}
.il .pi-price small,.il .pi-no-outboard-price small{font-size:13px;font-weight:500;letter-spacing:0;color:var(--muted)}
.il .wc-stock-actions{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:10px;margin-top:auto;padding-top:16px}
.il .wc-stock-actions button,.il .wc-stock-actions a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:0 10px;border-radius:4px;font:500 15px/1.2 Inter,Arial,sans-serif;text-decoration:none;cursor:pointer}
.il .wc-stock-view{border:1px solid var(--ink);background:transparent;color:var(--ink)}
.il .wc-stock-view span{display:none}
.il .wc-stock-enquire{border:1px solid var(--navy);background:var(--navy);color:var(--white)}

/* Boat viewer (pre-production, after the gate) and photo viewer (Founder's Collection). */
.il-viewer{width:min(760px,calc(100vw - 20px));max-height:calc(100dvh - 20px);padding:0;border:0;border-radius:12px;background:var(--white);color:var(--ink);font:400 16px/1.55 Inter,Arial,sans-serif}
.il-viewer::backdrop{background:rgba(16,42,59,.62)}
.il-viewer-top{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px 10px 20px;background:var(--white);border-bottom:1px solid var(--line)}
.il .il-viewer-top h2{font-size:20px;font-weight:500}
.il-viewer-top h2 small{font-size:15px;font-weight:400;color:var(--muted)}
.il-viewer-close{width:48px;height:48px;border:0;border-radius:4px;background:transparent;font-size:30px;line-height:1;cursor:pointer;color:var(--ink)}
.il-viewer-body{padding:18px 20px 24px}
.il-viewer-body>p{margin-top:10px;color:var(--muted)}
.il .il-viewer-body h3{margin-top:24px;font-size:18px}
.il-viewer-photos{display:grid;gap:10px;margin-top:18px}
.il-viewer-photos img{width:100%;border-radius:8px;background:var(--photo)}
.il-viewer-equip{margin-top:8px}
.il-viewer-equip li{padding:8px 0;border-bottom:1px solid var(--line);font-size:15px}
.il .pi-vehicle-contact,.il-viewer .pi-vehicle-contact{margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fafaf8}
.il-viewer .pi-vehicle-contact p{margin-top:8px;font-size:15px;color:var(--muted)}
.il-viewer .pi-contact-field{display:block;margin-top:12px;font-size:15px;font-weight:500}
.il-viewer .pi-contact-field textarea{display:block;width:100%;min-height:90px;margin-top:6px;padding:10px 12px;border:1px solid #9aa3a8;border-radius:4px;font:400 16px/1.4 Inter,Arial,sans-serif}
.il-viewer .pi-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.il-viewer .pi-apply-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 10px;border:0;border-radius:4px;background:var(--navy);color:var(--white);font:500 15px/1.2 Inter,Arial,sans-serif;cursor:pointer}
.il-viewer .pi-pricing{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.il-viewer .pi-price-option{padding:12px;border:1px solid var(--line);border-radius:8px}
.il-viewer .pi-option-label{display:block;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.il-viewer .pi-price,.il-viewer .pi-no-outboard-price{margin-top:4px;font-size:24px;font-weight:500;line-height:1.1}
.il-photo{width:min(1100px,calc(100vw - 20px))}
.il-photo img{width:100%;max-height:calc(100dvh - 140px);object-fit:contain;background:#111}
.il-photo-steps{display:flex;justify-content:space-between;align-items:center;padding:8px 12px}
.il-photo-steps button{min-width:48px;min-height:48px;border:1px solid var(--line);border-radius:4px;background:var(--white);font-size:20px;cursor:pointer}

/* The Founder's Collection, after the gate: the live listing. */
.il-founders{padding:8px 0 24px}
.il .fc-wrap{max-width:1200px;margin:0 auto;padding:0 var(--gutter)}
.il #the-cars{max-width:1200px;margin:0 auto;padding:24px var(--gutter) 24px;scroll-margin-top:12px!important}
.il .fc-kicker{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.il .fc-section-title h2{margin-top:10px}
.il .fc-section-title p:not(.fc-kicker){margin-top:12px;color:var(--muted)}
.il .fc-listing-note{font-size:14px}
.il .fc-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px 12px;margin-top:24px}
.il .fc-card{position:relative;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .2s}
.il .fc-card:hover{border-color:var(--ink)}
.il .fc-card>a{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--photo)}
.il .fc-card>a img{width:100%;height:100%;object-fit:cover}
.il .fc-card-copy{display:flex;flex-direction:column;flex:1;padding:12px 12px 14px}
.il .fc-card-copy>p{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.il .fc-card-copy h3{margin-top:6px;font-size:17px}
.il .fc-card-copy h3 a{text-decoration:none}
.il .fc-card-price{margin-top:8px;font-size:22px;font-weight:500;line-height:1.1;font-variant-numeric:tabular-nums}
.il .fc-price-label{display:block;margin-bottom:3px;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.il .fc-card-link,.il .fc-back{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:500;text-decoration:underline;text-underline-offset:3px}
.il .fc-card-link{margin-top:auto}
.il .fc-card-link::after{content:"";position:absolute;inset:0}
.il .fc-vehicle{max-width:1200px;margin:0 auto;padding:40px var(--gutter);border-top:1px solid var(--line);scroll-margin-top:12px}
.il .fc-vehicle-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px}
.il .fc-vehicle-heading h2{margin-top:8px;font-size:28px}
.il .fc-vehicle-price{font-size:28px;font-weight:500;font-variant-numeric:tabular-nums}
.il .fc-vehicle-layout{display:grid;gap:24px;margin-top:20px}
.il .fc-gallery{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.il .fc-gallery .fc-photo:first-child{grid-column:1/-1}
.il .fc-photo{display:block;border-radius:8px;overflow:hidden;background:var(--photo)}
.il .fc-photo img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/2}
.il .fc-gallery-caption{margin-top:8px;font-size:14px;color:var(--muted)}
.il .fc-description p{margin-top:12px}
.il .fc-description h3{margin-top:24px}
.il .fc-specs{margin-top:10px;columns:1}
.il .fc-specs li{padding:8px 0;border-bottom:1px solid var(--line);font-size:15px;break-inside:avoid}
.il .fs-contact-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.il .fs-contact-links .fc-button{padding:0 10px;font-size:15px}
.il .fs-contact-links .fc-button:last-child{grid-column:1/-1;background:transparent;border-color:var(--ink);color:var(--ink)!important}
.il .fs-reference,.il .fc-confirm{margin-top:12px;font-size:14px;color:var(--muted);overflow-wrap:anywhere}
.il .fc-contact{padding:40px 0;background:var(--white);border-top:1px solid var(--line)}
.il .fc-contact .fc-wrap{display:grid;gap:16px}
.il .fc-contact h2{margin-top:8px;font-size:26px}
.il .fc-contact p:not(.fc-kicker){margin-top:10px;color:var(--muted)}
.il .fc-ownership-reminder{max-width:1200px;margin:0 auto;padding:24px var(--gutter);font-size:14px;line-height:1.55;color:var(--muted)}

/* Other ways to buy, then the closing band. */
.il-more{background:var(--white);border-top:1px solid var(--line)}
.il-more h2{font-size:24px}
.il-more ul{margin-top:16px;border-top:1px solid var(--line)}
.il-more a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none}
.il-more b{display:block;font-size:17px;font-weight:500}
.il-more small{display:block;font-size:14px;color:var(--muted)}
.il-close{background:var(--navy);color:var(--white);padding:64px 0 72px}
.il-close .il-label{color:#b9cce0}
.il-close p{color:rgba(255,255,255,.86)}
.il-close h2+p{margin-top:14px}
.il-close a:focus-visible{outline-color:var(--white)}
.il-close-btns{display:grid;gap:12px;margin:28px 0 22px}
.il-close .il-fine{font-size:14px;line-height:1.5;color:rgba(255,255,255,.74);border-top:1px solid rgba(255,255,255,.22);padding-top:18px}
.il-after{padding:24px var(--gutter) 36px;font-size:14px;line-height:1.5;color:var(--muted)}
.il-after p+p{margin-top:8px}
.il-after a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-weight:500;text-decoration:underline;text-underline-offset:3px}

@media(min-width:600px){
 .il-close-btns{display:flex;flex-wrap:wrap}
 .il-intro-actions .il-btn{width:auto;min-width:240px}
 .il-new-grid{grid-template-columns:1fr 1fr}
 .il-boat-grid{grid-template-columns:1fr 1fr}
 .il-tiles{grid-template-columns:repeat(4,1fr)}
}

/* Desktop: its own layouts, not the phone page made wider. */
@media(min-width:900px){
 .il{--gutter:48px;font-size:18px}
 .il h1{font-size:60px}
 .il h2{font-size:44px}
 .il h3{font-size:24px}
 .il-label{font-size:13px}
 .il-block{padding:96px 0}
 .il-lead{font-size:22px}
 /* Intro: words on the left, the photo on the right. */
 .il-intro{padding:28px 0 56px}
 .il-locked .il-intro .il-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:repeat(7,auto) 1fr;column-gap:64px;align-items:start}
 .il-locked .il-intro .il-wrap>*{grid-column:1}
 .il-locked .il-intro .il-back{grid-column:1/-1;justify-self:start;margin-bottom:16px}
 .il-locked .il-intro .il-intro-photo{grid-column:2;grid-row:2/-1;margin:0;aspect-ratio:3/2}
 .il-locked .il-intro h1{font-size:52px}
 .il-open .il-intro{padding-bottom:28px}
 .il-intro-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:28px}
 .il-intro-note{flex:1;min-width:240px;margin-top:0}
 /* Entrance: the three choices side by side, each a photo card. */
 [data-il-page="available-now"] .il-intro{padding:56px 0 72px}
 .il-picks{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
 .il-pick{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:0;align-items:stretch;padding:0;overflow:hidden}
 .il-pick-photo{border-radius:0}
 .il-pick-body{padding:22px 24px 26px}
 .il-pick-kicker{font-size:13px}
 .il-pick-kicker .il-num{width:22px;height:22px}
 .il-pick-title{margin-top:10px;font-size:26px;line-height:1.2}
 .il-pick-line{margin-top:8px;font-size:16px;line-height:1.5}
 .il-pick-cta{margin-top:auto;padding-top:18px;font-size:16px}
 .il-new-grid{gap:32px;margin-top:40px}
 .il-new-grid .wc-new-body{padding:26px 28px 28px}
 .il-new-grid h3{font-size:30px}
 .il-new-grid .wc-new-line{font-size:16px}
 .il-new-grid .wc-new-price{font-size:28px}
 .il-new-grid .wc-new-actions{grid-template-columns:auto auto;justify-content:start}
 .il-new-grid .wc-new-actions a{padding:0 24px}
 /* Entrance: the two doors side by side. */
 .il-doors-grid{grid-template-columns:1fr 1fr;gap:32px}
 .il-door-group{display:flex;flex-direction:column}
 .il-door{flex:1}
 .il-door-body{padding:28px 30px 32px}
 .il .il-door-title{font-size:30px}
 .il-door-line{font-size:17px}
 .il-door-cta{align-self:flex-start;padding:0 24px}
 /* The gate: the explanation and what is inside on the left, the form on the right. */
 .il-gate-wrap{padding:16px 0 96px}
 .il-gate-cols{grid-template-columns:minmax(0,1fr) minmax(0,500px);grid-template-rows:auto auto 1fr;gap:48px 72px;align-items:start}
 .il-about{grid-column:1;grid-row:1}
 .il-inside{grid-column:1;grid-row:2}
 .il-gate-col,.il-gate-first .il-gate-col{grid-column:2;grid-row:1/-1;order:0}
 .il-about h2,.il .il-gate h2{font-size:32px}
 .il .il-gate h2+h2,.il .il-step-2 h2:not(:first-of-type){font-size:24px}
 .il-inside h2{font-size:26px}
 .il-points li{font-size:17px}
 .il-points b{font-size:18px}
 .il-gate{padding:36px 36px 40px}
 /* After the gate: a real inventory grid. */
 .il-boats{padding-top:40px}
 .il .fc-cards{grid-template-columns:repeat(4,1fr);gap:20px}
 .il .fc-card-copy{padding:16px 18px 18px}
 .il .fc-card-copy h3{font-size:19px}
 .il .fc-vehicle{padding:64px var(--gutter)}
 .il .fc-vehicle-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px}
 .il .fc-contact .fc-wrap{grid-template-columns:1fr 1fr;align-items:center}
 .il .fs-contact-links{grid-template-columns:repeat(3,1fr)}
 .il-more ul{display:grid;grid-template-columns:repeat(2,1fr);gap:0 32px}
 .il-close{padding:104px 0 112px}
 .il-viewer:not(.il-photo){width:min(980px,calc(100vw - 48px))}
 .il-viewer-photos{grid-template-columns:1fr 1fr}
}
@media(min-width:1100px){
 .il-boat-grid{grid-template-columns:repeat(3,1fr);gap:24px}
 .il .pi-price,.il .pi-no-outboard-price{font-size:22px}
}
@media(prefers-reduced-motion:reduce){.il *{transition:none!important}}
