:root{
  --page-bg:#273140;
  --nav-bg:#182B42;
  --nav-text:#fff;
  --accent:#D9B66E;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--page-bg);font-family:Arial,Helvetica,sans-serif}
body{min-height:100vh}
.site-shell{width:100%;max-width:1191px;margin:0 auto;background:var(--page-bg)}
.page-art{position:relative;width:100%;line-height:0}
.page-art img{display:block;width:100%;height:auto}
.sticky-nav{position:sticky;top:0;z-index:1000;background:var(--nav-bg);box-shadow:0 2px 7px rgba(0,0,0,.18)}
.nav-inner{height:64px;display:flex;align-items:center;justify-content:center;gap:0;overflow-x:auto;white-space:nowrap;padding:0 28px;scrollbar-width:thin}
.nav-inner a{color:var(--nav-text);text-decoration:none;text-transform:uppercase;font-size:15px;line-height:1;font-weight:400;letter-spacing:.1px;padding:24px 13px;flex:0 0 auto}
.nav-inner a+ a::before{content:"•";color:#fff;margin-right:13px}
.nav-inner a.active{color:var(--accent)}
.nav-inner a:hover{color:var(--accent)}
.hotspot{position:absolute;display:block;background:transparent;text-decoration:none;z-index:20}
.hotspot:focus-visible{outline:3px solid #f3b33b;outline-offset:2px;border-radius:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:900px){
  .nav-inner{justify-content:flex-start;height:54px;padding:0 8px}
  .nav-inner a{font-size:12px;padding:20px 9px}
  .nav-inner a+ a::before{margin-right:9px}
}
@media (max-width:520px){
  .nav-inner{height:48px}
  .nav-inner a{font-size:10.5px;padding:18px 7px}
  .nav-inner a+ a::before{margin-right:7px}
}

/* Phone-only redesign; original desktop artwork remains unchanged. */
.mobile-only{display:none}
@media(max-width:700px){
 .desktop-only{display:none!important}
 .mobile-only{display:block}
 .sticky-nav{position:sticky;top:0}
 .nav-inner{display:none;height:auto;overflow:visible;white-space:normal;padding:4px 14px 14px;flex-direction:column;align-items:stretch}
 .sticky-nav.open .nav-inner{display:flex}
 .nav-inner a{display:block;padding:13px 10px;font-size:15px;line-height:1.3;border-bottom:1px solid #ffffff28}
 .nav-inner a+a::before{display:none}
 .mobile-menu-toggle{display:flex!important;align-items:center;justify-content:space-between;width:100%;border:0;background:var(--nav-bg);color:white;padding:13px 18px;font:600 16px Arial;cursor:pointer}
 .mobile-menu-toggle span:last-child{font-size:24px;line-height:1}
 .mobile-hero{display:block;width:100%;height:auto}
 .mobile-content{color:#f5f5f5;padding:22px 19px 32px;font-size:17px;line-height:1.5}
 .mobile-content h1{color:#f1b14c;font-size:29px;font-weight:500;line-height:1.15;text-align:center;margin:12px 0 23px;font-family:Georgia,serif}
 .mobile-content h2{color:#f1b14c;font-size:22px;font-weight:500;line-height:1.3;margin:25px 0 10px}
 .mobile-content p{margin:0 0 17px}
 .mobile-content a{color:#d7e8ff;text-underline-offset:3px}
 .mobile-contact{padding:22px 18px 28px;text-align:center;background:#34465e;color:#fff}
 .mobile-contact h2{font-size:22px;color:#efb85e;margin:0 0 18px}
 .mobile-contact a{display:flex;align-items:center;justify-content:center;min-height:49px;margin:10px auto;padding:10px 12px;max-width:420px;border:1px solid #aebbd0;border-radius:9px;color:white;text-decoration:none;font-size:17px;line-height:1.4;overflow-wrap:anywhere}
 .mobile-contact .contact-icon{margin-right:9px;font-size:20px}
 .mobile-photo{display:block;width:100%;height:auto}
 .mobile-material{display:flex;gap:14px;align-items:flex-start;margin:0 0 24px}
 .mobile-material img{width:74px;height:74px;flex:0 0 74px;object-fit:cover;border-radius:50%;box-shadow:2px 4px 8px #0007}
 .mobile-material p{margin:0}
 .mobile-model{display:block;border:1px solid #8291a7;border-radius:12px;padding:16px 17px;margin:0 0 15px;color:#fff;text-decoration:none;background:#40536e}
 .mobile-model strong{display:block;color:#f1b14c;font-size:23px;font-weight:500;margin-bottom:8px}
 .mobile-model small{display:block;color:#f3f3f3;font-size:15px;line-height:1.55}
 .mobile-model .view{display:block;margin-top:9px;color:#d9e8ff;font-size:14px}
 .mobile-footer{padding:22px 15px;text-align:center;color:#e5eaf2;font-size:13px;border-top:1px solid #ffffff25}
}
.mobile-menu-toggle{display:none}

/* Native, no-JavaScript mobile navigation; desktop remains as designed. */
.mobile-menu-details{display:none}
@media(max-width:700px){
 .mobile-menu-details{display:block;color:white}
 .mobile-menu-summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;padding:14px 19px;font:600 17px Arial,Helvetica,sans-serif;min-height:52px;touch-action:manipulation}
 .mobile-menu-summary::-webkit-details-marker{display:none}
 .mobile-menu-summary span{font-size:25px;line-height:1}
 .mobile-menu-details[open] .mobile-menu-summary span{transform:rotate(90deg)}
 .mobile-menu-links{display:flex;flex-direction:column;padding:0 14px 13px}
 .mobile-menu-links a{display:block;color:white;text-decoration:none;padding:14px 10px;font:15px/1.35 Arial,Helvetica,sans-serif;border-bottom:1px solid #ffffff35}
 .mobile-menu-links a.active{color:var(--accent)}
 .mobile-craft-tagline{background:#394a61;color:#fff;text-align:center;padding:2px 22px 21px;font:normal 23px/1.24 Georgia,'Times New Roman',serif}
 .mobile-craft-tagline span{color:#f1b14c}
}


/* Newport Mattress Factory: final champagne-gold mobile refinement.
   Desktop layout, original art, and desktop color rules above remain unchanged. */
@media (max-width:700px) {
  :root { --mobile-navy:#101c38; --mobile-champagne:#D9B66F; --accent:var(--mobile-champagne); }
  .mobile-content h1, .mobile-content h2,
  .mobile-model strong, .mobile-contact h2,
  .mobile-model .view { color:var(--mobile-champagne); }
  .mobile-model { background:var(--mobile-navy); border-color:#66718a; }
  .mobile-model .view { font-size:16px; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
  .mobile-model:focus-visible { outline:2px solid var(--mobile-champagne); outline-offset:3px; }
  .mobile-contact { background:var(--mobile-navy); border-radius:12px; margin:16px 15px 22px; padding:25px 17px 27px; }
  .mobile-contact a:focus-visible { outline:2px solid var(--mobile-champagne); outline-offset:3px; }
  .mobile-material { align-items:center; }
  .mobile-material img { align-self:center; }
  .mobile-craft-tagline {
    background:var(--mobile-navy); color:#fff;
    margin:15px 16px 19px; padding:22px 8px;
    min-height:126px; border-radius:12px;
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
    text-align:center; font:normal clamp(16px, 5vw, 22px)/1.3 Georgia,'Times New Roman',serif;
  }
  .mobile-craft-tagline .craft-line { display:block; white-space:nowrap; color:#fff; }
  .mobile-craft-tagline .craft-accent { color:var(--mobile-champagne); }
  .mobile-intro-box { background:var(--mobile-navy); border-radius:12px; padding:21px 18px; line-height:1.57; }
  .mobile-yacht-highlight { background:var(--mobile-navy); border-radius:12px; padding:22px 14px; margin:0 0 22px; text-align:center; }
  .mobile-yacht-headline { margin:0!important; font-size:17px; line-height:1.5; }
  .mobile-yacht-second-line { display:block; text-align:center; }
  .mobile-yacht-measurement { text-align:center; margin:12px 0 0!important; }
  .mobile-yacht-showroom { text-align:center; margin:24px 0 8px!important; }
  .mobile-content h1 { text-align:center; }
}
@media (max-width:360px) {
  .mobile-craft-tagline { font-size:clamp(14px, 4.75vw, 18px); padding-left:4px; padding-right:4px; }
}

/* October mobile finishing refinements: preserve all original desktop artwork. */
@media (max-width:700px) {
  :root { --mobile-navy:#101C38; --mobile-champagne:#D9B66F; --accent:#D9B66F; }
  /* A single continuous deep-navy block, edge to edge, without rounded corners. */
  .mobile-craft-tagline {
    background:#101C38; border-radius:0; margin:0; width:100%;
    padding:25px 8px; min-height:128px;
  }
  .mobile-contact {
    background:#101C38; border-radius:0; margin:0; width:100%;
    padding:26px 18px 30px;
  }
  .mobile-contact .contact-icon {
    display:block; width:21px; height:21px; flex:0 0 21px;
    margin-right:10px; stroke:#fff; color:#fff;
  }
  .mobile-contact .delivery-note {
    margin:18px 0 0; color:#D9B66F; font-size:19px;
    font-weight:600; line-height:1.4; text-align:center;
  }
  .mobile-model {
    background:#101C38; border-radius:0;
    width:calc(100% + 38px); margin-left:-19px;
    padding:19px 20px; border-left:0; border-right:0;
  }
  .mobile-intro-box {
    background:#101C38; border-radius:0;
    width:calc(100% + 38px); margin-left:-19px;
    padding:24px 20px; margin-bottom:0!important;
  }
  .mobile-content .mobile-intro-box { margin-left:-19px; }
  .about-intro-content { padding-bottom:0; }
  .mobile-yacht-highlight {
    background:#101C38; border-radius:0;
    width:calc(100% + 38px); margin-left:-19px;
    padding:24px 16px; margin-bottom:22px;
  }
  .mobile-model-intro { text-align:center; }
  .model-intro-line { display:block; }
  .mobile-yacht-headline { text-align:center; font-size:17px; line-height:1.45; }
  .mobile-yacht-first-line, .mobile-yacht-second-line { display:block; text-align:center; }
  .mobile-yacht-second-line { white-space:nowrap; }
  .mobile-yacht-luxury-title { text-align:center; font-size:clamp(19px,5.2vw,22px)!important; }
  .mobile-yacht-luxury-first, .mobile-yacht-luxury-second { display:block; text-align:center; }
  .mobile-yacht-luxury-second { white-space:nowrap; }
  .mobile-yacht-measurement { margin:12px 0 0!important; text-align:center; }
  .mobile-yacht-showroom { margin:12px 0 8px!important; text-align:center; }
  .mobile-menu-summary { justify-content:flex-start; }
  .mobile-menu-details { scroll-margin-top:0; }
  /* Temporary scrolling room makes the Home page's bottom Menu fully visible when expanded. */
  .site-shell:has(.home-nav .mobile-menu-details[open])::after { content:""; display:block; height:220px; }
}

/* Mobile visual unification — desktop art and desktop CSS are not modified. */
@media(max-width:700px){
  :root{--mobile-navy:#101C38;--mobile-champagne:#D9B66F;--accent:#D9B66F;}
  html,body,.site-shell{background:#F7F6F3;}
  .sticky-nav,.mobile-menu-summary,.mobile-menu-links{background:#101C38;color:#fff;}
  .mobile-content{background:#F7F6F3;color:#25304A;}
  .mobile-content h1,.mobile-content h2{color:#101C38;}
  .mobile-content a:not(.mobile-model){color:#101C38;}
  .mobile-contact,.mobile-craft-tagline,.mobile-model,.mobile-yacht-highlight{background:#101C38;color:#fff;border-radius:0;}
  .mobile-model strong,.mobile-model .view,.mobile-contact h2{color:#D9B66F;}
  .mobile-model small{color:#fff;}
  .mobile-yacht-highlight{margin-bottom:0;}
  .mobile-yacht-headline{color:#D9B66F;line-height:1.4;}
  .mobile-yacht-first-line,.mobile-yacht-second-line{display:block;white-space:normal;}
  .mobile-yacht-first-line{font-size:clamp(15px,4.1vw,19px);}
  .mobile-yacht-second-line{font-size:clamp(16px,4.6vw,20px);margin-top:5px;}
  .mobile-yacht-showroom{margin-top:10px!important;}
  .mobile-model-intro{text-align:center;margin-bottom:23px!important;}
  .model-intro-emphasis{color:#AA8240;font-weight:700;}
  .about-intro-content{padding:0;}
  .about-unified-panel{background:#101C38;color:#fff;width:100%;padding:24px 20px 27px;}
  .about-unified-panel h1{color:#D9B66F;margin:0 0 19px;}
  .about-unified-panel .mobile-intro-box{background:transparent;color:#fff;width:auto;margin:0!important;padding:0;border:0;}
  .about-intro-content+.mobile-photo{display:block;margin:0;}
  .mobile-footer{background:#101C38;color:#fff;}
}


/* APPROVED 15-PAGE MOBILE PDF LAYOUT — phone only.
   All desktop images, layout rules, links and colors above remain unchanged. */
@media (max-width:700px) {
  html,body,.site-shell { background:#273140; }
  .sticky-nav { display:none!important; }
  .pdf-mobile-layout { display:block; position:relative; width:100%; margin:0; padding:0; background:#273140; line-height:0; }
  .pdf-mobile-layout .pdf-art { display:block; width:100%; height:auto; pointer-events:none; }
  .pdf-mobile-layout .pdf-link { position:absolute; z-index:2; display:block; background:transparent; text-decoration:none; cursor:pointer; }
  .pdf-mobile-layout .pdf-link:focus-visible,
  .pdf-home-menu summary:focus-visible { outline:2px solid #D9B66E; outline-offset:1px; }
  .pdf-home-menu { position:absolute; z-index:5; left:81.5%; top:92.3%; width:15%; height:7.1%; }
  .pdf-home-menu summary { position:absolute; inset:0; display:block; list-style:none; cursor:pointer; }
  .pdf-home-menu summary::-webkit-details-marker { display:none; }
  .pdf-home-menu .pdf-menu-panel { position:absolute; right:0; bottom:calc(100% + 5px); width:min(85vw,320px); max-height:70dvh; overflow-y:auto; display:flex; flex-direction:column; background:#2A313F; border:1px solid #D9B66E; padding:7px 11px; box-shadow:0 4px 18px #0009; line-height:1.4; }
  .pdf-menu-panel a { display:block; color:#fff; text-decoration:none; padding:11px 7px; font:15px/1.3 Arial,Helvetica,sans-serif; border-bottom:1px solid #ffffff26; }
  .pdf-menu-panel a:last-child { border-bottom:0; }
  .pdf-menu-panel a:focus-visible { outline:2px solid #D9B66E; }
  .pdf-transcript { white-space:pre-line; }
}


/* #1B final mobile-only height/background finishing.
   The approved artwork retains its natural aspect ratio.
   No desktop layout, sizing, color or image rules are changed. */
@media screen and (max-width:700px) {
  body { min-height:0; }
  html, body, .site-shell, .pdf-mobile-layout { background-color:#283140; }
  .site-shell { height:auto; min-height:0; }
  .pdf-mobile-layout { height:auto; min-height:0; margin-bottom:0; padding-bottom:0; }
  .pdf-mobile-layout .pdf-art { height:auto; margin-bottom:0; }
}


/* Mobile-only menu refinement — existing desktop styling remains untouched. */
.pdf-global-menu { display:none; }
@media screen and (max-width:700px) {
  .pdf-global-menu {
    display:block;
    position:fixed;
    right:calc(14px + env(safe-area-inset-right, 0px));
    bottom:calc(16px + env(safe-area-inset-bottom, 0px));
    z-index:2500;
    font-family:Arial,Helvetica,sans-serif;
    line-height:1.3;
  }
  .pdf-global-menu > summary {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:48px;
    padding:10px 17px;
    border:2px solid #D9B66E;
    border-radius:10px;
    background:#192638;
    color:#fff;
    font-size:17px;
    font-weight:700;
    box-shadow:0 3px 13px rgba(0,0,0,.38);
    cursor:pointer;
    list-style:none;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }
  .pdf-global-menu > summary::-webkit-details-marker { display:none; }
  .pdf-global-menu .pdf-menu-icon { color:#D9B66E; font-size:21px; line-height:1; }
  .pdf-global-menu[open] > summary { background:#30415a; }
  .pdf-global-menu > summary:focus-visible,
  .pdf-global-menu-panel a:focus-visible { outline:3px solid #D9B66E; outline-offset:3px; }
  .pdf-global-menu-panel {
    position:absolute;
    right:0;
    bottom:calc(100% + 9px);
    width:min(85vw, 315px);
    max-height:65dvh;
    overflow-y:auto;
    background:#192638;
    border:1px solid #D9B66E;
    border-radius:9px;
    padding:7px 12px;
    box-shadow:0 5px 22px rgba(0,0,0,.5);
  }
  .pdf-global-menu-panel a {
    display:block;
    color:#fff;
    text-decoration:none;
    font:15px/1.35 Arial,Helvetica,sans-serif;
    padding:12px 6px;
    border-bottom:1px solid rgba(255,255,255,.2);
  }
  .pdf-global-menu-panel a:last-child { border-bottom:0; }
  /* The original home-page PDF contains a plain-text Menu label.
     Cover only that word so the new menu button replaces it cleanly. */
  .pdf-home-menu-word-cover {
    position:absolute;
    left:80%; top:92.6%; width:19.5%; height:7.4%;
    background:#283140;
    pointer-events:none;
  }
}

/* October 2026: mobile readability refinement. Desktop content/assets are unchanged. */
@media screen and (max-width:700px) {
  /* The light strip in the original mobile artwork is decorative, not the phone status bar. */
  .pdf-light-strip-fix::before {
    content:""; position:absolute; z-index:1; top:0; left:0; right:0;
    height:7.1%; background:#283140; pointer-events:none;
  }
  .pdf-readable-page { display:block; background:#283140; color:#f5f5f5; width:100%; padding:0 0 100px; margin:0; }
  .pdf-readable-header { display:block; width:100%; height:auto; }
  .pdf-readable-models { padding:0 20px 14px; }
  .pdf-readable-model {
    display:block; padding:18px 3px 20px; border-bottom:1px solid rgba(255,255,255,.18);
    color:#f4f4f4; text-decoration:none; line-height:1.48;
    -webkit-tap-highlight-color:rgba(217,182,110,.16);
  }
  .pdf-readable-model:last-child { border-bottom:0; }
  .pdf-readable-model-name { display:block; font:normal 21px/1.35 Arial,Helvetica,sans-serif; color:#d9b66e; margin-bottom:5px; }
  .pdf-readable-model-desc { display:block; font:normal 16.5px/1.52 Arial,Helvetica,sans-serif; color:#f4f4f4; }
  .pdf-readable-model:focus-visible { outline:3px solid #d9b66e; outline-offset:2px; }
  .pdf-adjustable-groups { padding:0 19px; }
  .pdf-adjustable-group { padding:10px 0 23px; border-bottom:1px solid rgba(255,255,255,.18); }
  .pdf-adjustable-group:last-child { border-bottom:0; }
  .pdf-adjustable-group h2 { font:italic 22px/1.35 Georgia,'Times New Roman',serif; color:#d9b66e; margin:4px 0 12px; }
  .pdf-adjustable-group ul { margin:0; padding-left:21px; }
  .pdf-adjustable-group li { font:normal 16px/1.48 Arial,Helvetica,sans-serif; margin:0 0 7px; color:#f4f4f4; }
  .pdf-adjustable-group li.pdf-gold-feature { color:#d9b66e; }
}


/* F2 mobile design. The Apple Pages PDF art is the sole source for all visible page layouts.
   Only phone styling is affected; all desktop rules, images, navigation and content remain intact. */
@media screen and (max-width:700px) {
  :root { --mobile-navy:#2A313F; --mobile-champagne:#D9B66E; }
  html,body,.site-shell,.pdf-mobile-layout { background:#2A313F!important; }
  .pdf-f2-layout { position:relative; width:100%; height:auto; margin:0; padding:0; line-height:0; }
  .pdf-f2-layout .pdf-art { display:block; width:100%; height:auto; margin:0; pointer-events:none; }
  .pdf-f2-layout .pdf-f2-link { position:absolute; display:block; z-index:3; cursor:pointer; background:transparent; }
  .pdf-f2-layout .pdf-f2-link:focus-visible { outline:2px solid #D9B66E; outline-offset:2px; }
  .pdf-f2-menu { position:absolute; display:block; z-index:10; line-height:1.4; }
  .pdf-f2-menu > summary { position:absolute; inset:0; list-style:none; cursor:pointer; touch-action:manipulation; }
  .pdf-f2-menu > summary::-webkit-details-marker { display:none; }
  .pdf-f2-menu > summary:focus-visible { outline:3px solid #D9B66E; outline-offset:2px; border-radius:8px; }
  .pdf-f2-menu-panel {
    display:flex; flex-direction:column; position:absolute; right:0; bottom:calc(100% + 7px);
    width:min(85vw,315px); max-height:65dvh; overflow-y:auto; padding:8px 12px;
    background:#2A313F; border:1px solid #D9B66E; border-radius:9px;
    box-shadow:0 5px 20px rgba(0,0,0,.55); font-family:Arial,Helvetica,sans-serif;
  }
  .pdf-f2-menu-panel a {
    display:block; padding:12px 7px; color:white; text-decoration:none;
    font:15px/1.35 Arial,Helvetica,sans-serif; border-bottom:1px solid rgba(255,255,255,.2);
  }
  .pdf-f2-menu-panel a:last-child { border-bottom:0; }
  .pdf-f2-menu-panel a:focus-visible { outline:2px solid #D9B66E; outline-offset:2px; }
  /* Hide the older separate floating control; F2 has its own matching Menu button on every page. */
  .pdf-global-menu { display:none!important; }
}

@media screen and (max-width:700px) { .pdf-f2-menu:not([open]) .pdf-f2-menu-panel { display:none!important; } }


/* F2 usability update — affects phones only. Original F2 page art is unchanged. */
@media screen and (max-width:700px) {
  .pdf-f2-menu .pdf-f2-menu-toggle {
    position:absolute; inset:0; display:block; width:100%; height:100%;
    margin:0; padding:0; border:0; border-radius:5px;
    background:transparent; color:transparent; cursor:pointer;
    -webkit-tap-highlight-color:rgba(217,182,110,.22); touch-action:manipulation;
  }
  .pdf-f2-menu .pdf-f2-menu-toggle:focus-visible {
    outline:3px solid #D9B66E; outline-offset:2px;
  }
  .pdf-f2-menu .pdf-f2-menu-panel[hidden] { display:none!important; }
  /* Override the earlier details[open] rule, which no longer applies to button menus. */
  .pdf-f2-menu:not([open]) .pdf-f2-menu-panel:not([hidden]) { display:flex!important; }
  .pdf-f2-menu .pdf-f2-menu-panel {
    display:flex; flex-direction:column; z-index:2;
  }
  .pdf-f2-menu .pdf-f2-menu-zoom {
    display:block; width:100%; text-align:left; background:transparent;
    color:#D9B66E; font:600 15px/1.35 Arial,Helvetica,sans-serif;
    padding:13px 7px; border:0; cursor:pointer;
  }
  .pdf-f2-menu .pdf-f2-menu-zoom:focus-visible {
    outline:2px solid #D9B66E; outline-offset:2px;
  }
  .pdf-f2-zoom-active { overflow:hidden; }
  .pdf-f2-zoom-overlay {
    position:fixed; inset:0; z-index:10000; display:flex; flex-direction:column;
    background:#2A313F; color:#fff; font-family:Arial,Helvetica,sans-serif;
  }
  .pdf-f2-zoom-toolbar {
    display:flex; justify-content:space-between; align-items:center; flex:0 0 auto;
    padding:calc(10px + env(safe-area-inset-top, 0px)) 15px 10px;
    border-bottom:1px solid #D9B66E; font-size:16px; font-weight:600;
  }
  .pdf-f2-zoom-close {
    border:1px solid #D9B66E; background:#2A313F; color:#fff;
    border-radius:7px; padding:10px 13px; font:600 16px Arial,Helvetica,sans-serif;
    cursor:pointer; min-height:44px;
  }
  .pdf-f2-zoom-scroller {
    flex:1 1 auto; min-height:0; overflow:auto; overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .pdf-f2-zoom-image {
    display:block; width:150vw; max-width:none; height:auto; margin:0; padding:0;
  }
}

/* Responsive HOMEPAGE trial — phone only. All other F2 mobile pages and all desktop artwork unchanged. */
@media screen and (max-width:700px){
  .pdf-f2-home-responsive{display:block;width:100%;background:#2A313F;color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.4;}
  .f2-home-header{background:#2A313F;text-align:center;padding:10px 0 25px;}
  .f2-home-logo{display:block;width:min(96%,475px);height:auto;margin:0 auto;}
  .f2-home-header h1{margin:0 auto;padding:0 14px;max-width:570px;color:#fff;font:normal clamp(24px,6.7vw,32px)/1.18 Georgia,'Times New Roman',serif;letter-spacing:-.4px;}
  .f2-home-header h1 span{display:block;color:#D9B66E;margin-top:2px;}
  .f2-home-showroom{display:block;width:100%;height:clamp(260px,70vw,380px);object-fit:cover;object-position:center center;}
  .f2-home-footer{background:#2A313F;color:#fff;text-align:center;padding:29px 13px calc(20px + env(safe-area-inset-bottom,0px));}
  .f2-home-footer h2{font:normal clamp(21px,5.6vw,27px)/1.28 Arial,Helvetica,sans-serif;color:#fff;margin:0 0 19px;}
  .f2-home-footer a{color:#D9B66E;text-decoration:none;}
  .f2-home-address{display:flex;justify-content:center;align-items:center;gap:8px;margin:0 auto 23px;font:normal clamp(18px,5vw,22px)/1.32 Arial,Helvetica,sans-serif;}
  .f2-home-address>span:first-child{font-size:23px;flex:0 0 auto;}
  .f2-home-contact{display:flex;flex-direction:column;align-items:center;gap:14px;}
  .f2-home-contact a{font:normal clamp(17px,4.8vw,22px)/1.32 Arial,Helvetica,sans-serif;white-space:nowrap;}
  .f2-home-contact a span{color:#fff;margin-right:5px;}
  .f2-home-delivery{margin:22px 0 15px;font:normal clamp(18px,5vw,23px)/1.3 Arial,Helvetica,sans-serif;}
  .f2-home-menu-row{display:flex;justify-content:flex-end;padding:0 5px;}
  .pdf-f2-home-responsive .pdf-f2-menu{position:relative;left:auto!important;top:auto!important;width:auto!important;height:auto!important;z-index:12;line-height:1.3;}
  .pdf-f2-home-responsive .pdf-f2-menu .pdf-f2-menu-toggle{
    position:relative;inset:auto;display:block;width:auto;height:auto;min-height:45px;
    padding:7px 15px;border:2px solid #D9B66E;border-radius:11px;
    color:#fff;background:#2A313F;font:600 20px/1.25 Arial,Helvetica,sans-serif;
  }
  .pdf-f2-home-responsive .pdf-f2-menu .pdf-f2-menu-panel{
    bottom:calc(100% + 9px);right:0;width:min(83vw,315px);text-align:left;
  }
  .pdf-f2-home-responsive a:focus-visible,.pdf-f2-home-responsive button:focus-visible{
    outline:3px solid #D9B66E;outline-offset:3px;
  }
}

/* Mobile homepage refinement: exact champagne-gold lettering and consistent white icons. */
@media screen and (max-width:700px){
  .pdf-f2-home-responsive .f2-home-header h1 span,
  .pdf-f2-home-responsive .f2-home-address,
  .pdf-f2-home-responsive .f2-home-contact a {color:#D9B66E;}
  .pdf-f2-home-responsive .f2-contact-icon {
    display:inline-block;width:24px;height:24px;flex:0 0 24px;
    stroke:#FFFFFF;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none;
    vertical-align:-5px;margin-right:7px;
  }
  .pdf-f2-home-responsive .f2-home-address .f2-contact-icon {width:26px;height:26px;flex-basis:26px;align-self:center;margin-right:1px;}
  .pdf-f2-home-responsive .f2-home-contact a .f2-contact-icon {color:#FFFFFF;stroke:#FFFFFF;}
}

/* Mobile F2 responsive review for pages 2–15; page 1 is the already-approved responsive homepage. */
@media screen and (max-width:700px) {
  .f2-responsive-page {display:block;width:100%;min-height:100dvh;background:#2A313F;color:#fff;line-height:1.5;font-family:Arial,Helvetica,sans-serif;}
  .f2-responsive-content {width:100%;max-width:620px;margin:0 auto;padding:24px 17px calc(28px + env(safe-area-inset-bottom,0px));box-sizing:border-box;}
  .f2-responsive-heading {margin:0 auto 17px;text-align:center;font-size:0;line-height:0;}
  .f2-responsive-heading img {display:block;width:100%;height:auto;max-height:170px;object-fit:contain;margin:0 auto;}
  .f2-responsive-heading.f2-about-title {max-width:380px;margin-top:0;margin-bottom:3px;}
  .f2-responsive-heading.f2-about-subtitle {max-width:205px;margin-top:3px;margin-bottom:12px;}
  .f2-about-description {font:normal clamp(18px,4.65vw,20px)/1.55 Arial,Helvetica,sans-serif;margin:10px 3px 22px;color:#f7f7f7;}
  .f2-about-photo {display:block;width:100%;height:auto;max-height:330px;object-fit:cover;border:1px solid rgba(217,182,110,.35);}
  .f2-responsive-page .f2-home-footer {padding:27px 0 12px;margin-top:4px;}
  .f2-responsive-page .f2-home-footer h2 {font-size:clamp(21px,5.6vw,27px);}
  .f2-responsive-page .f2-home-address {font-size:clamp(18px,5vw,22px);}
  .f2-responsive-page .f2-home-contact a {font-size:clamp(17px,4.8vw,22px);}
  .f2-responsive-page .f2-home-footer a {color:#D9B66E;}
  .f2-responsive-page .f2-contact-icon {display:inline-block;width:24px;height:24px;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none;vertical-align:-5px;margin-right:7px;}
  .f2-responsive-page .f2-home-address .f2-contact-icon {width:26px;height:26px;flex:0 0 26px;align-self:center;margin-right:1px;}
  .f2-responsive-page .f2-home-contact a .f2-contact-icon {stroke:#fff;}
  .f2-responsive-page .f2-home-menu-row .pdf-f2-menu {position:relative;left:auto!important;top:auto!important;width:auto!important;height:auto!important;line-height:1.3;}
  .f2-responsive-page .f2-home-menu-row .pdf-f2-menu .pdf-f2-menu-toggle,
  .f2-responsive-page .f2-responsive-menu-row .pdf-f2-menu .pdf-f2-menu-toggle {position:relative;inset:auto;display:block;width:auto;height:auto;min-height:45px;padding:7px 15px;border:2px solid #D9B66E;border-radius:11px;color:#fff;background:#2A313F;font:600 20px/1.25 Arial,Helvetica,sans-serif;}
  .f2-responsive-page .f2-home-menu-row .pdf-f2-menu .pdf-f2-menu-panel,
  .f2-responsive-page .f2-responsive-menu-row .pdf-f2-menu .pdf-f2-menu-panel {right:0;bottom:calc(100% + 9px);width:min(83vw,315px);text-align:left;}
  .f2-responsive-menu-row {display:flex;justify-content:flex-end;margin-top:21px;}
  .f2-responsive-menu-row .pdf-f2-menu {position:relative;left:auto!important;top:auto!important;width:auto!important;height:auto!important;z-index:12;line-height:1.3;}
  .f2-yacht-logo {display:block;width:min(96%,475px);height:auto;margin:0 auto 12px;}
  .f2-yacht-title {color:#D9B66E;font:normal clamp(21px,5.3vw,28px)/1.34 Arial,Helvetica,sans-serif;text-align:center;margin:7px 0 23px;}
  .f2-yacht-photo {display:block;width:100%;height:auto;object-fit:cover;border:1px solid rgba(217,182,110,.32);}
  .f2-responsive-heading.f2-catalog-title {max-width:370px;margin:15px auto 19px;}
  .f2-list-intro {text-align:center;font:normal clamp(19px,4.8vw,23px)/1.45 Arial,Helvetica,sans-serif;margin:0 0 27px;color:#f2f2f2;}
  .f2-model-list {display:flex;flex-direction:column;gap:0;}
  .f2-model-list-item {display:block;padding:18px 5px 19px;text-decoration:none;border-bottom:1px solid rgba(217,182,110,.33);color:#f5f5f5;}
  .f2-model-list-item:first-child {border-top:1px solid rgba(217,182,110,.33);}
  .f2-model-list-name {display:block;color:#D9B66E;font:normal 24px/1.2 Arial,Helvetica,sans-serif;margin-bottom:8px;}
  .f2-list-chevron {float:right;font-size:27px;line-height:.85;}
  .f2-model-list-description {display:block;font:normal clamp(16.5px,4.35vw,19px)/1.48 Arial,Helvetica,sans-serif;}
  .f2-responsive-heading.f2-model-title {max-width:245px;margin:6px auto 18px;}
  .f2-materials {display:flex;flex-direction:column;}
  .f2-material-row {display:grid;grid-template-columns:clamp(72px,21vw,94px) minmax(0,1fr);gap:13px;align-items:start;padding:17px 0;border-bottom:1px solid rgba(217,182,110,.25);}
  .f2-material-row:first-child {padding-top:10px;}
  .f2-material-row:last-child {border-bottom:0;}
  .f2-material-swatch {width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;}
  .f2-material-row p {margin:0;color:#f7f7f7;font:normal clamp(16.5px,4.4vw,19px)/1.48 Arial,Helvetica,sans-serif;overflow-wrap:break-word;}
  .f2-model-bottom {display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:flex-end;margin-top:13px;}
  .f2-model-bottom .f2-responsive-menu-row {margin-top:0;}
  .f2-back-link {display:inline-block;max-width:65%;color:#D9B66E;text-decoration:none;font:normal 15px/1.3 Arial,Helvetica,sans-serif;padding:10px 0;}
  .f2-adjustable-photo {display:block;width:min(100%,340px);height:auto;max-height:190px;object-fit:contain;margin:0 auto 10px;}
  .f2-responsive-heading.f2-adjustable-title {max-width:270px;margin:2px auto 18px;}
  .f2-adjustable-groups {display:flex;flex-direction:column;gap:20px;}
  .f2-adjustable-group {padding:0 0 18px;border-bottom:1px solid rgba(217,182,110,.35);}
  .f2-adjustable-group:last-child {border-bottom:0;padding-bottom:0;}
  .f2-adjustable-group h2 {margin:0 0 11px;color:#D9B66E;font:italic 25px/1.25 Georgia,'Times New Roman',serif;}
  .f2-adjustable-group ul {list-style:disc;padding-left:23px;margin:0;}
  .f2-adjustable-group li {font:normal clamp(16.5px,4.4vw,19px)/1.44 Arial,Helvetica,sans-serif;margin:0 0 9px;padding-left:2px;color:#f7f7f7;}
  .f2-adjustable-group li.f2-highlight-feature {color:#D9B66E;}
  .f2-responsive-page a:focus-visible,.f2-responsive-page button:focus-visible {outline:3px solid #D9B66E;outline-offset:3px;}
}

/* October 2026: client-reviewed refinements to the F2 responsive MOBILE site only.
   Original desktop artwork, navigation, and styling remain unchanged. */
@media screen and (max-width:700px) {
  /* Use exactly the approved navy and champagne across the responsive mobile pages. */
  .pdf-f2-home-responsive,
  .pdf-f2-home-responsive .f2-home-header,
  .pdf-f2-home-responsive .f2-home-footer,
  .f2-responsive-page,
  .f2-responsive-page .f2-home-footer { background-color:#2A313F; }
  .f2-responsive-page .f2-yacht-title,
  .f2-responsive-page .f2-model-list-name,
  .f2-responsive-page .f2-back-link,
  .f2-responsive-page .f2-home-address,
  .f2-responsive-page .f2-home-contact a { color:#D9B66E; }

  /* Homepage: one single-line heading followed by a distinct, close second line. */
  .pdf-f2-home-responsive .f2-home-two-line-heading {max-width:none;padding:0 5px;line-height:1.2;}
  .pdf-f2-home-responsive .f2-home-two-line-heading .f2-home-headline-first {
    display:block;white-space:nowrap;color:#fff;
    font:normal clamp(15px,5vw,22px)/1.2 Georgia,'Times New Roman',serif;
    letter-spacing:-.35px;margin:0 auto;
  }
  .pdf-f2-home-responsive .f2-home-two-line-heading .f2-home-headline-second {
    display:block;color:#D9B66E;
    font:normal clamp(24px,6.4vw,31px)/1.16 Georgia,'Times New Roman',serif;
    letter-spacing:-.2px;margin-top:3px;
  }

  /* Homepage, About Us, and Yachts: shared, centered contact group with left-aligned icon and text columns.
     Icon occupies a consistent fixed column; all text starts at the same x-coordinate. */
  .pdf-f2-home-responsive .f2-home-footer .f2-home-address,
  .f2-responsive-page .f2-home-footer .f2-home-address {
    display:grid;grid-template-columns:28px minmax(0,1fr);
    align-items:center;column-gap:11px;justify-content:initial;
    width:min(100%,310px);margin:0 auto 18px;
    text-align:left;font-size:clamp(16px,4.45vw,20px);
  }
  .pdf-f2-home-responsive .f2-home-footer .f2-home-contact,
  .f2-responsive-page .f2-home-footer .f2-home-contact {
    display:flex;flex-direction:column;align-items:stretch;gap:13px;
    width:min(100%,310px);margin:0 auto;
  }
  .pdf-f2-home-responsive .f2-home-footer .f2-home-contact a,
  .f2-responsive-page .f2-home-footer .f2-home-contact a {
    display:grid;grid-template-columns:28px minmax(0,1fr);
    align-items:center;column-gap:11px;text-align:left;
    width:100%;margin:0;white-space:normal;
    font-size:clamp(16px,4.45vw,20px);line-height:1.3;
    overflow-wrap:anywhere;color:#D9B66E;
  }
  .pdf-f2-home-responsive .f2-home-footer .f2-contact-icon,
  .f2-responsive-page .f2-home-footer .f2-contact-icon {
    width:25px;height:25px;flex:none;display:block;
    margin:0;justify-self:center;align-self:center;stroke:#fff;
  }
  .pdf-f2-home-responsive .f2-home-footer .f2-home-address .f2-contact-icon,
  .f2-responsive-page .f2-home-footer .f2-home-address .f2-contact-icon {
    width:26px;height:26px;margin:0;
  }

  /* Each circular material illustration is centered vertically against its paragraph. */
  .f2-responsive-page .f2-material-row {align-items:center;}
  .f2-responsive-page .f2-material-swatch {align-self:center;}

  /* Yachts headline: exact two-line composition with a narrow interline gap. */
  .f2-responsive-page .f2-yacht-title {margin:7px 0 23px;line-height:1.18;}
  .f2-responsive-page .f2-yacht-headline-first {
    display:block;white-space:nowrap;
    font-size:clamp(14.5px,4.7vw,21px);line-height:1.18;
    letter-spacing:-.25px;
  }
  .f2-responsive-page .f2-yacht-headline-second {
    display:block;white-space:nowrap;
    font-size:clamp(17px,4.7vw,23px);line-height:1.18;
    margin-top:2px;
  }

  /* Adjustable bases: the whole product sections are reordered in HTML;
     their SKU labels are centered and white, as requested. */
  .f2-responsive-page .f2-adjustable-group h2 {text-align:center;color:#fff;}
}

/* Final iPhone contact alignment: center the whole three-row contact block
   between the two centered footer headings, while keeping the icons and text
   in consistent left-aligned columns. Applies to mobile responsive sections only. */
@media screen and (max-width:700px) {
  .pdf-f2-home-responsive .f2-centered-contact-group,
  .f2-responsive-page .f2-centered-contact-group {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    width:max-content;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
  }
  .pdf-f2-home-responsive .f2-centered-contact-group .f2-home-address,
  .f2-responsive-page .f2-centered-contact-group .f2-home-address {
    width:100%;
    max-width:100%;
    grid-template-columns:28px auto;
    margin:0 0 18px;
  }
  .pdf-f2-home-responsive .f2-centered-contact-group .f2-home-contact,
  .f2-responsive-page .f2-centered-contact-group .f2-home-contact {
    width:100%;
    max-width:100%;
    margin:0;
  }
  .pdf-f2-home-responsive .f2-centered-contact-group .f2-home-contact a,
  .f2-responsive-page .f2-centered-contact-group .f2-home-contact a {
    width:100%;
    max-width:100%;
    grid-template-columns:28px auto;
  }
}

/* K1 desktop navigation (2026-10-25): 6 working links, matching the two-line PDF bar.
   Strictly desktop-only; the approved mobile navigation and layouts are untouched. */
@media screen and (min-width:701px) {
  :root { --page-bg:#2A313F; --accent:#D9B66E; }
  .site-shell { background:#2A313F; }
  .sticky-nav { background:#182B42; }
  .k1-desktop-nav {
    display:flex; align-items:stretch; justify-content:space-between;
    height:auto; aspect-ratio:1191 / 87; width:100%;
    padding:0; margin:0; overflow:visible; white-space:normal;
  }
  .k1-desktop-nav a {
    display:flex; align-items:center; justify-content:center; position:relative;
    flex:1 1 0; min-width:0; padding:0 8px; margin:0;
    font-family:Arial,Helvetica,sans-serif; font-weight:400;
    font-size:clamp(10px,1.36vw,16px); line-height:1.17; letter-spacing:0;
    text-align:center; text-decoration:none; text-transform:uppercase; color:#fff;
  }
  .k1-desktop-nav a:nth-child(1) { flex-grow:0.72; }
  .k1-desktop-nav a:nth-child(2) { flex-grow:1.18; }
  .k1-desktop-nav a:nth-child(3) { flex-grow:1.84; }
  .k1-desktop-nav a:nth-child(4) { flex-grow:1.85; }
  .k1-desktop-nav a:nth-child(5) { flex-grow:2.05; }
  .k1-desktop-nav a:nth-child(6) { flex-grow:1.6; }
  .k1-desktop-nav a + a::before {
    content:'•'; display:block; position:absolute; left:-3px; top:50%;
    transform:translateY(-50%); margin:0; padding:0;
    color:#fff; font-size:18px; line-height:1;
  }
  .k1-desktop-nav a.active,.k1-desktop-nav a:hover {color:#D9B66E;}
  .k1-desktop-nav a:focus-visible {outline:3px solid #D9B66E;outline-offset:-3px;}
}

/* Exact K1 desktop navigation artwork with accessible clickable overlays. */
@media screen and (min-width:701px) {
 .k1-desktop-nav { display:block; position:relative; width:100%; height:auto; aspect-ratio:auto; padding:0; margin:0; overflow:hidden; }
 .k1-desktop-nav .k1-nav-art { display:block; width:100%; height:auto; }
 .k1-desktop-nav .k1-nav-hotspot {
    display:block; position:absolute; top:0; bottom:0; height:100%; min-width:0;
    margin:0; padding:0; background:transparent; text-decoration:none; font-size:0;
 }
 .k1-desktop-nav .k1-nav-hotspot::before {content:none!important;}
 .k1-desktop-nav .k1-nav-hotspot:hover {background:rgba(255,255,255,.065);}
 .k1-desktop-nav .k1-nav-hotspot:focus-visible {outline:3px solid #D9B66E;outline-offset:-3px;}
}

/* K1 desktop review fixes: full-width navigation and no artwork edge seam.
   These rules apply only to desktop; the approved mobile layout is unchanged. */
@media screen and (min-width:701px) {
  html, body { background-color:#2A313F; }
  .site-shell { width:100%; max-width:none; margin:0; background-color:#2A313F; }
  .page-art { width:100%; max-width:1191px; margin-left:auto; margin-right:auto; }
  .sticky-nav { width:100%; max-width:none; background-color:#182B42; }
  .k1-desktop-nav { max-width:1191px; margin-left:auto; margin-right:auto; }
  .k1-desktop-nav .k1-nav-art { width:100%; }
}

/* J1 mobile-only refinement, 2026-10-25.
   The approved K1-2 desktop is entirely unchanged. All selectors are inside
   the existing phone breakpoint and affect responsive mobile artwork only. */
@media screen and (max-width:700px) {
  :root { --j1-navy:#2A313F; --j1-gold:#D9B66E; --j1-white:#FFFFFF; --j1-blue:#C1D6EC; }
  .pdf-f2-home-responsive, .f2-responsive-page,
  .pdf-f2-home-responsive .f2-home-header,
  .pdf-f2-home-responsive .f2-home-footer,
  .f2-responsive-page .f2-home-footer { background-color:var(--j1-navy); }

  /* Keep the two-line approved headline, but prevent the final 'y' clipping
     on small iPhones and narrow browser viewports. */
  .pdf-f2-home-responsive .f2-home-two-line-heading {
    width:100%;max-width:100%;padding:0 9px;box-sizing:border-box;
    overflow:visible;
  }
  .pdf-f2-home-responsive .f2-home-two-line-heading .f2-home-headline-first {
    display:block;max-width:100%;white-space:nowrap;
    font-size:clamp(14px,4.8vw,20px);
    letter-spacing:-.38px;line-height:1.28;color:var(--j1-white);
  }
  .pdf-f2-home-responsive .f2-home-two-line-heading .f2-home-headline-second { color:var(--j1-gold); }

  /* Shared footer on Home, About and Yachts: centered group retained;
     contact text white, two gold section headings, white icons. */
  .pdf-f2-home-responsive .f2-home-footer h2,
  .f2-responsive-page .f2-home-footer h2,
  .pdf-f2-home-responsive .f2-home-footer .f2-home-delivery,
  .f2-responsive-page .f2-home-footer .f2-home-delivery { color:var(--j1-gold); }
  .pdf-f2-home-responsive .f2-home-footer .f2-home-address,
  .f2-responsive-page .f2-home-footer .f2-home-address,
  .pdf-f2-home-responsive .f2-home-footer .f2-home-contact a,
  .f2-responsive-page .f2-home-footer .f2-home-contact a { color:var(--j1-white); }
  .pdf-f2-home-responsive .f2-home-footer .f2-contact-icon,
  .f2-responsive-page .f2-home-footer .f2-contact-icon {stroke:var(--j1-white);}

  /* J1 About Us: white script main heading, gold About Us subheading and
     gold descriptive copy, while keeping the larger mobile text. */
  .f2-responsive-page .f2-about-description {color:var(--j1-gold);}

  /* J1 double/single-sided catalog: white script title, gold instruction,
     pale blue clickable mattress names, white construction descriptions. */
  .f2-responsive-page .f2-list-intro {color:var(--j1-gold);}
  .f2-responsive-page .f2-model-list-name {color:var(--j1-blue);}
  .f2-responsive-page .f2-model-list-description {color:var(--j1-white);}

  /* J1 yachts headline: white on both lines. */
  .f2-responsive-page .f2-yacht-title,
  .f2-responsive-page .f2-yacht-headline-first,
  .f2-responsive-page .f2-yacht-headline-second {color:var(--j1-white);}

  /* J1 adjustable bases: white SKUs, white bullets and default descriptions;
     gold only for the exact selected feature phrases in J1 page 15. */
  .f2-responsive-page .f2-adjustable-group h2 {color:var(--j1-white);text-align:center;}
  .f2-responsive-page .f2-adjustable-group li {color:var(--j1-white);}
  .f2-responsive-page .f2-adjustable-group .f2-j1-gold {color:var(--j1-gold);}
  .f2-responsive-page .f2-responsive-heading.f2-adjustable-title {margin:0 auto 12px;}
  .f2-responsive-page .f2-adjustable-photo {margin:0 auto 16px;}
}

/* J1-2 Preview: user-requested mobile refinements ONLY.
   The published K1-2 desktop layout/artwork/nav is unchanged. */
@media screen and (max-width:700px) {
  /* Slightly smaller home logo; retain the existing responsive image. */
  .pdf-f2-home-responsive .f2-home-logo {
    width:min(86%,420px);
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
  }
  /* Two intentional lines, with only the final phrase in champagne gold. */
  .pdf-f2-home-responsive .f2-home-two-line-heading {
    width:100%; max-width:100%; box-sizing:border-box;
    padding:0 10px; margin:0 auto; text-align:center;
    overflow:visible;
  }
  .pdf-f2-home-responsive .f2-home-two-line-heading .f2-home-headline-first {
    display:block; white-space:nowrap;
    font:normal clamp(19px,5.35vw,24px)/1.25 Georgia,'Times New Roman',serif;
    letter-spacing:-.35px; color:#FFFFFF;
  }
  .pdf-f2-home-responsive .f2-home-two-line-heading .f2-home-headline-second {
    display:block; white-space:nowrap;
    font:normal clamp(18px,5.05vw,23px)/1.28 Georgia,'Times New Roman',serif;
    letter-spacing:-.4px; margin-top:3px; color:#FFFFFF;
  }
  .pdf-f2-home-responsive .f2-home-two-line-heading .f2-home-headline-second .f2-home-headline-white {
    display:inline; color:#FFFFFF; margin:0;
  }
  .pdf-f2-home-responsive .f2-home-two-line-heading .f2-home-headline-second .f2-home-headline-gold {
    display:inline; color:#D9B66E; margin:0;
  }

  /* About: match the visual lettering height of the two script headings;
     center both headings, the description, and the building photograph. */
  .f2-responsive-page .f2-about-title {
    width:100%; max-width:380px; margin-left:auto; margin-right:auto; text-align:center;
  }
  .f2-responsive-page .f2-about-subtitle {
    width:100%; max-width:150px; margin:8px auto 12px; text-align:center;
  }
  .f2-responsive-page .f2-about-title img,
  .f2-responsive-page .f2-about-subtitle img {display:block; margin-left:auto; margin-right:auto;}
  .f2-responsive-page .f2-about-description {
    width:100%; max-width:550px; box-sizing:border-box;
    margin:12px auto 22px; text-align:center;
  }
  .f2-responsive-page .f2-about-photo {
    display:block; margin-left:auto; margin-right:auto;
    max-width:100%; height:auto;
  }

  /* Blue underlines are on clickable mattress names only, not the arrow. */
  .f2-responsive-page .f2-model-list-name .f2-model-name-text {
    color:#C1D6EC;
    text-decoration-line:underline;
    text-decoration-color:#C1D6EC;
    text-decoration-thickness:1.5px;
    text-underline-offset:4px;
  }
}