@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500&family=Inter:wght@300;400;500&display=swap";:root{--color-primary: #18392B;--color-secondary: #2F4938;--color-dark: #10231B;--color-light: #E7E4D8;--color-neutral: #C9C6B8;--color-accent: #B19A62;--font-serif: "Cormorant Garamond", serif;--font-sans: "Inter", sans-serif;--grid-columns: 12;--grid-gap-desktop: 24px;--grid-gap-tablet: 16px;--grid-gap-mobile: 12px;--container-max-width: 1600px;--page-padding: 4vw;--section-spacing: 160px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;background-color:var(--color-primary);color:var(--color-light)}body{font-family:var(--font-sans);font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}@media (pointer: fine){*,*:before,*:after{cursor:none!important}}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;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");opacity:.04}body:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9998;background:radial-gradient(circle at center,transparent 40%,rgba(16,35,27,.5) 100%)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:400;line-height:1.05;letter-spacing:-.01em;color:var(--color-light)}a{color:inherit;text-decoration:none;transition:opacity .3s ease}a:hover{opacity:.7}ul{list-style:none}img{max-width:100%;height:auto;display:block}::selection{background-color:var(--color-accent);color:var(--color-dark)}.main-content{padding-top:100px}section{padding-top:120px;padding-bottom:120px;min-height:80vh;display:flex;flex-direction:column;justify-content:center}.text-serif{font-family:var(--font-serif)}.text-sans{font-family:var(--font-sans)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-neutral)}.text-italic{font-style:italic}.fw-300{font-weight:300}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.relative{position:relative}.watermark{position:absolute;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.04);-webkit-user-select:none;user-select:none;pointer-events:none;z-index:0;line-height:.8}.watermark-home{top:-10%;right:-5%;font-size:80vw}.watermark-section{top:-50px;left:-2%;font-size:20rem}.section-divider{width:100%;height:1px;background-color:var(--color-secondary);margin:120px 0}.rounded-image{border-radius:8px}.reveal{opacity:0;transform:translateY(30px);transition:opacity 1s cubic-bezier(.25,1,.5,1),transform 1s cubic-bezier(.25,1,.5,1);will-change:opacity,transform}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.custom-cursor{position:fixed;top:0;left:0;width:12px;height:12px;background-color:var(--color-accent);opacity:.8;border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);transition:width .3s cubic-bezier(.22,1,.36,1),height .3s cubic-bezier(.22,1,.36,1),background-color .3s ease,border .3s ease,backdrop-filter .3s ease}.custom-cursor.hovering{width:60px;height:60px;background-color:transparent;-webkit-backdrop-filter:invert(1) grayscale(1);backdrop-filter:invert(1) grayscale(1);border:1px solid rgba(255,255,255,.3)}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--page-padding)}.grid{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:var(--grid-gap-desktop)}.col-span-12{grid-column:span 12}.col-span-10{grid-column:span 10}.col-span-8{grid-column:span 8}.col-span-6{grid-column:span 6}.col-span-5{grid-column:span 5}.col-span-4{grid-column:span 4}.col-span-3{grid-column:span 3}.col-span-2{grid-column:span 2}.col-span-1{grid-column:span 1}.offset-1{grid-column-start:2}.offset-2{grid-column-start:3}.offset-3{grid-column-start:4}.offset-4{grid-column-start:5}.offset-5{grid-column-start:6}.offset-6{grid-column-start:7}.offset-7{grid-column-start:8}.offset-8{grid-column-start:9}.offset-9{grid-column-start:10}@media (max-width: 1024px){.grid{gap:var(--grid-gap-tablet)}}@media (max-width: 768px){.grid{grid-template-columns:repeat(4,1fr);gap:var(--grid-gap-mobile)}.col-span-12,.col-span-10,.col-span-8,.col-span-6,.col-span-4,.col-span-3,.col-span-2{grid-column:span 4}}.nav-header{position:fixed;top:0;left:0;width:100%;padding:40px 0;background:linear-gradient(to bottom,#18392be6,#18392b00);z-index:100;transition:padding .5s cubic-bezier(.22,1,.36,1),background-color .5s cubic-bezier(.22,1,.36,1),backdrop-filter .5s ease}.nav-header.scrolled{padding:16px 0;background-color:#141414b3;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);border-bottom:1px solid rgba(255,255,255,.05);box-shadow:0 4px 30px #0003}.nav-container{display:flex;justify-content:space-between;align-items:center}.nav-brand{font-size:1.25rem;letter-spacing:.15em;font-weight:400}.nav-links{display:flex;gap:40px}.nav-links a{font-size:.9rem;letter-spacing:.05em;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background-color:var(--color-accent);transition:width .3s ease}.nav-links a:hover:after{width:100%}@media (max-width: 768px){.nav-header{padding:20px 0}.nav-links{gap:20px}}.section-home{align-items:center;min-height:55vh;padding-top:180px}.home-intro{display:flex;flex-direction:column;gap:16px}.home-pretitle{font-size:.9rem;letter-spacing:.2em;color:var(--color-accent);text-transform:uppercase}.home-title{font-size:clamp(4rem,10vw,8rem);letter-spacing:-.04em;line-height:.85;margin-top:-12px}.home-subtitle{font-size:clamp(1.5rem,3vw,2.5rem);font-style:italic;font-weight:400;margin-top:8px}.home-description{font-size:1.1rem;max-width:450px;line-height:1.8;margin-top:24px}.home-widget{display:flex;justify-content:flex-end;align-items:center}.weather-clock-widget{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:8px}.widget-header{font-size:.85rem;letter-spacing:.15em;display:flex;gap:16px;text-transform:uppercase}.widget-time{font-size:clamp(3rem,5vw,5rem);font-variant-numeric:tabular-nums;font-family:var(--font-serif);font-style:italic;line-height:1;letter-spacing:.02em}.widget-footer{font-size:.85rem;letter-spacing:.1em;font-style:italic;opacity:.8}@media (max-width: 768px){.section-home{padding-top:120px;min-height:auto}.home-widget{justify-content:flex-start;margin-top:60px}.weather-clock-widget{align-items:flex-start;text-align:left}}.section-photos{padding:var(--section-spacing) 0 60px;position:relative}.section-title{font-size:2.5rem;margin-bottom:20px;font-style:italic;position:relative;z-index:20}.collage-grid{position:relative;width:100%;aspect-ratio:16 / 9;margin-top:40px;max-width:1400px;margin-left:auto;margin-right:auto}.collage-item{position:absolute;overflow:hidden;box-shadow:0 20px 40px #0006,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.05);border-radius:12px;will-change:transform,width,height,top,left}.collage-item img,.collage-item .image-placeholder{width:100%;height:100%;object-fit:cover;display:block}.bg-dark{background-color:var(--color-dark)}.bg-secondary{background-color:var(--color-secondary)}.bg-neutral{background-color:var(--color-neutral)}.is-main{cursor:none}.is-main img{transition:transform 1.5s ease}.is-main:hover img{transform:scale(1.05)}.photo-meta-overlay{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(10,10,10,.95) 0%,rgba(10,10,10,.4) 50%,transparent 100%);opacity:0;transition:opacity .6s cubic-bezier(.19,1,.22,1);z-index:20;display:flex;align-items:flex-end;padding:40px;pointer-events:none}.is-main:hover .photo-meta-overlay{opacity:1}.meta-content{display:flex;flex-direction:column;gap:8px;transform:translateY(20px);opacity:0;transition:transform .4s ease .2s,opacity .4s ease .2s}.is-main:hover .meta-content{transform:translateY(0);opacity:1}.meta-date{font-size:1.1rem;letter-spacing:.1em}.meta-title{font-size:1.5rem;letter-spacing:.05em;margin-bottom:10px}.meta-user{font-size:.9rem;letter-spacing:.1em}.carousel-controls{position:absolute;bottom:5%;left:30%;z-index:30;display:flex;gap:20px;align-items:center}.carousel-btn{background:transparent;border:1px solid var(--color-neutral);color:var(--color-light);width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.2rem;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.carousel-btn:hover{background-color:var(--color-accent);color:var(--color-dark);border-color:var(--color-accent)}@media (max-width: 1024px){.photo-meta-overlay{padding:22px;width:calc(100% + 4px);height:calc(100% + 4px)}}@media (max-width: 768px){.collage-grid{aspect-ratio:auto;height:600px}.collage-item{position:static;width:100%!important;height:auto!important;aspect-ratio:4/3;margin-bottom:16px;filter:brightness(1)!important}.pos-main{order:-1;aspect-ratio:1/1}.carousel-controls{position:static;justify-content:flex-end;margin-bottom:16px}.photo-meta-overlay{transform:translateY(0);width:calc(100% + 4px);height:calc(100% + 4px);padding:22px}.meta-content{transform:translateY(0);opacity:1;transition:none}}.section-playlists{padding:100px 0;min-height:100vh;position:relative;display:flex;flex-direction:column}.playlists-showcase{display:grid;grid-template-columns:minmax(380px,auto) 1fr;gap:60px;align-items:center;margin-top:80px;height:600px;width:100%}.premium-vinyl-deck{background:#0f0f0f66;-webkit-backdrop-filter:blur(40px) saturate(120%);backdrop-filter:blur(40px) saturate(120%);border:1px solid rgba(255,255,255,.05);border-radius:32px;padding:48px 40px;display:flex;flex-direction:column;gap:48px;box-shadow:0 40px 80px #000000b3,inset 0 1px #ffffff1a;position:relative;z-index:10}.deck-platter{position:relative;width:280px;height:280px;margin:0 auto;border-radius:50%;background:radial-gradient(circle at 30% 30%,#333,#0a0a0a);box-shadow:0 20px 40px #000c,inset 0 2px 5px #ffffff1a;display:flex;justify-content:center;align-items:center}.vinyl-record{width:260px;height:260px;background-color:#111;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center;animation:spin 1.8s linear infinite;animation-play-state:paused;box-shadow:inset 0 0 15px #000000e6}.vinyl-record.spinning{animation-play-state:running}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-grooves{position:absolute;top:4px;left:4px;right:4px;bottom:4px;border-radius:50%;border:1px solid rgba(255,255,255,.03);box-shadow:inset 0 0 0 12px #111,inset 0 0 0 13px #ffffff0f,inset 0 0 0 26px #111,inset 0 0 0 27px #ffffff0a,inset 0 0 0 40px #111,inset 0 0 0 41px #ffffff0d;pointer-events:none}.vinyl-label{width:90px;height:90px;border-radius:50%;object-fit:cover;z-index:2;border:2px solid #1a1a1a;box-shadow:0 0 15px #000c}.vinyl-label:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background-color:#000;border-radius:50%;z-index:3;box-shadow:inset 0 1px 3px #ffffff4d}.tonearm{position:absolute;top:20px;right:10px;width:8px;height:140px;background:linear-gradient(to right,#ccc,#fff,#999);border-radius:4px;transform-origin:top center;transform:rotate(-15deg);transition:transform .6s cubic-bezier(.4,0,.2,1);box-shadow:2px 5px 10px #00000080;z-index:5}.tonearm:before{content:"";position:absolute;top:-10px;left:-10px;width:28px;height:28px;border-radius:50%;background:#222;border:2px solid #555}.tonearm:after{content:"";position:absolute;bottom:-5px;left:-6px;width:20px;height:30px;background:#333;border-radius:2px;border-top:2px solid #666}.premium-vinyl-deck.playing .tonearm{transform:rotate(18deg)}.deck-info{display:flex;flex-direction:column;gap:8px}.deck-status{display:flex;align-items:center;gap:10px}.status-dot{width:8px;height:8px;border-radius:50%;background-color:#666;transition:background-color .3s ease,box-shadow .3s ease}.premium-vinyl-deck.playing .status-dot{background-color:#1ed760;box-shadow:0 0 10px #1ed760;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #1ed76066}70%{box-shadow:0 0 0 10px #1ed76000}to{box-shadow:0 0 #1ed76000}}#now-playing-status{font-size:.75rem;letter-spacing:.15em;color:var(--color-muted)}.deck-title{font-size:1.8rem;line-height:1.2;color:var(--color-light);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-artist{font-size:1rem;color:var(--color-muted);margin:0}.cover-flow-container{position:relative;width:100%;height:100%;perspective:1200px;display:flex;align-items:center}.cover-flow-track{position:relative;width:100%;height:400px;transform-style:preserve-3d;display:flex;align-items:center}.cf-item{position:absolute;top:50%;left:0;width:300px;margin-top:-195px;background:#0c0c0c80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:20px;text-decoration:none;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .6s ease,filter .5s ease;box-shadow:-15px 25px 40px #00000080,inset 0 1px #ffffff1a;transform-origin:left center;cursor:pointer}.cf-item:hover{filter:brightness(1.2)}.cf-cover-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;box-shadow:0 10px 20px #0009}.cf-cover{width:100%;height:100%;object-fit:cover}.cf-info{display:flex;flex-direction:column;gap:4px}.cf-info h3{font-size:1.1rem;color:var(--color-light);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-info p{font-size:.8rem;color:var(--color-muted);margin:0}.cover-flow-controls{position:absolute;top:10px;right:20px;display:flex;gap:12px;z-index:100}.cf-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-light);width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background .3s ease,transform .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cf-btn:hover{background:#ffffff26;transform:scale(1.1)}@media (max-width: 1000px){.playlists-showcase{grid-template-columns:1fr;height:auto;gap:60px}.premium-vinyl-deck{width:100%;max-width:400px;margin:0 auto}.cover-flow-container{perspective:none;height:auto;overflow:visible}.cover-flow-track{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;height:auto;transform:none}.cf-item{position:relative;top:0;left:0;margin:0;width:100%;transform:none!important;opacity:1!important;pointer-events:auto!important}.cover-flow-controls{display:none}}.section-journal{padding:var(--section-spacing) var(--page-padding)}.journal-container{align-items:flex-start;min-height:500px;margin-top:60px}.journal-main{display:flex;flex-direction:column;transition:opacity .4s ease}.journal-main.loading{opacity:.3}.journal-header{margin-bottom:40px}.journal-date{font-size:.9rem;letter-spacing:.15em;color:var(--color-accent);margin-bottom:12px;display:block}.journal-title{font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;letter-spacing:-.02em}.journal-body{font-size:1.15rem;line-height:1.8;color:var(--color-neutral);max-width:65ch}.journal-body p{margin-bottom:24px}.journal-body h1,.journal-body h2,.journal-body h3{margin-top:40px;margin-bottom:16px;color:var(--color-light)}.journal-body a{color:var(--color-accent);text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .3s ease;cursor:none}.journal-body a:hover{text-decoration-color:var(--color-accent)}.journal-body ul,.journal-body ol{margin-left:20px;margin-bottom:24px}.journal-archive{display:flex;flex-direction:column;gap:24px;border-left:1px solid rgba(201,198,184,.2);padding-left:40px;position:sticky;top:120px}.archive-label{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-neutral);margin-bottom:16px}.archive-item{display:flex;flex-direction:column;gap:8px;cursor:none;opacity:.6;transition:opacity .3s ease,transform .3s ease}.archive-item:hover{opacity:1;transform:translate(5px)}.archive-item.active{opacity:1}.archive-item.active .archive-title{color:var(--color-accent)}.archive-date{font-size:.75rem;letter-spacing:.1em}.archive-title{font-size:1.2rem;line-height:1.3}@media (max-width: 1024px){.journal-container{flex-direction:column;gap:80px}.journal-archive{border-left:none;border-top:1px solid rgba(201,198,184,.2);padding-left:0;padding-top:40px;position:static;width:100%}}.section-contact{padding:var(--section-spacing) var(--page-padding);text-align:center}.contact-content h2{font-size:clamp(2rem,4vw,3.5rem);font-style:italic;margin-bottom:40px;line-height:1.3}.contact-links{display:flex;justify-content:center;gap:40px}.contact-links a{font-size:1rem;letter-spacing:.05em;color:var(--color-accent);position:relative}.contact-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:1px;background-color:var(--color-accent);transform:scaleX(0);transform-origin:right;transition:transform .6s cubic-bezier(.22,1,.36,1)}.contact-links a:hover:after{transform:scaleX(1);transform-origin:left}.site-footer{padding:24px 0;background-color:var(--color-dark)}.footer-container{display:flex;justify-content:space-between;align-items:center}.footer-brand{font-size:1.2rem;letter-spacing:.1em}.footer-info{display:flex;gap:24px;font-size:.85rem;letter-spacing:.05em}@media (max-width: 768px){.contact-links{flex-direction:column;gap:20px}.footer-container{flex-direction:column;gap:20px;text-align:center}}