.similan-page{background:#f3f7f8;color:#112c38}.similan-page h1,.similan-page h2{letter-spacing:.04em}.similan-page figure{margin:0;overflow:hidden}.similan-page figure img{width:100%;height:100%;object-fit:cover;display:block}.similan-page figcaption{padding:.7rem .9rem;background:#fff;color:#4b616a;font-size:.82rem}.sm-hero{min-height:84vh;position:relative;display:flex;align-items:flex-end;overflow:hidden}.sm-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sm-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,19,33,.88) 0%,rgba(0,30,50,.5) 43%,rgba(0,25,44,.08) 75%),linear-gradient(0deg,rgba(0,23,38,.65),transparent 48%)}.sm-hero-copy{position:relative;z-index:1;color:#fff;padding:7rem clamp(1.4rem,7vw,7rem);max-width:760px}.sm-hero h1{font-size:clamp(3.5rem,8vw,7.5rem);line-height:.93;margin:.5rem 0 1.4rem}.sm-hero-copy>p:not(.eyebrow){font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.9}.sm-hero-copy>a{display:inline-block;margin-top:1.5rem;padding:.9rem 1.5rem;border:1px solid rgba(255,255,255,.7);color:#fff;text-decoration:none}.sm-intro,.sm-ayako,.sm-entry{max-width:1200px;margin:auto;padding:clamp(4.5rem,8vw,8rem) clamp(1.3rem,4vw,3rem)}.sm-intro{display:grid;grid-template-columns:.85fr 1.35fr;gap:clamp(2rem,6vw,6rem);align-items:center}.sm-copy h2,.sm-entry h2,.sm-heading h2,.sm-ayako h2{font-size:clamp(2rem,4.4vw,4.2rem);line-height:1.25;margin:.5rem 0 1.7rem}.sm-copy h2 em{color:#0b83a8;font-style:normal}.sm-copy p,.sm-ayako p,.sm-entry p,.sm-heading>p:last-child{font-size:1rem;line-height:2}.sm-whale-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem}.sm-whale-grid .large{grid-row:span 2;height:570px}.sm-whale-grid figure:not(.large){height:380px;align-self:center}.sm-ayako{display:grid;grid-template-columns:1.35fr .85fr;gap:clamp(2rem,6vw,6rem);align-items:center;background:#fff;max-width:none;padding-left:max(clamp(1.3rem,4vw,3rem),calc((100vw - 1200px)/2));padding-right:max(clamp(1.3rem,4vw,3rem),calc((100vw - 1200px)/2))}.sm-ayako figure{box-shadow:0 22px 55px rgba(8,49,68,.17)}.sm-life,.sm-similan{padding:clamp(4.5rem,8vw,8rem) max(clamp(1.3rem,4vw,3rem),calc((100vw - 1300px)/2));background:#062e42;color:#fff}.sm-heading{max-width:820px;margin-bottom:3rem}.sm-life-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:245px;gap:1rem}.sm-life-grid figure{position:relative;background:#17485c}.sm-life-grid figure img{transition:transform .5s}.sm-life-grid figure:hover img{transform:scale(1.03)}.sm-life-grid .portrait{grid-row:span 2}.sm-life-grid .wide{grid-column:span 2}.sm-life-grid figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,20,32,.86));color:#fff;padding:2.2rem 1rem .8rem}.sm-entry{display:grid;grid-template-columns:.7fr 1.3fr;gap:4rem;align-items:center}.sm-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.sm-entry-grid .tall{grid-row:span 2;height:590px}.sm-entry-grid figure:not(.tall){height:285px}.sm-similan{background:#f3f7f8;color:#112c38}.sm-scenery{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:1rem}.sm-scenery figure{height:330px}.sm-scenery .land{height:500px;grid-row:span 2}.sm-scenery figure:nth-child(2),.sm-scenery figure:nth-child(3){height:242px}.sm-scenery figcaption{background:#fff}.similan-page .od-note{background:#dde9ec}.similan-page .od-cta{background:linear-gradient(135deg,#052a3d,#00769c)}
@media(max-width:850px){.sm-hero{min-height:72vh}.sm-intro,.sm-ayako,.sm-entry{grid-template-columns:1fr}.sm-whale-grid .large{height:430px}.sm-life-grid{grid-template-columns:1fr 1fr;grid-auto-rows:230px}.sm-entry{gap:2rem}.sm-scenery{grid-template-columns:1fr 1fr}.sm-scenery .land{grid-column:span 2;height:380px}.sm-scenery figure:nth-child(2),.sm-scenery figure:nth-child(3){height:260px}}
@media(max-width:560px){.sm-hero{min-height:78vh}.sm-hero-copy{padding-bottom:4rem}.sm-hero h1{font-size:3.4rem}.sm-whale-grid,.sm-entry-grid,.sm-scenery{grid-template-columns:1fr}.sm-whale-grid .large,.sm-whale-grid figure:not(.large),.sm-entry-grid .tall,.sm-entry-grid figure:not(.tall),.sm-scenery .land,.sm-scenery figure:nth-child(2),.sm-scenery figure:nth-child(3){height:310px;grid-row:auto;grid-column:auto}.sm-life-grid{grid-template-columns:1fr;grid-auto-rows:290px}.sm-life-grid .portrait{grid-row:auto}.sm-life-grid .wide{grid-column:auto}.similan-page figcaption{font-size:.78rem}}