.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--c-alabaster: hsla(0, 0%, 96%, 1);--c-alabaster-translucent: hsla(0, 0%, 96%, .8);--c-stone-light: hsla(210, 10%, 90%, 1);--c-stone-dim: hsla(210, 5%, 80%, 1);--c-text-main: hsla(210, 10%, 20%, 1);--c-text-muted: hsla(210, 5%, 50%, 1);--font-sans: "Inter", system-ui, sans-serif;--font-serif: "Newsreader", serif;--grain-opacity: .03}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow-x:hidden;background-color:var(--c-alabaster);color:var(--c-text-main);font-family:var(--font-serif);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:300;letter-spacing:-.02em;color:var(--c-text-main);margin-bottom:1.5rem}p{line-height:1.8;font-weight:300;margin-bottom:1.5rem}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.refraction{position:absolute;filter:blur(80px);opacity:.4;border-radius:50%;pointer-events:none;z-index:-1;background:linear-gradient(135deg,#fffc,#f0f0fa80);mix-blend-mode:overlay;animation:float 20s infinite ease-in-out}@keyframes float{0%{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.1)}to{transform:translate(0) scale(1)}}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 1.5rem}@media(min-width:480px){.container{padding:0 2.5rem}}@media(min-width:768px){.container{padding:0 8vw}}.section-spacer{padding-top:10rem;padding-bottom:10rem}p,h1,h2,h3,h4,h5,h6,.tagline{max-width:100%}@media(min-width:1024px){.hero-content,.notes-grid{padding:0 2rem}}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;padding-top:8rem;padding-bottom:8rem;gap:4rem;width:100%;overflow-x:hidden}.hero-content{z-index:2;max-width:100%;padding:0 1rem}.brand-name{font-family:var(--font-sans);font-size:clamp(1.5rem,10vw,8rem);font-weight:200;letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-main);line-height:1.1;margin-bottom:2rem;opacity:0;animation:fadeIn 1.5s ease-out forwards;white-space:nowrap;overflow:visible;max-width:100%;display:block}@media(max-width:480px){.brand-name{letter-spacing:.02em;font-size:11vw}}.hero-image-container{width:100%;max-width:500px;aspect-ratio:1;position:relative;opacity:0;animation:fadeIn 2s ease-out .5s forwards;margin:0 auto}.hero-image{width:100%;height:100%;object-fit:contain;filter:contrast(1.1) saturate(.9);mix-blend-mode:multiply}.tagline{font-family:var(--font-serif);font-size:clamp(1.2rem,3.5vw,2rem);font-style:italic;color:var(--c-text-muted);opacity:0;animation:fadeIn 2s ease-out 1s forwards;max-width:60ch;margin:0 auto;line-height:1.6}.ambient-texture{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/opal-texture.png);background-size:cover;background-position:center;opacity:.08;z-index:-2;filter:grayscale(100%)}.notes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:4rem;margin-top:6rem}@media(min-width:768px){.notes-grid{gap:6rem}.hero{padding-bottom:4rem}}.note-card{border-top:1px solid var(--c-stone-light);padding-top:2rem;transition:all .6s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.note-card:hover{border-color:var(--c-text-muted);transform:translateY(-8px)}.note-index{font-family:var(--font-sans);font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;color:var(--c-text-muted);margin-bottom:1.5rem;display:block}.note-title{font-family:var(--font-serif);font-size:2rem;font-weight:300;margin-bottom:1rem;font-style:italic;letter-spacing:-.02em}.note-desc{font-family:var(--font-serif);font-size:1.1rem;color:var(--c-text-muted);line-height:1.8;max-width:32ch}.scents-section{position:relative}.section-break-image{width:100%;height:400px;object-fit:cover;opacity:.9;margin:6rem 0;filter:grayscale(20%) contrast(1.1)}footer{padding:6rem 0;text-align:center;border-top:1px solid var(--c-stone-light);margin-top:10rem}.footer-text{font-family:var(--font-sans);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--c-text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}::view-transition-old(root),::view-transition-new(root){animation-duration:.8s}