/* Dinner Cruise 99 — generated by tools/build_site.py. Edit tools/site/site-extra.css or the draft, not this file. */
@font-face { font-family: 'Kanit'; src: url('../fonts/Kanit-Regular.woff2') format('woff2'); font-style: normal; font-weight: 400; font-display: block; }
@font-face { font-family: 'Kanit'; src: url('../fonts/Kanit-Medium.woff2') format('woff2'); font-style: normal; font-weight: 500; font-display: block; }
@font-face { font-family: 'Kanit'; src: url('../fonts/Kanit-SemiBold.woff2') format('woff2'); font-style: normal; font-weight: 600; font-display: block; }
@font-face { font-family: 'Noto Sans Thai'; src: url('../fonts/NotoSansThai-Regular.woff2') format('woff2'); font-style: normal; font-weight: 400; font-display: block; }
@font-face { font-family: 'Noto Sans Thai'; src: url('../fonts/NotoSansThai-SemiBold.woff2') format('woff2'); font-style: normal; font-weight: 600; font-display: block; }
@font-face { font-family: 'Noto Serif Thai'; src: url('../fonts/NotoSerifThai-400.woff2') format('woff2'); font-style: normal; font-weight: 400; font-display: block; }
@font-face { font-family: 'Noto Serif Thai'; src: url('../fonts/NotoSerifThai-600.woff2') format('woff2'); font-style: normal; font-weight: 600; font-display: block; }
@font-face { font-family: 'Noto Serif Thai'; src: url('../fonts/NotoSerifThai-700.woff2') format('woff2'); font-style: normal; font-weight: 700; font-display: block; }
@font-face { font-family: 'Cormorant Garamond'; src: url('../fonts/CormorantGaramond-400.woff2') format('woff2'); font-style: normal; font-weight: 400; font-display: block; }
@font-face { font-family: 'Cormorant Garamond'; src: url('../fonts/CormorantGaramond-500.woff2') format('woff2'); font-style: normal; font-weight: 500; font-display: block; }
@font-face { font-family: 'Cormorant Garamond'; src: url('../fonts/CormorantGaramond-600.woff2') format('woff2'); font-style: normal; font-weight: 600; font-display: block; }
/* ---- approved draft style.css (5 Nov 2026) ---- */
:root{--navy:#091e36;--navy2:#102b49;--gold:#cfaa68;--gold2:#e9ce97;--ivory:#faf8f4;--ink:#132a42;--muted:#6d7885;--line:#e5e2db;--pale:#efebe2;--green:#08a84f;--white:#fff}
*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;background:var(--ivory);color:var(--ink);font-family:'Noto Sans Thai',sans-serif;font-size:17px;line-height:1.8;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4,button,.btn,.nav,.eyebrow,.tabs,.chip{font-family:'Kanit',sans-serif}h1{font-size:55px;font-weight:500;line-height:1.28;letter-spacing:-.6px}h2{font-size:35px;font-weight:500;line-height:1.45;letter-spacing:-.2px}h3{font-size:23px;font-weight:500;line-height:1.5}h4{font-size:19px;font-weight:500}p{color:var(--muted)}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block;object-fit:cover}small{font-size:13px}.container{width:1248px;margin:0 auto}.wide{width:1328px;margin:0 auto}.section{padding:78px 0}.section.compact{padding:52px 0}.white{background:white}.navy{background:var(--navy);color:white}.cream{background:#f1ede5}.muted{color:var(--muted)}.gold{color:var(--gold)}.serif{font-family:'Cormorant Garamond',serif;font-weight:500}.eyebrow{display:block;font-size:13px;letter-spacing:2.2px;font-weight:400;color:#a17c40;text-transform:uppercase;margin-bottom:13px}.navy .eyebrow{color:var(--gold2)}.lead{font-size:19px;line-height:1.95}.maxcopy{max-width:690px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:32px}.section-heading p{margin-top:8px;font-size:16px}.textlink{font-family:'Kanit';font-size:16px;display:inline-flex;align-items:center;gap:9px;color:var(--ink);white-space:nowrap}.textlink:after{content:'↗';font-size:22px;color:#a17c40}.center{text-align:center}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:28px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.gap40{gap:40px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt40{margin-top:40px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.line{height:1px;background:var(--line);margin:25px 0}.row{display:flex;align-items:center;gap:12px}.spread{display:flex;align-items:center;justify-content:space-between;gap:20px}.vstack{display:flex;flex-direction:column;gap:16px}.grow{flex:1}.nowrap{white-space:nowrap}.ic{height:21px;width:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.ic.lg{height:30px;width:30px}.ic.xl{height:42px;width:42px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:49px;padding:12px 24px;font-size:16px;font-weight:500;line-height:1.5;border:1px solid transparent;border-radius:5px;background:var(--gold2);color:var(--navy);white-space:nowrap}.btn.goldbtn{background:linear-gradient(110deg,#e6c98d,#cfaa68)}.btn.outline{border-color:#c6cbd0;background:transparent}.btn.light{border-color:#bdc6d3;color:white;background:transparent}.btn.navybtn{background:var(--navy);color:white}.btn.linebtn{background:var(--green);color:white}.btn.sm{font-size:14px;padding:9px 16px;min-height:40px}.btn.full{width:100%}.btn .arrow{margin-left:10px;font-size:20px}.lineicon{display:inline-flex;background:#06a84e;color:#fff;width:25px;height:25px;align-items:center;justify-content:center;border-radius:50%;font-family:Arial,sans-serif;font-size:8px;font-weight:bold;letter-spacing:-.3px;flex-shrink:0}.linebtn .lineicon{background:#fff;color:#06a84e}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#f2eadc;color:#8d6b34;border-radius:3px;font-size:12px;font-family:'Kanit';letter-spacing:.3px;line-height:1.6}.badge.dark{background:var(--navy);color:#edd7af}.badge.whitebadge{background:white;color:var(--ink)}.badge.ghost{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);color:#fff}.topbar{height:31px;background:#07172a;color:#afbac6;font-size:11px;letter-spacing:.3px}.topbar .container{display:flex;align-items:center;justify-content:space-between;height:100%}.topbar .en{font-family:'Kanit';letter-spacing:1.9px;font-size:10px}.site-header{height:92px;background:var(--navy);color:white;border-bottom:1px solid rgba(207,170,104,.3);position:relative;z-index:5}.header-inner{width:1328px;margin:auto;display:flex;height:100%;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;width:190px;flex-shrink:0}.brandmark{width:69px;height:47px;stroke:var(--gold2);fill:none;stroke-width:1.4}.brandname{font-family:Georgia,serif;font-size:19px;line-height:1.04;letter-spacing:1.4px;color:#fff;white-space:nowrap}.brandname small{display:block;font-family:'Kanit';font-size:8px;letter-spacing:2.3px;margin-top:7px;color:#d6bf95}.nav{display:flex;gap:23px;font-size:15px;align-items:center;white-space:nowrap;height:100%}.nav>a,.nav>.navdrop{display:flex;align-items:center;height:100%;position:relative;gap:5px}.nav .active{color:var(--gold2)}.nav .active:after{content:'';height:2px;background:var(--gold);position:absolute;bottom:21px;left:0;right:0}.navdrop .ic{width:13px}.submenu{display:none;position:absolute;top:76px;left:-24px;min-width:230px;background:white;color:var(--ink);box-shadow:0 12px 30px #05182b26;padding:12px 0;border-top:3px solid var(--gold);border-radius:0 0 7px 7px}.submenu a{display:block;padding:8px 22px;font-size:15px}.navdrop:hover .submenu,.navdrop:focus-within .submenu{display:block}.site-header .btn{font-size:14px;min-height:43px;padding:10px 17px}.breadcrumb{font-size:12px;color:#89939e;display:flex;align-items:center;gap:10px;padding:26px 0 24px}.breadcrumb .ic{width:12px;height:12px;color:#b6a484}.breadcrumb.on-dark{color:#b7c1ce}.breadcrumb b{font-weight:400;color:var(--ink)}.on-dark b{color:white}.hero-home{height:635px;color:white;background:linear-gradient(90deg,rgba(4,19,39,.93) 0%,rgba(4,19,39,.8) 29%,rgba(5,21,43,.18) 68%,rgba(5,21,43,.02) 100%),url('../photos/hero-river.webp') center 59%/cover;position:relative;overflow:hidden}.hero-home .container{padding-top:83px;position:relative;z-index:1}.hero-home h1{font-size:58px;line-height:1.3;max-width:680px;font-weight:500}.hero-home h1 span{color:var(--gold2)}.hero-home .eyebrow{color:#e3cc9f;margin-bottom:19px}.hero-home p{color:#d0d9e4;max-width:510px;margin-top:21px;font-size:18px}.hero-actions{display:flex;gap:13px;margin-top:29px}.hero-caption{position:absolute;bottom:28px;right:96px;text-align:right;font-family:'Cormorant Garamond';font-size:21px;color:#e0d3bc;letter-spacing:1px}.hero-caption small{display:block;font-family:'Kanit';font-size:10px;letter-spacing:2px;color:#b6c3d2;margin-top:3px}.hero-pagination{position:absolute;bottom:33px;left:96px;display:flex;gap:8px}.hero-pagination span{height:3px;width:22px;background:#788693}.hero-pagination span:first-child{background:var(--gold2);width:52px}.trust-strip{background:white;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:27px 0}.trust-item{display:flex;align-items:center;gap:14px;padding:0 24px;border-right:1px solid var(--line)}.trust-item:first-child{padding-left:0}.trust-item:last-child{border:0}.trust-item>.ic{color:#b08b4d;height:30px;width:30px}.trust-item strong{display:block;font-size:15px;font-weight:600}.trust-item small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.card{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden}.boat-image{height:220px;position:relative;background:#dde1e4}.boat-image>img{width:100%;height:100%;object-fit:cover}.boat-image .badge{position:absolute;top:15px;left:16px}.boat-index{position:absolute;right:16px;bottom:12px;color:white;font-family:'Cormorant Garamond';font-size:26px}.boat-body{padding:23px 24px 20px}.boat-body h3{font-family:'Kanit';font-size:24px;font-weight:500;line-height:1.45;margin-bottom:6px}.boat-body .thai-name{font-size:12px;color:var(--muted);margin-bottom:15px}.meta-row{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;margin-bottom:9px}.meta-row .ic{width:16px;height:16px;color:#b38f54}.card-actions{display:flex;gap:9px;margin-top:18px}.card-actions .btn{flex:1;font-size:13px;min-height:40px;padding:9px 12px}.card-actions .lineicon{width:20px;height:20px;font-size:6px}.pricebar{border-top:1px solid var(--line);padding-top:14px;margin-top:14px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.pricebar strong{font-family:'Kanit';color:#9b7841;font-size:17px;font-weight:500}.pricing-note{font-size:12px;color:#89929a;margin-top:19px}.feature-split{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}.feature-split .image-wrap{position:relative}.feature-split .image-wrap>img{height:388px;width:100%;border-radius:7px}.image-caption{font-size:11px;color:#8b939a;margin-top:9px}.feature-split h2{margin-bottom:17px}.feature-split p{font-size:17px;line-height:1.95}.feature-split .btn{margin-top:25px}.photo-label{position:absolute;bottom:22px;left:22px;color:white;font-size:11px;letter-spacing:1.8px;font-family:'Kanit';text-shadow:0 1px 7px #000}.pier-mini{display:block;padding:25px 23px;background:white;border:1px solid var(--line);border-radius:7px}.pier-mini .no{font-family:'Cormorant Garamond';font-size:30px;color:#bea16c}.pier-mini h3{font-size:23px;margin:10px 0 4px}.pier-mini .en{font-family:'Kanit';font-size:10px;letter-spacing:1.4px;color:#8b97a2}.pier-mini p{font-size:13px;line-height:1.9;margin-top:11px}.pier-mini .link{font-size:13px;font-family:'Kanit';display:flex;align-items:center;justify-content:space-between;margin-top:23px;color:#8d6b34}.occasion{position:relative;min-height:320px;border-radius:8px;overflow:hidden;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;color:white}.occasion>img{position:absolute;inset:0;width:100%;height:100%;z-index:0}.occasion:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061b32ef,transparent 92%);z-index:1}.occasion>*:not(img){position:relative;z-index:2}.occasion h3{font-size:25px}.occasion p{color:#d2dae5;font-size:13px}.occasion .ic{color:#e4c38a;margin-bottom:12px}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.step{border-top:1px solid #b6a581;padding-top:23px;position:relative}.step .num{font-family:'Cormorant Garamond';font-size:46px;line-height:1;color:var(--gold);margin-bottom:18px}.step h3{font-size:22px;margin-bottom:8px}.step p{font-size:14px;line-height:1.9}.navy .step p{color:#aab9cb}.journal-card{border-bottom:1px solid var(--line);padding-bottom:25px}.journal-card>img{height:216px;width:100%;border-radius:6px;margin-bottom:21px}.journal-card .eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:8px}.journal-card h3{font-size:21px;line-height:1.55;margin-bottom:10px}.journal-card p{font-size:13px;line-height:1.9}.journal-card .meta{font-size:11px;color:#8d949c;margin-top:15px;display:flex;justify-content:space-between}.cta-section{background:var(--navy2);color:white;position:relative;overflow:hidden;border-top:1px solid #486079}.cta-section:before{content:'';position:absolute;right:0;top:0;width:42%;height:100%;background:linear-gradient(90deg,var(--navy2),#102b4933),url('../photos/hero-river.webp') 70% 60%/cover;opacity:.6}.cta-section>.container{position:relative;display:flex;align-items:center;justify-content:space-between;gap:60px;padding:56px 0}.cta-section h2{font-size:31px;line-height:1.5}.cta-section p{color:#b9c8d8;font-size:15px;margin-top:8px}.cta-section .eyebrow{color:#ddc18f;font-size:10px;letter-spacing:2px;margin-bottom:10px}.site-footer{background:#07182c;color:#bdc6d2;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.15fr;gap:44px}.footer-grid .brand{width:auto;margin-bottom:16px}.footer-grid p{font-size:12px;color:#91a1b4;line-height:1.9;max-width:290px}.footer-grid h4{color:#e4c999;font-size:15px;margin-bottom:14px}.footer-grid a{display:block;font-size:12px;margin:7px 0;color:#afbecc}.footer-grid .brand{display:flex}.footer-bottom{margin-top:36px;padding-top:19px;border-top:1px solid #22354a;display:flex;justify-content:space-between;color:#6f849b;font-size:10px;letter-spacing:.2px}.footer-bottom span:last-child{letter-spacing:2px;font-family:'Kanit'}.page-intro{padding:0 0 46px}.page-intro h1{font-size:48px;line-height:1.35;margin-bottom:16px}.page-intro p{max-width:780px;font-size:17px;line-height:1.9}.page-intro .eyebrow{margin-bottom:11px}.page-intro.with-photo{background:linear-gradient(90deg,#071b32f7 0%,#071b32e3 48%,#071b3255 100%),url('../photos/hero-river.webp') center 60%/cover;color:white;padding-bottom:53px}.page-intro.with-photo p{color:#becbd9}.page-intro.with-photo .eyebrow{color:var(--gold2)}.intro-label{font-family:'Cormorant Garamond';font-size:69px;color:#ddc18d;line-height:1.1;letter-spacing:.5px}.tabs{display:flex;gap:10px;flex-wrap:wrap}.chip{padding:9px 20px;border-radius:4px;background:#fff;border:1px solid var(--line);font-size:14px;line-height:1.4;display:inline-flex;align-items:center;gap:8px}.chip.selected{background:var(--navy);color:#fff;border-color:var(--navy)}.chip .ic{width:16px;height:16px}.filterbox{border:1px solid var(--line);padding:25px;background:white;border-radius:7px;margin-top:-23px;position:relative;box-shadow:0 8px 25px #13294005}.filterbox .filter-label{font-size:11px;color:#9b8560;margin-bottom:8px;letter-spacing:1px;font-family:'Kanit'}.filterbar{display:grid;grid-template-columns:2fr 1fr 1fr 140px;gap:15px;align-items:end}.selectfake{border:1px solid var(--line);padding:11px 14px;border-radius:4px;font-size:14px;display:flex;align-items:center;justify-content:space-between;background:#fdfcf9;height:46px}.selectfake .ic{width:15px;color:#9a895f}.results-label{font-size:13px;color:#7a8793;margin:29px 0 22px}.results-label b{color:var(--ink);font-weight:600}.catalog{padding-bottom:58px}.catalog .boat-image{height:214px}.catalog .boat-body{padding:21px}.catalog .boat-body h3{font-size:21px;min-height:31px}.catalog .boat-body .thai-name{margin-bottom:11px}.pagination{display:flex;justify-content:center;gap:10px;margin:37px 0 10px}.pagination span{height:38px;width:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);font-family:'Kanit';font-size:14px;background:white;border-radius:3px}.pagination span.current{background:var(--navy);color:white}.helper-box{background:#ece7db;border-radius:7px;padding:25px 32px;display:flex;align-items:center;justify-content:space-between;gap:25px}.helper-box p{font-size:14px}.helper-box h3{font-size:23px}.faq-layout{display:grid;grid-template-columns:360px 1fr;gap:75px}.faq-list .faq{border-bottom:1px solid var(--line);padding:18px 0}.faq-list .faq:first-child{padding-top:0}.faq .question{display:flex;align-items:center;justify-content:space-between;font-family:'Kanit';font-size:18px;gap:35px}.faq .question>span:last-child{font-weight:300;color:#a1814f;font-size:24px}.faq p{font-size:14px;margin-top:12px;line-height:1.9;max-width:720px}.detail-head{padding-bottom:25px}.detail-head h1{font-size:52px;line-height:1.2}.detail-head .subhead{font-size:23px;font-family:'Kanit';color:#67798a;margin:9px 0 13px}.detail-head .eyebrow{font-size:11px;margin-bottom:10px}.detail-chips{display:flex;gap:16px;margin-top:15px}.detail-chips>span{display:inline-flex;gap:7px;align-items:center;color:#75828f;font-size:13px}.detail-chips .ic{color:#aa8a50;width:17px;height:17px}.detail-top{display:grid;grid-template-columns:1.68fr 1fr;gap:29px;align-items:stretch}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px;grid-template-rows:300px 136px}.gallery>img{width:100%;height:100%;border-radius:6px}.gallery>img:first-child{grid-column:1/-1}.inquiry-panel{background:var(--navy);color:white;border-radius:8px;padding:30px 29px;display:flex;flex-direction:column;justify-content:space-between}.inquiry-panel h2{font-size:28px;line-height:1.5;margin-bottom:11px}.inquiry-panel p{font-size:14px;color:#b6c5d4;line-height:1.9}.inquiry-panel .eyebrow{font-size:11px;color:#d3b477}.inquiry-panel .info{margin-top:22px;padding:17px 0;border-top:1px solid #35465b;border-bottom:1px solid #35465b;font-size:13px;display:flex;gap:12px;color:#ced9e4}.inquiry-panel .info .ic{color:#d6b16d;margin-top:2px}.inquiry-panel .small-note{font-size:11px;line-height:1.8;color:#9aaec3;margin-top:10px;text-align:center}.anchor-tabs{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);margin-top:31px;padding:18px 0 16px;font-family:'Kanit';font-size:16px}.anchor-tabs a:first-child{color:#9c7537}.detail-content{display:grid;grid-template-columns:1.75fr 1fr;gap:56px;padding-top:45px}.detail-content h2{font-size:29px;margin-bottom:17px}.detail-content p{font-size:15px;line-height:1.95}.detail-content>div>section{margin-bottom:37px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.info-tile{border:1px solid var(--line);background:white;padding:18px;border-radius:5px}.info-tile .ic{color:#b18b4d;margin-bottom:14px}.info-tile strong{display:block;font-family:'Kanit';font-size:16px;font-weight:500}.info-tile small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.aside-card{padding:25px;background:white;border:1px solid var(--line);border-radius:7px;margin-bottom:20px}.aside-card h3{font-size:23px;margin-bottom:12px}.aside-card p{font-size:13px}.aside-card .textlink{font-size:13px;margin-top:16px}.checklist{list-style:none;padding:0;margin:12px 0}.checklist li{display:flex;gap:12px;padding:7px 0;color:var(--muted);font-size:14px;line-height:1.8}.checklist .ic{color:#ad8c51;height:18px;width:18px;margin-top:3px}.data-table{width:100%;border-collapse:collapse;border:1px solid var(--line);font-size:14px;background:#fff}.data-table th{padding:14px 18px;background:#f1ece1;text-align:left;font-family:'Kanit';font-weight:400;color:#6e5938;border-bottom:1px solid var(--line)}.data-table td{padding:16px 18px;border-bottom:1px solid var(--line);color:var(--muted);vertical-align:top}.data-table td:first-child{color:var(--ink);font-family:'Kanit'}.note{font-size:12px!important;line-height:1.85;color:#8b949d!important;margin-top:14px}.softnote{background:#f0eadf;border-left:3px solid #cfaa68;padding:16px 20px;color:#766851;font-size:13px;line-height:1.9;border-radius:0 5px 5px 0}.pier-card{border:1px solid var(--line);background:white;border-radius:8px;overflow:hidden}.pier-cover{height:234px;position:relative;background:var(--navy)}.pier-cover img{height:100%;width:100%}.pier-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#051b31a0,transparent 75%)}.pier-cover .number{position:absolute;top:18px;left:24px;font-family:'Cormorant Garamond';font-size:31px;color:#f2dbad;z-index:1}.pier-cover .caption{position:absolute;left:24px;bottom:17px;color:white;font-size:11px;z-index:1;font-family:'Kanit';letter-spacing:2px}.pier-body{padding:25px 28px}.pier-body h2{font-size:29px}.pier-body p{font-size:14px;margin-top:9px;line-height:1.9}.pier-body .chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.pier-body .chips span{border:1px solid var(--line);border-radius:3px;padding:3px 9px;font-size:10px;color:#8a8e92}.pier-body .textlink{margin-top:23px;font-size:14px}.pier-top{display:grid;grid-template-columns:1fr 1.02fr;gap:50px;align-items:center}.pier-top h1{font-size:45px}.pier-top .photo{height:360px;width:100%;border-radius:8px}.pier-top p{font-size:16px;margin-top:20px}.pier-facts{display:flex;gap:22px;padding-top:25px}.pier-facts span{font-size:12px;color:#7d8995;display:flex;gap:7px;align-items:center}.pier-facts .ic{color:#ad8b4e;width:16px;height:16px}.location-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:stretch}.location-art{background:#e9e4d8;border:1px solid #ded4c2;border-radius:8px;position:relative;min-height:370px;overflow:hidden}.location-art svg{position:absolute;inset:0;width:100%;height:100%}.location-art .map-note{position:absolute;bottom:15px;left:18px;font-size:10px;color:#7b7c78;background:#faf8f3d9;padding:4px 9px;border-radius:3px}.location-info{padding:8px 0}.location-info h3{font-size:24px}.location-info .travel-row{display:flex;gap:18px;border-bottom:1px solid var(--line);padding:18px 0}.travel-row>.ic{color:#ae8b4e;width:25px;height:25px;margin-top:3px}.travel-row h4{font-size:17px}.travel-row p{font-size:13px;margin-top:5px;line-height:1.9}.promo-hero{background:var(--navy);color:white;position:relative}.promo-hero .container{display:grid;grid-template-columns:1.03fr 1fr;min-height:470px;align-items:center;gap:45px;padding:51px 0 59px}.promo-hero h1{font-size:48px;line-height:1.4;margin-bottom:18px}.promo-hero p{color:#b9c6d5;max-width:520px;font-size:17px}.promo-hero .eyebrow{color:#d5b77c}.promo-hero .visual{height:340px;position:relative}.promo-hero .visual>img{height:100%;width:100%;object-fit:cover;border-radius:7px}.promo-hero .visual .badge{position:absolute;left:18px;bottom:18px}.promo-card>img{height:225px;width:100%}.promo-card .body{padding:24px}.promo-card h3{font-size:26px;line-height:1.5;margin:12px 0 10px}.promo-card p{font-size:14px;line-height:1.9}.promo-card .btn{margin-top:21px}.promo-note{padding:17px 23px;background:#f0eadf;border:1px solid #e4d8be;border-radius:5px;color:#7c6b50;font-size:13px;display:flex;gap:12px;align-items:center}.corporate-hero{color:white;height:565px;background:linear-gradient(90deg,#051b32f4,#051b32bc 42%,#051b320c 87%),url('../photos/corporate-concept.webp') center 48%/cover}.corporate-hero .container{padding-top:66px}.corporate-hero h1{font-size:50px;max-width:660px;line-height:1.4;margin-bottom:18px}.corporate-hero h1 span{color:#e1c18b}.corporate-hero p{font-size:17px;color:#c2cfdd;max-width:535px}.corporate-hero .eyebrow{color:#dfc18b}.service-card{background:white;border:1px solid var(--line);border-radius:8px;padding:29px 27px}.service-card .ic{width:34px;height:34px;color:#b59254;margin-bottom:22px}.service-card h3{font-size:24px;margin-bottom:12px}.service-card p{font-size:14px;line-height:1.95}.service-card .tag{font-size:11px;margin-top:18px;color:#9b7c46;padding-top:15px;border-top:1px solid var(--line)}.brief-box{padding:35px 37px;background:var(--navy);color:#fff;border-radius:8px}.brief-box h2{font-size:29px}.brief-box p{color:#b7c5d5;font-size:14px;margin:10px 0 20px}.brief-box .brief-row{display:flex;align-items:center;gap:16px;border-bottom:1px solid #324457;padding:12px 0;font-size:15px}.brief-row .num{font-family:'Cormorant Garamond';font-size:24px;color:#cba86a}.brief-box .btn{margin-top:25px}.package-details{display:grid;grid-template-columns:1.8fr 1fr;gap:42px;align-items:start}.package-details h2{font-size:29px;margin-bottom:15px}.package-details p{font-size:15px;line-height:1.95}.package-details section{margin-bottom:36px}.editorial-feature{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden;margin-top:28px}.editorial-feature>img{height:365px;width:100%}.editorial-feature .copy{padding:38px}.editorial-feature h2{font-size:30px;line-height:1.55;margin-bottom:17px}.editorial-feature p{font-size:14px;line-height:1.9}.editorial-feature .textlink{font-size:14px;margin-top:25px}.editorial-feature .eyebrow{font-size:11px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 26px}.article-head{max-width:960px;margin:0 auto;text-align:center;padding:25px 0 31px}.article-head h1{font-size:43px;line-height:1.5}.article-head .eyebrow{font-size:12px}.article-head .article-dek{font-size:18px;margin-top:17px;line-height:1.9;color:#7c8793}.article-head .byline{font-size:12px;color:#8c929a;margin-top:23px}.article-hero{height:420px;width:1248px;object-fit:cover;border-radius:7px}.article-layout{display:grid;grid-template-columns:260px 1fr;gap:66px;padding:50px 0 30px}.article-toc{padding:24px;background:white;border:1px solid var(--line);border-radius:6px;align-self:start}.article-toc .eyebrow{font-size:11px}.article-toc h3{font-size:21px;margin-bottom:16px}.article-toc a{display:block;padding:9px 0;color:#778592;font-size:13px;border-bottom:1px solid #f0eeea}.article-toc .btn{font-size:12px;padding:12px 9px;margin-top:23px;white-space:normal;min-height:0}.article-copy{font-size:16px;line-height:2}.article-copy h2{font-size:29px;margin:35px 0 15px}.article-copy h2:first-child{margin-top:0}.article-copy p{margin-bottom:16px}.article-copy .callout{padding:22px 28px;border-left:3px solid var(--gold);background:#f0e9db;margin:25px 0;color:#7c6a4c;font-size:17px;font-family:'Kanit'}.article-copy .data-table{font-size:13px;margin-top:22px}.article-copy .data-table td,.article-copy .data-table th{padding:12px 16px}.article-copy .numbered{display:flex;gap:22px;padding:15px 0}.numbered .num{font-family:'Cormorant Garamond';font-size:39px;line-height:1.2;color:#b79861}.numbered h3{font-size:22px;margin-bottom:8px}.numbered p{font-size:14px}.about-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:15px 0 62px}.about-hero>img{height:420px;width:100%;border-radius:7px}.about-hero h1{font-size:49px;line-height:1.4;margin-bottom:20px}.about-hero h1 .en{font-size:58px;display:block;color:#a1814b;line-height:1.15;margin:8px 0}.about-hero p{font-size:17px;line-height:1.95}.about-quote{font-size:34px;font-family:'Kanit';font-weight:400;text-align:center;line-height:1.65;max-width:950px;margin:auto;padding:18px 0}.about-quote em{font-style:normal;color:#b59254}.brand-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.brand-stats>div{border-top:1px solid #c6b28f;text-align:center;padding-top:22px}.brand-stats strong{font-family:'Cormorant Garamond';font-size:56px;font-weight:400;line-height:1.2;color:#9e7a3f}.brand-stats span{display:block;font-size:13px;color:#7d8993;margin-top:8px}.contact-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;padding-bottom:61px;align-items:start}.line-card{background:var(--navy);border-radius:8px;padding:38px;color:white;min-height:440px;position:relative;overflow:hidden}.line-card:after{content:'99';position:absolute;bottom:-85px;right:10px;font-family:'Cormorant Garamond';font-size:280px;color:#ffffff05;line-height:1}.line-card>*{position:relative;z-index:1}.line-card > .lineicon{height:48px;width:48px;font-size:15px;margin-bottom:22px}.line-card h2{font-size:32px;line-height:1.55}.line-card p{color:#adbed0;font-size:15px;margin-top:13px;line-height:1.9}.line-card .handle{font-family:'Kanit';font-size:27px;color:var(--gold2);margin:23px 0}.line-card .eyebrow{color:#ccae77}.contact-info{border-top:1px solid var(--line);padding:21px 0}.contact-info:first-child{border-top:0;padding-top:0}.contact-info .ic{color:#ad8b50;width:26px;height:26px}.contact-info h3{font-size:22px}.contact-info .value{font-family:'Kanit';font-size:24px;color:var(--ink);margin-top:4px}.contact-info p{font-size:13px;margin-top:5px}.contact-info .contact-link{font-family:'Kanit';font-size:14px;color:#a18147;margin-top:6px}.info-message{padding:25px 28px;background:white;border:1px solid var(--line);border-radius:7px}.info-message p{font-size:14px;line-height:2.1}.info-message h3{margin-bottom:15px;font-size:23px}.info-message .eyebrow{font-size:11px}.handoff-badge{display:none}.image-fallback{background:var(--navy)}
@media print{body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

.line-card .btn .lineicon{width:25px;height:25px;font-size:8px;margin:0}
.boat-image .badge .ic{width:13px;height:13px}
.pier-subnav{background:#fff;border-bottom:1px solid var(--line);height:67px}.pier-subnav>.container{display:flex;align-items:center;gap:45px;height:100%;font-family:'Kanit';font-size:15px}.pier-subnav span{display:flex;gap:10px;align-items:center;color:#a0824e;padding-right:26px;border-right:1px solid var(--line)}.pier-subnav a{color:#73808e}.pier-subnav a.selected{color:#946e31;border-bottom:2px solid var(--gold);padding:20px 0}

img[src$="iconsiam.webp"]{object-position:50% 78%}.aside-card>img{width:100%;height:185px;object-fit:cover;border-radius:5px}


/* Customer media from the existing Dinnercruise99 website */

.review-grid,.short-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.review-card{display:flex;flex-direction:column;background:#f6f3ed;border:1px solid #e2d9ca;border-radius:12px;overflow:hidden;text-decoration:none}.review-card img{width:100%;height:350px;object-fit:contain;background:#f5f4ef;padding:10px}.review-card span{padding:14px 18px;color:#183244;font-size:14px}.video-heading{margin-top:64px}.short-poster{display:block;position:relative;aspect-ratio:9/14;overflow:hidden;background:#132636;border-radius:12px}.short-poster img{width:100%;height:100%;object-fit:cover}.play-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:#ffffffed;color:#b62828;display:grid;place-items:center;font-size:23px}.short-label{position:absolute;bottom:16px;left:14px;color:white;background:#102538dd;border-radius:20px;padding:7px 12px;font-size:12px}.short-card h3{font-size:17px;line-height:1.65;margin-top:15px}.guide-body{max-width:900px;margin:auto;padding:48px 0}.guide-body h2{font-size:28px;margin-top:42px}.guide-body p,.guide-body li{font-size:18px;line-height:1.9}.guide-body h1{font-size:46px;line-height:1.35}.guide-body .lead{color:#61717a;font-size:21px}.guide-body img{width:100%;max-height:420px;object-fit:cover;border-radius:14px;margin:24px 0}@media(max-width:800px){.review-grid,.short-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-card img{height:290px}.guide-body h1{font-size:32px}}@media(max-width:480px){.review-grid,.short-grid{grid-template-columns:1fr}.review-card img{height:auto;max-height:520px}.short-poster{aspect-ratio:9/12}.guide-body{padding:28px 0}}



.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.team-card{display:grid;grid-template-columns:42% 1fr;align-items:center;gap:24px;border:1px solid #e4dccf;border-radius:14px;overflow:hidden;padding-right:22px}.team-card img{width:100%;height:290px;object-fit:cover;object-position:top}.team-card h3{font-size:21px;line-height:1.5}.team-card a{color:#84662f}.office-card{margin-top:35px;padding:32px;background:#f4f0e9;border-radius:12px}.office-card p{line-height:1.9}@media(max-width:800px){.team-grid{grid-template-columns:1fr}.team-card img{height:240px}}
/* ---- responsive + interaction layer (tools/site/site-extra.css) ---- */
/* Layer over the approved draft style.css: real controls, accessibility and responsive layout.
   Rules outside media queries keep the 1440px desktop identical to the draft. */
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:12px;top:-60px;z-index:100;background:#fff;color:var(--navy);padding:10px 16px;border-radius:4px;font-family:'Kanit';font-size:14px}
.skip-link:focus{top:8px}
main:focus{outline:none}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #cfaa68;outline-offset:3px}
.navy a:focus-visible,.site-header a:focus-visible,.site-header button:focus-visible,.cta-section a:focus-visible,.inquiry-panel :focus-visible{outline-color:#e9ce97}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
[id]{scroll-margin-top:24px}

/* Fluid containers: same 1248/1328px widths at desktop, never wider than the viewport */
.container{width:min(1248px,calc(100% - 48px))}
.header-inner{width:min(1328px,calc(100% - 48px))}
.article-hero{width:100%}
img{height:auto}

/* Header */
.menu-toggle{display:none;align-items:center;gap:9px;background:transparent;border:1px solid #3a5470;color:#fff;border-radius:5px;height:43px;padding:0 13px;font-family:'Kanit';font-size:14px}
.menu-toggle .bars,.menu-toggle .bars:before,.menu-toggle .bars:after{display:block;width:18px;height:2px;background:#e9ce97;position:relative;transition:transform .2s}
.menu-toggle .bars:before,.menu-toggle .bars:after{content:'';position:absolute;left:0}
.menu-toggle .bars:before{top:-6px}
.menu-toggle .bars:after{top:6px}
.nav-open .menu-toggle .bars{background:transparent}
.nav-open .menu-toggle .bars:before{transform:translateY(6px) rotate(45deg)}
.nav-open .menu-toggle .bars:after{transform:translateY(-6px) rotate(-45deg)}
.navdrop>a[aria-current]{color:var(--gold2)}

/* FAQ: native <details> styled like the draft rows */
.faq>summary{list-style:none;cursor:pointer}
.faq>summary::-webkit-details-marker{display:none}
.faq .sign:before{content:'+'}
.faq[open] .sign:before{content:'−'}
.faq-list details.faq:first-child{padding-top:0}

/* Real filter controls inside the draft "selectfake" boxes */
.selectfake{position:relative;padding:0}
.selectfake input,.selectfake select{appearance:none;-webkit-appearance:none;border:0;background:transparent;font:inherit;font-size:14px;color:var(--ink);width:100%;height:100%;padding:11px 42px 11px 14px;border-radius:4px;cursor:pointer}
.selectfake input{cursor:text}
.selectfake input::placeholder{color:var(--ink);opacity:1}
.selectfake input::-webkit-search-cancel-button{-webkit-appearance:none}
.selectfake .ic{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none}
.selectfake:focus-within{border-color:#cfaa68;box-shadow:0 0 0 2px #cfaa6833}
.selectfake input:focus-visible,.selectfake select:focus-visible{outline:none}
label.filter-label{display:block}
button.chip{cursor:pointer;color:inherit}
button.chip:hover{border-color:#cdbf9f}
button.chip.selected{color:#fff}
.filter-chips{align-items:flex-start}
.round-tabs{justify-content:flex-end}
.round-label{font-size:12px;color:var(--muted);align-self:center;margin-right:2px}
.sort-control{position:relative;display:inline-flex;align-items:center}
.sort-control{height:1.8em}
.sort-control select{appearance:none;-webkit-appearance:none;border:0;background:transparent;font:inherit;color:inherit;height:1.8em;line-height:1.8;padding:0 26px 0 0;cursor:pointer}
.sort-control .ic{position:absolute;right:0;pointer-events:none;width:18px;height:18px}
.catalog .catalog-grid{row-gap:30px}
.pagination button{height:38px;min-width:38px;padding:0 10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);font-family:'Kanit';font-size:14px;background:white;border-radius:3px;color:var(--ink);cursor:pointer}
.pagination button[aria-current=page]{background:var(--navy);color:white;border-color:var(--navy)}
.pagination button:disabled{opacity:.4;cursor:default}
.empty-state{border:1px dashed #d6cbb5;background:#fff;border-radius:8px;padding:34px 28px;text-align:center}
.empty-state h3{font-size:22px;margin-bottom:6px}
.empty-state p{font-size:14px;max-width:620px;margin:0 auto}
.empty-state .row{justify-content:center;margin-top:20px;flex-wrap:wrap}
.journal-card h3 a:hover,.boat-body h3 a:hover{color:#9c793f}
.article-copy h3 a{text-decoration:underline;text-decoration-color:#cfaa68;text-underline-offset:4px}
.inline-link{color:#9c793f;text-decoration:underline}

/* Product page additions */
.gallery>a{display:block;border-radius:6px;overflow:hidden;cursor:zoom-in}
.gallery>a>img{width:100%;height:100%;border-radius:6px}
.gallery>a:first-child{grid-column:1/-1}
.gallery.single{grid-template-rows:446px}
.aside-card .copy-btn{margin-top:10px;white-space:normal}
.table-wrap{width:100%}
.sailing-table{margin-top:18px}
.policy-copy{max-width:860px}
.policy-copy section{margin-bottom:30px}
.copy-row{flex-wrap:wrap}
.review-card{cursor:zoom-in}

/* Old-site migration: real photo galleries, dated prices */
.gallery>a{position:relative}
.gallery>a[hidden]{display:none}
.gallery-more{position:absolute;right:10px;bottom:10px;background:rgba(9,30,54,.82);color:#fff;font-family:'Kanit';font-size:13px;padding:4px 11px;border-radius:20px}
.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.detail-content .photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.photo-tile{display:block;border-radius:6px;overflow:hidden;background:#e7e2d8;cursor:zoom-in;aspect-ratio:3/2}
.photo-tile>img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.photo-tile:hover>img{transform:scale(1.03)}
.inquiry-panel .price-from{color:#fff;font-size:15px;margin-bottom:4px}
.inquiry-panel .price-extra{display:block;font-size:13px;color:#b6c5d4}
.inquiry-panel .price-from strong{font-family:'Kanit';font-size:24px;font-weight:500;color:var(--gold2)}
.pricebar span{line-height:1.5}
.price-table td:first-child{width:28%}
.source-note{margin-top:22px}
.landmark-grid .photo-tile{aspect-ratio:1001/601;background:#fff}
.landmark-grid .photo-tile>img{object-fit:contain}
#group-offer .service-card h3{font-size:21px;margin-bottom:0}
#boat-offers .service-card h3{font-size:21px}

/* Visual audit vs the approved draft (tools/site/visual-audit.md) */
/* Draft 10/13 inline <style>: TOC LINE button centred with navy label */
.article-toc .btn{display:flex;align-items:center;justify-content:center;color:#102b43;gap:10px}
.article-toc .btn span{color:#102b43}
.article-toc .btn .lineicon{color:#fff;flex-shrink:0}
/* Draft 08: 775x517 landscape image box and 249px label column; real boat photos are cropped into the same box */
.package-details .image-wrap>img{width:100%;aspect-ratio:775/517;border-radius:7px}
.package-details .data-table td:first-child{width:32%}
/* Real old-site photos in draft-sized grids */
#group-offer .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-self:start}

/* Lightbox */
dialog.lightbox{padding:0;border:0;background:transparent;max-width:none;max-height:none;overflow:visible;color:#fff}
dialog.lightbox::backdrop{background:rgba(4,16,30,.88)}
.lightbox figure{margin:0;display:flex;flex-direction:column;align-items:center}
.lightbox img{max-width:min(92vw,960px);max-height:calc(100vh - 120px);width:auto;height:auto;object-fit:contain;border-radius:8px;background:#fff}
.lightbox figcaption{color:#e8edf3;font-size:14px;margin-top:10px;text-align:center;max-width:90vw}
.lightbox button{position:fixed;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(9,30,54,.85);color:#fff;font-size:26px;line-height:1;display:grid;place-items:center;cursor:pointer}
.lightbox .lb-close{top:max(14px,env(safe-area-inset-top));right:14px}
.lightbox .lb-prev{left:14px;top:50%;transform:translateY(-50%)}
.lightbox .lb-next{right:14px;top:50%;transform:translateY(-50%)}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--navy);color:#fff;padding:11px 18px;border-radius:6px;font-size:14px;z-index:60;box-shadow:0 10px 30px #0004;max-width:calc(100% - 32px);text-align:center}

/* ---------- Responsive ---------- */
@media(max-width:1380px){
  .nav{gap:18px}
  .hero-caption{right:24px}
  .hero-pagination{left:24px}
}
@media(max-width:1180px){
  .site-header{position:relative}
  .header-inner{gap:14px}
  .brand{width:auto;margin-right:auto}
  .menu-toggle{display:inline-flex}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:20;flex-direction:column;align-items:stretch;height:auto;gap:0;padding:6px 24px 22px;background:var(--navy);border-top:1px solid rgba(207,170,104,.3);box-shadow:0 18px 30px #04122266;white-space:normal;max-height:calc(100vh - 100px);overflow-y:auto}
  .nav-open .nav{display:flex}
  .nav>a,.nav>.navdrop{height:auto;padding:13px 0;border-bottom:1px solid #1d3550;font-size:16px}
  .nav .active:after{display:none}
  .navdrop{flex-wrap:wrap}
  .navdrop>.ic{display:none}
  .submenu{display:block;position:static;min-width:0;width:100%;background:transparent;color:#c6d1dc;box-shadow:none;border:0;border-radius:0;padding:6px 0 0 16px}
  .submenu a{padding:7px 0;font-size:15px}
}
@media(max-width:1100px){
  .grid3,.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}
  .trust-item:nth-child(2){border-right:0}
  .trust-item:nth-child(3){padding-left:0}
  .feature-split,.detail-top,.detail-content,.faq-layout,.package-details,.location-panel,.pier-top,.about-hero,.contact-layout,.editorial-feature,.article-layout{grid-template-columns:minmax(0,1fr)}
  .feature-split,.pier-top,.about-hero{gap:34px}
  .detail-content,.faq-layout,.article-layout,.package-details,.contact-layout{gap:30px}
  .promo-hero .container{grid-template-columns:minmax(0,1fr);min-height:0;gap:32px;padding:44px 0 50px}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .filterbar{grid-template-columns:1fr 1fr 140px}
  .filterbar>div:first-child{grid-column:1/-1}
  .anchor-tabs{justify-content:flex-start;gap:26px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
  .section-heading{flex-wrap:wrap;align-items:flex-start;gap:14px}
  .cta-section>.container{flex-direction:column;align-items:flex-start;gap:24px}
  .cta-section:before{width:100%;opacity:.22}
  .helper-box{flex-direction:column;align-items:flex-start}
  .article-hero{height:auto;aspect-ratio:16/7}
  .article-toc{max-width:520px}
  .gallery.single{grid-template-rows:380px}
  .inquiry-panel>div+div{margin-top:20px}
  .pier-subnav{height:auto}
  .pier-subnav>.container{flex-wrap:wrap;gap:6px 26px;padding:12px 0}
  .pier-subnav span{border-right:0;padding-right:0;width:100%}
  .pier-subnav a.selected{padding:4px 0}
  .editorial-feature>img{height:320px}
  .team-card{grid-template-columns:38% 1fr}
}
@media(max-width:900px){
  .steps{grid-template-columns:minmax(0,1fr);gap:26px}
  .review-grid,.short-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .photo-grid,.detail-content .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .team-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px){
  body{font-size:16px}
  .container,.header-inner{width:calc(100% - 32px)}
  h2{font-size:26px}
  h3{font-size:20px}
  .section{padding:52px 0}
  .section.compact{padding:36px 0}
  p br{display:none}
  #first-message br{display:inline}
  .btn{white-space:normal;text-align:center}
  .textlink{white-space:normal}
  .topbar .en{display:none}
  .topbar .container{justify-content:center}
  .site-header{height:70px}
  .brandmark{width:50px;height:34px}
  .brand{gap:9px}
  .brandname{font-size:15px}
  .brandname small{font-size:7px;margin-top:5px}
  .header-line{padding:0 11px!important;min-height:40px!important}
  .header-line>span:not(.lineicon){display:none}
  .menu-toggle{height:40px;padding:0 11px}
  .nav{max-height:calc(100vh - 80px)}
  .hero-home{height:auto;padding-bottom:96px;background-position:62% center}
  .hero-home .container{padding-top:46px}
  .hero-home h1{font-size:37px}
  .hero-home p{font-size:16px}
  .hero-actions{flex-direction:column;align-items:stretch;gap:10px}
  .hero-caption{right:16px;bottom:20px;font-size:16px}
  .hero-pagination{left:16px;bottom:26px}
  .grid2,.grid3,.grid4,.blog-grid,.trust-grid{grid-template-columns:minmax(0,1fr)}
  .trust-item{border-right:0!important;padding:0!important}
  .page-intro h1{font-size:32px}
  .page-intro p{font-size:16px}
  .detail-head h1{font-size:36px}
  .detail-head .subhead{font-size:18px}
  .detail-chips{flex-wrap:wrap;gap:8px 16px}
  .gallery{grid-template-rows:220px 110px}
  .gallery.single{grid-template-rows:240px}
  .inquiry-panel{padding:26px 22px}
  .inquiry-panel h2{font-size:24px}
  .info-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  .info-tile{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;padding:14px 16px}
  .info-tile .ic{grid-row:span 2;margin:3px 0 0}
  #why-us .grid3,#boat-offers .grid4,#group-offer .grid4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #why-us .service-card,#boat-offers .service-card,#group-offer .service-card{padding:18px 16px}
  #why-us .service-card h3,#boat-offers .service-card h3,#group-offer .service-card h3{font-size:18px;margin-bottom:4px}
  .detail-content h2,.package-details h2,.article-copy h2{font-size:24px}
  .anchor-tabs{font-size:14px;gap:20px}
  .pier-top h1{font-size:32px}
  .pier-top .photo{height:230px}
  .pier-cover{height:200px}
  .pier-body{padding:22px}
  .location-art{min-height:240px}
  .promo-hero h1{font-size:32px}
  .promo-hero .visual{height:220px}
  .promo-card h3{font-size:22px}
  .corporate-hero{height:auto;padding-bottom:56px;background-position:68% center}
  .corporate-hero .container{padding-top:44px}
  .corporate-hero h1{font-size:33px}
  .brief-box{padding:26px 22px}
  .brief-box h2{font-size:24px}
  .feature-split .image-wrap>img{height:240px}
  .feature-split p{font-size:16px}
  .service-card{padding:24px 22px}
  .about-hero{padding-bottom:40px}
  .about-hero h1{font-size:33px}
  .about-hero h1 .en{font-size:40px}
  .about-hero>img{height:260px}
  .about-quote{font-size:22px}
  .about-quote br{display:none}
  .brand-stats{grid-template-columns:minmax(0,1fr);gap:18px}
  .brand-stats strong{font-size:42px}
  .team-card{grid-template-columns:minmax(0,1fr);padding-right:0}
  .team-card>div{padding:0 22px 22px}
  .office-card{padding:24px}
  .editorial-feature>img{height:220px}
  .editorial-feature .copy{padding:24px}
  .editorial-feature h2{font-size:24px}
  .article-head h1{font-size:28px}
  .article-head .article-dek{font-size:16px}
  .article-hero{aspect-ratio:4/3}
  .article-copy{font-size:16px}
  .article-copy .callout{padding:18px 20px;font-size:16px}
  .guide-body p,.guide-body li{font-size:16px}
  .guide-body h2{font-size:24px}
  .guide-body .lead{font-size:18px}
  .line-card{padding:28px 22px;min-height:0}
  .line-card h2{font-size:26px}
  .contact-info .value{font-size:21px}
  .info-message{padding:22px 18px}
  .cta-section h2{font-size:24px}
  .cta-section>.container{padding:44px 0}
  .faq .question{font-size:16px;gap:16px}
  .filterbox{padding:18px}
  .filterbar{grid-template-columns:minmax(0,1fr)}
  .filterbar>div:first-child{grid-column:auto}
  .filter-chips{flex-direction:column;gap:12px}
  .round-tabs{justify-content:flex-start}
  .results-label{flex-direction:column;align-items:flex-start;gap:6px}
  .boat-image,.catalog .boat-image{height:200px}
  .footer-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .footer-bottom{flex-direction:column;gap:6px}
  .helper-box{padding:22px}
  .empty-state{padding:26px 18px}
  .data-table thead{display:none}
  .data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}
  .data-table tr{border-bottom:1px solid var(--line);padding:10px 0}
  .data-table td{border:0;padding:4px 16px}
  .data-table td[data-label]:not(:first-child):before{content:attr(data-label);display:block;font-family:'Kanit';font-size:12px;color:#9b8560}
  .data-table td:empty{display:none}
  .lightbox .lb-prev,.lightbox .lb-next{top:auto;bottom:calc(16px + env(safe-area-inset-bottom));transform:none}
  .lightbox img{max-height:calc(100vh - 150px)}
}
@media(max-width:380px){
  .hero-home h1{font-size:33px}
  .card-actions{flex-direction:column}
  .brandname{font-size:14px}
}

/* ---------- Client revision 9 Nov 2026: header About link, shop without search/round filters, new home and About layouts ---------- */
@media(min-width:1181px) and (max-width:1300px){
  .nav{gap:14px;font-size:14px}
  .header-inner{gap:16px}
}
.catalog .filter-chips{padding-top:34px}

/* Home: hero */
.hx-hero{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);background:var(--navy);color:#fff;min-height:450px}
.hx-hero-copy{padding:52px 24px 40px max(24px,calc((100vw - 1248px)/2))}
.hx-hero .eyebrow{display:flex;align-items:center;gap:12px;color:#e3cc9f;font-size:12px;margin-bottom:22px}
.hx-hero .eyebrow .ic{width:22px;height:22px;color:var(--gold2)}
.hx-hero h1{font-size:clamp(34px,3.2vw,46px);line-height:1.4;max-width:none}
.hx-hero h1 span{white-space:nowrap}
.hx-hero h1 span{color:var(--gold2)}
.hx-hero p{color:#c9d4e0;font-size:17px;line-height:1.85;margin-top:22px}
.hx-hero .hero-actions{margin-top:26px;flex-wrap:wrap}
.hx-hero .btn .arrow{font-size:18px}
.hx-hero p.hx-hero-note{display:flex;align-items:center;gap:9px;font-size:12px;color:#aebbc9;margin-top:18px}
.hx-hero-note .ic{width:16px;height:16px;color:var(--gold2)}
.hx-hero-media{position:relative;overflow:hidden}
.hx-hero-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hx-hero-media:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--navy) 0%,rgba(9,30,54,.35) 14%,rgba(9,30,54,0) 34%)}
.hx-hero-label{position:absolute;top:26px;right:38px;z-index:2;background:rgba(250,248,244,.9);color:var(--ink);font-family:'Kanit';font-size:10px;letter-spacing:2px;padding:5px 11px}
.hx-hero-price{position:absolute;right:56px;bottom:36px;z-index:2;background:rgba(9,30,54,.93);border:1px solid rgba(233,206,151,.45);border-radius:5px;padding:20px 24px 18px;min-width:206px}
.hx-hero-price:before{content:'';position:absolute;top:-1px;left:22px;right:22px;height:2px;background:var(--gold2)}
.hx-hero-price small{display:block;font-size:12px;color:#c9d4e0}
.hx-hero-price strong{display:flex;align-items:flex-start;gap:4px;font-family:'Kanit';font-size:58px;font-weight:500;line-height:1.15;color:var(--gold2);margin:4px 0}
.hx-hero-price strong span{font-size:28px;margin-top:9px}

/* Home: packages */
.hx-packages .eyebrow,.hx-steps .eyebrow{display:flex;align-items:center;gap:10px}
.hx-packages .eyebrow .ic{width:20px;height:20px}
.hx-tabs{align-self:flex-end}
.hx-tabs .chip{border-radius:30px;padding:9px 18px;font-size:14px}
.hx-tabs .chip small{font-size:11px;color:#a78a58}
.hx-tabs .chip.selected small{color:var(--gold2)}
.pkg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.pkg-card{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;display:flex;flex-direction:column}
.pkg-image{position:relative;height:170px;background:#dde1e4}
.pkg-image>img{width:100%;height:100%;object-fit:cover}
.pkg-image .badge{position:absolute;top:13px;left:14px}
.pkg-image .badge .ic{width:13px;height:13px}
.pkg-body{padding:20px 20px 16px;display:flex;flex-direction:column;flex:1}
.pkg-body h3{font-size:22px;line-height:1.4}
.pkg-body .thai-name{font-size:12px;color:var(--muted);margin:3px 0 12px}
.pkg-time{display:flex;align-items:center;gap:9px;font-size:15px;color:#3d5268}
.pkg-time .ic,.pkg-tag .ic{width:17px;height:17px;color:#b38f54}
.pkg-tag{display:flex;align-items:center;gap:8px;font-size:13px;color:#8d6b34;margin-top:9px;min-height:28px}
.pkg-perk{display:inline-flex;align-self:flex-start;align-items:center;gap:7px;background:#f2eadc;color:#7a5a27;border-radius:3px;padding:3px 10px;font-family:'Kanit';font-size:13px;margin-top:9px;min-height:28px}
.pkg-perk .ic{width:16px;height:16px}
.pkg-prices{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:16px;padding-top:12px}
.pkg-prices>div+div{border-left:1px solid var(--line);padding-left:16px}
.pkg-prices small{display:block;font-size:12px;color:var(--muted)}
.pkg-prices strong{font-family:'Kanit';font-size:30px;font-weight:500;line-height:1.3;color:var(--ink)}
.pkg-prices>div+div strong{color:#5d7388}
.pkg-prices span{font-size:10px;color:var(--muted);margin-left:4px}
.pkg-line{margin-top:16px;justify-content:flex-start;font-size:14px;padding:10px 14px}
.pkg-line .arrow{margin-left:auto;font-size:16px}
.pkg-link{align-self:center;font-size:12px;color:#5d6b78;margin-top:12px;border-bottom:1px solid #c9c3b6;line-height:1.6}
.pkg-link:hover{color:#9c793f}
.hx-package-foot{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-top:22px}
.hx-package-foot p{font-size:12px;line-height:1.9;color:#7d8791}
.hx-package-count{font-family:'Kanit';font-size:13px;color:#9c793f;white-space:nowrap}
.hx-help{display:flex;align-items:center;gap:18px;border-top:1px solid #ddd5c6;margin-top:28px;padding-top:28px}
.hx-help>.ic{width:26px;height:26px;color:#b38f54;align-self:flex-start;margin-top:4px}
.hx-help>div{flex:1}
.hx-help h3{font-size:21px}
.hx-help p{font-size:14px;margin-top:4px}
.hx-help .btn .arrow{font-size:16px}

/* Home: piers, more boats */
.hx-aside{font-size:16px;color:var(--muted);align-self:flex-end}
.hx-pier{display:flex;flex-direction:column;background:#faf8f4;border:1px solid var(--line);border-radius:7px;overflow:hidden}
.hx-pier-img{position:relative;height:190px}
.hx-pier-img img{width:100%;height:100%;object-fit:cover}
.hx-pier-img .no{position:absolute;top:12px;left:18px;font-family:'Cormorant Garamond';font-size:28px;color:#fff;text-shadow:0 1px 8px #0008}
.hx-pier-body{padding:22px 22px 20px;display:flex;flex-direction:column;flex:1}
.hx-pier-body h3{font-size:23px}
.hx-pier-body p{font-size:14px;line-height:1.85;margin-top:8px;flex:1}
.hx-pier .link{display:flex;align-items:center;gap:8px;font-family:'Kanit';font-size:14px;color:#8d6b34;margin-top:16px}
.hx-pier .link .ic,.hx-links .ic{width:15px;height:15px}
.hx-pier:hover h3{color:#9c793f}
.hx-more:hover h3{color:var(--gold2)}
.hx-more{position:relative;display:flex;align-items:flex-end;gap:14px;min-height:280px;border-radius:7px;overflow:hidden;color:#fff;padding:24px}
.hx-more>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hx-more:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061b32f0 0%,#061b3260 45%,transparent 75%)}
.hx-more>div,.hx-more-go{position:relative;z-index:1}
.hx-more>div{flex:1}
.hx-more .eyebrow{color:#e3cc9f;font-size:10px;margin-bottom:6px}
.hx-more h3{font-size:25px}
.hx-more p{color:#d0d9e4;font-size:12px}
.hx-more-go{width:36px;height:36px;flex-shrink:0;border-radius:50%;border:1px solid rgba(255,255,255,.6);display:grid;place-items:center}
.hx-more-go .ic{width:15px;height:15px}

/* Home: corporate, steps, journal + FAQ, CTA */
.hx-corporate .image-wrap:after{content:'';position:absolute;inset:18px;border:1px solid rgba(255,255,255,.55);border-radius:3px;pointer-events:none}
.hx-corporate p{color:#b9c7d7}
.hx-cta:before,.ab-cta:before{content:none;background:none}
.hx-cta,.ab-cta{background:var(--navy)}
.hx-steps{background:#efebe4}
.hx-steps>.container{display:grid;grid-template-columns:340px minmax(0,1fr);gap:44px;align-items:start}
.hx-steps h2{font-size:31px}
.hx-steps .step h3{font-size:20px}
.hx-journal-faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.hx-journal-faq h2{font-size:31px;margin-bottom:24px}
.hx-article{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#f8f6f1}
.hx-article>img{width:100%;height:100%;min-height:230px;object-fit:cover}
.hx-article>div{padding:28px 22px}
.hx-article .eyebrow{font-size:10px}
.hx-article h3{font-size:22px;line-height:1.55}
.hx-article .textlink{font-size:13px;margin-top:16px;color:#8d6b34}
.hx-links a{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:15px 0;font-size:15px;color:#5d6b78}
.hx-links a .ic{color:#a17c40}
.hx-links a:hover{color:var(--ink)}
.hx-journal-faq .faq .question{font-size:17px}
.hx-journal-faq .textlink{font-size:14px;color:#8d6b34}
.hx-cta-side{display:flex;align-items:center;gap:22px}
.hx-avatars{display:flex}
.hx-avatars img{width:50px;height:50px;border-radius:50%;object-fit:cover;object-position:top;border:2px solid var(--navy2)}
.hx-avatars img+img{margin-left:-10px}
.cta-section p.hx-phones{font-size:12px;margin-top:8px;text-align:center}
.hx-phones a{color:#d6dfe9}

/* About */
.ab-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center;padding:20px 0 64px}
.ab-hero h1{font-size:54px;line-height:1.4}
.ab-hero h1 span{color:#a1814b}
.ab-hero .eyebrow{font-size:12px;color:#a17c40}
.ab-company{font-family:'Kanit';font-size:24px;color:var(--ink)!important;margin-top:26px}
.ab-hero p:not(.ab-company){font-size:16px;line-height:1.95;margin-top:12px}
.ab-actions{gap:26px;margin-top:30px;flex-wrap:wrap}
.ab-actions .btn .arrow{font-size:16px}
.ab-underline{font-family:'Kanit';font-size:15px;border-bottom:1px solid #b9ab92;padding-bottom:3px}
.ab-hero-media{position:relative;padding:0 0 26px}
.ab-hero-media>img{width:100%;height:480px;object-fit:cover;border-radius:6px}
.ab-hero-label{position:absolute;top:20px;left:22px;color:#fff;font-family:'Kanit';font-size:10px;letter-spacing:2px;text-shadow:0 1px 6px #0009}
.ab-hero-card{position:absolute;left:-26px;right:30px;bottom:0;display:flex;align-items:center;gap:20px;background:var(--navy);color:#fff;border-left:3px solid var(--gold);padding:22px 28px}
.ab-hero-card .ic{width:34px;height:34px;color:var(--gold2)}
.ab-hero-card strong{display:block;font-family:'Kanit';font-weight:400;font-size:19px}
.ab-hero-card small{color:#b9c7d7;font-size:12px}
.ab-strip{background:#efebe4;border-top:1px solid var(--line)}
.ab-strip .container{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:26px 0}
.ab-strip strong{display:block;font-family:'Kanit';font-weight:500;font-size:17px}
.ab-strip span{color:var(--muted);font-size:15px}
.ab-strip nav{display:flex;gap:30px;flex-wrap:wrap}
.ab-strip nav a{font-family:'Kanit';font-size:15px;display:flex;align-items:baseline;gap:9px}
.ab-strip nav small{color:#a17c40;font-size:11px}
.ab-strip nav a:hover{color:#9c793f}
.ab-care-head{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;margin-bottom:36px}
.ab-care-head p{font-size:16px;line-height:1.95;padding-top:42px}
.ab-care-grid>div{border-top:1px solid #d7c7a8;padding-top:26px}
.ab-care-grid h3{display:flex;align-items:center;gap:14px;font-size:22px}
.ab-care-grid .ic{width:28px;height:28px;color:#b08b4d}
.ab-care-grid p{font-size:14px;line-height:1.95;margin-top:12px}
.ab-team{display:grid;grid-template-columns:330px minmax(0,1fr);gap:64px;align-items:center}
.ab-team h2{font-size:34px}
.ab-team p{font-size:15px;line-height:2;margin-top:14px}
.ab-gold{color:#8d6b34!important;margin-top:22px}
.ab-team p.ab-small{font-size:13px;border-top:2px solid #cfaa68;width:fit-content;padding-top:18px;margin-top:26px;line-height:1.9}
.ab-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.ab-person{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#faf8f4}
.ab-person>img{width:100%;height:320px;object-fit:cover;object-position:top}
.ab-person>div{padding:22px 26px 20px}
.ab-person h3{font-size:27px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.ab-person h3 small{font-size:16px;font-weight:400;color:var(--muted)}
.ab-person p{font-size:13px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.ab-person a{display:flex;align-items:center;gap:10px;font-family:'Kanit';font-size:21px;margin-top:12px}
.ab-person a .ic{color:#b08b4d;width:18px;height:18px}
.ab-photo-label{position:absolute;left:24px;bottom:22px;background:var(--navy);color:#fff;font-family:'Kanit';font-size:11px;letter-spacing:2px;padding:10px 18px}
.ab-chips{flex-wrap:wrap;gap:10px;margin-top:22px}
.ab-chips span{border:1px solid #d9cbb0;border-radius:3px;padding:6px 12px;font-family:'Kanit';font-size:13px;color:#6c6455}
.ab-occasion .textlink{margin-top:22px}
.ab-words{background:#efebe4}
.ab-words .section-heading p{font-size:14px;align-self:flex-end}
.ab-quote{display:flex;gap:16px;background:#faf8f4;border:1px solid #ddd3c2;border-radius:6px;padding:28px 26px;cursor:zoom-in}
.ab-quote .mark{font-family:'Cormorant Garamond';font-size:44px;line-height:.9;color:#b08b4d}
.ab-quote strong{display:block;font-family:'Kanit';font-weight:500;font-size:22px}
.ab-quote small{display:block;color:var(--muted);font-size:12px;margin-top:8px}
.ab-quote:hover strong{color:#9c793f}
.ab-visit{display:grid;grid-template-columns:440px minmax(0,1fr);gap:88px;align-items:center}
.ab-visit-photo img{width:100%;aspect-ratio:876/896;height:auto;border-radius:6px}
/* About: business documents (client reference 11-เกี่ยวกับเรา.png) */
.ab-docs>.container{display:grid;grid-template-columns:minmax(0,390px) minmax(0,1fr);gap:64px;align-items:center}
.ab-docs h2{font-size:34px;line-height:1.5}
.ab-docs-copy>p{color:#c2cfdd;font-size:15px;line-height:2;margin-top:16px}
.ab-licence{border-top:1px solid #34506e;margin-top:30px;padding-top:22px}
.ab-licence small{display:block;color:#b9c7d7;font-size:13px}
.ab-licence strong{display:block;font-family:'Cormorant Garamond';font-weight:500;font-size:46px;line-height:1.3;color:var(--gold2);margin:4px 0 6px}
.ab-docs-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ab-doc{display:flex;flex-direction:column;background:#f6f2ea;border-radius:5px;padding:20px 20px 18px;color:var(--ink);cursor:zoom-in}
.ab-doc-img{display:flex;justify-content:center;background:#ece7dd;padding:8px 0;margin-bottom:18px}
.ab-doc-img img{height:240px;width:auto;object-fit:contain;box-shadow:0 3px 10px #0002}
.ab-doc h3{font-size:20px;line-height:1.55}
.ab-doc small{color:var(--muted);font-size:12px;margin-top:4px}
.ab-doc-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ddd3c2;margin-top:16px;padding-top:12px;font-family:'Kanit';font-size:14px;color:#8d6b34}
.ab-doc-link .ic{width:15px;height:15px}
.ab-doc:hover h3{color:#9c793f}
.ab-visit h2{font-size:36px;margin-bottom:22px}
.ab-address{display:flex;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.ab-address .ic{color:#b08b4d;width:24px;height:24px;margin-top:6px}
.ab-address h3{font-size:22px}
.ab-address p{font-size:16px;line-height:1.85;margin-top:6px}
.ab-phones{display:flex;gap:36px;flex-wrap:wrap;margin:20px 0 4px}
.ab-phones small{display:block;font-size:12px;color:var(--muted)}
.ab-phones a{font-family:'Kanit';font-size:24px}
.ab-visit .btn{margin-top:22px}

@media(max-width:1100px){
  .hx-hero{grid-template-columns:minmax(0,1fr)}
  .hx-hero-copy{padding:44px 24px 40px}
  .hx-hero-media{min-height:340px}
  .hx-hero-media:before{background:linear-gradient(180deg,var(--navy) 0%,rgba(9,30,54,0) 22%)}
  .pkg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hx-steps>.container,.hx-journal-faq,.ab-hero,.ab-care-head,.ab-team,.ab-visit{grid-template-columns:minmax(0,1fr);gap:34px}
  .ab-care-head p{padding-top:0}
  .ab-hero-card{left:16px}
  .ab-strip .container{flex-direction:column;align-items:flex-start;gap:14px}
  .ab-docs>.container{grid-template-columns:minmax(0,1fr);gap:34px}
  .ab-visit-photo{max-width:520px}
}
@media(max-width:700px){
  .hx-hero-copy{padding:36px 16px 34px}
  .hx-hero h1{font-size:36px}
  .hx-hero p{font-size:16px}
  .hx-hero .hero-actions{flex-direction:column;align-items:stretch}
  .hx-hero-media{min-height:300px}
  .hx-hero-label{top:14px;right:14px}
  .hx-hero-price{right:16px;bottom:16px;padding:14px 18px;min-width:0}
  .hx-hero-price strong{font-size:42px}
  .hx-hero-price strong span{font-size:22px;margin-top:6px}
  .pkg-grid{grid-template-columns:minmax(0,1fr)}
  .pkg-image{height:200px}
  .hx-package-foot,.hx-help{flex-direction:column;align-items:flex-start}
  .hx-help .btn{width:100%}
  .hx-more{min-height:240px}
  .hx-steps h2,.hx-journal-faq h2{font-size:26px}
  .hx-article{grid-template-columns:minmax(0,1fr)}
  .hx-article>img{min-height:0;height:200px}
  .hx-cta-side{flex-direction:column;align-items:flex-start}
  .cta-section p.hx-phones{text-align:left}
  .ab-hero h1{font-size:36px}
  .ab-company{font-size:20px}
  .ab-hero-media>img{height:280px}
  .ab-hero-card{position:relative;left:0;right:0;margin-top:-4px;padding:18px 20px}
  .ab-hero-media{padding:0}
  .ab-team h2,.ab-visit h2{font-size:28px}
  .ab-team-grid{grid-template-columns:minmax(0,1fr)}
  .ab-person>img{height:300px}
  .ab-phones a{font-size:21px}
  .ab-strip nav{gap:10px 22px}
  .ab-address p br{display:inline}
  .ab-docs-grid{grid-template-columns:minmax(0,1fr);gap:18px}
  .ab-docs h2{font-size:28px}
  .ab-doc-img img{height:220px}
}

/* Product page: client evening packages from the homepage (9 Nov 2026), separate from the old Dinner data */
.client-packages{margin-top:36px;padding:30px 32px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:8px}
.client-packages h2{font-size:29px;margin-bottom:6px}
.client-packages>p{font-size:15px}
.cp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px;margin-top:22px}
.cp-card{border:1px solid var(--line);border-radius:7px;background:#faf8f4;padding:22px 22px 20px;scroll-margin-top:24px}
.cp-card:target{border-color:var(--gold);box-shadow:0 0 0 2px #cfaa6866}
.cp-card .badge .ic{width:13px;height:13px}
.cp-card h3{font-size:24px;margin-top:12px}
.cp-card .thai-name{font-size:12px;color:var(--muted)}
.cp-card dl{margin:14px 0 18px}
.cp-card dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:1px solid var(--line);padding:8px 0;font-size:14px}
.cp-card dt{color:var(--muted)}
.cp-card dd{margin:0;text-align:right;font-family:'Kanit';color:var(--ink)}
.cp-card dd strong{font-size:22px;font-weight:500}
@media(max-width:700px){.client-packages{padding:22px 16px}.client-packages h2{font-size:24px}}

/* ---------- Client revision 11 Nov 2026: larger, darker text for older readers ----------
   Thai body copy 18px / line-height 1.75, other meaningful text 16px+, contrast >= 4.5:1 (large text >= 3:1),
   buttons, tabs and menu rows >= 44px. Checked on computed styles by tools/qa_site.py (TYPE_AUDIT).
   Upper-case English overlines keep their small size (darker colour only); overlines with Thai get .has-thai (build_site.py). */
:root{--muted:#4d5966;--gold-ink:#7a5a23;--gold-deco:#9a7738}
body{font-size:18px;line-height:1.75}
small{font-size:16px}
.eyebrow{color:var(--gold-ink)}
.eyebrow.has-thai{font-size:16px!important;letter-spacing:1px}
.gold{color:var(--gold-deco)}
.navy .gold,.hx-hero .gold{color:var(--gold2)}
.note{font-size:18px!important;line-height:1.75;color:var(--muted)!important}
.softnote{font-size:18px;line-height:1.75;color:#4f4330}
.textlink{font-size:18px;min-height:44px}
.textlink:after{color:var(--gold-ink)}
.inline-link{color:var(--gold-ink)}
.btn{font-size:17px;min-height:50px}
.btn.sm,.card-actions .btn,.site-header .btn{font-size:16px;min-height:46px}
.badge{font-size:16px;color:var(--gold-ink)}
.badge.dark{color:#edd7af}
.badge.whitebadge{color:var(--ink)}
.chip{font-size:16px;min-height:46px}
.hx-tabs .chip{font-size:16px}
.chip small,.hx-tabs .chip small{font-size:16px;color:var(--gold-ink)}
.chip.selected small,.hx-tabs .chip.selected small{color:var(--gold2)}
.breadcrumb{font-size:16px;color:var(--muted)}
.breadcrumb a{display:inline-flex;align-items:center;min-height:28px}
.breadcrumb.on-dark{color:#d6dfe9}
/* header and footer */
.topbar{height:auto;min-height:36px;font-size:16px;color:#d6dfe9}
.topbar .container{padding:5px 0}
.nav{font-size:16px}
.submenu a{font-size:17px;padding:11px 22px}
.navdrop>a{min-height:44px}
.footer-grid p{font-size:17px;line-height:1.8;color:#c9d4e0}
.footer-grid h4{font-size:18px}
.footer-grid a{font-size:17px;color:#d6dfe9;margin:2px 0;padding:8px 0}
.footer-bottom{font-size:15px;color:#aebbc9}
/* shared section and card copy */
.section-heading p,.page-intro p,.pier-top p,.feature-split p,.detail-content p,.package-details p,.helper-box p,.faq p,.inquiry-panel p,
.aside-card p,.checklist li,.travel-row p,.promo-card p,.service-card p,.brief-box p,.editorial-feature p,.numbered p,.line-card p,
.contact-info p,.info-message p,.empty-state p,.step p,.journal-card p,.pier-body p,.occasion p,.pier-mini p,.hx-help p,.hx-pier-body p,
.cta-section p,.promo-hero p,.corporate-hero p,.about-hero p,.hero-home p{font-size:18px;line-height:1.75}
.data-table{font-size:18px}
.data-table th{font-size:16px}
.data-table td{color:#3f4b58}
.article-copy,.article-copy .callout,.guide-body p,.guide-body li{font-size:19px}
.article-copy .data-table{font-size:17px}
.article-copy .callout{color:#4f4330}
.article-head .byline,.article-dek{color:var(--muted)}
.article-head .byline{font-size:16px}
.article-toc a{font-size:17px;color:var(--muted);display:block;padding:4px 0}
.article-toc .btn{font-size:16px}
.image-caption,.photo-label{font-size:16px}
.pricing-note,.small-note,.inquiry-panel .small-note{font-size:17px}
.inquiry-panel .info{font-size:17px}
.inquiry-panel .price-from{font-size:17px}
.inquiry-panel .price-extra{font-size:16px;color:#c9d4e0}
.results-label{font-size:17px;color:var(--muted)}
.trust-item small{font-size:16px}
.trust-item strong{font-size:17px}
.boat-body .thai-name,.pkg-body .thai-name,.cp-card .thai-name{font-size:16px;color:var(--muted)}
.meta-row{font-size:16px;line-height:1.55}
.pricebar{font-size:16px;color:var(--muted)}
.pricebar strong{font-size:22px;color:var(--gold-ink)}
.detail-chips>span{font-size:16px;color:var(--muted)}
.detail-head .subhead{color:var(--muted)}
.info-tile small{font-size:16px}
.anchor-tabs{font-size:17px}
.anchor-tabs a{display:inline-flex;align-items:center;min-height:44px}
.anchor-tabs a:first-child{color:var(--gold-ink)}
.gallery-more{font-size:16px}
.pier-cover .caption{font-size:14px}
.pier-body .chips span{font-size:16px;color:var(--muted)}
.pier-body .textlink,.aside-card .textlink,.editorial-feature .textlink{font-size:17px}
.pier-facts span{font-size:16px;color:var(--muted)}
.location-art .map-note{font-size:15px}
.pier-subnav>.container{font-size:17px}
.pier-subnav span{color:var(--gold-ink)}
.pier-subnav a{color:var(--muted);display:inline-flex;align-items:center;min-height:44px}
.pier-subnav a.selected{color:var(--gold-ink);padding:0}
.promo-note{font-size:17px}
.service-card .tag{font-size:16px;color:var(--gold-ink)}
.brief-box .brief-row{font-size:17px}
.brand-stats span{font-size:16px}
.contact-info .contact-link{font-size:17px;color:var(--gold-ink);display:inline-block;padding:6px 0}
.journal-card .meta{font-size:15px;color:var(--muted)}
.journal-card .meta a{display:inline-flex;align-items:center;min-height:28px}
.review-card span{font-size:17px}
.short-label{font-size:16px}
.short-card h3{font-size:19px}
.numbered .num,.step .num{color:var(--gold-deco)}
.ab-quote .mark{color:var(--gold-deco)}
.faq .question>span:last-child{color:var(--gold-ink)}
.faq>summary{min-height:44px}
.sort-control,.sort-control select{height:auto;min-height:44px}
.sort-control select{font-size:17px}
.menu-toggle{font-size:16px;height:46px}
.empty-state p{font-size:18px}
.lightbox figcaption{font-size:17px}
.toast{font-size:17px}
.skip-link{font-size:17px}
.data-table td[data-label]:not(:first-child):before{font-size:15px;color:var(--gold-ink)}
/* home */
.hx-hero p{font-size:19px;color:#d6dfe9}
.hx-hero p.hx-hero-note{font-size:16px;color:#c9d4e0}
.hx-hero-price small{font-size:16px;color:#d6dfe9}
.pkg-body .thai-name{margin:3px 0 10px}
.pkg-time{font-size:17px;color:#33475b}
.pkg-tag{font-size:16px;color:var(--gold-ink)}
.pkg-perk{font-size:16px;color:#6a4d1c}
.pkg-prices small{font-size:16px}
.pkg-prices span{display:block;font-size:16px;margin-left:0;color:var(--muted)}
.pkg-prices>div+div strong{color:#465b70}
.pkg-line{font-size:17px}
.pkg-link{font-size:16px;color:#3f4b58;padding:4px 0;line-height:1.5}
.hx-package-foot p{font-size:17px;line-height:1.8;color:var(--muted)}
.hx-package-count{font-size:16px;color:var(--gold-ink)}
.hx-aside{font-size:18px}
.hx-pier .link{font-size:17px;color:var(--gold-ink)}
.hx-more p{font-size:16px;color:#e3e9f0}
.hx-article .textlink{font-size:17px;color:var(--gold-ink)}
.hx-links a{font-size:17px;color:#3f4b58;min-height:44px}
.hx-links a .ic{color:var(--gold-ink)}
.hx-journal-faq .faq .question{font-size:18px}
.hx-journal-faq .textlink{font-size:17px;color:var(--gold-ink)}
.cta-section p{color:#d6dfe9}
.cta-section p.hx-phones{font-size:17px}
/* about */
.ab-hero p:not(.ab-company){font-size:18px}
.ab-underline{font-size:17px}
.ab-hero-card small{font-size:16px;color:#c9d4e0}
.ab-strip span{font-size:17px;color:var(--muted)}
.ab-strip nav a{font-size:17px;min-height:44px;align-items:center}
.ab-strip nav small{font-size:16px;color:var(--gold-ink)}
.ab-care-head p,.ab-care-grid p{font-size:18px;line-height:1.8}
.ab-team p{font-size:18px;line-height:1.8}
.ab-team p.ab-small{font-size:17px}
.ab-gold{color:var(--gold-ink)!important}
.ab-person p{font-size:17px}
.ab-chips span{font-size:16px;color:#4f4330}
.ab-words .section-heading p{font-size:18px}
.ab-quote small{font-size:16px}
.ab-docs-copy>p{font-size:18px;color:#d6dfe9}
.ab-licence small{font-size:16px;color:#c9d4e0}
.ab-doc small{font-size:16px}
.ab-doc-link{font-size:17px;color:var(--gold-ink)}
.ab-address p{font-size:18px}
.ab-phones small{font-size:16px}
.client-packages>p{font-size:18px}
.cp-card dl>div{font-size:17px}
/* Home: authentic reviews and the owner's YouTube clips (moved back from /reviews/), fifth pier */
.hx-reviews .review-card img{height:330px}
.hx-subhead{font-size:24px;margin:42px 0 18px}
.hx-clips{background:#efebe4}
.clip-grid .short-card h3{font-size:19px;line-height:1.6}
.yt-player{position:relative;aspect-ratio:9/14;border-radius:12px;overflow:hidden;background:#132636}
.yt-player .short-poster{position:absolute;inset:0;aspect-ratio:auto}
.yt-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-poster:hover .play-circle,.yt-poster:focus-visible .play-circle{transform:translate(-50%,-50%) scale(1.08)}
.play-circle{transition:transform .2s}
.clip-note{font-size:17px;margin-top:22px}
.hx-piers{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.hx-piers .hx-pier-body{padding:20px 18px 18px}
.hx-piers .hx-pier-body h3{font-size:22px;line-height:1.4}
.pier-nophoto{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;
  background:radial-gradient(circle at 50% 38%,#173a5e 0%,var(--navy) 72%);color:var(--gold2);font-family:'Kanit';text-align:center;padding:20px}
.pier-nophoto .ic{width:40px;height:40px}
.pier-nophoto span{font-size:15px;letter-spacing:1.5px;line-height:1.4}
.hx-pier-img .pier-nophoto,.pier-cover .pier-nophoto{padding-top:40px}
.footer-grid p{max-width:340px}
.pier-nophoto small{font-size:12px;letter-spacing:2px;color:#c9d4e0}
.pier-top .pier-nophoto.photo{height:360px;border-radius:8px}
.pier-top .pier-nophoto .ic{width:58px;height:58px}
.pier-top .pier-nophoto span{font-size:24px}
.catalog .empty-state{margin-top:8px}
@media(max-width:1280px){.hx-piers{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.hx-piers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .hx-piers{grid-template-columns:minmax(0,1fr)}
  .hx-reviews .review-grid,.clip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .hx-reviews .review-card img{height:auto;aspect-ratio:2/3;padding:6px}
  .hx-reviews .review-card span{padding:10px 12px;font-size:16px;line-height:1.5}
  .clip-grid .short-card h3{font-size:17px;margin-top:10px}
  .clip-grid .short-label{font-size:16px;left:8px;bottom:10px;padding:5px 10px}
  .clip-grid .play-circle{width:48px;height:48px}
  .pier-top .pier-nophoto.photo{height:230px}
}
@media(max-width:1180px){
  .nav>a,.nav>.navdrop{font-size:18px;min-height:48px}
  .submenu a{font-size:17px;padding:10px 0;min-height:44px}
}
@media(max-width:700px){
  body{font-size:18px}
  .page-intro p,.feature-split p,.hero-home p,.hx-hero p,.ab-hero p:not(.ab-company){font-size:18px}
  .article-copy,.article-copy .callout,.guide-body p,.guide-body li{font-size:18px}
  .faq .question{font-size:18px}
  .anchor-tabs{font-size:17px}
  .header-line{min-height:46px!important}
  .menu-toggle{height:46px}
}

/* audit round 2 */
.footer-grid p,.hx-package-foot p,.ab-team p.ab-small,.hx-hero p.hx-hero-note,.cta-section p.hx-phones,.clip-note,.inquiry-panel .price-from,
.inquiry-panel .price-extra,.pricing-note,.small-note,.inquiry-panel .small-note,.article-head .article-dek,p.mt20{font-size:18px}
.pricing-note,.inquiry-panel .small-note{color:var(--muted)}
.inquiry-panel .small-note{color:#c9d4e0}
.article-head .article-dek{color:var(--muted)}
.btn.linebtn{background:#05803c}
.linebtn .lineicon{color:#05803c}
.promo-note{color:#5c4b30}
.brief-box .eyebrow{color:#ddc18f}
.ab-hero .eyebrow{color:var(--gold-ink)}
.journal-card .meta,.footer-bottom,.location-art .map-note{font-size:16px}
@media(max-width:700px){.article-head .article-dek{font-size:18px}}
.hx-more p{font-size:18px;line-height:1.6}
main p.mt20{font-size:18px}

/* client asset revision 11 Nov 2026 r2 (client-assets-2026-11-11.md): clean card photos with native pier badges, full-frame
   group photo, labelled Terminal 21 place photo, temporary office illustration, document placeholders (no document images) */
.pkg-image .badge{box-shadow:0 2px 8px #0003}
.feature-split .image-wrap>img.full-frame{height:auto;aspect-ratio:4/3}
.place-photo{position:relative;margin:0;overflow:hidden;background:var(--navy)}
.hx-pier-img .place-photo,.pier-cover .place-photo{height:100%}
.place-photo>img{display:block;width:100%;height:100%;object-fit:cover}
.place-photo-tag{position:absolute;top:12px;right:12px;z-index:2;background:var(--navy);color:#fff;font-family:'Kanit';font-size:16px;line-height:1.5;padding:4px 12px;border:1px solid #e9ce9799;border-radius:3px}
.place-photo-credit{position:absolute;left:12px;bottom:10px;z-index:2;background:#091e36e0;color:#fff;font-size:16px;line-height:1.5;padding:3px 10px;border-radius:3px}
.ab-doc-pending{cursor:auto}
.ab-doc-pending:hover h3{color:inherit}
.ab-doc-ph{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:240px;margin-bottom:18px;padding:28px 16px;border:1.5px dashed #c8a66a;border-radius:4px;background:radial-gradient(circle at 50% 36%,#fffaf0 0,#efe5d1 72%)}
.ab-doc-ph:before{content:'';position:absolute;inset:8px;border:1px solid #e3d3b2;border-radius:2px;pointer-events:none}
.ab-doc-ph-registration{background:radial-gradient(circle at 50% 36%,#f7f4ee 0,#e6e2d8 72%)}
.ab-doc-art{position:relative;width:92px;height:92px;fill:none;stroke:var(--gold-ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ab-doc-ph-registration .ab-doc-art{stroke:var(--navy)}
.ab-doc-status{position:relative;display:inline-flex;align-items:center;gap:8px;background:var(--navy);color:#f2dbad;font-family:'Kanit';font-size:16px;line-height:1.5;padding:6px 16px;border-radius:30px;text-align:center}
.ab-doc-status .ic{width:16px;height:16px;color:#f2dbad}
.ab-doc-kicker{font-family:'Kanit';font-size:13px;letter-spacing:2px;color:var(--gold-ink);margin-bottom:4px}
a.ab-doc-link{min-height:44px;color:var(--gold-ink);text-decoration:none}
a.ab-doc-link:hover,a.ab-doc-link:focus-visible{text-decoration:underline}
.ab-illustration{margin:0}
.ab-visit-photo.ab-illustration img{display:block;aspect-ratio:4/5;object-fit:cover}
.ab-illustration figcaption{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:16px;line-height:1.6;color:var(--muted)}
.ab-illustration figcaption:before{content:'';flex:none;width:28px;height:1px;background:#9a7738}
@media(max-width:700px){.ab-doc-ph{min-height:210px}.ab-doc-art{width:80px;height:80px}}

/* ======================================================================================================================
   Legacy redesign 11 Nov 2026 (client reference 01_Legacy.png): compact photographic navy / gold / ivory system.
   Shared by every page: one-bar header, navy photographic page band (.lx-band, .page-intro and the page heroes), rounded
   cards with ivory price boxes, gold pills, compact footer. Keeps the readable-type layer above (Thai body 18px, other
   text 16px+, 4.5:1 contrast, 44px targets). Photos are the business's own (old-site galleries, client LINE files, draft).
   ====================================================================================================================== */
:root{--cream:#f6f0e4;--cream2:#efe5d1;--radius:14px;--shadow:0 6px 22px #0b1f3514}
.section{padding:64px 0}
.lx-title{font-size:30px;line-height:1.45;color:var(--navy);font-weight:500}
.lx-sub{font-size:18px;line-height:1.75;color:var(--muted);margin-top:4px;max-width:880px}
.lx-fine{font-size:18px!important;line-height:1.75;color:var(--muted);margin-top:18px;text-align:center}
.lx-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:44px 0 18px}
.lx-title-row .lx-title{margin:0}
.btn{border-radius:8px}
.btn.goldbtn{background:linear-gradient(110deg,#ecd29c,#d3ad69);color:var(--navy);box-shadow:0 3px 10px #0918301f}
.btn.goldbtn:hover,.btn.goldbtn:focus-visible{background:linear-gradient(110deg,#f2dcae,#dcb877)}
:focus-visible{outline:3px solid #d3ad69;outline-offset:2px}

/* Header: one compact navy bar */
.topbar{display:none}
.site-header{height:78px;background:var(--navy);border-bottom:1px solid #cfaa6855;position:sticky;top:0;z-index:20}
.site-header .brandmark{width:56px;height:38px}
.site-header .brandname{font-size:17px}
.nav>a.active,.nav>a[aria-current]{color:var(--gold2)}
.nav>a.active:after,.nav>a[aria-current]:after{content:'';position:absolute;left:0;right:0;bottom:20px;height:2px;background:var(--gold2)}
.submenu{top:66px;border-radius:0 0 10px 10px}
.nav>.navdrop>a{display:flex;align-items:center;height:100%}
.site-header .header-line{border-radius:8px}
@media(max-width:1180px){.site-header{height:70px}.nav>a.active:after,.nav>a[aria-current]:after{display:none}}

/* Shared navy photographic page band (inner pages) */
.lx-band,.page-intro,.page-intro.with-photo{position:relative;color:#fff;padding:0 0 44px;
  background:linear-gradient(90deg,#091e36 0%,#091e36 40%,#091e36d9 58%,#091e3666 100%),url('../about/cruise.webp') right 38%/cover no-repeat,#091e36}
.lx-band:after,.page-intro:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#cfaa68,#e9ce97 50%,#cfaa6800)}
.lx-band .breadcrumb,.page-intro .breadcrumb{color:#d6dfe9;padding:20px 0 18px}
.lx-band .breadcrumb a,.page-intro .breadcrumb a{color:#d6dfe9}
.lx-band .breadcrumb b,.page-intro .breadcrumb b{color:#fff}
.lx-band .breadcrumb .ic,.page-intro .breadcrumb .ic{color:var(--gold2)}
.lx-band .eyebrow,.page-intro .eyebrow,.page-intro.with-photo .eyebrow{color:var(--gold2)!important}
.lx-band h1,.page-intro h1{color:#fff;font-size:42px;line-height:1.35}
.lx-band p,.page-intro p,.page-intro.with-photo p{color:#d6dfe9!important}
.page-intro .badge{position:static;background:#e9ce97;color:var(--navy)}
.lx-after-band{padding-top:30px}
.lx-band .detail-head{padding-bottom:0}
.lx-band .detail-head h1{font-size:46px}
.lx-band .detail-head .subhead{color:#e9ce97}
.lx-band .detail-chips span{background:#ffffff14;border:1px solid #e9ce9766;color:#fff;border-radius:30px}
.lx-band .detail-chips .ic{color:var(--gold2)}
.lx-band-split{padding-bottom:48px}
.lx-band-split .pier-top h1 .gold{color:var(--gold2)}
.lx-band-split .pier-top .photo,.lx-band-split .pier-top .place-photo{border-radius:var(--radius);border:3px solid #e9ce9766}
.lx-band-split .pier-facts span{color:#fff}
.lx-band-split .pier-facts .ic{color:var(--gold2)}
.lx-band .btn.navybtn{background:linear-gradient(110deg,#ecd29c,#d3ad69);color:var(--navy);border-color:transparent}
.ab-band .ab-hero{padding-bottom:0}
.ab-band .ab-hero .eyebrow{color:var(--gold2)!important}
.ab-band .ab-hero h1{color:#fff}
.ab-band .ab-hero h1 span{color:var(--gold2)}
.ab-band .ab-company{color:#e9ce97!important}
.ab-band .ab-underline{color:#fff;border-color:#e9ce97}
.ab-band .ab-hero-media img{border-radius:var(--radius)}
.article-band .article-head{padding-bottom:0}
.article-band .article-head h1{color:#fff}
.article-band .article-head .article-dek{color:#d6dfe9!important}
.article-band .byline{color:#c9d4e0}
.corporate-hero{height:auto;padding-bottom:64px;background:linear-gradient(90deg,#091e36 0%,#091e36f0 38%,#091e3699 62%,#091e3633 100%),url('../client-20261111-r2/corporate-sapp888-full.jpg') right 40%/cover no-repeat,#091e36}
.corporate-hero .container{padding-top:52px}
.corporate-hero h1{font-size:44px}
.corporate-hero,.promo-hero{position:relative}
.corporate-hero:after,.promo-hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#cfaa68,#e9ce97 50%,#cfaa6800)}
.promo-hero .container{min-height:400px;padding:44px 0 50px}
.promo-hero .visual>img{border-radius:var(--radius);border:3px solid #e9ce9766}
.cta-section:before{background:linear-gradient(90deg,var(--navy2),#102b4933),url('../about/cruise.webp') 70% 60%/cover}

/* Shared headings, cards and boxes */
.section-heading{margin-bottom:26px}
.section-heading h2,.feature-split h2{font-size:32px;color:var(--navy)}
.navy .section-heading h2,.navy h2,.navy .feature-split h2{color:#fff}
.card,.pier-card,.journal-card,.service-card,.aside-card,.cp-card,.info-tile,.line-card,.contact-info,.location-panel,.helper-box,.editorial-feature,.ab-quote,.promo-terms{border-radius:var(--radius)!important}
.card,.pier-card,.journal-card,.service-card,.aside-card,.cp-card{box-shadow:var(--shadow);border-color:#e8e0d0}
.card,.pier-card{overflow:hidden}
.boat-card .boat-image img,.pier-cover img{transition:transform .35s}
.boat-card:hover .boat-image img,.pier-card:hover .pier-cover img{transform:scale(1.03)}
.pricebar{background:#f8f2e6;border:1px solid #eadfc9;border-radius:10px;padding:10px 14px;margin-top:14px}
.pricebar strong{color:var(--navy);font-size:22px}
.chip{border-radius:30px}
.chip.selected{background:var(--navy);color:#fff;border-color:var(--navy)}
.table-wrap{border-radius:12px}
.photo-tile{border-radius:12px;overflow:hidden}
.review-card{border-radius:var(--radius)}
.softnote{border-radius:12px}
.inquiry-panel{border-radius:var(--radius);border-top:4px solid var(--gold)}
.client-packages{border-radius:var(--radius)}
.cta-section h2{font-size:30px}
.promo-terms{background:#fff;border:1px solid #e8e0d0;padding:24px 26px}
.promo-terms h3{font-size:24px;color:var(--navy)}
.promo-terms>p{font-size:18px;margin:6px 0 10px}
.promo-boats{margin:0;padding:0 0 0 20px;columns:2;column-gap:28px}
.promo-boats li{font-size:18px;line-height:1.75;margin-bottom:6px;break-inside:avoid}
.promo-terms:target{outline:3px solid var(--gold);outline-offset:4px}
.promo-terms-grid{gap:24px}

/* Footer: compact navy */
.site-footer{background:var(--navy);padding:34px 0 18px;border-top:3px solid #cfaa68}
.footer-grid{grid-template-columns:1.25fr 1.1fr .8fr 1.05fr;gap:30px;align-items:start}
.ft-brand .brand{margin-bottom:10px}
.footer-grid .ft-brand p{font-size:18px;line-height:1.75;color:#c9d4e0}
.ft-links{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;border-left:1px solid #ffffff22;padding-left:24px}
.ft-links+.ft-links{grid-template-columns:1fr}
.footer-grid .ft-links a{display:flex;align-items:center;min-height:44px;margin:0;padding:0;font-size:17px;color:#e2e8ef}
.footer-grid .ft-links a:hover{color:var(--gold2)}
.ft-contact{display:flex;flex-direction:column;gap:10px}
.footer-grid a.ft-btn{display:flex;align-items:center;gap:10px;min-height:48px;margin:0;padding:8px 16px;border-radius:8px;font-family:'Kanit';font-size:17px}
.footer-grid a.ft-phone{background:linear-gradient(110deg,#ecd29c,#d3ad69);color:var(--navy)}
.footer-grid a.ft-phone .ic{width:18px;height:18px}
.footer-grid a.ft-line{background:#05803c;color:#fff}
.ft-line .lineicon{color:#05803c}
.site-footer .footer-bottom{margin-top:22px;padding-top:14px;font-size:16px;color:#c9d4e0}
@media(max-width:1100px){.footer-grid{grid-template-columns:1fr 1fr}.ft-links{border-left:0;padding-left:0}}
@media(max-width:700px){.footer-grid{grid-template-columns:1fr;gap:18px}.site-footer .footer-bottom{flex-direction:column;gap:4px}}

/* ---------- Home ---------- */
.lx-hero{position:relative;background:var(--navy);color:#fff;min-height:480px;display:flex;align-items:center;overflow:hidden}
/* supervisor review: show ~3/4 of the 960x718 frame (Wat Arun spire to the full hull), media column width capped so wide screens do not crop it to a strip */
.lx-hero-media{position:absolute;top:0;right:0;bottom:0;left:max(40%,calc(100% - 900px))}
.lx-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 92%}
.lx-hero-media:after{content:'';position:absolute;inset:0;background:#0b2340;mix-blend-mode:multiply;opacity:.22}
.lx-hero-media:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#091e36 0%,#091e36b3 12%,#091e3600 34%),linear-gradient(0deg,#091e3680 0%,#091e3600 9%)}
.lx-hero-copy{position:relative;z-index:2;padding:46px 0 70px}
.lx-hero h1{font-size:clamp(34px,3.25vw,48px);line-height:1.38;color:#fff;max-width:720px;text-shadow:0 2px 14px #091e3699}
.lx-hero h1 span{color:var(--gold2)}
.lx-hero p{font-size:19px;line-height:1.75;color:#e2e8ef;margin:14px 0 24px;max-width:520px;text-shadow:0 1px 8px #091e36}
.lx-hero .btn{min-height:52px;padding:12px 26px;font-size:18px}
.lx-features{position:relative;z-index:3;margin-top:-26px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border:1px solid #e8dcc3;border-radius:16px;box-shadow:0 10px 30px #091e3624;padding:10px 6px}
.lx-feature{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:92px;padding:8px 10px;text-align:center;font-family:'Kanit';font-size:18px;line-height:1.4;color:var(--navy);border-radius:10px}
.lx-feature+.lx-feature{border-left:1px solid #ece3d2}
.lx-feature .ic{width:34px;height:34px;color:#a8803f;stroke-width:1.5}
.lx-feature:hover,.lx-feature:focus-visible{background:var(--cream)}
.lx-cruises{padding-top:44px}
.lx-center-head{text-align:center;margin-bottom:22px}
.lx-over{display:block;font-family:'Kanit';font-size:24px;font-weight:500;letter-spacing:1px;color:#8a6526}
.lx-center-head h2{font-size:32px;color:var(--navy);line-height:1.45}
.lx-carousel{position:relative}
.pkg-grid.lx-track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*20px)/4);grid-template-columns:none;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:8px 8px 26px;margin:0 -8px -12px;scroll-padding-inline:8px;overscroll-behavior-x:contain}
.js-carousel .pkg-grid.lx-track{scrollbar-width:none}
.js-carousel .pkg-grid.lx-track::-webkit-scrollbar{display:none}
.lx-track:focus-visible{outline:3px solid #d3ad69;outline-offset:4px;border-radius:12px}
.pkg-card{scroll-snap-align:start;border-radius:var(--radius);border:1px solid #e6dcc9;box-shadow:0 5px 14px #0b1f3512;background:#fff}
.pkg-image{height:168px}
.pkg-flag{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:30px;font-family:'Kanit';font-size:16px;line-height:1.5;background:#091e36e6;color:#fff;box-shadow:0 2px 8px #0004}
.pkg-flag.perk{background:linear-gradient(110deg,#f1d9a6,#d6b06c);color:var(--navy)}
.pkg-flag .ic{width:17px;height:17px}
.pkg-body{padding:14px 16px 12px;gap:2px}
.pkg-body h3{font-size:21px;line-height:1.4;color:var(--navy);margin-bottom:4px}
.pkg-pier,.pkg-time{display:flex;align-items:center;gap:8px;font-size:17px;line-height:1.6;color:#33475b}
.pkg-pier .ic,.pkg-time .ic{width:18px;height:18px;color:#a8803f}
.pkg-prices{display:block;margin-top:10px;padding:8px 12px;border:1px solid #eadfc9;border-radius:10px;background:#f8f2e6;text-align:center}
.pkg-prices>div,.pkg-prices>div+div{display:block;border:0;padding:0;font-family:'Kanit';font-size:17px;line-height:1.55;color:var(--navy)}
.pkg-prices span,.pkg-prices>div span{display:inline;font-size:17px;color:var(--navy);margin:0}
.pkg-prices strong{display:inline}
.pkg-prices strong,.pkg-prices>div+div strong{font-size:21px;line-height:1.4;color:var(--navy);font-weight:600}
.pkg-link{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:4px;font-family:'Kanit';font-size:17px;color:#7a5a23;border:0}
.pkg-link:after{content:'→';font-size:18px}
.pkg-link:hover{color:var(--navy)}
.lx-arrow{position:absolute;top:84px;z-index:4;width:48px;height:48px;border-radius:50%;border:1px solid #e0d3b8;background:#fff;color:var(--navy);display:grid;place-items:center;box-shadow:0 4px 14px #091e3626;padding:0}
.lx-arrow[hidden]{display:none}
.lx-arrow .ic{width:22px;height:22px}
.lx-arrow.prev{left:-26px}
.lx-arrow.next{right:-26px}
@media(min-width:1381px){.lx-arrow.prev{left:-62px}.lx-arrow.next{right:-62px}}
@media(max-width:1380px){.lx-arrow.prev{left:-4px}.lx-arrow.next{right:-4px}}
.lx-arrow:disabled{opacity:.45;cursor:default}
.lx-arrow:not(:disabled):hover{background:var(--navy);color:var(--gold2)}
.lx-carousel-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:10px}
.lx-dots{display:flex;gap:2px;justify-content:flex-end}
.lx-dots[hidden]{display:none}
.lx-dot{width:44px;height:44px;border:0;background:transparent;display:grid;place-items:center;padding:0}
.lx-dot:before{content:'';width:12px;height:12px;border-radius:12px;background:#d6ccb6;transition:background .2s,width .2s}
.lx-dot[aria-current]:before{background:#8a6526;width:30px}
.hx-package-count{grid-column:2;font-family:'Kanit';font-size:18px;color:var(--navy)}
.lx-jump{grid-column:3;justify-self:end;display:inline-flex;align-items:center;gap:8px;min-height:44px;border:0;background:none;font-family:'Kanit';font-size:18px;color:#7a5a23;padding:0 4px}
.lx-jump .ic{width:18px;height:18px}
.lx-jump.back .ic{transform:scaleX(-1)}
.lx-jump:hover{color:var(--navy)}
.hx-package-foot{display:block;margin-top:6px;text-align:center}
.hx-package-foot p{font-size:18px;line-height:1.75;color:var(--muted)}
.lx-occasions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 18px;margin-top:20px;padding-top:14px;border-top:1px solid #e3d9c5;font-size:17px;color:#33475b}
.lx-occasions strong{font-family:'Kanit';font-weight:500;color:var(--navy);padding-right:18px;border-right:1px solid #cdbf9f}
.lx-occasions ul{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0;padding:0;list-style:none}
.lx-occasions li:before{content:'•';color:#9a7738;margin-right:10px}
.lx-occasions li:first-child:before{content:none}
.lx-promos{background:var(--cream);padding:52px 0 48px}
.lx-promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}
.lx-promo{position:relative;display:block;height:230px;border-radius:16px;overflow:hidden;border:2px solid #d8b778;box-shadow:0 8px 24px #091e3622;background:var(--navy)}
.lx-promo>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.lx-promo:hover>img,.lx-promo:focus-visible>img{transform:scale(1.04)}
.lx-promo:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#091e36d0 0%,#091e3600 55%)}
.lx-promo-pill{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;display:flex;align-items:center;gap:14px;padding:10px 14px 10px 18px;border-radius:40px;background:linear-gradient(110deg,#123257,#091e36);border:2px solid #e3c487;color:#fff}
.lx-promo-pill>.ic{width:34px;height:34px;color:var(--gold2);flex:none}
.lx-promo-pill strong{display:block;font-family:'Kanit';font-size:26px;font-weight:500;line-height:1.3;color:#f3dcab}
.lx-promo-pill small{display:block;font-size:16px;line-height:1.5;color:#e2e8ef}
.lx-promo-go{margin-left:auto;width:40px;height:40px;border-radius:50%;background:#e9ce97;color:var(--navy);display:grid;place-items:center;flex:none}
.lx-promo-go .ic{width:20px;height:20px}
.lx-corp{position:relative;background:radial-gradient(ellipse at 75% 30%,#173a5e 0%,#091e36 70%);padding:40px 0 52px}
.lx-corp-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}
.lx-corp-panel{position:relative;z-index:2;background:linear-gradient(160deg,#fbf6ea,#efe2c6);color:var(--navy);padding:34px 70px 34px 38px;border-radius:16px 0 0 16px;margin-right:-60px;clip-path:polygon(0 0,100% 0,87% 100%,0 100%);border-left:5px solid #d3ad69}
.lx-corp-panel h2{font-size:32px;line-height:1.4;color:var(--navy)}
.lx-corp-panel p{font-size:18px;line-height:1.75;color:#33475b;margin:10px 0 16px;max-width:430px}
.lx-corp-icons{display:flex;gap:24px;margin:0 0 20px;padding:0;list-style:none}
.lx-corp-icons li{display:flex;flex-direction:column;align-items:center;gap:4px;font-family:'Kanit';font-size:16px;color:var(--navy);text-align:center}
.lx-corp-icons .ic{width:34px;height:34px;color:#8a6526}
.lx-corp-media{position:relative;height:380px}
.lx-corp-main{width:100%;height:100%;object-fit:cover;object-position:center 45%;border-radius:0 16px 16px 0;border:3px solid #cfaa6888}
.lx-corp-inset{position:absolute;right:22px;bottom:-26px;width:38%;aspect-ratio:3/2;object-fit:cover;border:5px solid #fff;border-radius:10px;box-shadow:0 10px 26px #0008}
.lx-buffet{background:#fff;overflow:hidden}
.lx-buffet-inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:20px;min-height:200px}
.lx-buffet-inner>div:first-child{padding:30px 0}
.lx-buffet-photos{display:grid;grid-template-columns:repeat(3,1fr);height:200px;margin-right:calc(-1 * max(16px,(100vw - 1248px)/2));-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%);mask-image:linear-gradient(90deg,transparent 0,#000 14%)}
.lx-buffet-photos img{width:100%;height:100%;object-fit:cover}
.lx-route{padding:52px 0 40px}
.lx-landmarks{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.lx-landmark{margin:0;border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow);border:1px solid #e8e0d0}
.lx-landmark img{width:100%;aspect-ratio:1001/430;object-fit:cover;object-position:center top}
.lx-landmark figcaption{text-align:center;font-family:'Kanit';font-size:19px;color:var(--navy);padding:10px 12px;background:#f8f2e6}
.lx-piers{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:22px}
.lx-piers strong{font-family:'Kanit';font-weight:500;font-size:19px;color:var(--navy)}
.lx-piers .hx-piers{display:flex;flex-wrap:wrap;gap:10px}
.lx-piers .hx-pier{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 16px;border-radius:30px;background:#fff;border:1px solid #dccfb2;font-family:'Kanit';font-size:17px;color:var(--navy)}
.lx-piers .hx-pier .ic{width:17px;height:17px;color:#a8803f}
.lx-piers .hx-pier:hover{background:var(--navy);color:#fff}
.lx-shows{padding:30px 0 40px}
.lx-shows-inner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:center}
.lx-shows .photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lx-shows .photo-tile img{aspect-ratio:4/3;height:auto;width:100%;object-fit:cover}
.lx-why{padding:24px 0 30px}
.lx-why-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:18px;background:#fff;border:1px solid #e6dcc9;border-radius:16px;box-shadow:var(--shadow)}
.lx-why-item{display:flex;align-items:center;gap:12px;padding:16px}
.lx-why-item+.lx-why-item{border-left:1px solid #ece3d2}
.lx-why-item .ic{width:38px;height:38px;color:#a8803f}
.lx-why-item strong{display:block;font-family:'Kanit';font-weight:500;font-size:17px;line-height:1.45;color:var(--navy)}
.lx-why-item span{display:block;font-size:16px;line-height:1.5;color:var(--muted)}
.lx-reviews{padding:30px 0 20px}
.lx-reviews>.container>.lx-title:first-child{margin-bottom:16px}
.lx-reviews .photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.lx-reviews .photo-tile img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.lx-reviews .review-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.lx-reviews .review-card{background:#fff;box-shadow:var(--shadow)}
.lx-reviews .review-card img{height:260px;object-fit:cover;object-position:top;padding:0;background:#fff}
.lx-reviews .review-card span{font-size:16px;padding:10px 14px;color:#33475b}
.hx-clips.lx-clips{padding:20px 0 52px;background:transparent}
.lx-yt{color:#b3261e}
.lx-clips .clip-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.lx-clips .yt-player{aspect-ratio:16/10;border-radius:12px}
.lx-clips .yt-player.playing{aspect-ratio:9/16}
.lx-clips .short-card h3{font-size:17px;line-height:1.55;margin-top:10px;color:var(--navy)}
.lx-clips .clip-note{display:none}

@media(max-width:1180px){
  .pkg-grid.lx-track{grid-auto-columns:calc((100% - 2*20px)/3)}
  .lx-feature{font-size:16px}
  .lx-why-row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lx-why-item:nth-child(4){border-left:0}
  .lx-why-item:nth-child(n+4){border-top:1px solid #ece3d2}
  .lx-corp-panel{padding:30px 58px 30px 30px}
}
@media(max-width:900px){
  /* stacked hero below 900px: the photo on top at its own frame (spire + full hull), copy underneath on navy */
  .lx-hero{min-height:0;display:block}
  .lx-hero-media{position:relative;left:auto;height:340px}
  .lx-hero-media img{object-position:center 76%}
  .lx-hero-media:before{background:linear-gradient(0deg,#091e36 0%,#091e3600 16%)}
  .lx-hero-copy{padding:8px 0 64px}
  .pkg-grid.lx-track{grid-auto-columns:calc((100% - 20px)/2)}
  .lx-features{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:4px}
  .lx-feature:nth-child(4){border-left:0}
  .lx-corp-inner{grid-template-columns:1fr}
  .lx-corp-panel{margin:0;border-radius:16px 16px 0 0;clip-path:none;padding:28px 24px;border-left:0;border-top:5px solid #d3ad69}
  .lx-corp-media{height:300px}
  .lx-corp-main{border-radius:0 0 16px 16px}
  .lx-buffet-inner,.lx-shows-inner{grid-template-columns:1fr}
  .lx-buffet-photos{margin:0 0 24px;-webkit-mask-image:none;mask-image:none;height:170px;border-radius:12px;overflow:hidden}
  .lx-landmarks{gap:12px}
  .lx-reviews .photo-grid,.lx-reviews .review-grid,.lx-clips .clip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lx-promo-grid{grid-template-columns:1fr}
  .lx-carousel-bar{grid-template-columns:1fr;justify-items:center;gap:4px}
  .lx-dots{justify-content:center}
  .hx-package-count,.lx-jump{grid-column:auto;justify-self:center}
}
@media(max-width:700px){
  .section{padding:44px 0}
  .lx-title,.lx-center-head h2,.section-heading h2,.feature-split h2,.lx-corp-panel h2{font-size:25px}
  .lx-over{font-size:20px}
  .lx-hero-media{height:240px}
  .lx-hero-media img{object-position:center 86%}
  .lx-hero-copy{padding:4px 16px 64px}
  .lx-hero h1{font-size:30px}
  .lx-hero p{font-size:18px;margin:10px 0 18px}
  .lx-features{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lx-feature{min-height:80px;border-left:0!important;border-top:1px solid #ece3d2}
  .lx-feature:nth-child(-n+2){border-top:0}
  .lx-feature:nth-child(even){border-left:1px solid #ece3d2!important}
  .lx-feature:last-child{grid-column:1/-1}
  .pkg-grid.lx-track{grid-auto-columns:84%;gap:14px}
  .lx-arrow{top:72px;width:46px;height:46px}
  .lx-occasions{justify-content:flex-start}
  .lx-occasions strong{border:0;padding:0;width:100%}
  .lx-occasions ul{flex-direction:column;gap:2px}
  .lx-occasions li:first-child:before{content:'•'}
  .lx-promo{height:190px}
  .lx-promo-pill{left:10px;right:10px;bottom:10px;padding:8px 10px 8px 12px;gap:10px;border-radius:24px}
  .lx-promo-pill strong{font-size:21px}
  .lx-promo-pill>.ic{width:28px;height:28px}
  .lx-promo-go{width:34px;height:34px}
  .lx-corp-media{height:240px}
  .lx-corp-inset{width:44%;bottom:-16px;right:12px;border-width:3px}
  .lx-corp-icons{gap:14px}
  .lx-landmarks{grid-template-columns:1fr}
  .lx-shows .photo-grid{gap:8px}
  .lx-why-row{grid-template-columns:1fr}
  .lx-why-item{border-left:0!important;border-top:1px solid #ece3d2}
  .lx-why-item:first-child{border-top:0}
  .lx-reviews .review-card img{height:220px}
  .lx-clips .clip-grid{gap:12px}
  .lx-band,.page-intro,.page-intro.with-photo{background:linear-gradient(0deg,#091e36f2,#091e36cc),url('../about/cruise.webp') center/cover,#091e36}
  .corporate-hero{background:linear-gradient(0deg,#091e36f2,#091e36c4),url('../client-20261111-r2/corporate-sapp888-full.jpg') center/cover,#091e36}
  .lx-band h1,.page-intro h1,.lx-band .detail-head h1,.corporate-hero h1{font-size:30px}
  .promo-boats{columns:1}
}
@media(max-width:420px){.lx-dot{width:36px}.lx-dots{gap:0}}
@media(max-width:380px){.pkg-grid.lx-track{grid-auto-columns:90%}}
@media(prefers-reduced-motion:reduce){
  .lx-promo>img,.boat-card .boat-image img,.pier-cover img,.lx-dot:before{transition:none}
  .lx-promo:hover>img,.boat-card:hover .boat-image img,.pier-card:hover .pier-cover img{transform:none}
}