@font-face{font-family:Pre;src:url(assets/suit.woff2);font-weight:100 900;font-display:swap}body{font-family:Outfit,Pre,Suit,sans-serif}a,button,input,summary{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #1685ad;outline-offset:5px}p{word-break:keep-all;overflow-wrap:break-word}.site-header{height:84px;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;padding:0 4%;align-items:center;position:sticky;top:0;z-index:40;background:#fff;color:#27332e}.site-header>a:first-child{position:static;transform:none;grid-column:2;grid-row:1}.site-header>a img{width:124px}.site-header>nav{grid-column:1;grid-row:1;width:auto;gap:clamp(15px,1.8vw,28px);font:400 11px Outfit;letter-spacing:.045em}.site-header>nav a{white-space:nowrap}.site-header>nav a[aria-current=page]{color:#1685ad}.site-header .header-tools{display:flex;grid-column:3;grid-row:1;gap:22px;justify-self:end}.site-header .header-tools button{font:11px Outfit;padding:10px 0}.site-header.home-header{position:fixed;background:transparent;color:white}.site-header.home-header.scrolled{background:#fffffff5;color:#27332e}.site-header .mobile-menu{display:none}.reading-body{max-width:700px}.reading-body p{letter-spacing:-.012em}.community-heading p,.answer{letter-spacing:-.01em}.footer-study{color:#34423b}.footer-study .company-info dl{line-height:1.95}section[id]{scroll-margin-top:108px}@media(max-width:900px){.site-header{height:74px;padding:0 22px;gap:15px}.site-header>a img{width:105px}.site-header>nav{gap:13px;font-size:10px}.site-header .header-tools{gap:13px}.site-header .header-tools span{display:none}}@media(max-width:650px){.site-header{height:70px;padding:0 20px;align-items:center}.site-header>a:first-child{top:auto}.site-header>a img{width:96px}.site-header>nav{display:none}.site-header .mobile-menu{display:flex;width:40px;height:44px;grid-row:1;grid-column:1;flex-direction:column;justify-content:center;gap:6px;background:none;border:0;padding:8px 0}.site-header .mobile-menu span{display:block;width:23px;height:1px;background:currentColor}.site-header .header-tools{display:flex}.site-header .header-tools svg{width:18px;height:20px}.site-header .header-tools span{display:none}.footer-study .company-info dl>div{flex-wrap:wrap;gap:3px 9px}.footer-study{margin-inline:20px}section[id]{scroll-margin-top:88px}}

/* Final mobile reading and touch pass. */
@media(max-width:650px){
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.site-header .header-tools{gap:2px}
.site-header .header-tools button{min-width:40px;min-height:44px;justify-content:center}
.approved-collection figcaption p,.shop-product p,.bundle-note p,.letter-opening p,.sky-letter p,.product-facts p,.shipping p,.purchase .korean{font-size:13px;line-height:1.8;letter-spacing:-.01em}
.name-letter p,.forest-letter p,.community-heading p,.answer{font-size:14px;line-height:1.85;letter-spacing:-.01em}
.scent-portrait p{font-size:12px;line-height:1.55;letter-spacing:-.01em}
.purchase select,.community-panel input[type=search]{font-size:16px;min-height:44px}
.community-tabs button,.filters button,.scent-switch a{min-height:44px}
.footer-study .company-info dl{font-size:12px;line-height:1.9;letter-spacing:0}
}

@media(max-width:650px){.scent-portrait>div{top:10px}.scent-portrait p{margin-top:4px}.scent-portrait div>span{margin-top:4px;padding-top:4px}}