/* Five independent page compositions. Shared rules are typographic primitives. */
.sample{font-family:'DM Sans',sans-serif}.sample main{overflow:clip}.sample p{line-height:1.65}.sample h1,.sample h2,.sample h3{line-height:1.08}.sample h2{font-size:48px;font-weight:500;letter-spacing:-.04em}.sample h3{font-size:26px;letter-spacing:-.025em}.sample figure{margin:0}.sample main img{display:block;object-fit:cover;width:100%}.sample .micro{font-size:11px;letter-spacing:.15em;text-transform:uppercase;margin:0 0 22px}.enquiry{display:inline-flex;align-items:center;gap:24px;font-weight:600;text-underline-offset:5px}.concept-return{display:inline-block;margin-top:30px;font-size:12px;text-underline-offset:4px}.sample .footer,.before-page .footer{background:#f7f6f0;color:#242720}.sample .footer p,.before-page .footer p{font-family:'DM Sans',sans-serif}.sample a:focus-visible,.before-page a:focus-visible,.sample summary:focus-visible{outline:3px solid #c35725;outline-offset:5px}.sample details summary{cursor:pointer}.sample details p{margin-top:20px}
/* Tidepenny: port-side navigation and departure manifest. */
.theme-fishing{background:#eceee1;color:#142d37}.dock-layout{display:grid;grid-template-columns:195px minmax(0,1fr)}.dock-rail{background:#173d49;color:#f5f4df;padding:40px 25px;display:flex;flex-direction:column;align-items:flex-start;gap:85px;border-right:1px solid #142d37}.dock-brand{font:800 40px/.85 Manrope,sans-serif;letter-spacing:-3px;text-decoration:none}.dock-brand span{display:block;font:10px/1.5 'DM Sans',sans-serif;letter-spacing:1px;margin-top:22px}.dock-rail nav{display:grid;gap:22px;font-size:12px}.dock-rail nav a{text-decoration:none;border-bottom:1px solid #77939b;padding-bottom:12px}.dock-rail p{font-size:11px;letter-spacing:2px}.dock-mark{font-size:90px;line-height:1;color:#e3a648}.dock-opening{padding:55px 55px 0}.dock-opening h1{font:800 clamp(48px,5.5vw,85px)/.96 Manrope,sans-serif;letter-spacing:-.07em;margin:0}.dock-opening h1 span{color:#38616a}.dock-intro{display:flex;justify-content:space-between;gap:50px;align-items:center;margin:30px 0 45px}.dock-intro p{max-width:530px;font-size:17px}.dock-intro>span{font-size:10px;letter-spacing:1.5px;white-space:nowrap;border-left:2px solid #173d49;padding-left:25px}.board-title{border-block:2px solid #173d49;padding:17px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.board-title h2{font-size:20px;letter-spacing:-.02em}.board-title>span{font-size:10px;letter-spacing:1px}.departure-row{display:grid;grid-template-columns:100px minmax(0,1fr) 155px;gap:25px;align-items:center;padding:25px 0;border-bottom:1px solid #82989a}.hours{display:flex;align-items:baseline;gap:8px}.hours b{font:700 78px/1 Manrope,sans-serif;letter-spacing:-6px}.hours span{font-size:9px;writing-mode:vertical-rl;letter-spacing:2px}.departure-row h3{font-size:23px}.departure-row p{font-size:13px;margin:10px 0 0;max-width:470px}.departure-price{font-size:14px}.departure-price .enquiry{display:flex;margin-top:14px;background:#173d49;color:#fff4d6;padding:12px 16px;text-decoration:none;justify-content:space-between}.dock-photo{padding:35px 55px 0}.dock-photo img{height:440px;object-position:50% 48%}.dock-photo figcaption{font-size:11px;padding:12px 0;border-bottom:1px solid #82989a}.captain-note{display:grid;grid-template-columns:1fr 1fr;gap:20px 60px;padding:80px 55px}.captain-note>.micro{grid-column:1/-1}.captain-note p{margin-bottom:22px}.dock-departure{background:#d4ddd4;display:grid;grid-template-columns:1.3fr 1fr;gap:60px;padding:55px}.dock-departure h2{font-size:36px}.dock-departure h3{font-size:21px}.dock-departure p{font-size:15px;margin-top:22px}.dock-end{padding:30px 55px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #a0b2a7}.dock-end .concept-return{margin:0}
/* Pepperjar: an illustrated letter followed by a long room register. */
.theme-stay{background:#f4eee3;color:#483d35}.house-mast{text-align:center;padding:28px 30px 0}.house-mast>p{font-size:10px;letter-spacing:.2em;text-transform:uppercase;margin:0 0 15px}.house-mast>a{font:56px/1 'DM Serif Display',serif;text-decoration:none;letter-spacing:-2px}.house-mast nav{display:flex;justify-content:center;gap:45px;border-block:1px solid #c5b9a8;margin:26px auto 0;padding:17px;max-width:1100px;font-size:13px}.house-mast nav a{text-decoration:none;font-weight:400}.house-mast nav .enquiry{color:#863e32;border-bottom:1px solid #863e32}.house-letter{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:85px 45px 95px;align-items:center}.salutation{font:italic 23px/1.3 'DM Serif Display',serif;color:#875342;margin-bottom:25px}.letter-copy h1{font:62px/1.05 'DM Serif Display',serif;letter-spacing:-2px;margin-bottom:30px}.letter-copy>p:not(.micro):not(.salutation){max-width:410px;font-size:16px}.letter-copy .letter-sign{margin-top:35px}.letter-sign em{font-family:'DM Serif Display',serif;font-size:21px}.house-collage{position:relative;padding:0 0 90px 40px}.house-collage>figure>img{height:28.125rem}.house-collage figcaption{font:italic 15px/1.4 'DM Serif Display',serif;text-align:right;margin-top:12px}.house-inset{position:absolute;left:-25px;bottom:0;width:55%;padding:10px;background:#f4eee3;transform:rotate(-5deg)}.house-inset img{height:210px}.house-note{text-align:center;max-width:630px;margin:0 auto;padding:25px 35px 90px}.house-note>span{font-size:35px;color:#92573e}.house-note h2{font:46px/1.1 'DM Serif Display',serif;margin:25px 0}.house-note p{font-size:17px}.house-rooms{display:grid;grid-template-columns:1fr 1fr;background:#e8dfcf}.room-photo{padding:70px 40px 70px 65px}.room-photo img{height:660px}.room-photo>p{font:italic 18px/1.4 'DM Serif Display',serif;margin-top:20px}.room-register{padding:75px 75px 65px 35px}.room-register h2{font:49px/1.05 'DM Serif Display',serif}.room-register article{padding:30px 0;border-bottom:1px solid #b6a68e}.room-register article h3{font:30px/1.2 'DM Serif Display',serif}.room-register article p{font-size:15px;margin-top:15px}.room-register .room-meta{font-size:11px;letter-spacing:1px;text-transform:uppercase}.room-register article>div{display:flex;justify-content:space-between;gap:20px;margin-top:22px;font-size:13px}.room-register .enquiry{font-weight:400;gap:10px}.breakfast-letter{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:1100px;margin:0 auto;padding:90px 40px}.breakfast-letter h2{font:43px/1.1 'DM Serif Display',serif}.breakfast-letter p{margin-bottom:20px}.house-arrival{text-align:center;border-top:1px solid #c5b9a8;padding:65px 25px 75px}.house-arrival h2{font:55px/1.15 'DM Serif Display',serif;margin:20px 0}.house-arrival>p{max-width:570px;margin:0 auto 24px}.house-arrival>.enquiry{background:#794b3c;color:#fff5e8;padding:17px 25px;text-decoration:none}
/* Coral Kettle: a horizon opening and annotated field-guide chapters. */
.theme-whale{background:#f4f6ee;color:#123b4b}.wild-opening{position:relative;isolation:isolate;min-height:860px;color:#fff;background:#083447}.wild-image{position:absolute;inset:0;height:100%;z-index:-2;object-position:center 58%}.wild-opening:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#052c3ee8,#052c3e35 80%);z-index:-1}.wild-mast{display:flex;justify-content:space-between;align-items:flex-start;padding:38px 55px}.wild-mast>a{font:800 25px/.95 Manrope,sans-serif;letter-spacing:-1px;text-decoration:none}.wild-mast>a span{display:block;font:9px/1.6 'DM Sans',sans-serif;letter-spacing:1px;margin-top:14px}.wild-menu{position:relative;z-index:3;width:220px;text-align:right}.wild-menu summary{display:inline-flex;align-items:center;gap:35px;background:#edf3d8;color:#163e4a;padding:13px 21px;border-radius:30px;font-size:14px;list-style:none}.wild-menu summary::-webkit-details-marker{display:none}.wild-menu nav{background:#edf3d8;color:#163e4a;padding:22px;text-align:left;border-radius:15px;margin-top:10px;position:absolute;width:100%;right:0;display:grid;gap:17px;font-size:14px}.wild-title{padding:90px 60px 95px}.wild-title h1{font:700 145px/.81 Manrope,sans-serif;letter-spacing:-.08em;margin-bottom:35px}.wild-title>p:not(.micro){font-size:18px;max-width:330px}.wild-title .enquiry{border-bottom:1px solid #fff;padding:15px 0;margin-top:20px}.season-roundel{position:absolute;right:8%;bottom:110px;width:180px;height:180px;border:1px solid #fff8be;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:25px;line-height:1.1;color:#fff8be;transform:rotate(8deg)}.season-roundel span{font:11px/1.4 'DM Sans',sans-serif;margin-top:12px}.wild-caption{position:absolute;bottom:20px;right:55px;font-size:10px;letter-spacing:1px}.field-guide{padding:85px 65px}.field-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:10px 90px;margin-bottom:55px}.field-heading>.micro{grid-column:1/-1}.field-heading h2{font-size:56px}.field-heading>p:last-child{align-self:end;font-size:17px;max-width:460px}.whale-chapter{display:grid;grid-template-columns:70px minmax(0,1fr) 250px;gap:40px;border-block:1px solid #9eafb0;padding:45px 0}.chapter-index{font:600 54px/1 Manrope,sans-serif;letter-spacing:-4px;color:#426f7c}.whale-chapter h3,.island-chapter h3{font-size:36px;margin:0 0 20px}.whale-chapter p,.island-chapter p{max-width:560px}.whale-chapter dl{display:flex;gap:70px;padding:25px 0}.whale-chapter dl div{display:grid;gap:4px}.whale-chapter dt{font-size:11px;text-transform:uppercase;letter-spacing:1px}.whale-chapter dd{margin:0;font-size:25px}.whale-chapter aside{padding:25px;background:#e0e8d5;align-self:center;font-size:14px}.whale-chapter aside h4{font-size:14px;margin-bottom:14px}.island-chapter{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;margin-top:60px;align-items:center}.island-chapter img{height:390px;border-radius:50% 50% 0 0}.island-chapter .chapter-index{display:block;margin-bottom:25px}.island-chapter .micro{margin-bottom:15px}.island-price{font-size:14px;font-weight:600;margin:20px 0}.onboard-notes{background:#dfe8d5;padding:70px 65px;display:grid;grid-template-columns:1fr 1fr;gap:30px 85px}.onboard-notes h2{font-size:45px}.onboard-notes ol{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:55px;counter-reset:voyage;list-style:none;padding:25px 0 0}.onboard-notes li{border-top:1px solid #52736d;padding-top:25px;font-size:14px;counter-increment:voyage}.onboard-notes li:before{content:'0' counter(voyage);display:block;font-size:11px;margin-bottom:15px}.onboard-notes li span{display:block;font-size:21px;margin-bottom:12px}.wild-departure{padding:80px 65px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.wild-departure .enquiry{margin-top:20px;border-radius:30px;padding:14px 23px;background:#143f4e;color:#f3f6df;text-decoration:none}
/* Lantern Spruce: room plans at the front desk, no scenic hero. */
.theme-motel{background:#f6edda;color:#303e32}.motel-route{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:23px 45px;background:#334b3d;color:#fff4d9;border-bottom:5px solid #e3ab52}.motel-logo{font:700 18px/1.1 Manrope,sans-serif;letter-spacing:.03em;text-decoration:none}.motel-logo span{display:block;font:9px/1.3 'DM Sans',sans-serif;letter-spacing:2px;margin-top:8px}.motel-route nav{display:flex;gap:0;font-size:13px}.motel-route nav a{padding:8px 25px;border-left:1px dashed #96a68d;text-decoration:none}.motel-opening{padding:50px 65px 65px}.motel-welcome>p{font-size:10px;letter-spacing:.2em}.motel-welcome h1{font:800 109px/.9 Manrope,sans-serif;letter-spacing:-.075em;max-width:850px;margin:25px 0}.motel-welcome>div{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:35px}.motel-welcome p{font-size:16px}.motel-welcome .enquiry{background:#384e3e;color:#fff4d9;padding:16px 25px;text-decoration:none}.room-plan{display:grid;grid-template-columns:1fr 1fr;border:2px solid #384e3e;position:relative;background:#faf5e9}.plan-title{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 25px;border-bottom:2px solid #384e3e}.plan-title h2{font-size:23px;letter-spacing:-.02em}.plan-title p{font-size:12px}.plan-room{padding:24px 30px;position:relative}.plan-room+.plan-room{border-left:2px solid #384e3e}.plan-room-top{display:flex;justify-content:space-between;gap:15px;font-size:13px}.plan-room-top>span{font-size:9px;letter-spacing:.1em}.plan-room svg{width:150px;height:100px;display:block;margin:15px auto}.plan-room-text h3{font-size:27px}.plan-room-text p{font-size:14px;margin:12px 0;max-width:28.125rem}.plan-room-text .enquiry{font-size:13px;margin-top:12px}.parking-lane{grid-column:1/-1;border-top:2px solid #384e3e;text-align:center;padding:12px;background:#e4e0c9;word-spacing:32px;font-size:12px;overflow:hidden;white-space:nowrap}.motel-essentials{padding:70px 65px;background:#daddc3;display:grid;grid-template-columns:1fr 1fr;gap:75px}.motel-essentials h2{font:47px/1.07 'DM Serif Display',serif;letter-spacing:-1px}.motel-essentials dl{display:grid;grid-template-columns:1fr 1fr;gap:30px}.motel-essentials dl>div{border-top:1px solid #68765b;padding-top:15px}.motel-essentials dt{font-size:24px;font-weight:600}.motel-essentials dd{margin:9px 0 0;font-size:14px}.motel-coast{display:grid;grid-template-columns:1.4fr 1fr;gap:65px;padding:85px 65px;align-items:center}.coast-pictures{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;align-items:end}.coast-pictures img:first-child{height:360px}.coast-pictures img:last-child{height:240px}.motel-coast h2{font:48px/1.08 'DM Serif Display',serif;letter-spacing:-1px;margin-bottom:25px}.motel-arrival{border-top:2px solid #384e3e;margin:0 65px;padding:65px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.arrival-sign{display:block;background:#3a503e;color:#fff0bc;font:700 40px/.98 Manrope,sans-serif;padding:30px;border:5px double #e2bb6e;max-width:260px;transform:rotate(-3deg);margin:0 0 30px}.arrival-sign b{color:#efc36e}.motel-arrival h2{font-size:32px;margin-bottom:25px}.motel-arrival details{border-bottom:1px solid #9aa08b;padding:18px 0;font-size:15px}.motel-arrival summary{font-size:17px}
/* Wattlefin: experience navigation and a continuous descent. */
.theme-dive{background:#edf4e7;color:#063d40}.dive-mast{display:flex;justify-content:space-between;gap:30px;padding:32px 55px;border-bottom:1px solid #a7bcb0}.dive-mast>a{font:800 39px/1 Manrope,sans-serif;letter-spacing:-2px;text-decoration:none}.dive-mast>a span{display:block;font:9px/1.5 'DM Sans',sans-serif;letter-spacing:3px;margin-top:10px}.dive-mast>p{font-size:10px;letter-spacing:.1em;align-self:center}.depth-opening{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;padding:65px 55px 0}.depth-opening h1{font:600 95px/.98 Manrope,sans-serif;letter-spacing:-.065em}.depth-opening h1 em{font-style:normal;color:#386f64}.depth-choices{align-self:center;display:grid}.depth-choices a{padding:25px 0;border-bottom:1px solid #7a9b90;font-size:24px;line-height:1.2;text-decoration:none;position:relative;padding-right:40px}.depth-choices a span{display:block;font-size:10px;letter-spacing:.13em;margin-bottom:18px}.depth-choices a b{position:absolute;right:0;bottom:25px;font-size:33px}.waterline{grid-column:1/-1;position:relative;margin-top:10px;border-top:8px solid #b6d969}.waterline img{height:240px;object-position:center 56%}.waterline span{position:absolute;bottom:20px;left:25px;font-size:10px;letter-spacing:3px;background:#053d40;color:#edf4e7;padding:12px 16px}.depth-journey>section{display:grid;grid-template-columns:100px 1fr;gap:50px;padding:75px 80px 75px 55px}.depth-label{font:600 35px/1 Manrope,sans-serif;border-right:1px solid #80a69b;position:relative;background:repeating-linear-gradient(to bottom,transparent 0 19px,#80a69b 19px 20px) right top/12px 100% no-repeat}.depth-label span{display:block;font:10px/1.5 'DM Sans',sans-serif;letter-spacing:3px;writing-mode:vertical-rl;margin-top:25px}.surface-section h2,.below-section h2{font-size:62px;letter-spacing:-.05em}.depth-lead{font-size:21px;max-width:650px;margin:28px 0 40px}.surface-detail{display:grid;grid-template-columns:1.2fr 1fr;gap:80px}.surface-detail p{margin:20px 0}.surface-detail h3{font-size:23px}.surface-detail aside{border-left:3px solid #94b45d;padding-left:30px;align-self:start}.surface-detail .enquiry{padding:15px 22px;background:#073f42;color:#edf4e7;text-decoration:none;margin-top:10px}.below-section{background:#063d40;color:#eaf2df}.below-section h2{color:#d7ed9b;margin-bottom:40px}.below-content{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center}.below-content img{height:360px}.below-content p{margin-bottom:25px}.below-content .enquiry{background:#d7ed9b;color:#063d40;padding:15px 22px;text-decoration:none}.below-content .depth-small{font-size:12px;margin-top:25px}.dive-ready{background:#063d40;color:#eaf2df;border-top:1px solid #3b6861}.dive-ready>div:last-child{max-width:850px}.dive-ready h2{font-size:42px;margin-bottom:25px}.dive-ready p{max-width:700px;margin:22px 0}.dive-ready ul{list-style:none;margin:30px 0;padding:0;display:grid;gap:15px}.dive-ready li{border-bottom:1px solid #527a70;padding:0 0 15px}.dive-ready li:before{content:'✓';color:#d7ed9b;margin-right:15px}
/* Five unrelated earlier-web template families. */
.before-page main{padding:35px 18px}.before-page main p{line-height:1.55;margin:13px 0}.before-page main h1,.before-page main h2,.before-page main h3{letter-spacing:0}.before-page main h2{font-size:22px;margin:20px 0 12px}.before-page main h3{font-size:16px;margin:18px 0 9px}.before-page main img{object-fit:cover;max-width:100%}.before-page main a{text-underline-offset:2px}.before-page main .enquiry{font-weight:400;gap:8px}.before-fishing{background:#a8bec5}.old-fishing{max-width:880px;margin:auto;font:14px/1.45 Arial,sans-serif;background:#fff9c8;border:6px ridge #618493;color:#092c41}.old-fishing>header{text-align:center;background:#123e5b;color:#fff8b5;padding:18px}.old-fishing header h1{font:bold 42px/1.1 Georgia,serif;color:#ffdf56;text-shadow:2px 2px #000}.old-fishing header p{margin:7px}.old-fishing nav{display:flex;gap:8px;justify-content:center;padding:12px;background:#aecbd2}.old-fishing nav a{border:3px outset #adc3c7;background:#e4eef0;color:#123349;padding:7px;font-size:12px;font-weight:bold}.fish-alert{text-align:center;background:#ffe674;padding:12px;font:bold 12px/1.5 Arial}.fish-old-grid{display:grid;grid-template-columns:190px 1fr;gap:12px;padding:12px}.fish-old-grid aside{border:3px double #294d60;padding:10px;text-align:center;background:#dbe7df}.fish-old-grid aside img{width:160px;height:110px}.fish-old-grid section{border:1px solid #496770;padding:0 14px 14px;margin-bottom:12px}.fish-old-grid h2{font:bold 21px/1.2 Georgia,serif;border-bottom:2px solid #496770;padding-bottom:8px}.fish-old-bottom{text-align:center;padding:0 25px 22px}.before-stay{background-color:#ddd9c4;background-image:radial-gradient(ellipse at center,#929f8340 15%,transparent 18%),radial-gradient(ellipse at center,#929f8335 15%,transparent 18%);background-size:28px 42px;background-position:0 0,14px 21px}.old-house{max-width:610px;background:#fffbea;color:rgb(100 80 56);border:12px double #a7a37a;padding:30px 48px;margin:auto;font:15px/1.6 Georgia,serif;text-align:center}.old-house header h1{font:38px/1.2 Georgia,serif;color:#654429}.old-house header p{font-style:italic}.old-house nav{font-size:12px;border-block:1px solid #a8a17b;padding:12px 0;margin:22px 0}.old-house section{text-align:left}.old-house .oval-photo{width:180px;margin:25px auto}.oval-photo img{height:130px;width:180px;border-radius:50%;border:5px double #a29b6c}.old-house .flourish{color:#4d643f;font-size:26px;text-align:center}.old-house>a{font-size:12px}.before-whale{background:#e6edf2}.old-tour{max-width:1080px;background:#fff;margin:auto;border:1px solid #7899ae;font:13px/1.5 Arial,sans-serif;color:#1c4054}.old-tour>header{padding:23px 30px;background:linear-gradient(#57afd1,#12618c);color:#fff;text-shadow:1px 1px #205372}.old-tour header h1{font:bold 38px/1.2 Arial,sans-serif}.old-tour>nav{background:#124b72;color:#fff;padding:12px 25px;word-spacing:9px;font-size:12px}.portal-columns{display:grid;grid-template-columns:165px 1fr 180px;gap:15px;padding:15px}.portal-left,.portal-offers{background:#e4eef3;padding:12px;align-self:start}.portal-left h2,.portal-offers h2{font-size:17px!important;background:#266485;color:#fff;padding:9px;margin:0 -6px 15px!important}.portal-left a{display:block;padding:9px 0;border-bottom:1px solid #9bb5c5}.portal-feature{background:#d7e6ed;padding:8px;text-align:center}.portal-feature img{width:100%;height:220px}.portal-feature p{font-size:11px}.portal-main article{border-bottom:1px dotted #759fb3;padding-bottom:16px}.portal-main .enquiry{display:block;margin-top:12px}.portal-offers{text-align:center;background:#fff0c1;border:1px solid #cfaf5d}.portal-offers strong{font-size:31px}.portal-offers small{display:block}.portal-offers .enquiry{background:#8e3a15;color:white;padding:7px;margin-top:10px}.portal-offers hr{margin-top:25px}.portal-end{background:#d7e6ed;text-align:center;padding:14px;font-size:12px}.before-motel{background:#ededed}.old-directory{max-width:950px;margin:auto;font:13px/1.5 Arial,sans-serif;background:#fff;color:#333;border:1px solid #bbb;padding:0 24px 24px}.directory-top{background:#4b687b;color:#fff;font:bold 21px/1.2 Arial;padding:15px;margin:0 -24px}.directory-top span{float:right;font-size:12px;font-weight:400}.old-directory>nav{font-size:11px;background:#eee;padding:10px;margin:0 -24px;color:#333}.old-directory>header{border-bottom:1px solid #bbb}.old-directory header h1{font:bold 28px/1.2 Arial}.old-directory header p{font-size:12px}.listing-overview{display:grid;grid-template-columns:1fr 260px;gap:25px;margin:20px 0}.listing-overview img{width:260px;height:150px}.listing-overview p{font-size:12px}.listing-overview aside{border:1px solid #bbb;background:#f2f1e5;padding:12px}.listing-overview h2{margin:0 0 8px!important;font-size:18px!important}.listing-overview .enquiry{background:#3d637a;color:#fff;padding:10px 18px}.directory-tabs{display:flex;gap:4px;border-bottom:3px solid #52758c;margin:25px 0}.directory-tabs a{padding:9px 16px;background:#e0e8ee;color:#244252;font-weight:bold;font-size:12px}.old-directory section h2{background:#edf1f3;font-size:17px!important;padding:8px}.old-directory dl>div{display:grid;grid-template-columns:180px 1fr;border:1px solid #ccc;border-bottom:0}.old-directory dl>div:last-child{border-bottom:1px solid #ccc}.old-directory dt,.old-directory dd{padding:7px;margin:0}.old-directory dt{background:#eee}.before-dive{background:#1f2e36}.old-dive{max-width:1040px;margin:auto;background:#263c47;color:#e0eaf0;font:13px/1.5 Arial,sans-serif;border:1px solid #75909d}.old-dive>header{padding:25px;background:linear-gradient(#1a2c35,#355664);border-bottom:4px solid #67b4d2}.old-dive header span{font:10px/1.5 monospace;color:#b2d3e0}.old-dive header h1{font:bold 32px/1.2 Arial;margin:12px 0 0}.old-dive>nav{display:flex;gap:0;background:#15262f}.old-dive>nav a{padding:14px 20px;border-right:1px solid #617d8a;font-size:12px}.dive-old-columns{display:grid;grid-template-columns:1fr 230px;gap:20px;padding:20px}.dive-old-columns section{border:1px solid #587785;margin-bottom:18px;padding:0 18px 18px;background:#304a57}.dive-old-columns h2{font-size:19px!important;color:#e2f0f5;border-bottom:1px solid #72919f;padding-bottom:8px}.dive-old-columns img{width:170px;height:110px;float:right;margin:0 0 10px 15px}.club-topic{font:10px/1.5 monospace;color:#b4d4e0}.dive-old-columns aside{border:1px solid #698591;background:#1b303a;padding:0 15px;align-self:start}.dive-old-columns aside a{display:block;border-bottom:1px solid #587785;padding:12px 0}.old-dive dl div{display:grid;grid-template-columns:120px 1fr;border-bottom:1px solid #72919f;gap:15px;padding:9px 0}.old-dive dd{margin:0}.club-end{padding:15px 20px;background:#15262f;font-size:12px}
@media(max-width:1000px){.dock-layout{grid-template-columns:145px minmax(0,1fr)}.dock-rail{padding:30px 20px}.dock-brand{font-size:32px}.dock-opening,.dock-photo{padding-inline:30px}.departure-row{grid-template-columns:75px minmax(0,1fr) 135px;gap:18px}.dock-intro>span{display:none}.house-letter{gap:35px;padding-inline:35px}.letter-copy h1{font-size:52px}.house-collage{padding-left:20px}.house-collage>figure>img{height:400px}.room-register{padding:55px 35px}.room-photo{padding:55px 30px}.whale-chapter{grid-template-columns:50px 1fr;gap:25px}.whale-chapter aside{grid-column:2}.motel-welcome h1{font-size:90px}.depth-opening h1{font-size:76px}.depth-journey>section{padding-right:45px;grid-template-columns:70px 1fr;gap:35px}.below-content,.surface-detail{gap:35px}.portal-columns{grid-template-columns:140px 1fr 150px}}
@media(max-width:760px){
.sample h2{font-size:36px}.sample .micro{font-size:9px;letter-spacing:.12em}.sample .enquiry{font-size:14px;gap:15px}.dock-layout{display:block}.dock-rail{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:25px 20px}.dock-brand{font-size:34px}.dock-brand span{font-size:8px;margin-top:12px}.dock-rail nav{gap:10px;font-size:10px;align-self:center}.dock-rail nav a{padding-bottom:6px}.dock-rail>p,.dock-mark{display:none}.dock-opening{padding:35px 20px 0}.dock-opening h1{font-size:43px;letter-spacing:-.065em}.dock-intro{margin:22px 0 28px}.dock-intro p{font-size:15px}.board-title h2{font-size:18px;max-width:180px}.board-title>span{font-size:8px;max-width:65px}.departure-row{grid-template-columns:57px minmax(0,1fr);gap:15px;padding:22px 0}.hours b{font-size:60px;letter-spacing:-4px}.hours{gap:5px}.hours span{font-size:8px}.departure-row h3{font-size:21px}.departure-row p{font-size:12px}.departure-price{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.departure-price .enquiry{margin:0;font-size:12px;padding:9px}.dock-photo{padding:25px 20px 0}.dock-photo img{height:260px}.dock-photo figcaption{font-size:10px}.captain-note{padding:45px 20px;grid-template-columns:1fr;gap:20px}.captain-note>.micro{margin:0}.captain-note p{font-size:15px}.dock-departure{padding:35px 20px;grid-template-columns:1fr;gap:30px}.dock-departure h2{font-size:30px}.dock-departure p{font-size:14px;margin-top:15px}.dock-end{padding:25px 20px;display:block}.dock-end .concept-return{display:block;margin-top:18px}
.house-mast{padding:25px 20px 0}.house-mast>a{font-size:38px;letter-spacing:-1px}.house-mast>p{font-size:8px;letter-spacing:.12em}.house-mast nav{gap:18px 24px;padding:14px 0;margin-top:23px;flex-wrap:wrap;font-size:12px}.house-mast nav .enquiry{font-size:12px}.house-letter{padding:40px 25px 55px;display:flex;flex-direction:column;gap:40px}.letter-copy h1{font-size:47px;margin-bottom:22px}.salutation{font-size:21px;margin-bottom:20px}.letter-copy>p:not(.micro):not(.salutation){font-size:15px}.letter-copy .letter-sign{margin-top:22px}.house-collage{width:100%;padding:0 0 75px 32px}.house-collage>figure>img{height:340px}.house-inset{left:0;width:57%;padding:7px}.house-inset img{height:175px}.house-collage figcaption{font-size:13px}.house-note{padding:0 30px 55px}.house-note h2{font-size:38px;margin:20px 0}.house-note p{font-size:15px}.house-rooms{display:block}.room-photo{padding:30px 25px 0}.room-photo img{height:340px}.room-photo>p{font-size:16px}.room-register{padding:40px 25px}.room-register h2{font-size:41px}.room-register article>div{display:block}.room-register .enquiry{display:flex;margin-top:15px}.breakfast-letter{padding:50px 25px;display:block}.breakfast-letter h2{font-size:36px;margin-bottom:28px}.breakfast-letter p{font-size:15px}.house-arrival{padding:45px 25px 55px}.house-arrival h2{font-size:41px}.house-arrival>p{font-size:15px}
.wild-opening{min-height:790px}.wild-mast{padding:25px 20px}.wild-mast>a{font-size:22px}.wild-mast>a span{font-size:7px;max-width:125px}.wild-menu{width:160px}.wild-menu summary{font-size:12px;padding:10px 16px;gap:23px}.wild-menu nav{font-size:12px;padding:17px}.wild-title{padding:125px 25px 120px}.wild-title h1{font-size:110px;letter-spacing:-8px}.wild-title>p:not(.micro){font-size:16px;max-width:270px}.wild-caption{right:20px;bottom:15px;font-size:8px}.season-roundel{width:100px;height:100px;font-size:17px;right:20px;bottom:72px}.season-roundel span{font-size:8px;margin-top:7px}.wild-image{object-position:63% center}.wild-opening:after{background:linear-gradient(90deg,#052c3ee8,#052c3e65)}.field-guide{padding:50px 25px}.field-heading{display:block;margin-bottom:32px}.field-heading h2{font-size:43px;margin-bottom:25px}.field-heading>p:last-child{font-size:15px}.whale-chapter{grid-template-columns:32px 1fr;gap:18px;padding:30px 0}.chapter-index{font-size:34px;letter-spacing:-2px}.whale-chapter h3,.island-chapter h3{font-size:29px}.whale-chapter p,.island-chapter p{font-size:14px}.whale-chapter dl{gap:35px;padding:20px 0}.whale-chapter dd{font-size:23px}.whale-chapter dt{font-size:9px}.whale-chapter aside{padding:20px;margin-top:10px}.island-chapter{display:flex;flex-direction:column;gap:30px;margin-top:35px}.island-chapter>div{width:100%}.island-chapter img{height:270px}.island-chapter .chapter-index{margin-bottom:20px}.onboard-notes{padding:45px 25px;display:block}.onboard-notes h2{font-size:38px;margin-bottom:25px}.onboard-notes p{font-size:15px}.onboard-notes ol{display:block}.onboard-notes li{margin-top:22px;padding:20px 0 0}.wild-departure{padding:50px 25px;display:block}.wild-departure h2{font-size:38px;margin-bottom:25px}.wild-departure p{font-size:15px}
.motel-route{padding:22px 20px 13px;display:block}.motel-logo{font-size:18px}.motel-logo span{font-size:8px}.motel-route nav{margin-top:22px;border-top:1px dashed #96a68d;padding-top:10px;justify-content:space-between;font-size:11px}.motel-route nav a{padding:5px 10px;border:0}.motel-route nav a:first-child{padding-left:0}.motel-opening{padding:30px 20px 40px}.motel-welcome>p{font-size:8px;letter-spacing:.07em}.motel-welcome h1{font-size:62px;letter-spacing:-4px;margin:22px 0}.motel-welcome>div{display:block}.motel-welcome p{font-size:14px}.motel-welcome .enquiry{margin-top:20px;padding:13px 20px}.room-plan{grid-template-columns:1fr}.plan-title{display:block;padding:18px}.plan-title h2{font-size:23px}.plan-title p{font-size:11px;margin-top:10px}.plan-room{padding:22px}.plan-room+.plan-room{border-left:0;border-top:2px solid #384e3e}.plan-room-top{font-size:12px}.plan-room-top>span{font-size:8px;max-width:95px}.plan-room svg{margin:14px auto;width:155px}.plan-room-text h3{font-size:26px}.plan-room-text p{font-size:13px}.plan-room-text .enquiry{font-size:13px}.parking-lane{word-spacing:15px;padding:10px;font-size:10px}.motel-essentials{padding:40px 25px;display:block}.motel-essentials h2{font-size:37px;margin-bottom:35px}.motel-essentials dl{gap:25px 20px}.motel-essentials dt{font-size:23px}.motel-essentials dd{font-size:13px}.motel-coast{padding:45px 25px;display:flex;flex-direction:column;gap:35px;align-items:stretch}.coast-pictures img:first-child{height:250px}.coast-pictures img:last-child{height:170px}.motel-coast h2{font-size:39px}.motel-coast p{font-size:15px}.motel-arrival{margin:0 25px;padding:45px 0;display:block}.arrival-sign{font-size:34px;width:220px}.motel-arrival>div:first-child{margin-bottom:45px}.motel-arrival h2{font-size:28px}.motel-arrival summary{font-size:16px}
.dive-mast{padding:25px 20px;display:block}.dive-mast>a{font-size:34px}.dive-mast>p{font-size:8px;margin-top:18px;letter-spacing:1px}.dive-mast>p br{display:none}.depth-opening{padding:35px 20px 0;display:block}.depth-opening h1{font-size:65px;letter-spacing:-4px}.depth-choices{margin-top:25px}.depth-choices a{font-size:22px;padding:20px 35px 20px 0}.depth-choices a span{font-size:9px;margin-bottom:12px}.depth-choices a b{font-size:28px}.waterline{margin-top:30px}.waterline img{height:175px}.waterline span{left:12px;bottom:12px;font-size:7px;letter-spacing:1.5px;padding:9px}.depth-journey>section{padding:45px 20px 45px 15px;grid-template-columns:36px 1fr;gap:18px}.depth-label{font-size:24px;background-size:6px 100%}.depth-label span{font-size:8px;letter-spacing:2px}.surface-section h2,.below-section h2{font-size:39px}.depth-lead{font-size:17px;margin:24px 0 28px}.surface-detail{display:block}.surface-detail h3{font-size:23px}.surface-detail p{font-size:14px;margin:18px 0}.surface-detail aside{margin-top:35px;padding-left:18px}.surface-detail .enquiry,.below-content .enquiry{font-size:13px;padding:13px 16px}.below-content{display:flex;flex-direction:column;gap:25px}.below-content p{font-size:15px}.below-content img{height:240px}.below-section h2{margin-bottom:28px}.dive-ready h2{font-size:32px}.dive-ready p,.dive-ready li{font-size:14px}.dive-ready .enquiry{font-size:13px}
.before-page main{padding:20px 12px}.old-fishing{font-size:12px;border-width:4px}.old-fishing>header{padding:15px 10px}.old-fishing header h1{font-size:30px}.old-fishing nav{gap:4px;padding:8px}.old-fishing nav a{font-size:9px;padding:6px 4px;border-width:2px}.fish-alert{font-size:9px;padding:9px}.fish-old-grid{grid-template-columns:85px minmax(0,1fr);gap:8px;padding:8px}.fish-old-grid aside{padding:6px;border-width:2px}.fish-old-grid aside h2{font-size:14px}.fish-old-grid aside p{font-size:10px}.fish-old-grid aside img{width:100%;height:65px}.fish-old-grid section{padding:0 9px 9px}.fish-old-grid h2{font-size:16px!important}.fish-old-grid h3{font-size:13px!important}.fish-old-bottom{padding:0 15px 18px}.fish-old-bottom h2{font-size:18px!important}.old-house{padding:22px;border-width:8px;font-size:13px}.old-house header h1{font-size:30px}.old-house nav{font-size:10px}.old-house h2{font-size:20px!important}.old-house h3{font-size:16px!important}.old-house .oval-photo{width:150px}.oval-photo img{height:110px}.old-tour{font-size:11px}.old-tour>header{padding:18px}.old-tour header h1{font-size:27px}.old-tour>nav{font-size:9px;word-spacing:3px;padding:10px}.portal-columns{grid-template-columns:75px minmax(0,1fr);padding:8px;gap:8px}.portal-left{padding:7px}.portal-left h2{font-size:12px!important;padding:6px}.portal-left a{font-size:10px}.portal-feature{padding:5px}.portal-feature img{height:130px}.portal-feature p{font-size:9px}.portal-main h2{font-size:17px!important}.portal-main h3{font-size:14px!important}.portal-offers{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:15px;align-items:center;justify-content:center}.portal-offers h2{width:100%;margin:0!important}.portal-offers strong{font-size:24px}.portal-offers hr{display:none}.portal-offers .enquiry{font-size:10px;margin:0}.old-directory{padding:0 14px 18px;font-size:12px}.directory-top{margin:0 -14px;font-size:18px;padding:13px}.directory-top span{float:none;display:block;font-size:10px;margin-top:6px}.old-directory>nav{margin:0 -14px;padding:8px;font-size:9px}.old-directory header h1{font-size:26px}.old-directory header p{font-size:10px}.listing-overview{grid-template-columns:1fr 145px;gap:10px;margin:15px 0}.listing-overview img{width:100%;height:110px}.listing-overview aside{padding:8px}.listing-overview h2{font-size:14px!important}.listing-overview p{font-size:10px}.listing-overview .enquiry{font-size:10px;padding:8px}.directory-tabs{gap:2px}.directory-tabs a{font-size:9px;padding:8px}.old-directory section h2{font-size:16px!important}.old-directory dl>div{grid-template-columns:115px 1fr}.old-directory dt,.old-directory dd{padding:6px;font-size:11px}.old-dive{font-size:11px}.old-dive>header{padding:18px 14px}.old-dive header h1{font-size:25px}.old-dive header span{font-size:8px}.old-dive>nav a{font-size:9px;padding:10px}.dive-old-columns{grid-template-columns:minmax(0,1fr) 95px;gap:9px;padding:9px}.dive-old-columns section{padding:0 9px 10px}.dive-old-columns h2{font-size:15px!important}.dive-old-columns h3{font-size:13px!important}.dive-old-columns img{width:85px;height:65px;margin:0 0 7px 8px}.dive-old-columns aside{padding:0 8px}.dive-old-columns aside h2{font-size:13px!important}.dive-old-columns aside p,.dive-old-columns aside a{font-size:10px}.old-dive dl div{grid-template-columns:1fr;gap:3px}.club-topic{font-size:8px}.club-end{font-size:10px;padding:12px}}
/* Refinements from the side-by-side review. */
.wild-menu{border:0}.wild-menu summary:after{content:none}.wild-menu[open] summary:after{content:none}.wild-menu[open] summary span{transform:rotate(45deg)}
.house-collage figcaption{margin-left:60%}
.motel-opening{display:grid;grid-template-columns:340px minmax(0,1fr);gap:45px;align-items:center;padding-block:65px}
.motel-welcome{background:#334b3d;color:#fff2d3;border:7px double #e3b567;padding:32px 26px;text-align:center;box-shadow:9px 9px 0 #d7d5b7}
.motel-welcome>p{font-size:9px;letter-spacing:.12em}.motel-welcome h1{font:76px/.98 'DM Serif Display',serif;letter-spacing:-3px;margin:30px 0}.motel-welcome>div{display:block;margin:0}.motel-welcome p{font-size:14px}.motel-welcome .enquiry{background:#efc66f;color:#2b4032;margin-top:25px;padding:13px 17px;font-size:13px}.sign-arrow{display:block;font-size:65px;line-height:1;margin-top:25px;color:#efc66f}
.plan-title{display:block}.plan-title p{margin-top:12px}.plan-room{padding:25px}.plan-room-top{display:block}.plan-room-top strong{display:block;margin-top:12px}.plan-room svg{width:190px;height:130px;margin:25px auto}.plan-room-text h3{font-size:25px}.plan-room-text p{font-size:13px}.plan-room-text .enquiry{font-size:12px;gap:10px}.parking-lane{word-spacing:20px}
.depth-journey{position:relative}.depth-journey:before{content:'';position:absolute;left:143px;top:0;bottom:0;width:12px;border-right:1px solid #80a69b;background:repeating-linear-gradient(to bottom,transparent 0 19px,#80a69b 19px 20px);z-index:1;pointer-events:none}.depth-label{border:0;background:none}
@media(max-width:1100px) and (min-width:761px){.motel-opening{grid-template-columns:260px minmax(0,1fr);padding-inline:30px;gap:25px}.motel-welcome h1{font-size:60px}.plan-room{padding:18px}.plan-room svg{width:125px}.plan-room-text h3{font-size:22px}}
@media(max-width:1000px){.depth-journey:before{left:113px}}
@media(max-width:760px){.motel-opening{display:block;padding:35px 25px 40px}.motel-welcome{padding:25px 20px;margin:0 14px 40px}.motel-welcome h1{font-size:62px;margin:23px 0}.motel-welcome>p{font-size:8px}.sign-arrow{font-size:45px;transform:rotate(90deg);margin-top:20px}.plan-room{padding:22px}.plan-room-top{display:flex;align-items:baseline}.plan-room-top strong{margin:0}.plan-room svg{width:180px;height:120px;margin:18px auto}.plan-room-text h3{font-size:27px}.plan-room-text .enquiry{font-size:13px}.parking-lane{word-spacing:15px}.depth-journey:before{left:45px;width:6px}.house-collage figcaption{font-size:12px}.wild-menu summary span{font-size:16px;line-height:1}}
.sign-arrow{width:70px;margin-inline:auto;pointer-events:none}