@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Instrument+Serif:ital@0;1&display=swap";:root{--ink:#12332f;--cream:#f4f0e7;--sand:#d9cdb9;--coral:#e56f53;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.nav{z-index:10;color:#fff;border-bottom:1px solid #ffffff35;justify-content:space-between;align-items:center;height:92px;padding:0 5vw;display:flex;position:absolute;inset:0 0 auto}.brand{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;text-decoration:none;display:flex}.brand-mark{border:1px solid;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.brand strong,.brand small{letter-spacing:.18em;display:block}.brand strong{font-size:15px}.brand small{opacity:.75;margin-top:3px;font-size:8px}.nav-links{align-items:center;gap:32px;display:flex}.nav-links button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:13px}.nav-links .nav-cta{border:1px solid #ffffff80;border-radius:99px;align-items:center;gap:8px;padding:12px 18px;display:flex}.menu{color:#fff;background:0 0;border:0;display:none}.hero{color:#fff;background:#274f49;height:min(900px,100vh);min-height:680px;position:relative;overflow:hidden}.hero-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,#0b2828cc 0%,#0b28284d 55%,#0b282819),linear-gradient(#0000 60%,#081e1e9c 100%);position:absolute;inset:0}.hero-content{z-index:2;max-width:820px;padding:clamp(170px,24vh,250px) 7vw 0;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.2em;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.eyebrow.light{color:#efe6d6}h1,h2{letter-spacing:-.03em;margin:20px 0;font-family:Instrument Serif,serif;font-weight:400;line-height:.89}h1{font-size:clamp(70px,10vw,145px)}h2{font-size:clamp(54px,7vw,98px)}em{color:#db8b73}.hero-content>p{color:#ffffffd6;max-width:580px;font-size:clamp(16px,1.6vw,21px);line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{cursor:pointer;border:0;border-radius:99px;justify-content:center;align-items:center;gap:9px;padding:15px 22px;font-size:13px;font-weight:600;display:inline-flex}.button.primary{background:var(--cream);color:var(--ink)}.button.glass{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff69}.sylt-hero-logo{z-index:2;filter:invert();opacity:.78;width:auto;height:clamp(195px,25vh,300px);position:absolute;bottom:72px;right:5vw}.hero-foot{z-index:2;letter-spacing:.16em;opacity:.85;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:28px;left:7vw;right:7vw}.hero-foot button{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;text-decoration:none;display:flex}.section{padding:clamp(85px,11vw,150px) 7vw}.intro{background:#f4f0e7}.intro-kicker{text-transform:uppercase;letter-spacing:.2em;align-items:center;gap:14px;font-size:10px;display:flex}.intro-kicker span{border-top:1px solid;width:60px}.intro-grid{grid-template-columns:1.05fr .75fr;align-items:center;gap:10vw;display:grid}.intro-grid h2{margin-bottom:0}.intro-grid p{color:#41605b;line-height:1.8}.lead{font-size:clamp(18px,2vw,24px);color:var(--ink)!important}.text-link{width:max-content;color:var(--ink);border-bottom:1px solid;align-items:center;gap:9px;margin-top:18px;padding:11px 0;font-size:13px;font-weight:600;text-decoration:none;transition:gap .25s,opacity .25s;display:inline-flex}.text-link:hover{opacity:.78;gap:13px}.light-link{color:#fff;margin-top:28px}.location-link{color:var(--ink)}.apartments{background:#e6ded0}.section-head{grid-template-columns:1fr 420px;align-items:end;gap:8vw;margin-bottom:60px;display:grid}.section-head p{color:#51645f;line-height:1.7}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.stay-card{color:#fff;flex-direction:column;justify-content:flex-end;min-height:570px;display:flex;position:relative;overflow:hidden}.stay-card.dune{background:#a47c5e}.stay-card.sea{background:#467a7a}.stay-card.reed{background:#6f7651}.card-no{z-index:3;letter-spacing:.15em;font-size:11px;position:absolute;top:22px;left:24px}.card-art{background:#315b58;position:absolute;inset:0;overflow:hidden}.card-art img{object-fit:cover;width:100%;height:100%;transition:transform .7s;display:block}.stay-card:hover .card-art img{transform:scale(1.035)}.sun{opacity:.45;background:#f3d7a2;border-radius:50%;width:210px;height:210px;position:absolute;top:80px;right:-40px}.horizon{background:#173b3a31;border-radius:50% 50% 0 0;width:120%;height:50%;position:absolute;bottom:15%;left:-10%;transform:rotate(-4deg)}.card-copy{z-index:2;background:linear-gradient(#0000,#082b2bf2);padding:38px 30px;position:relative}.card-copy>span{text-transform:uppercase;letter-spacing:.18em;font-size:10px}.card-copy h3{margin:11px 0;font-family:Instrument Serif;font-size:33px;font-weight:400}.card-copy p{color:#ffffffc2;font-size:14px;line-height:1.55}.card-copy a{color:#fff;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:10px 0 0;text-decoration:none;display:flex}.island{background:var(--ink);color:#fff;grid-template-columns:1.25fr 1fr;min-height:720px;display:grid}.island-visual{background:#315d58;min-height:600px;position:relative;overflow:hidden}.island-photo{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.island-copy{align-self:center;padding:80px 7vw}.island-copy p{color:#ffffffb5;max-width:520px;line-height:1.8}.facts{border-top:1px solid #fff3;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px;padding-top:25px;display:grid}.facts strong,.facts span{display:block}.facts strong{font-family:Instrument Serif;font-size:32px}.facts span{opacity:.65;margin-top:4px;font-size:10px;line-height:1.5}.host{grid-template-columns:1fr 1.35fr;align-items:center;gap:10vw;display:grid}.host-media{aspect-ratio:16/9;background:#d6c6ad;width:100%;overflow:hidden}.host-media video{object-fit:cover;width:100%;height:100%;display:block}.host-copy p{color:#50645f;line-height:1.8}.checks{flex-wrap:wrap;gap:16px 24px;margin-top:28px;font-size:12px;display:flex}.checks span{align-items:center;gap:7px;display:flex}.inquiry{color:#fff;background:#173c38;grid-template-columns:.8fr 1.2fr;gap:10vw;padding:clamp(80px,10vw,140px) 7vw;display:grid}.inquiry.no-form{grid-template-columns:1fr}.inquiry.no-form .inquiry-copy{max-width:760px}.ida-logo-panel{background:#f7f1e7;width:min(100%,340px);margin-top:24px;padding:18px 20px}.ida-logo-panel img{width:100%;height:auto;display:block}.inquiry-copy p{color:#ffffffa8;line-height:1.7}.form{grid-template-columns:repeat(2,1fr);align-content:center;gap:20px;display:grid}.form label{text-transform:uppercase;letter-spacing:.17em;color:#ffffff9c;font-size:10px}.form input,.form select,.form textarea{color:#fff;text-transform:none;letter-spacing:0;background:0 0;border:0;border-bottom:1px solid #ffffff47;outline:none;width:100%;margin-top:8px;padding:14px 0;display:block}.form option{color:#12332f}.wide{grid-column:1/-1}.button.coral{background:var(--coral);color:#fff;margin-top:10px}.form small{color:#ffffff70;letter-spacing:0;text-transform:none;font-size:9px;line-height:1.5}footer{color:#fff;background:#0d2d2a;justify-content:space-between;align-items:center;padding:32px 7vw;display:flex}.footer-brand{cursor:default}.footer-brand+p{color:#ffffff80;font-size:12px}footer div:last-child{gap:20px;display:flex}footer a{color:#ffffffa1;font-size:11px;text-decoration:none}.reveal{animation:.9s ease-out both rise}@keyframes rise{0%{opacity:0;transform:translateY(25px)}}@media (max-width:850px){.nav{height:76px}.menu{display:block}.nav-links{background:#12332ff5;flex-direction:column;align-items:stretch;padding:25px 7vw;display:none;position:absolute;top:76px;left:0;right:0}.nav-links.open{display:flex}.nav-links button{text-align:left;padding:10px}.hero{min-height:720px}.sylt-hero-logo{height:155px;bottom:76px;right:6vw}.hero-content{padding-top:180px}.intro-grid,.section-head,.island,.host,.inquiry{grid-template-columns:1fr}.intro-grid,.section-head{gap:20px}.card-grid{grid-template-columns:1fr}.stay-card,.island-visual{min-height:480px}.facts{gap:10px}.inquiry{gap:30px}footer{text-align:center;flex-direction:column;gap:20px}.footer-brand+p{margin:0}}@media (max-width:520px){.sylt-hero-logo{opacity:.65;height:110px;bottom:80px}h1{font-size:68px}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.section{padding-left:5vw;padding-right:5vw}.form{grid-template-columns:1fr}.wide{grid-column:auto}.facts{grid-template-columns:1fr}.facts div{align-items:baseline;gap:10px;display:flex}.island-copy{padding-left:6vw;padding-right:6vw}}.hero{height:auto;min-height:clamp(720px,100svh,940px)}.hero-content{width:min(760px,100% - 14vw);max-width:none;margin-left:7vw;padding:clamp(130px,18svh,205px) 0 130px}.hero-content h1{font-size:clamp(70px,8vw,132px)}.inquiry.booking-cta{grid-template-columns:minmax(0,1fr) minmax(300px,440px);align-items:center}.inquiry.booking-cta .inquiry-copy{max-width:760px}.booking-partner{justify-self:end;width:100%}.booking-partner .ida-logo-panel{margin-top:0}.legal-page{background:var(--cream);min-height:100vh}.legal-nav{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;height:92px;padding:0 7vw;display:flex;position:relative}.legal-back{color:#fff;align-items:center;gap:8px;font-size:13px;text-decoration:none;display:inline-flex}.legal-hero{color:#fff;background:#173c38;padding:clamp(80px,10vw,140px) 7vw clamp(55px,7vw,90px)}.legal-hero h1{margin-bottom:0}.legal-content{max-width:1040px;padding:clamp(65px,8vw,110px) 7vw}.legal-content h2{margin-top:58px;font-size:clamp(34px,4vw,54px);line-height:1}.legal-content h3{margin:34px 0 8px;font-family:Instrument Serif,serif;font-size:28px;font-weight:400}.legal-content p,.legal-content li{color:#41605b;line-height:1.8}.legal-content a{color:var(--ink)}.legal-contact{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:30px 0;display:grid}.legal-card{background:#e6ded0;padding:26px}@media (max-width:850px){.hero-content{width:86vw;margin-left:7vw;padding:145px 0 150px}.sylt-hero-logo{height:165px}.inquiry.booking-cta{grid-template-columns:1fr}.booking-partner{justify-self:start;max-width:440px}}@media (max-width:650px){.legal-nav{height:76px;padding-left:6vw;padding-right:6vw}.legal-nav .brand small{display:none}.legal-content{padding-left:6vw;padding-right:6vw}.legal-contact{grid-template-columns:1fr}}@media (max-width:520px){.hero{min-height:760px}.hero-content{padding-top:125px;padding-bottom:180px}.hero-content h1{font-size:clamp(58px,20vw,76px)}.hero-content>p{font-size:15px}.hero-actions{margin-top:24px}.sylt-hero-logo{opacity:.55;height:102px;bottom:86px}.hero-foot>span{display:none}.ida-logo-panel{padding:14px}}.inquiry.booking-cta{grid-template-columns:1fr 1.35fr;gap:10vw}.booking-partner{justify-self:center;max-width:440px}@media (max-width:850px){.inquiry.booking-cta{grid-template-columns:1fr}.booking-partner{justify-self:start}}