/* SOMO: everyday photographs, quiet type, blue as a signature. */
:root{--somo-ink:#27302e;--somo-muted:#727975;--somo-rule:#dfe3df;--somo-blue:#1985b6;--somo-gutter:clamp(24px,4vw,76px)}
body{color:var(--somo-ink);background:#fff}
.site-header nav{font-size:11px;letter-spacing:.06em}.site-header{padding-inline:var(--somo-gutter)}
.page-intro,.shop-editorial-page .page-intro{padding:38px var(--somo-gutter) 30px}.page-intro h1,.shop-editorial-page .page-intro h1{font:400 clamp(30px,3vw,46px)/1.1 Outfit;letter-spacing:-.03em}.page-intro>p,.editorial-page-label{font-size:10px;letter-spacing:.12em;color:var(--somo-muted)}
.collection,.shop-editorial-page .collection{padding-inline:var(--somo-gutter)}.collection .section-head h2{font:400 26px Outfit;letter-spacing:-.025em}.collection .section-head p{font:12px/1.7 Pre;color:var(--somo-muted)}.collection .photo,.shop-editorial-page .collection .photo{border-radius:4px}.collection .info h3,.shop-editorial-page .info h3{font:400 23px Outfit;letter-spacing:-.025em}.collection .info p{color:var(--somo-muted);line-height:1.8}.collection .price{font-weight:400}.shop-campaign{border-radius:4px}.shop-campaign h2{font-weight:400;letter-spacing:-.035em}.shop-campaign>div{bottom:30px}
.postcard{margin-inline:var(--somo-gutter);margin-bottom:56px;border-color:var(--somo-rule)}.postcard-letter{padding:40px}.postcard-letter h2{font:400 clamp(28px,3vw,44px)/1.15 Outfit;letter-spacing:-.03em}.postcard-letter p{color:var(--somo-muted);font-size:13px}.postmark{font-size:9px;letter-spacing:.15em}.postcard-print{width:128px;height:170px}
.room-editorial{margin-inline:var(--somo-gutter);margin-bottom:56px}.room-heading h2{font:400 clamp(25px,2.5vw,36px)/1.15 Outfit;letter-spacing:-.025em}.room-heading small{font-size:9px;letter-spacing:.12em}.room-cards{gap:18px}.room-cards h3{font:400 20px Outfit}.room-cards p{color:var(--somo-muted)}
.scent-compare{margin:0 var(--somo-gutter) 56px;padding:40px 0 0;border-bottom:0;grid-template-columns:.65fr 1.5fr;gap:6%}.content-heading h2{font:400 clamp(28px,2.8vw,42px)/1.13 Outfit;letter-spacing:-.03em}.content-heading small{font-size:9px;letter-spacing:.13em}.content-heading p{color:var(--somo-muted)}.scent-columns{gap:22px}.scent-note-image{width:100%;aspect-ratio:4/5;object-fit:cover;margin-bottom:24px}.scent-dot{display:none}.scent-columns h3{font:400 27px Outfit;letter-spacing:-.025em}.scent-columns dl{border-top:1px solid var(--somo-rule);padding-top:7px;margin-top:21px}.scent-columns p,.scent-columns dd{font-size:12px;line-height:1.9}.scent-columns .scent-family{color:var(--somo-muted);font-size:12px}.scent-columns a{display:block;width:max-content;margin-top:22px}
.editorial-page-label{padding:30px var(--somo-gutter)}.story-spread{margin-bottom:56px}.story-copy h1,.story-copy h2{font-size:clamp(25px,2.1vw,34px);font-weight:400;line-height:1.5}.story-copy p{color:var(--somo-muted);line-height:2.05}.story-copy>small{font:12px Outfit;color:var(--somo-blue)}.story-copy a{border:0;border-bottom:1px solid #abb7b3;padding:10px 0;width:min(205px,100%)}.story-pair{gap:10px}.guide-story-page .care{margin-inline:var(--somo-gutter);color:var(--somo-ink)}.guide-story-page .care h2{font:400 30px Outfit;letter-spacing:-.025em}.guide-story-page .care .answers summary{font-size:13px}
.site-footer{background:#146b92;padding:44px var(--somo-gutter) 24px}.site-footer .footer-brand img{width:180px}.site-footer .footer-brand p{font-size:12px}.site-footer nav b{font-size:9px}.site-footer nav a{font-size:12px}
@media(max-width:650px){:root{--somo-gutter:18px}.page-intro,.shop-editorial-page .page-intro{padding-top:26px;padding-bottom:25px}.postcard{margin-bottom:36px}.postcard-letter{padding:30px 22px 36px}.postcard-letter h2{font-size:30px}.room-editorial{margin-bottom:36px}.scent-compare{display:block;margin-bottom:36px;padding-top:28px}.scent-columns{gap:16px;margin-top:25px}.scent-note-image{margin-bottom:18px}.scent-columns h3{font-size:24px}.scent-columns p,.scent-columns dd{font-size:11px}.story-copy h1,.story-copy h2{font-size:27px}.story-spread{margin-bottom:36px}.site-footer .footer-brand img{width:150px}.collection .info h3,.shop-editorial-page .info h3{font-size:19px}.postcard-print{width:110px;height:140px}}

/* Landscape photographs belong to the brand story, alongside everyday rituals. */
.somo-landscapes{margin:0 var(--somo-gutter) 64px}.landscape-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:26px;gap:12px 30px}.landscape-heading>span{grid-column:1/-1;font:10px Outfit;letter-spacing:.14em;color:var(--somo-muted)}.landscape-heading h2{margin:0;font:400 clamp(28px,3vw,44px)/1.15 Outfit;letter-spacing:-.03em}.landscape-heading p{margin:0;justify-self:end;font:13px/1.9 Pre;color:var(--somo-muted)}.landscape-diptych{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;align-items:start}.landscape-diptych figure{margin:0}.landscape-diptych img{width:100%;object-fit:cover}.landscape-sky img{aspect-ratio:1.48;object-position:center}.landscape-forest{padding-top:70px}.landscape-forest img{aspect-ratio:1;object-position:center 52%}.landscape-diptych figcaption{padding-top:12px;font:11px Outfit;letter-spacing:.02em;color:var(--somo-muted)}
.guide-breath{position:relative;margin:0 var(--somo-gutter) 56px;min-height:480px;overflow:hidden;background:#263f34}.guide-breath>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%}.guide-breath:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,35,24,.64),rgba(13,35,24,.05) 85%)}.guide-breath>div{position:relative;z-index:1;padding:60px;color:white}.guide-breath div>span{font:10px Outfit;letter-spacing:.16em}.guide-breath h2{font:400 clamp(38px,4.4vw,64px)/1.05 Outfit;letter-spacing:-.035em;margin:32px 0 23px}.guide-breath p{font:13px/1.9 Pre;margin:0 0 30px}.guide-breath a{display:flex;justify-content:space-between;max-width:215px;padding-bottom:9px;border-bottom:1px solid #ffffff80;font:12px Pre}
@media(max-width:650px){.somo-landscapes{margin-bottom:36px}.landscape-heading{display:block;margin-bottom:22px}.landscape-heading h2{font-size:29px;margin:15px 0}.landscape-heading p{font-size:12px}.landscape-diptych{grid-template-columns:1.15fr 1fr;gap:12px}.landscape-sky img{aspect-ratio:3/4}.landscape-forest{padding-top:45px}.landscape-forest img{aspect-ratio:3/4}.landscape-diptych figcaption{font-size:9px;line-height:1.5}.guide-breath{min-height:440px;margin-bottom:36px}.guide-breath>div{padding:34px 24px}.guide-breath h2{font-size:44px;margin-top:55px}.guide-breath p{font-size:12px}.guide-breath>img{object-position:45% center}}