.shtos-hero{position:relative;isolation:isolate;min-height:560px;height:clamp(560px,44vw,720px);overflow:hidden;background:#10261d;color:#fff}
.shtos-hero__picture{position:absolute;inset:0;z-index:-2;display:block}
.shtos-hero .shtos-hero__image{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 62%;border-radius:0;margin:0}
.shtos-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,14,10,.86),rgba(4,14,10,.56) 32%,rgba(4,14,10,.04) 62%),linear-gradient(0deg,rgba(4,14,10,.5),transparent 40%)}
.shtos-hero__inner{width:min(1200px,calc(100% - 80px));height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:48px 0;box-sizing:border-box}
.shtos-photo-eyebrow{margin:0 0 18px;color:#e7c581;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.shtos-hero h1{margin:0 0 22px;color:#fff8e9;font-size:clamp(46px,5.2vw,76px);font-weight:600;line-height:1.04;letter-spacing:-.035em;text-transform:none}
.shtos-hero__lead{max-width:380px;margin:0 0 28px;color:#e4e3db;font-size:18px;line-height:1.55}
.shtos-hero__actions{display:flex;flex-wrap:wrap;gap:12px}
.shtos-photo-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 21px;border:1px solid #104416;border-radius:6px;background:#104416;color:#fff8e9;font-size:15px;font-weight:600;line-height:1.3;text-decoration:none;transition:background .2s,color .2s;box-sizing:border-box}
.shtos-photo-button:hover{background:#185b20;color:#fff8e9}
.shtos-photo-button--outline{background:rgba(8,19,14,.32);border-color:rgba(255,248,233,.48);color:#fff8e9}
.shtos-photo-button--outline:hover{background:rgba(255,248,233,.12);color:#fff8e9}
.shtos-photo-button:focus-visible,.shtos-atmosphere__card:focus-visible{outline:3px solid #e7c581;outline-offset:4px}
.shtos-hero__location{margin:26px 0 0;color:#cccfc7;font-size:13px;letter-spacing:.02em}
.shtos-atmosphere{max-width:1200px;margin:0 auto;padding:64px 24px 48px;color:#fff8e9}
.shtos-atmosphere__header{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:26px}
.shtos-atmosphere .shtos-photo-eyebrow{margin-bottom:10px}
.shtos-atmosphere h2{margin:0;color:#fff8e9;font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.15;letter-spacing:-.025em;text-transform:none}
.shtos-atmosphere__lead{max-width:500px;margin:13px 0 0;color:#bcbfb9;font-size:16px;line-height:1.6}
.shtos-atmosphere__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.shtos-atmosphere__card{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:#1a211b;color:#fff8e9}
.shtos-atmosphere__card:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.shtos-atmosphere__card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 55%)}
.shtos-atmosphere .shtos-atmosphere__card img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;margin:0;transition:transform .35s}
.shtos-atmosphere__card:hover img{transform:scale(1.035)}
.shtos-atmosphere__caption{position:absolute;left:22px;right:22px;bottom:18px;z-index:1;font-size:17px;font-weight:500;color:#fff8e9}
@media(max-width:960px){.shtos-hero{height:650px;min-height:0}.shtos-hero .shtos-hero__image{object-position:50% 34%}.shtos-hero::after{background:linear-gradient(0deg,rgba(4,14,10,.95),rgba(4,14,10,.68) 28%,transparent 65%)}.shtos-hero__inner{width:calc(100% - 48px);justify-content:flex-end;padding:30px 0}.shtos-hero h1{font-size:52px}.shtos-hero__lead{font-size:16px;max-width:350px}.shtos-atmosphere{padding-top:42px}.shtos-atmosphere__header{align-items:flex-start;flex-direction:column;gap:18px}}
@media(max-width:540px){.shtos-hero{height:620px;height:min(680px,calc(100svh - 52px));min-height:570px}.shtos-hero__inner{width:calc(100% - 40px);padding:26px 0}.shtos-hero h1{font-size:43px;margin-bottom:15px}.shtos-hero .shtos-photo-eyebrow{font-size:10px;margin-bottom:12px;letter-spacing:.11em}.shtos-hero__lead{font-size:15px;max-width:300px;margin-bottom:20px}.shtos-hero__actions{gap:9px}.shtos-hero .shtos-photo-button{font-size:13px;padding:12px 13px;min-height:46px}.shtos-hero__location{font-size:12px;margin-top:17px}.shtos-atmosphere{padding:36px 16px}.shtos-atmosphere__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shtos-atmosphere__card:first-child{grid-column:span 2;grid-row:span 1;aspect-ratio:4/3}.shtos-atmosphere__caption{font-size:14px;left:13px;right:13px;bottom:12px}.shtos-atmosphere__lead{font-size:15px}}
@media(prefers-reduced-motion:reduce){.shtos-atmosphere__card img,.shtos-photo-button{transition:none}}

.shtos-directions{margin:32px 0;color:#fff8e9}
.shtos-directions__heading{margin-bottom:22px}
.shtos-directions .shtos-photo-eyebrow{margin-bottom:10px}
.shtos-directions h2{margin:0 0 12px;color:#fff8e9;font-size:clamp(28px,3vw,38px);line-height:1.15;font-weight:500;text-transform:none;letter-spacing:-.02em}
.shtos-directions__heading>p:last-child{color:#c2c7c1;font-size:16px;line-height:1.6;margin:0}
.shtos-directions__grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}
.shtos-directions__card{margin:0;min-width:0;overflow:hidden;border:1px solid #344137;border-radius:12px;background:#152119}
.shtos-directions__photo{position:relative;aspect-ratio:3/2;overflow:hidden}
.shtos-directions .shtos-directions__image{display:block;width:100%;height:100%;object-fit:cover;max-width:none;margin:0;border-radius:0}
.shtos-directions__marker{position:absolute;top:9%;right:4%;z-index:2;padding:9px 13px;background:#f4d89f;color:#172219;border-radius:6px;font-size:clamp(12px,1.2vw,16px);font-weight:600;box-shadow:0 3px 12px #0005}
.shtos-directions__arrow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 2px 3px #0007)}
.shtos-directions__card figcaption{display:flex;align-items:flex-start;gap:13px;padding:20px}
.shtos-directions__step{flex:0 0 34px;display:flex;align-items:center;justify-content:center;height:34px;border:1px solid #e7c58166;border-radius:50%;color:#e7c581;font-size:13px}
.shtos-directions h3{font-size:19px;line-height:1.3;color:#fff8e9;margin:3px 0 9px;font-weight:500;text-transform:none}
.shtos-directions figcaption p{font-size:14px;line-height:1.6;color:#c2c7c1;margin:0}
.shtos-directions__help{font-size:14px;line-height:1.6;color:#c2c7c1;margin:18px 0 0}
.shtos-directions__help a{color:#e7c581;white-space:nowrap}
@media(max-width:700px){.shtos-directions{margin:28px 0}.shtos-directions__grid{grid-template-columns:1fr;gap:16px}.shtos-directions__card figcaption{padding:17px}.shtos-directions__marker{font-size:12px;padding:8px 10px}.shtos-directions h3{font-size:18px}}
.shtos-directions__arrow>path{fill:none}
.shtos-directions__arrow marker path{fill:#f4d89f}

@media(max-width:767px){
.shtos-atmosphere__grid{grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
.shtos-atmosphere__card,.shtos-atmosphere__card:first-child{grid-column:auto;grid-row:auto;aspect-ratio:auto}
.shtos-atmosphere .shtos-atmosphere__card img{width:100%;height:auto;object-fit:contain}
.shtos-atmosphere__card:hover img{transform:none}
}