@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.z-30{z-index:30}.container{width:100%}.mt-\[7px\]{margin-top:7px}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.list-item{display:list-item}.table{display:table}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-\[85\%\]{max-width:85%}.flex-1{flex:1}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[24px\]{border-radius:24px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.bg-\[\#070b16\]{background-color:#070b16}.bg-\[rgba\(97\,99\,255\,0\.95\)\]{background-color:#6163fff2}.bg-\[rgba\(220\,200\,255\,0\.9\)\]{background-color:#dcc8ffe6}.bg-\[rgba\(251\,146\,60\,0\.95\)\]{background-color:#fb923cf2}.bg-\[rgba\(255\,255\,220\,0\.85\)\]{background-color:#ffffdcd9}.text-center{text-align:center}.text-left{text-align:left}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow-\[0_22px_70px_rgba\(0\,0\,0\,0\.35\)\]{--tw-shadow:0 22px 70px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:opacity-50:disabled{opacity:.5}@font-face{font-family:P22 Arts And Crafts;src:url(/fonts/P22-Arts-And-Crafts-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0d0d22;--bg-secondary:#151530;--bg-tertiary:#1e1e42;--accent-gold:#f5e8c8;--accent-amber:#dba86b;--accent-rose:#d4b3b0;--accent-glow:#f5e8c859;--oxblood:#8a3a42;--muted-purple:#5c4a70;--royal-purple:#231640;--deep-space:#0e1224;--text-primary:#f8f8fa;--text-secondary:#b5b5c5;--text-muted:#7d7d90;--border-subtle:#f5e8c82e;--border-glow:#f5e8c873;--bg-0:#0a0a1a;--bg-1:#121228;--surface:#f4e4c10f;--surface-2:#f4e4c11a;--border:#f4e4c124;--text:#f5f5f7;--muted:#a0a0b0;--muted-2:#6b6b7b;--primary:#d4a574;--primary-rgb:212,165,116;--primary-2:#f4e4c1;--primary-2-rgb:244,228,193;--shadow-lg:0 22px 70px #0000008c;--shadow-md:0 12px 40px #00000073;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--container:1200px;--section-y:clamp(80px,10vw,140px);--font-sans:"Mate",Georgia,"Times New Roman",serif;--font-serif:"P22 Arts And Crafts","Cormorant Garamond",Georgia,"Times New Roman",serif}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-size:1.0625rem;font-weight:400;line-height:1.7}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}section{scroll-margin-top:100px}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.section{padding:var(--section-y)0;position:relative}.section-header{text-align:center;margin-bottom:clamp(32px,5vw,64px)}.section-title{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--text-primary);margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;line-height:1.15}.section-subtitle{color:var(--text-secondary);max-width:700px;margin:0 auto;font-size:1.125rem;font-weight:300;line-height:1.8}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent-gold);outline-offset:3px}@keyframes breathingGlow{0%,to{box-shadow:0 0 #f5e8c800}50%{box-shadow:0 0 20px 2px #f5e8c826}}.btn,.nav-cta,.play-btn,.vinyl-container,.feature-card,.memory-card{animation:4s ease-in-out infinite breathingGlow}.btn:hover,.nav-cta:hover,.play-btn:hover,.vinyl-container:hover,.feature-card:hover,.memory-card:hover{animation-play-state:paused}::selection{color:var(--text-primary);background:#f4e4c140}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){:root{--text-primary:#fff;--text-secondary:#ccc;--border-subtle:#fff6}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-glow)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
.App{flex-direction:column;min-height:100vh;display:flex}.navbar{z-index:1000;padding:1rem 1.5rem;transition:all .4s;position:fixed;top:0;left:0;right:0}.nav-shell{max-width:var(--container);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a1a99;border:1px solid #f4e4c114;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:.875rem 1.5rem;transition:all .4s;display:flex}.navbar.scrolled .nav-shell{background:#0a0a1ae6;border-color:#f4e4c11f;box-shadow:0 10px 40px #0000004d}.nav-logo{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;font-size:1.125rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-logo:hover{color:var(--accent-gold)}.nav-links{align-items:center;gap:.5rem;display:flex}.nav-link{font-family:var(--font-serif);color:var(--text-secondary);white-space:nowrap;letter-spacing:.01em;border-radius:999px;padding:.5rem 1rem;font-size:.9375rem;font-weight:400;text-decoration:none;transition:all .3s}.nav-link:hover{color:var(--text-primary);background:#f4e4c10f}.nav-btn{border:1px solid #0000;font-family:P22 Arts And Crafts,Georgia,serif;font-weight:400;box-shadow:0 4px 12px #00000026}.nav-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0003}.nav-btn-gold{background:linear-gradient(90deg,#d4a574 0%,#f4e4c1 100%);color:#1a1a2e!important}.nav-btn-gold:hover{background:linear-gradient(90deg,#f4e4c1 0%,#d4a574 100%)}.nav-btn-wine{background:linear-gradient(90deg,#8a3a4a 0%,#b85a6a 100%);color:#fff!important}.nav-btn-wine:hover{background:linear-gradient(90deg,#b85a6a 0%,#8a3a4a 100%)}.nav-btn-purple{background:linear-gradient(90deg,#1e1e42 0%,#2a2a55 100%);border:1px solid #f4e4c126;color:#fff!important}.nav-btn-purple:hover{background:linear-gradient(90deg,#2a2a55 0%,#1e1e42 100%);border-color:#f4e4c140}.nav-btn-rose{background:linear-gradient(90deg,#4a6a52 0%,#6a8a72 100%);color:#fff!important}.nav-btn-rose:hover{background:linear-gradient(90deg,#6a8a72 0%,#4a6a52 100%)}.nav-cta{background:linear-gradient(135deg,var(--accent-amber)0%,var(--accent-gold)100%);font-weight:500;box-shadow:0 8px 24px #f4e4c133;color:var(--bg-primary)!important}.nav-cta:hover{background:linear-gradient(135deg,var(--accent-gold)0%,var(--accent-amber)100%);box-shadow:0 10px 30px #f4e4c14d}.nav-toggle{width:44px;height:44px;color:var(--text-primary);cursor:pointer;background:#f4e4c10d;border:1px solid #f4e4c126;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:none}.nav-toggle:hover{background:#f4e4c11a;border-color:#f4e4c140}.burger,.burger:before,.burger:after{content:"";background:var(--text-primary);border-radius:2px;width:20px;height:2px;transition:all .3s;display:block;position:relative}.burger:before{position:absolute;top:-7px}.burger:after{position:absolute;top:7px}.burger.open{background:0 0}.burger.open:before{transform:translateY(7px)rotate(45deg)}.burger.open:after{transform:translateY(-7px)rotate(-45deg)}.nav-backdrop{z-index:900;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a1acc;position:fixed;inset:0}main{flex:1}main>.brutalist-divider{max-width:var(--container);margin:0 auto;padding:0 24px}main>.brutalist-divider--musical{max-width:none;padding:0}.living-index-page{height:100vh;overflow:hidden}.living-index-nav{z-index:300;position:fixed;top:1rem;left:1rem}.nav-back-link{color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a1ae6;border:1px solid #f4e4c11f;border-radius:999px;align-items:center;gap:.5rem;padding:.625rem 1.125rem;font-size:.875rem;font-weight:400;text-decoration:none;transition:all .3s;display:inline-flex}.nav-back-link:hover{color:var(--text-primary);background:#121228f2;border-color:#f4e4c133}.nav-back-link svg{width:18px;height:18px}@media (max-width:900px){.nav-toggle{display:inline-flex}.nav-links{max-width:var(--container);opacity:0;pointer-events:none;z-index:1001;background:#0a0a1af2;border:1px solid #f4e4c11f;border-radius:16px;flex-direction:column;align-items:stretch;margin:0 auto;padding:1rem;transition:all .3s;position:fixed;top:90px;left:1.5rem;right:1.5rem;transform:translateY(-10px);box-shadow:0 20px 50px #0006}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link{text-align:center;justify-content:center;padding:.75rem 1rem}.nav-cta{margin-top:.5rem}}@media (max-width:480px){.navbar,.nav-shell{padding:.75rem 1rem}.nav-logo{font-size:1rem}}
@font-face{font-family:Alexang Display;src:url(/fonts/AlexangDisplay-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Ambrosia;src:url(/fonts/Ambrosia.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Berolina;src:url(/fonts/Berolina.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Breamcatcher;src:url(/fonts/breamcatcher-rg.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Crostan;src:url(/fonts/Crostan-Light.otf)format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Crostan;src:url(/fonts/Crostan-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Crostan;src:url(/fonts/Crostan-Medium.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Crostan;src:url(/fonts/Crostan-SemiBold.otf)format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Crostan;src:url(/fonts/Crostan-Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Glass Antiqua;src:url(/fonts/GlassAntiqua-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:AnnStone;src:url(/fonts/AnnStone.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Decolmax;src:url(/fonts/Decolmax-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Missan;src:url(/fonts/MISSAN-demo.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Wooden Nickel;src:url(/fonts/WoodenNickelNF.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Kramer;src:url(/fonts/Kramer.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Decoera;src:url(/fonts/DECOERA.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Missan;src:url("/fonts/MISSAN demo.ttf")format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Morrison;src:url(/fonts/Morrison-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Teutonic;src:url(/fonts/Teutonic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}