.sg3-page{--sg3-paper: var(--color-bg, #f7f6f2);--sg3-ink: var(--color-ink, #2f2924);--sg3-muted: var(--color-text, #514840);--sg3-muted-quiet: #8a8178;--sg3-line-soft: rgba(47, 41, 36, .09);--sg3-line-medium: rgba(47, 41, 36, .16);--sg3-wood: var(--color-accent, #8b6a4e);background:var(--sg3-paper);color:var(--sg3-ink);min-height:100vh}.sg3-canvas{display:flex;gap:clamp(48px,5vw,80px);max-width:var(--page-width, 1180px);margin:0 auto;padding:40px 24px 96px;align-items:flex-start}.sg3-left{flex:1 1 0;min-width:0;max-width:640px;display:flex;flex-direction:column;align-items:center}.sg3-object-pane{display:flex;flex-direction:column;align-items:center;width:100%}.sg3-left-title,.sg3-left-sub,.sg3-info-grid{width:100%}.sg3-left-title{margin:0 0 8px;font-family:var(--yinn-font-display);font-size:clamp(42px,4.4vw,60px);font-weight:400;line-height:1.05;letter-spacing:0;color:var(--sg3-ink);text-align:left}.sg3-left-sub{margin:0 0 32px;font-family:var(--font-body, "DM Sans", system-ui, sans-serif);font-size:16px;line-height:1.6;color:var(--sg3-muted);text-align:left}.sg3-main-visual{display:block!important;width:min(42vh,420px);aspect-ratio:1 / 1;margin:0 auto 40px;background-size:cover;background-position:center;background-repeat:no-repeat}.sg3-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 28px}.sg3-info-card{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.sg3-info-icon{display:block!important;width:72px;height:72px;background-size:cover;background-repeat:no-repeat;flex-shrink:0}.sg3-info-label{font-family:var(--font-body, "DM Sans", sans-serif);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--sg3-muted-quiet);line-height:1.3}.sg3-info-text{font-family:var(--font-body, "DM Sans", sans-serif);font-size:13px;line-height:1.5;color:var(--sg3-muted)}.sg3-right{flex:0 0 340px;max-width:340px;position:sticky;top:96px}.sg3-lens-nav{display:flex;gap:0;margin:0 0 28px;border-bottom:1px solid var(--sg3-line-soft)}.sg3-lens-btn{flex:1;padding:8px 0 12px;border:0;background:transparent;color:var(--sg3-muted-quiet);font-family:var(--font-body, "DM Sans", sans-serif);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border-bottom:1px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s;border-radius:0}.sg3-lens-btn:hover,.sg3-lens-btn:focus-visible{color:var(--sg3-ink);outline:none}.sg3-lens-btn[aria-selected=true]{color:var(--sg3-ink);border-bottom-color:var(--sg3-ink)}.sg3-object-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 32px}.sg3-object-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 14px;border:0;background:transparent;cursor:pointer;border-radius:0;outline:none;color:inherit;position:relative}.sg3-object-pane[hidden],.sg3-object-btn[hidden],.sg3-content-pane[hidden]{display:none!important}.sg3-object-btn:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:1px;background:var(--sg3-wood);transition:width .2s}.sg3-object-btn[aria-pressed=true]:after{width:24px}.sg3-object-icon{display:block!important;width:56px;height:56px;background-size:cover;background-repeat:no-repeat}.sg3-object-label{font-family:var(--font-body, "DM Sans", sans-serif);font-size:10px;line-height:1.2;color:var(--sg3-muted);text-align:center;letter-spacing:.04em}.sg3-content-panel{border-top:1px solid var(--sg3-line-soft);padding-top:24px}.sg3-content-title{margin:0 0 16px;font-family:var(--yinn-font-display);font-size:24px;font-weight:400;line-height:1.2;color:var(--sg3-ink)}.sg3-content-p{margin:0 0 14px;font-family:var(--font-body, "DM Sans", sans-serif);font-size:14px;line-height:1.8;color:var(--sg3-muted)}.sg3-content-p:last-child{margin-bottom:0}@media(max-width:1023px){.sg3-canvas{flex-direction:column;padding:24px 20px 64px;gap:48px}.sg3-left,.sg3-right{flex:none;max-width:100%;width:100%}.sg3-right{position:static}.sg3-info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.sg3-left-title{font-size:36px}.sg3-info-grid{grid-template-columns:1fr 1fr}}.yinn-reduce-motion .sg3-lens-btn,.yinn-reduce-motion .sg3-object-btn:after{transition:none}
/*# sourceMappingURL=/cdn/shop/t/6/assets/yinn-scent-guide.css.map */