@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.1;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:var(--color-light);opacity:.02;-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);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}.custom-cursor.hovering{width:45px;height:45px;background-color:transparent;border:1px solid var(--color-accent)}.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:20px 0;background-color:#18392bd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 30px #0000001a}.nav-container{display:flex;justify-content:space-between;align-items:center}.nav-brand{font-size:1.5rem;letter-spacing:.1em;font-weight:500}.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(3.5rem,8vw,6rem);letter-spacing:-.03em;line-height:.9;margin-top:-8px}.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,4.5rem);font-variant-numeric:tabular-nums;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 10px 30px #0000004d;border-radius:8px;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:-2px;left:-2px;right:-2px;width:calc(100% + 4px);height:calc(100% + 4px);background:linear-gradient(to top,rgba(16,35,27,.95) 0%,rgba(16,35,27,.6) 40%,transparent 100%);transform:translateY(100%);transition:transform .6s cubic-bezier(.19,1,.22,1);z-index:20;display:flex;align-items:flex-end;padding:42px;pointer-events:none}.is-main:hover .photo-meta-overlay{transform:translateY(0)}.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-container{display:flex;flex-direction:column;align-items:center;gap:80px;margin-top:60px}.now-playing-vinyl{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;margin-bottom:40px;pointer-events:none}.vinyl-record{width:250px;height:250px;background-color:#111;border-radius:50%;position:relative;box-shadow:0 10px 30px #00000080,inset 0 0 20px #000c;display:flex;justify-content:center;align-items:center;animation:spin 10s linear infinite;animation-play-state:paused}.vinyl-record.spinning{animation-play-state:running}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-grooves{position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 0 0 10px #111,inset 0 0 0 11px #ffffff0d,inset 0 0 0 20px #111,inset 0 0 0 21px #ffffff0d,inset 0 0 0 30px #111,inset 0 0 0 31px #ffffff0d;pointer-events:none}.vinyl-label{width:100px;height:100px;border-radius:50%;object-fit:cover;z-index:2;border:2px solid #222;box-shadow:0 0 10px #00000080;background-color:#222}.vinyl-label:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background-color:var(--color-bg);border-radius:50%;z-index:3}.now-playing-info{max-width:300px}.now-playing-info p.uppercase{letter-spacing:.1em;font-size:.8rem;margin-bottom:8px}.now-playing-info h4{font-size:1.5rem;margin-bottom:4px}.now-playing-info p.text-muted{font-size:.9rem}.playlists-container{position:relative;width:100%;min-height:800px;display:flex;justify-content:center;align-items:center;margin-top:60px;perspective:1200px;transform-style:preserve-3d}.playlist-gallery-grid{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);pointer-events:none;transform-style:preserve-3d;z-index:50}.gallery-item{position:absolute;top:50%;left:50%;width:200px;background:#14141466;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:12px;text-decoration:none;margin-top:-160px;margin-left:-100px;pointer-events:auto;opacity:0;transform:translate3d(var(--orbit-x, 0),var(--orbit-y, 0),var(--orbit-z, 0)) rotateX(var(--rot-x, 0)) rotateY(var(--rot-y, 0)) rotate(var(--rot-z, 0));transition:opacity 1s ease,filter .3s ease,transform .4s ease;box-shadow:0 15px 35px #0006,inset 0 1px #ffffff1a}.gallery-item.visible{opacity:1;animation:float3D 6s ease-in-out infinite}@keyframes float3D{0%,to{transform:translate3d(var(--orbit-x, 0),var(--orbit-y, 0),var(--orbit-z, 0)) rotateX(var(--rot-x, 0)) rotateY(var(--rot-y, 0)) rotate(var(--rot-z, 0))}50%{transform:translate3d(var(--orbit-x, 0),calc(var(--orbit-y, 0) - 15px),var(--orbit-z, 0)) rotateX(calc(var(--rot-x, 0) + 2deg)) rotateY(calc(var(--rot-y, 0) - 2deg)) rotate(var(--rot-z, 0))}}.gallery-cover-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px #00000080}.gallery-cover{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,1,.5,1);background-color:var(--color-dark)}.gallery-item:hover{filter:brightness(1.2);transform:translate3d(var(--orbit-x, 0),var(--orbit-y, 0),calc(var(--orbit-z, 0) + 50px)) rotateX(0) rotateY(0) rotate(0)!important;animation:none!important;z-index:100}.gallery-item:hover .gallery-cover{transform:scale(1.05)}.gallery-info{display:flex;flex-direction:column;gap:6px;text-align:left}.gallery-info h3{font-size:1rem;color:var(--color-light);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-info p{font-size:.75rem;margin:0;color:var(--color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-controls{display:flex;flex-direction:column;gap:8px;margin-top:4px}.progress-bar{width:100%;height:3px;background:#fff3;border-radius:2px;overflow:hidden}.progress-fill{width:30%;height:100%;background:var(--color-light);border-radius:2px}.control-icons{display:flex;justify-content:space-between;align-items:center;padding:0 10px}.icon-btn{width:12px;height:12px;background-color:#ffffff80}.icon-play{width:0;height:0;background:transparent;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent var(--color-light)}.icon-skip{width:10px;height:10px;background:transparent;border-left:2px solid rgba(255,255,255,.7);border-right:2px solid rgba(255,255,255,.7)}@media (max-width: 900px){.playlists-container{height:auto;min-height:0;flex-direction:column;gap:40px;perspective:none;transform-style:flat}.playlist-gallery-grid{position:relative;top:0;left:0;transform:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;height:auto;margin-top:40px}.gallery-item{position:relative;top:0!important;left:0!important;margin:0;width:100%;transform:none!important;animation:none!important}}.section-journal{padding:var(--section-spacing) var(--page-padding)}.journal-container{display:flex;gap:60px;align-items:flex-start;min-height:500px}.journal-main{flex:7;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:700px}.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{flex:3;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}}