@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Playfair+Display:ital,wght@1,500;1,600&display=swap');
:root{--ink:#123a56;--blue:#087bb5;--deep:#073b67;--yellow:#f8cf5b;--paper:#fbf9f2;--muted:#687c88;--line:#dbe3e5;--serif:"Playfair Display",Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}main{overflow-x:clip}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #e2a82f;outline-offset:4px}::selection{background:var(--yellow);color:var(--ink)}h1,h2,h3,p{margin-top:0}.container{width:min(1280px,88%);margin-inline:auto}.skip{position:fixed;top:-90px;left:15px;padding:15px;z-index:50;background:var(--yellow)}.skip:focus{top:15px}.topbar{background:var(--deep);color:#d5eaf5;font-size:8px;letter-spacing:1.1px}.topbar .container{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar i{color:var(--yellow);font-style:normal;margin:0 10px}.topbar a{font-size:10px;letter-spacing:0}header{position:sticky;top:0;z-index:20;background:#fffffff5;border-bottom:1px solid #dce8ea70;backdrop-filter:blur(15px)}.navigation{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{width:255px;display:block}.brand img{width:100%;mix-blend-mode:multiply}nav{display:flex;align-items:center;gap:33px;font-size:12px}nav>a:not(.button){color:#597082}nav>a:hover{color:var(--blue)}.menu-toggle{display:none}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:34px;padding:19px 24px;border:1px solid transparent;font-size:12px;font-weight:650;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button>span{font-size:19px}.button.small{padding:14px 20px;gap:27px;font-size:11px}.blue{background:var(--blue);color:white}.blue:hover{background:#066194}.yellow{background:var(--yellow);color:#173e52}.yellow:hover{background:#ffe18a}.line-link{display:inline-flex;align-items:center;gap:27px;font-size:12px;border-bottom:1px solid #91aebd;padding:11px 0;transition:color .2s}.line-link:hover{color:var(--blue)}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:75px;align-items:center;padding:65px 0 80px}.eyebrow{font-size:9px;letter-spacing:1.8px;line-height:1.8;font-weight:650;color:var(--blue);margin:0 0 25px}.eyebrow.light{color:#ffe08b}.dot{display:inline-block;background:var(--blue);width:6px;height:6px;border-radius:50%;margin-right:8px;vertical-align:middle;box-shadow:0 0 0 4px #087bb50b}h1{font-size:clamp(57px,5.9vw,85px);line-height:1.12;font-weight:500;letter-spacing:-3.4px;margin-bottom:27px}em{font-family:var(--serif);font-weight:500}h1 em{color:var(--blue)}.hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.95;color:var(--muted);margin-bottom:30px;max-width:450px}.hero-actions{display:flex;align-items:center;gap:27px}.hero-actions .line-link{font-size:11px;gap:18px}.hero-note{display:flex;gap:16px;align-items:center;margin-top:38px}.hero-note>span{font-size:38px;color:#c7a448}.hero-note p{font-size:12px;margin:0}.hero-note small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.hero-visual{position:relative;min-width:0;margin:0 15px 25px 0;isolation:isolate}.sun-disc{position:absolute;right:-33px;top:-33px;width:260px;height:260px;border-radius:50%;background:#f4d674;z-index:-1;outline:1px solid #dfbb5580;outline-offset:13px}.hero-image{height:560px;position:relative;overflow:hidden;border-radius:125px 3px 3px 3px;background:#a6ccde}.hero-image>img{width:100%;height:100%;object-fit:cover;object-position:center 57%}.hero-image-label{position:absolute;left:0;right:0;bottom:0;padding:40px 22px 20px;color:#fff;font-size:8px;letter-spacing:1.4px;background:linear-gradient(transparent,#063353c9)}.mini-photo{position:absolute;width:195px;bottom:-33px;left:-55px;background:#fffef7;padding:9px 9px 16px;box-shadow:0 10px 35px #164f6730;transform:rotate(-8deg)}.mini-photo>img{height:135px;width:100%;object-fit:cover}.mini-photo>span{display:block;text-align:center;font-family:var(--serif);font-style:italic;font-size:17px;margin-top:12px}.vertical-label{position:absolute;right:-29px;top:180px;writing-mode:vertical-rl;letter-spacing:1.5px;font-size:7px;color:var(--muted)}.island-strip{background:#e9f1f2;border-block:1px solid #d8e4e8}.island-strip .container{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:94px}.island-strip span:first-child{font-size:10px;font-weight:600;letter-spacing:1.2px}.island-strip span:nth-child(2){font-size:29px;color:#ba9942}.island-strip p{font-family:var(--serif);font-size:22px;font-style:italic;margin:0}.island-strip a{font-size:11px}.section{padding:105px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:45px}h2{font-size:clamp(38px,4.15vw,58px);line-height:1.15;font-weight:500;letter-spacing:-1.8px;margin-bottom:0}h2 em{color:var(--blue)}.section-aside{max-width:290px;font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 4px}.experience-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.experience-photo{display:block;position:relative;height:340px;background:#bed5df;overflow:hidden}.experience-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.experience-photo:hover img{transform:scale(1.045)}.experience-card:nth-child(2) .experience-photo img{object-position:center 65%}.photo-tag{position:absolute;top:16px;left:16px;background:#fffdf2;padding:9px 12px;font-size:7px;letter-spacing:1.2px;font-weight:600}.photo-arrow{position:absolute;right:16px;bottom:16px;background:var(--yellow);width:38px;height:38px;display:grid;place-items:center;font-size:22px}.experience-card h3{font-size:26px;font-weight:500;letter-spacing:-.8px;margin:23px 0 14px}.experience-card p{color:var(--muted);font-size:12px;line-height:1.9;min-height:46px;margin-bottom:15px}.experience-card .line-link{font-size:11px}.photo-note{border-top:1px solid var(--line);padding-top:22px;margin:30px 0 0;color:var(--muted);font-size:10px;line-height:1.9}.about{background:#edf3f2;border-block:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:95px;align-items:center}.about-visual{position:relative;margin-right:15px}.about-visual>img{width:100%;height:430px;object-fit:cover}.photo-caption{display:flex;justify-content:space-between;gap:20px;background:#e0e9e7;padding:20px 17px;font-size:7px;letter-spacing:1px}.round-stamp{position:absolute;right:-33px;top:27px;z-index:1;width:105px;height:105px;border-radius:50%;background:var(--yellow);outline:1px solid #9b954e;outline-offset:-7px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(10deg)}.round-stamp span{font-size:6px;letter-spacing:.9px}.round-stamp b{font-size:33px;line-height:1.6}.about-copy h2{margin-bottom:26px}.about-copy>p:not(.eyebrow){font-size:13px;line-height:1.95;color:var(--muted)}.about-copy>p.lead{font-size:18px;color:var(--ink)}.about-copy .line-link{margin-top:12px}.vip{background:#073b67;color:#f8f8ec;position:relative}.vip-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center}.vip h2 em{color:#f9d875}.vip-copy>p:not(.eyebrow){font-size:14px;line-height:1.95;color:#bad4e5;max-width:440px;margin:25px 0}.package-tags{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 30px}.package-tags span{font-size:11px;border:1px solid #d7eafb40;border-radius:25px;padding:10px 16px;color:#eef3e5}.vip-copy>small{display:block;font-size:10px;line-height:1.9;color:#adccdf;max-width:400px;margin-top:20px}.vip-visual>img{height:400px;width:100%;object-fit:cover}.vip-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 17px;background:#052f54;font-size:8px;letter-spacing:1.5px}.vip-caption span:last-child{color:var(--yellow);font-size:25px;line-height:1}.gallery-aside{max-width:290px}.gallery-aside .section-aside{margin-bottom:12px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:270px 270px;gap:21px}.gallery-photo{position:relative;padding:0;border:0;background:#bbd2df;display:block;min-width:0;overflow:hidden;text-align:left;cursor:zoom-in}.gallery-photo.tall{grid-row:span 2}.gallery-photo.wide{grid-column:span 2}.gallery-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.gallery-photo:hover img{transform:scale(1.04)}.gallery-photo>span{position:absolute;left:0;right:0;bottom:0;padding:50px 20px 22px;background:linear-gradient(transparent,#063652d6);color:#fffdf0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.gallery-photo b{font-size:22px;font-weight:400}.planning{padding-top:0}.planning>.container{border-top:1px solid var(--line);padding-top:80px}.planning-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.planning-steps article{border-top:1px solid #a6bdc8;padding-top:23px}.planning-steps article>span{display:flex;justify-content:space-between;font-family:var(--serif);font-size:37px;font-style:italic;color:var(--blue);margin-bottom:33px}.planning-steps i{font-family:Arial,sans-serif;font-style:normal;font-size:24px}.planning-steps h3{font-size:21px;font-weight:500;letter-spacing:-.5px;margin-bottom:16px}.planning-steps p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.contact{background:#eaf1f6;border-block:1px solid #d7e4ec}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;align-items:start}.contact-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin-top:25px}.contact-details{margin:30px 0 20px}.contact-details>a,.contact-details>div{display:block;border-top:1px solid #ccdde5;padding:17px 0}.contact-details span{display:block;font-size:8px;letter-spacing:1.4px;color:var(--muted);margin-bottom:10px}.contact-details strong{font-size:18px;font-weight:500;overflow-wrap:anywhere}.contact-details a:hover strong{color:var(--blue)}.enquiry-form{background:#fffef9;border:1px solid #d7e1e7;padding:35px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px}.form-grid label{font-size:11px;font-weight:550;display:block;min-width:0}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;min-width:0;background:#f5f7f6;border:1px solid #d3e0e3;color:var(--ink);padding:13px 12px;font-size:12px;min-height:46px;border-radius:0;margin-top:9px}.form-grid input[type="date"]{appearance:none}.form-grid textarea{resize:vertical;line-height:1.8}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#8698a1}.form-grid .full{grid-column:1/-1}.enquiry-form .button{margin-top:25px;width:100%}.form-note{font-size:10px;line-height:1.9;color:var(--muted);margin:17px 0 0}.enquiry-form [role="status"]{font-size:11px;color:var(--blue);line-height:1.8;margin:15px 0 0}#email-fallback{font-size:11px}#email-fallback[hidden]{display:none}.faq-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.questions details{border-bottom:1px solid var(--line)}.questions summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:13px;padding:23px 0}.questions summary::-webkit-details-marker{display:none}.questions summary span{font-size:23px;color:var(--blue);transition:transform .2s}.questions details[open] summary span{transform:rotate(45deg)}.questions p{font-size:12px;line-height:1.95;color:var(--muted);padding-right:25px;margin-bottom:24px}.last-call{position:relative;isolation:isolate;background:#0a4675;color:#fffdf0;text-align:center;padding:85px 0 95px;overflow:hidden}.last-call h2{font-size:clamp(40px,4.6vw,65px)}.last-call h2 em{color:#f9dd84}.last-call .button{margin-top:33px}.last-sun{position:absolute;right:-25px;top:-100px;z-index:-1;font-size:550px;color:#f9d8750a;line-height:1;transform:rotate(15deg)}footer{background:#fffef9}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:35px;border-bottom:1px solid var(--line)}.footer-main .brand{width:225px}.footer-main p{font-size:18px;margin:0}.footer-main p em{font-size:23px;color:var(--blue)}.footer-main>a:last-child{font-size:8px;letter-spacing:1.4px}.footer-bottom{padding-block:24px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:9px}.footer-bottom>span:nth-child(2){letter-spacing:1.3px;font-size:8px}.floating-contact{position:fixed;right:23px;bottom:23px;z-index:15;display:flex;align-items:center;gap:11px;background:var(--yellow);color:var(--ink);padding:13px 18px;border-radius:30px;border:1px solid #ebc449;box-shadow:0 5px 22px #194b6630;font-size:12px;font-weight:550;transition:transform .2s}.floating-contact>span{font-size:24px;line-height:1}.floating-contact b{font-size:18px;font-weight:400}.floating-contact:hover{transform:translateY(-4px)}dialog{background:#fffef7;border:1px solid #bdcfd9;padding:14px;max-width:92vw;max-height:94svh;width:max-content;overflow:auto}dialog::backdrop{background:#022b4ae6;backdrop-filter:blur(8px)}dialog>img{width:auto;height:auto;max-width:84vw;max-height:76svh;object-fit:contain}.dialog-close{position:absolute;right:22px;top:22px;border:1px solid #b5d6e5;background:#073b67e6;color:white;width:40px;height:40px;font-size:26px;border-radius:50%}.dialog-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:14px}.dialog-footer>button{border:1px solid var(--line);background:#eaf1f4;color:var(--ink);width:37px;height:37px;flex-shrink:0;font-size:20px}.dialog-footer p{font-size:12px;line-height:1.8;margin:0;text-align:center}body.dialog-open{overflow:hidden}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.js .reveal.visible{opacity:1;transform:none}.js .experience-cards .reveal:nth-child(2),.js .planning-steps .reveal:nth-child(2){transition-delay:.1s}.js .experience-cards .reveal:nth-child(3),.js .planning-steps .reveal:nth-child(3){transition-delay:.2s}
@media(max-width:1100px){nav{gap:25px}.brand{width:230px}.hero{gap:55px}.hero-image{height:520px}.mini-photo{width:175px;left:-35px}.mini-photo>img{height:115px}.hero-actions{gap:22px;flex-wrap:wrap}.island-strip p{font-size:19px}.island-strip span:first-child{font-size:9px}.island-strip a{font-size:10px}.experience-photo{height:305px}.about-grid,.vip-grid,.contact-grid{gap:55px}.gallery-grid{grid-template-rows:240px 240px}.enquiry-form{padding:28px}}
@media(max-width:900px){.brand{width:210px}nav{font-size:11px;gap:20px}.hero{gap:40px}.hero h1{font-size:58px;letter-spacing:-2px}.hero-copy>p:not(.eyebrow){font-size:12px}.hero-image{height:490px}.sun-disc{width:210px;height:210px;right:-20px;top:-20px}.mini-photo{width:155px;left:-25px}.mini-photo>img{height:105px}.mini-photo>span{font-size:15px}.hero-note p{font-size:11px}.hero-note small{font-size:9px}.island-strip .container{gap:20px}.island-strip p{font-size:16px}.island-strip a{font-size:9px}.experience-cards{gap:20px}.experience-card h3{font-size:23px}.experience-card p{font-size:11px;min-height:62px}.experience-card .line-link{font-size:10px;gap:20px}.photo-tag{font-size:6px;padding:8px}.about-grid,.vip-grid,.contact-grid{gap:40px}.about-copy>p:not(.eyebrow){font-size:12px}.about-visual>img{height:390px}.vip-visual>img{height:370px}.form-grid{gap:20px 14px}.form-grid input,.form-grid select{font-size:11px;padding:12px 9px}.contact-details strong{font-size:16px}.faq-grid{gap:50px}}
@media(max-width:760px){
html{scroll-padding-top:94px}.topbar{font-size:6px;letter-spacing:.7px}.topbar .container{min-height:30px;gap:10px}.topbar>div>span{max-width:180px;line-height:1.7}.topbar i{margin:0 5px}.topbar a{font-size:7px}.navigation{min-height:78px}.brand{width:215px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:42px;height:42px;background:none;border:1px solid #a3bdca;padding:11px}.menu-toggle span{display:block;width:100%;height:1px;background:var(--blue)}nav{position:absolute;top:78px;left:0;right:0;display:none;background:#fffef7;padding:25px 6%;box-shadow:0 20px 25px #16466a20;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:24px;font-size:13px}nav .button.small{padding:16px 20px;font-size:12px}
.hero{grid-template-columns:1fr;padding:48px 0 65px;gap:52px}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:22px}.hero .eyebrow{font-size:7px}.hero h1{font-size:clamp(49px,11.7vw,72px);letter-spacing:-2px}.hero-copy>p:not(.eyebrow){font-size:13px;max-width:380px}.hero-copy>p br{display:none}.hero-actions{gap:23px}.button{padding:17px 21px;font-size:11px;gap:27px}.hero-actions .line-link{font-size:10px;gap:15px}.hero-note{margin-top:27px;gap:13px}.hero-note>span{font-size:32px}.hero-note p{font-size:11px}.hero-note small{font-size:9px}.hero-visual{margin:0 13px 30px 12px}.hero-image{height:470px;border-radius:110px 3px 3px 3px}.sun-disc{width:190px;height:190px;right:-10px;top:-20px;outline-offset:10px}.mini-photo{width:165px;left:-18px;bottom:-30px}.mini-photo>img{height:115px}.mini-photo>span{font-size:16px}.vertical-label{right:-22px;font-size:6px;letter-spacing:1px;top:160px}
.island-strip .container{flex-wrap:wrap;justify-content:flex-start;gap:12px 16px;min-height:105px;padding-block:20px}.island-strip span:first-child{width:calc(100% - 42px);font-size:10px}.island-strip span:nth-child(2){font-size:25px;line-height:1}.island-strip p{font-size:16px}.island-strip a{margin-left:auto;font-size:9px;max-width:106px;line-height:1.7;text-align:right}
.section{padding:70px 0}h2{font-size:39px;letter-spacing:-1.3px}.section-heading{display:block;margin-bottom:32px}.section-aside{max-width:340px;font-size:12px;margin:23px 0 0}.experience-cards{grid-template-columns:1fr;gap:35px}.experience-photo{height:370px}.photo-tag{font-size:7px;padding:9px 11px}.experience-card h3{font-size:27px}.experience-card p{font-size:12px;min-height:0}.experience-card .line-link{font-size:12px;gap:30px}.photo-note{font-size:9px}
.about-grid{grid-template-columns:1fr;gap:40px}.about-visual{margin-right:10px}.about-visual>img{height:360px}.photo-caption{font-size:6px;padding:18px 14px;gap:12px}.round-stamp{width:90px;height:90px;right:-20px;top:23px}.round-stamp span{font-size:5px}.round-stamp b{font-size:29px}.about-copy>p:not(.eyebrow){font-size:13px}.about-copy>p.lead{font-size:17px}
.vip-grid{grid-template-columns:1fr;gap:35px}.vip-copy>p:not(.eyebrow){font-size:13px}.package-tags{gap:9px}.package-tags span{font-size:10px;padding:9px 14px}.vip-copy>small{font-size:9px}.vip-visual>img{height:320px}.vip-caption{font-size:7px;padding:17px 14px}
.gallery-aside{max-width:340px;margin-top:23px}.gallery-aside .section-aside{margin-top:0}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:320px 230px;gap:14px}.gallery-photo.tall{grid-row:auto}.gallery-photo.wide{grid-column:auto}.gallery-photo>span{font-size:10px;line-height:1.7;padding:45px 12px 15px;gap:12px}.gallery-photo b{font-size:17px}
.planning{padding-top:0}.planning>.container{padding-top:58px}.planning-steps{grid-template-columns:1fr;gap:30px}.planning-steps article>span{font-size:33px;margin-bottom:25px}.planning-steps h3{font-size:21px}.planning-steps p{font-size:12px}
.contact-grid{grid-template-columns:1fr;gap:35px}.contact-copy>p:not(.eyebrow){font-size:13px}.contact-copy>p br{display:none}.contact-details strong{font-size:16px}.enquiry-form{padding:27px 22px}.form-grid{gap:21px 16px}.form-grid label{font-size:10px}.form-grid label:has(select){grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{font-size:12px;padding:12px 9px}.enquiry-form .button{font-size:11px}.form-note{font-size:9px}.faq-grid{grid-template-columns:1fr;gap:25px}.questions summary{font-size:12px;line-height:1.7}.questions p{font-size:12px;padding-right:10px}
.last-call{padding:65px 0 75px}.last-call h2{font-size:41px}.last-sun{font-size:400px;right:-100px;top:-40px}.last-call .eyebrow{font-size:8px}.footer-main{flex-wrap:wrap;gap:25px;padding-block:30px}.footer-main .brand{width:205px}.footer-main p{width:100%;order:3;font-size:16px}.footer-main p em{font-size:21px}.footer-main>a:last-child{font-size:7px}.footer-bottom{font-size:8px;flex-wrap:wrap;gap:15px;padding-bottom:90px}.footer-bottom>span:nth-child(2){display:none}.floating-contact{right:16px;bottom:16px;padding:12px 16px;font-size:11px}
dialog{padding:10px}dialog>img{max-width:calc(92vw - 22px);max-height:76svh}.dialog-close{right:17px;top:17px;width:35px;height:35px}.dialog-footer{gap:10px}.dialog-footer p{font-size:10px}.dialog-footer>button{width:32px;height:32px}
}
@media(max-width:370px){.brand{width:180px}.hero h1{font-size:45px}.hero-actions{gap:17px}.hero-actions .button{padding:16px;gap:19px}.hero-actions .line-link{font-size:9px;gap:10px}.hero-image{height:430px}.island-strip p{font-size:14px}.island-strip a{font-size:8px;max-width:95px}.gallery-grid{grid-template-rows:270px 210px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.enquiry-form{padding:24px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.js .reveal{opacity:1;transform:none}}


/* Complete Sugar Bear photo and film album. */
.media-gallery{background:#f1f5f4;border-block:1px solid #dce7e7}
.album-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:24px;margin-bottom:30px;border-bottom:1px solid #d3e1e5}
.album-filters{display:flex;flex-wrap:wrap;gap:10px}
.album-filters button{border:1px solid #c6d9e1;border-radius:30px;background:transparent;padding:12px 18px;font-size:12px;transition:background .2s,color .2s}
.album-filters button span{font-size:9px;margin-left:10px;opacity:.75}
.album-filters button.active{background:var(--deep);border-color:var(--deep);color:white}
.album-filters button:not(.active):hover{background:#e0edf2}
.album-status{font-size:10px;line-height:1.8;color:var(--muted);margin:0}
.album-subheading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 0 20px}
.album-subheading .eyebrow{font-size:8px;letter-spacing:1.7px;margin:0}
.album-subheading>span{font-size:8px;letter-spacing:1.5px;color:var(--muted)}
.album-subheading i{font-style:normal;color:var(--blue);margin-left:12px}
.film-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:27px}
.film-card{display:block;width:100%;border:0;padding:0;text-align:left;background:#fffef8;box-shadow:0 1px 0 #123a5614}
.film-preview{height:355px;display:block;position:relative;overflow:hidden;background:#073b67}
.film-preview>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.film-card:first-child .film-preview>img{object-position:50% 48%}
.film-card:last-child .film-preview>img{object-position:50% 45%}
.film-card:hover .film-preview>img{transform:scale(1.04)}
.film-tint{position:absolute;inset:0;background:linear-gradient(0deg,#032a4ac9,transparent 55%,#032a4a60)}
.film-top{position:absolute;left:22px;right:22px;top:20px;display:flex;justify-content:space-between;color:#fff9e9;font-size:9px;letter-spacing:1.7px}
.film-top span:last-child{border:1px solid #ffffff55;padding:5px 8px;background:#073b6740;letter-spacing:.5px}
.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border:1px solid #ffffffa0;background:#fffdf020;backdrop-filter:blur(6px);border-radius:50%;display:grid;place-items:center;color:#fffdf0;font-size:35px;transition:background .2s,color .2s}
.film-card:hover .film-play{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
.film-preview-label{position:absolute;bottom:23px;left:22px;right:22px;color:#fff7dc;font-size:8px;letter-spacing:1.9px}
.film-info{padding:23px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.film-info small{display:block;font-size:7px;letter-spacing:1.5px;color:var(--blue);margin-bottom:10px}
.film-info strong{font-size:20px;font-weight:500;letter-spacing:-.4px;line-height:1.4}
.film-info b{font-size:25px;color:var(--blue);font-weight:400}
.photo-collection{margin-top:45px}
.album-masonry{columns:3;column-gap:23px}
.album-photo{display:block;width:100%;padding:0;border:0;text-align:left;background:#fffef9;break-inside:avoid;page-break-inside:avoid;margin:0 0 23px;box-shadow:0 1px 0 #123a5610;cursor:zoom-in}
.album-image{display:block;position:relative;overflow:hidden;background:#dce7e5}
.album-image>img{display:block;width:100%;height:auto;transition:transform .5s}
.album-photo:hover .album-image>img{transform:scale(1.035)}
.album-enlarge{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #fff8;background:#073b679c;color:#fffdf0;font-size:21px;transition:background .2s}
.album-photo:hover .album-enlarge{background:var(--blue)}
.album-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 20px;font-size:12px;line-height:1.75}
.album-caption small{display:block;font-size:7px;letter-spacing:1.4px;color:var(--blue);margin-bottom:6px}
.album-caption b{font-size:22px;color:#c1a14d;font-weight:400}
.album-end{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #d3e1e5;padding-top:35px;margin-top:20px}
.album-end-star{font-size:43px;color:#c8a649}
.album-end p{margin:0 auto 0 0;font-size:22px;line-height:1.3}
.album-end em{font-size:29px;color:var(--blue)}
[data-media-section][hidden]{display:none}
.media-viewer{background:#071d2d;color:#f6f7ed;border:1px solid #a4cbd34d;padding:15px;max-width:94vw;max-height:96svh;overflow:auto}
.media-viewer .viewer-stage{display:grid;place-items:center;min-height:150px}
.viewer-stage>img{width:auto;height:auto;max-width:86vw;max-height:78svh;object-fit:contain}
.viewer-stage>video{display:block;width:min(86vw,1100px);height:74svh;object-fit:contain;background:#000;max-height:78svh}
.viewer-stage>[hidden]{display:none}
.media-viewer .dialog-close{z-index:2;background:#071d2de8;border-color:#d0e9f080;right:24px;top:24px}
.media-viewer .dialog-footer{padding:16px 3px 2px}
.media-viewer .dialog-footer>div{flex:1;text-align:center;min-width:0}
.media-viewer .dialog-footer p{color:#f6f7ed;line-height:1.7;font-size:12px}
.media-viewer .dialog-footer>button{color:white;background:#ffffff0b;border-color:#ffffff40}
.media-viewer .dialog-footer>button:hover{background:#087bb5}
#media-position{display:block;color:#aec8d3;font-size:9px;letter-spacing:1.2px;margin-top:6px}
@media(max-width:1000px){.film-preview{height:310px}.film-info{padding:20px}.film-info strong{font-size:18px}.album-masonry{column-gap:18px}.album-photo{margin-bottom:18px}.album-caption{padding:16px}.album-toolbar{align-items:flex-start}.album-status{max-width:220px}}
@media(max-width:760px){
.album-toolbar{display:block;padding-bottom:20px;margin-bottom:25px}
.album-filters{gap:8px}.album-filters button{padding:11px 15px;font-size:11px}.album-filters button span{font-size:8px;margin-left:7px}
.album-status{margin-top:15px;font-size:9px;max-width:none}
.album-subheading{gap:15px;margin-bottom:17px}.album-subheading .eyebrow{font-size:7px;letter-spacing:1.2px}.album-subheading>span{font-size:6px;letter-spacing:.9px;max-width:105px;text-align:right;line-height:1.7}.album-subheading i{margin-left:4px}
.film-grid{grid-template-columns:1fr;gap:23px}.film-preview{height:300px}.film-card:last-child .film-preview{height:355px}.film-play{width:67px;height:67px;font-size:30px}.film-top{left:19px;right:19px;top:17px;font-size:8px}.film-preview-label{left:19px;bottom:20px;font-size:7px}.film-info{padding:21px}.film-info strong{font-size:19px}.film-info small{font-size:7px}
.photo-collection{margin-top:32px}.album-masonry{columns:2;column-gap:13px}.album-photo{margin-bottom:14px}.album-caption{padding:12px 11px;font-size:10px;line-height:1.7;gap:8px}.album-caption small{font-size:5px;letter-spacing:.9px}.album-caption b{font-size:16px}.album-enlarge{width:28px;height:28px;font-size:17px;right:9px;bottom:9px}
.album-end{flex-wrap:wrap;gap:20px;padding-top:27px}.album-end-star{font-size:34px}.album-end p{font-size:19px}.album-end em{font-size:25px}.album-end .button{width:100%}
.media-viewer{padding:10px}.viewer-stage>img{max-width:calc(94vw - 22px);max-height:76svh}.viewer-stage>video{width:calc(94vw - 22px);height:70svh}.media-viewer .dialog-close{right:17px;top:17px}.media-viewer .dialog-footer p{font-size:10px}.media-viewer .dialog-footer{gap:12px;padding-top:13px}#media-position{font-size:8px}
}
@media(max-width:370px){.album-filters button{padding:10px 12px;font-size:10px}.album-masonry{column-gap:10px}.album-caption{font-size:9px;padding:11px 9px}.album-caption small{font-size:5px}.film-preview{height:260px}.film-card:last-child .film-preview{height:320px}}