*{box-sizing:border-box}body{margin:0;background:#f6f8f8;color:#16343d;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}header{height:92px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #e0e8e9}.brand{text-decoration:none;color:#16343d;font-size:26px;font-weight:800;letter-spacing:-1.4px;display:flex;align-items:center;gap:4px}.brand span{font-weight:400}.brand i{width:22px;height:5px;background:#43bfc6;transform:skew(-30deg);margin-left:8px}.header-label{font-size:12px;letter-spacing:2px}.edition{font-size:12px;letter-spacing:1.5px;border:1px solid #d9e3e5;border-radius:24px;padding:11px 17px}main{max-width:1800px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:0}.preview{padding:24px}.photo{position:relative;overflow:hidden;border-radius:6px;background:#b9e4e7;aspect-ratio:1;max-height:none;min-height:0}canvas{width:100%;height:100%;object-fit:cover;display:block}.photo-heading{position:absolute;top:30px;left:32px;color:#fff;text-shadow:0 1px 15px #12394275;pointer-events:none}.photo-heading span{font-size:12px;letter-spacing:3px}.photo-heading h1{font-size:clamp(22px,2.3vw,38px);font-weight:400;letter-spacing:-1px;margin:9px 0}.compare{position:absolute;bottom:58px;left:24px;background:#ffffffec;border:1px solid #ffffffb3;border-radius:40px;padding:13px 20px;color:#183b44;font-size:14px;box-shadow:0 4px 20px #12394218}.compare[aria-pressed=true]{background:#16343d;color:white}.image-caption{position:absolute;bottom:22px;left:28px;right:28px;display:flex;justify-content:space-between;color:#fff;font-size:12px;letter-spacing:1.5px;text-shadow:0 1px 6px #16343d}.image-caption span{letter-spacing:0}#loading{position:absolute;top:48%;width:100%;text-align:center}aside{padding:40px 32px 20px 20px}.eyebrow{font-size:11px;letter-spacing:1.5px;color:#517681;font-weight:700}h2{font-size:34px;letter-spacing:-1.2px;font-weight:500;margin:14px 0 10px;line-height:1.08}.intro p{font-size:14px;color:#627980;margin:0 0 30px}.group{border-top:1px solid #dbe4e6;padding:21px 0 20px;margin:0;min-width:0;border-left:0;border-right:0;border-bottom:0}.group-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.group-title h3{margin:0;font-size:16px;font-weight:500}.group-title h3 small{font-size:11px;color:#779198;margin-right:10px}.chosen{font-size:13px;color:#617d85}.swatches{display:flex;gap:11px;flex-wrap:wrap}.swatch{border-radius:50%;width:36px;height:36px;border:1px solid #bcc8cb;background:var(--color);position:relative;padding:0}.swatch[aria-checked=true]:after{content:'';position:absolute;inset:-5px;border:1.5px solid #173b44;border-radius:50%}.swatch[aria-checked=true]:before{content:'✓';font-size:17px;color:var(--ink);position:absolute;inset:7px}.swatch:hover{transform:translateY(-2px)}button:focus-visible,a:focus-visible{outline:3px solid #158cba;outline-offset:6px}.bottom{border-top:1px solid #dbe4e6;padding-top:18px}.bottom button{padding:12px 0;width:100%;display:flex;justify-content:space-between;background:transparent;color:#173b44;border:0;font-size:14px}.bottom button span{font-size:22px}.bottom p{font-size:12px;color:#72868b;line-height:1.5;margin-top:18px}footer{display:flex;justify-content:space-between;padding:19px 4%;font-size:12px;color:#637f87;border-top:1px solid #e0e8e9}footer span:first-child{letter-spacing:1.5px}@media(min-width:1400px){aside{padding:55px 40px 20px 24px}main{grid-template-columns:minmax(0,1fr) 440px}.group{padding:26px 0}.swatch{width:40px;height:40px}}@media(max-width:900px){header{height:72px}.header-label{display:none}main{grid-template-columns:1fr}.preview{padding:12px}.photo{min-height:0;max-height:none;aspect-ratio:1}.photo-heading{top:22px;left:22px}.photo-heading h1{font-size:26px}aside{padding:24px;display:block}h2 br{display:none}h2{font-size:29px}.intro p{margin-bottom:24px}.swatch{width:40px;height:40px}.group{padding:22px 0}.swatches{gap:18px}.image-caption{font-size:10px}.compare{font-size:13px;padding:11px 16px;bottom:48px;left:18px}.brand{font-size:23px}.edition{font-size:10px;padding:9px 12px}footer{padding:20px 24px}}@media(prefers-reduced-motion:no-preference){.swatch{transition:transform .15s}}
.boundary-toggle{display:flex;align-items:center;gap:10px;font-size:14px;padding:12px 0;color:#173b44;cursor:pointer}.boundary-toggle input{accent-color:#16343d;width:18px;height:18px} .swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;justify-items:center}.swatch{width:36px;height:36px;max-width:100%}@media(max-width:900px){.swatches{max-width:390px;gap:16px}.swatch{width:40px;height:40px}} .group{padding:0}.group-heading{margin:0}.zone-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:18px 0;background:transparent;border:0;text-align:left;color:#16343d;font-size:15px;font-weight:500;min-height:60px}.zone-toggle>span:first-child{flex:1}.zone-toggle small{color:#779198;font-size:11px;margin-right:8px}.zone-toggle .chosen{font-size:12px}.zone-toggle[aria-expanded=true] .chevron{transform:rotate(180deg)}.group .swatches{padding:7px 4px 23px}.swatches[hidden]{display:none!important}.intro p{margin-bottom:22px}@media(min-width:901px){.preview{position:sticky;top:0;align-self:start}} 
button{touch-action:manipulation}body{-webkit-text-size-adjust:100%} .zone-toggle,.compare,#reset{min-height:44px}
@media(max-width:900px){
header{height:56px;padding:0 16px}.edition{font-size:10px}.brand{font-size:22px}
main{display:block}.preview{position:sticky;top:0;z-index:10;padding:0;background:#b9e4e7;box-shadow:0 4px 16px #17343d24}
.photo{border-radius:0;min-height:0;height:70vw;max-height:42svh;aspect-ratio:auto}
canvas{position:absolute;width:100%;height:auto;top:50%;left:0;transform:translateY(-46%);object-fit:contain}
.photo-heading,.image-caption{display:none}.compare{bottom:8px;left:10px;padding:8px 13px;font-size:12px;min-height:38px;background:#fffffff2}
aside{padding:20px 18px max(24px,env(safe-area-inset-bottom))}.intro .eyebrow{display:none}.intro h2{font-size:24px;margin:0 0 8px}.intro p{font-size:13px;margin-bottom:14px}
.zone-toggle{font-size:15px;min-height:56px}.zone-toggle .chosen{font-size:13px}.zone-toggle small{margin-right:7px}
.group .swatches{width:100%;max-width:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 7px;padding:8px 4px 20px}
.swatch{width:44px;height:44px}.swatch[aria-checked=true]:before{inset:11px}.swatch[aria-checked=true]:after{inset:-3px}
.bottom p{font-size:12px}footer{padding:15px 18px}.boundary-toggle{min-height:44px}
}
@media(max-width:360px){.group .swatches{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px) and (orientation:landscape){main{display:grid;grid-template-columns:55% 45%;align-items:start}.preview{top:0}.photo{height:85svh;max-height:none}.group .swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.intro h2{font-size:20px}aside{padding:16px 12px}.zone-toggle small{display:none}}

/* Original Gem Boat logo, framed without altering the supplied artwork. */
header{height:116px;background:rgb(33,59,118);color:white;border-bottom:0}.brand{position:relative;display:block;width:154px;height:100px;overflow:hidden;flex-shrink:0}.brand img{position:absolute;width:224px;height:auto;max-width:none;left:-35px;top:-42px}.edition{border-color:#ffffff55}.header-label{font-size:14px}.edition{font-size:13px}@media(max-width:900px){header{height:92px}.brand{width:124px;height:80px}.brand img{width:180px;left:-28px;top:-34px}.edition{font-size:12px}}

/* Gem Boat configurator page */
:root{--gem-blue:#213b76;--gem-ink:#172c50;--gem-line:#dce3ed}body{background:#f0f3f8;color:var(--gem-ink)}header{padding-left:4.5%;padding-right:4.5%;box-shadow:0 4px 24px #12234412}.header-label{letter-spacing:2.8px;font-size:13px}.edition{border-radius:4px;letter-spacing:2px;padding:12px 18px}main{max-width:1680px;grid-template-columns:minmax(0,1fr) 380px;padding:30px 32px 40px;gap:24px}.preview{padding:0;top:24px}.photo{border-radius:18px;box-shadow:0 18px 50px #1b355618}.photo-heading{top:30px;left:30px}.photo-heading span{display:none}.photo-heading h1{font-size:clamp(24px,2.7vw,42px);font-weight:500;letter-spacing:-1.4px}.compare{border-radius:8px;box-shadow:0 4px 20px #12234420}.image-caption{font-size:11px}aside{padding:30px 26px 20px;background:white;border:1px solid var(--gem-line);border-radius:18px;align-self:start}.eyebrow{font-size:12px;color:var(--gem-blue);letter-spacing:1.8px}.intro h2{font-size:36px;line-height:1.12;color:var(--gem-ink);letter-spacing:-1.4px}.intro p{font-size:14px;line-height:1.6;margin:14px 0 26px;color:#64738b}.group{border-color:var(--gem-line)}.zone-toggle{color:var(--gem-ink);min-height:66px;font-size:16px}.zone-toggle small{color:#8091ad}.zone-toggle .chosen{font-size:13px}.swatch{width:38px;height:38px;box-shadow:inset 0 0 0 1px #12234408}.swatch[aria-checked=true]:after{border-color:var(--gem-blue)}.bottom{border-color:var(--gem-line);padding-top:10px}.bottom #reset{color:var(--gem-blue);font-size:14px}.bottom p{font-size:13px;line-height:1.6}footer{background:var(--gem-blue);color:#fff;padding:22px 4.5%;border:0;font-size:13px}footer span:first-child{font-weight:700;letter-spacing:3px}@media(min-width:1400px){main{grid-template-columns:minmax(0,1fr) 410px}aside{padding:36px 30px}}@media(max-width:900px){header{padding:0 18px}.edition{font-size:11px;padding:10px 12px}main{display:block;padding:0}.preview{top:0;padding:0}.photo{border-radius:0;box-shadow:none}.compare{border-radius:6px}.photo-heading{display:none}aside{margin:16px 12px 24px;padding:24px 20px 18px;border-radius:14px}.intro h2{font-size:28px;line-height:1.15}.intro p{font-size:14px;margin:10px 0 18px}.zone-toggle{min-height:62px}.swatch{width:44px;height:44px}footer{padding:20px 18px;gap:16px;font-size:12px}}@media(max-width:900px) and (orientation:landscape){main{display:grid;grid-template-columns:54% 46%;gap:0}.preview{top:0}aside{margin:12px 10px;padding:20px 14px}.intro h2{font-size:25px}}

.model-nav{display:flex;gap:8px;justify-content:center;background:white;border-bottom:1px solid var(--gem-line);padding:12px 18px}.model-nav a{padding:12px 18px;min-height:44px;text-decoration:none;color:var(--gem-ink);font-size:14px;border-radius:6px}.model-nav a[aria-current=page]{background:var(--gem-blue);color:white}.sun-page{display:block;min-height:65vh;padding:70px 8%;max-width:1680px}.sun-intro{max-width:750px}.sun-intro h1{font-size:clamp(70px,12vw,150px);letter-spacing:-5px;line-height:1;margin:20px 0;color:var(--gem-blue);font-weight:500}.sun-subtitle{font-size:clamp(20px,3vw,30px);line-height:1.4}.coming-soon{border-top:1px solid var(--gem-line);padding-top:28px;margin-top:38px}.coming-soon span{font-size:12px;letter-spacing:2px;color:#64738b}.coming-soon p{font-size:16px;line-height:1.6}.dinette-link{display:inline-flex;padding:14px 20px;margin-top:18px;background:var(--gem-blue);color:white;border-radius:6px;text-decoration:none;font-size:14px}@media(max-width:900px){.model-nav{padding:8px;gap:4px}.model-nav a{font-size:13px;padding:12px 14px}.sun-page{padding:44px 24px;min-height:65vh}.sun-intro h1{letter-spacing:-3px}}

.sun-with-photo{display:grid;grid-template-columns:minmax(0,1fr) 340px;padding:30px 32px 40px;gap:36px;align-items:center}.sun-render{margin:0;position:relative;border-radius:18px;overflow:hidden;box-shadow:0 18px 50px #1b355618;background:#b9e4e7}.sun-render img{display:block;width:100%;height:auto}.sun-render figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px 24px 22px;background:linear-gradient(transparent,#102e3877);color:white;display:flex;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:1.5px}.sun-render figcaption span{letter-spacing:0}.sun-with-photo .sun-intro h1{font-size:80px}.sun-with-photo .sun-subtitle{font-size:24px}.sun-with-photo .coming-soon p{color:#64738b}@media(max-width:900px){.sun-with-photo{display:flex;flex-direction:column;align-items:stretch;padding:12px 12px 30px;gap:28px}.sun-render{border-radius:12px}.sun-with-photo .sun-intro{padding:0 12px}.sun-with-photo .sun-intro h1{font-size:64px;margin:14px 0}.sun-with-photo .sun-subtitle{margin:12px 0}.sun-with-photo .coming-soon{margin-top:24px}.sun-render figcaption{font-size:11px;padding:28px 16px 16px}}

.sun-with-photo{grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}.sun-with-photo .sun-intro{background:white;border:1px solid var(--gem-line);border-radius:18px;padding:30px 26px 24px}.sun-with-photo .sun-intro h1{font-size:64px;letter-spacing:-2px}.sun-render{aspect-ratio:1}.sun-render img{width:100%;height:100%;object-fit:contain}@media(min-width:1400px){.sun-with-photo{grid-template-columns:minmax(0,1fr) 410px}.sun-with-photo .sun-intro{padding:36px 30px}}@media(max-width:900px){.sun-with-photo{padding:12px 12px 24px;gap:16px}.sun-with-photo .sun-intro{padding:24px 20px}.sun-with-photo .sun-intro h1{font-size:48px}.sun-render{width:100%;flex-shrink:0}}

/* Keep all four model links usable on narrow screens. */
.model-nav{flex-wrap:wrap}

/* Accesso alla collezione */
.models-page-link{text-decoration:none;white-space:nowrap}.models-page-link:hover{background:#edf5f5}.models-page-link:focus-visible{outline:3px solid #007c91;outline-offset:3px}