:root{--ivory:#f2ebd9;--muted:#d3ccb7;--ink:#2e3830;--paper:#eae5d5;--gold:#d2b779;--line:rgba(240,231,209,.25);--panel-width:min(540px,46vw);color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#222e2d}body{color:var(--ivory);font-family:Manrope,Arial,sans-serif;font-size:14px;overflow:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #bc9c5d;outline-offset:6px}button:disabled{cursor:default}svg{display:block}button, a{touch-action:manipulation}[hidden]{display:none!important}.skip{position:fixed;top:12px;left:12px;padding:15px;background:var(--paper);color:var(--ink);z-index:20;transform:translateY(-150%)}.skip:focus{transform:none}
.landscape{position:fixed;inset:0;overflow:hidden;background:#222e2d}.landscape picture,.landscape img{width:100%;height:100%;display:block}.landscape picture{transform:scale(1.035);transition:transform 1.4s ease,filter 2.8s ease}.landscape img{object-fit:cover;object-position:67% center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,25,26,.26),transparent 72%),linear-gradient(180deg,rgba(8,17,17,.18),transparent 55%,rgba(12,18,17,.6))}.night-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,20,42,.78),rgba(15,26,49,.43) 60%,rgba(9,17,30,.6));opacity:0;transition:opacity 2.8s ease;mix-blend-mode:multiply}.night .night-shade{opacity:1}.night .landscape picture{filter:saturate(.54) brightness(.7) hue-rotate(8deg)}#atmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.grain{position:absolute;inset:0;opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.page-frame{position:relative;min-height:100svh;min-height:100dvh;padding:0 5.3vw;display:flex;flex-direction:column;transition:padding-right .9s cubic-bezier(.22,1,.36,1)}.header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);z-index:3}.brand{display:flex;gap:10px;align-items:center;white-space:nowrap}.brand svg{width:29px;height:32px;fill:none;stroke:var(--gold);stroke-width:1.2}.brand [data-name]{font-family:'Cormorant Garamond',Georgia,serif;font-size:26px}.brand-dot{opacity:.5;margin:0 5px}.brand-suffix{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.nav{display:flex;gap:37px}.nav-item{font-size:12px;position:relative;display:flex;align-items:center;gap:10px;padding:13px 0;white-space:nowrap;opacity:.75;transition:opacity .25s}.nav-item:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s}.nav-item:hover,.nav-item[aria-expanded=true]{opacity:1}.nav-item:hover:after,.nav-item[aria-expanded=true]:after{transform:scaleX(1)}.nav-number{font-size:8px;color:var(--gold);letter-spacing:1px}
main{flex:1;display:flex;align-items:center;position:relative;min-height:400px}.hero{padding:35px 0 60px;width:min(620px,70vw);transition:opacity .5s,transform .9s cubic-bezier(.22,1,.36,1);animation:arrive 1.3s both}.eyebrow{font-size:9px;font-weight:500;letter-spacing:3px;display:flex;align-items:center;gap:12px}.tiny-star{font-size:17px;color:var(--gold)}h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(90px,11.2vw,170px);font-weight:400;line-height:1.02;letter-spacing:-6px;margin:23px 0 17px;text-shadow:0 2px 35px rgba(10,18,18,.1)}.identity{display:flex;align-items:center;gap:13px;color:var(--muted);font-size:11px;letter-spacing:1px}.identity i{width:3px;height:3px;border-radius:50%;background:var(--gold)}.hero-line{font-family:'Cormorant Garamond',Georgia,serif;white-space:pre-line;font-weight:400;font-size:27px;line-height:1.28;margin:30px 0;color:#e8dfc6;max-width:450px}.discover{padding:0 0 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:65px;font-size:11px;letter-spacing:.6px}.discover span{font-size:22px;font-weight:400;transition:transform .3s}.discover:hover span{transform:translate(3px,-3px)}.field-note{position:absolute;right:1%;bottom:70px;display:flex;align-items:center;gap:17px;font-family:'Cormorant Garamond',Georgia,serif;font-size:17px;font-style:italic;line-height:1.3;text-shadow:0 1px 8px #192523}.note-line{height:1px;width:32px;background:var(--gold);opacity:.6}.footer{min-height:90px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:2}.footer-quote{display:flex;gap:13px;align-items:center}.quote-mark{font-family:Georgia,serif;font-size:31px;color:var(--gold);height:25px}.footer-quote [data-quote]{font-family:'Cormorant Garamond',Georgia,serif;font-size:19px;font-style:italic}.quote-source{font-size:7px;letter-spacing:2px;opacity:.45;margin-left:10px}.scene-controls{display:flex;align-items:center;gap:22px}.control{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.5px;padding:10px 0}.control svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3}.control-divider{width:1px;height:16px;background:var(--line)}.wind-icon{font-size:23px;line-height:12px;color:var(--gold)}.motion[aria-pressed=false]{opacity:.5}
.panel-scrim{position:fixed;inset:0;z-index:4;cursor:default;background:rgba(10,17,15,.12)}.panel{position:fixed;right:0;top:0;bottom:0;z-index:5;width:var(--panel-width);background:var(--paper);color:var(--ink);transform:translateX(101%);transition:transform .85s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;box-shadow:-30px 0 80px rgba(10,20,18,.1);color-scheme:light}.panel:before{position:absolute;content:'';inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 130 130' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' d='M0 0h130v130H0z'/%3E%3C/svg%3E")}.panel-open .panel{transform:none}.panel-open .hero{transform:translateX(-20px);opacity:.5}.panel-open .field-note{opacity:0}.panel-open .nav{visibility:hidden}.panel-top{display:flex;justify-content:space-between;align-items:center;padding:28px 35px 20px;flex-shrink:0}.panel-top .eyebrow{font-size:8px;color:#7d806c;letter-spacing:2px}.close-button{width:40px;height:40px;border:1px solid rgba(64,75,58,.2);border-radius:50%;font-size:28px;font-family:Arial,sans-serif;font-weight:200;line-height:1;display:grid;place-items:center;transition:background .25s}.close-button:hover{background:rgba(94,104,75,.1)}.panel-body{padding:0 40px 25px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;flex:1}.panel-body section{animation:arrive .6s both}h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:55px;letter-spacing:-1.8px;line-height:1;margin:18px 0 35px;font-weight:400}h2 em{font-weight:400;color:#80836a}.about-identity{display:flex;align-items:center;gap:15px;padding-bottom:18px;border-bottom:1px solid #c8cbbb}.about-identity [data-name]{font-family:'Cormorant Garamond',Georgia,serif;font-size:27px}.about-identity [data-age]{font-size:11px;color:#777f6c}.about-lead{font-size:16px;font-weight:500;margin:26px 0 15px}.bio-copy{font-size:13px;line-height:1.85;color:#6a7265;white-space:pre-line}.interests{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.interests span{font-size:9px;border:1px solid #c7cbb9;border-radius:20px;padding:8px 13px;color:#727a68}.orbit-art{height:190px;position:relative;display:grid;place-items:center;margin:15px 0}.orbit-ring{position:absolute;width:145px;height:145px;border:1px solid #b9bca6;border-radius:50%;transform:rotate(-28deg) scaleY(.43)}.orbit-ring.two{transform:rotate(40deg) scaleY(.68);width:105px;height:105px;opacity:.6}.orbit-star{color:#9e9869;font-size:36px;line-height:1}.orbit-dot{position:absolute;width:7px;height:7px;background:#8e9679;border-radius:50%;transform:translate(58px,-28px)}.orbit-caption{position:absolute;bottom:4px;font-size:7px;letter-spacing:2.8px;color:#8b927d}.text-link{display:flex;align-items:center;justify-content:space-between;font-size:11px;border-top:1px solid #c8cbbb;padding:18px 0;width:100%;gap:15px}.text-link span{font-size:20px}.section-intro{color:#727a6a;line-height:1.7;font-size:12px;max-width:320px;margin:-18px 0 28px}.panel-bottom{position:relative;display:flex;gap:15px;align-items:center;justify-content:space-between;padding:18px 35px;border-top:1px solid #d2d4c4;font-size:7px;letter-spacing:1px;flex-shrink:0}.panel-bottom>span{color:#8a907c}.panel-bottom button{font-size:9px;color:#6b7461;letter-spacing:0;padding:8px 0}.edits-list{display:flex;flex-direction:column;gap:25px}.edit-card{text-align:left;width:100%;padding:0;color:var(--ink)}.edit-image{height:155px;position:relative;overflow:hidden;background:#b4b7a5}.edit-image img{width:100%;height:100%;object-fit:cover;object-position:center 44%;filter:saturate(.65);transition:transform .6s,filter .6s}.edit-card:hover img{transform:scale(1.04);filter:saturate(1)}.play-icon{position:absolute;inset:0;margin:auto;width:37px;height:37px;display:grid;place-items:center;font-size:10px;color:var(--ivory);border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(15,25,22,.3);backdrop-filter:blur(5px)}.edit-info{display:flex;align-items:center;gap:10px;padding:13px 0 0}.edit-num{font-size:8px;color:#929982}.edit-info h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:21px;letter-spacing:-.3px;margin:0}.edit-type{font-size:6px;letter-spacing:1px;color:#8b927b;margin-left:auto}.edit-arrow{font-size:19px;color:#7e896f}.mood-visual{margin:0 0 22px}.mood-visual img{width:100%;height:200px;object-fit:cover;object-position:center 33%;filter:saturate(.75)}.mood-visual figcaption{font-size:7px;color:#7d836f;letter-spacing:2px;margin-top:10px}.mood-copy{font-size:12px;color:#6a7363;line-height:1.8}.music-card{display:flex;align-items:center;gap:15px;text-align:left;padding:22px 0;margin-top:25px;width:100%;border-top:1px solid #c8cbbb;border-bottom:1px solid #c8cbbb}.record{width:54px;height:54px;border-radius:50%;background:repeating-radial-gradient(#334239 0 1px,#26352d 2px 3px);display:grid;place-items:center;flex-shrink:0}.record i{width:16px;height:16px;border-radius:50%;background:#c9bb8e;position:relative}.record i:after{content:'';position:absolute;background:#eae5d5;border-radius:50%;width:3px;height:3px;inset:0;margin:auto}.music-card strong{font-family:'Cormorant Garamond',Georgia,serif;display:block;font-size:24px;font-weight:500;margin:4px 0}.music-small{display:block;font-size:6px;letter-spacing:1.4px;color:#7e866f}.music-author{font-size:8px;color:#7e866f}.music-play{font-size:10px;margin-left:auto}.credit-link{font-size:8px;color:#7e866f;display:inline-block;margin:13px 0;text-decoration:underline;text-underline-offset:3px}.mood-controls{border-top:1px solid #c8cbbb;margin-top:24px;padding-top:20px}.mood-controls>span{font-size:9px;color:#737d67}.mood-controls .text-link{border:0;padding-top:10px}#music-container{margin-top:16px}#music-container iframe{width:100%;aspect-ratio:16/9;border:0}
dialog{padding:0;border:1px solid #a7b198;max-width:calc(100vw - 32px);max-height:90dvh;outline:0}dialog::backdrop{background:rgba(9,18,19,.78);backdrop-filter:blur(12px)}.video-dialog{background:#142021;width:780px;color:var(--ivory)}.video-heading{padding:12px 20px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.video-heading .close-button{border-color:#5c6960;width:32px;height:32px;font-size:23px}#edit-player{display:block;width:100%;max-height:75dvh;background:#080f10}.editor{background:var(--paper);color:var(--ink);width:560px;padding:30px 35px;color-scheme:light}.editor-head{display:flex;justify-content:space-between;align-items:flex-start}.editor h2{font-size:42px;margin:15px 0 18px}.editor .eyebrow{font-size:7px;letter-spacing:2px}.editor-note{font-size:11px;color:#6f7866;line-height:1.7;margin:0 0 22px}.editor label{display:block;font-size:10px;color:#64715d;margin-bottom:16px}.editor input,.editor textarea{display:block;width:100%;background:rgba(255,255,255,.22);border:1px solid #b8c0a9;padding:10px 12px;color:var(--ink);margin-top:7px;font-size:12px;border-radius:0;resize:vertical}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:15px}.editor-actions{display:flex;gap:10px;margin:20px 0 15px}.solid-button,.outline-button{font-size:10px;padding:12px 16px}.solid-button{background:#374d3d;color:var(--ivory)}.outline-button{border:1px solid #a4b095;color:#43583f}.editor-extra{display:flex;justify-content:space-between;gap:10px;align-items:center}.editor-extra button,.editor-extra .file-label{font-size:8px;text-decoration:underline;text-underline-offset:3px;color:#768469;margin:0;cursor:pointer}.file-label input{display:none}#editor-status{font-size:10px;color:#547344;min-height:15px;margin-bottom:0}.toast{position:fixed;z-index:30;bottom:28px;left:50%;transform:translate(-50%,20px);padding:13px 22px;background:var(--paper);color:var(--ink);font-size:11px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.page-frame{padding:0 7vw}.header{height:125px}.footer{min-height:105px}.hero{padding-bottom:80px}}
@media(max-width:1000px){.nav{gap:20px}.brand-suffix,.brand-dot{display:none}.nav-number{display:none}.hero{width:70vw}.quote-source{display:none}.panel{width:480px;max-width:70vw}.panel-body{padding:0 30px 20px}.panel-top{padding:24px 30px 15px}.field-note{right:0;bottom:45px}}
@media(max-width:700px){.page-frame{padding:0 25px}.header{height:82px}.brand [data-name]{font-size:24px}.brand svg{width:23px}.nav{gap:19px}.nav-item{font-size:10px}.nav-item[data-panel=mood]{display:none}main{min-height:400px;align-items:flex-start;padding-top:17vh}.hero{padding:0 0 140px;width:100%}.eyebrow{font-size:8px;letter-spacing:2.5px}h1{font-size:clamp(80px,20vw,140px);letter-spacing:-3px;margin:23px 0 15px}.identity{font-size:9px;gap:10px;letter-spacing:.5px}.hero-line{font-size:24px;line-height:1.2;margin-top:26px;max-width:310px}.discover{font-size:10px;gap:70px;margin-top:23px}.field-note{display:none}.landscape img{object-position:67% center}.shade{background:linear-gradient(180deg,rgba(13,24,26,.2),rgba(13,24,26,.08) 40%,rgba(13,24,26,.4))}.footer{min-height:105px;align-items:flex-start;padding:17px 0 22px;gap:10px}.footer-quote{gap:6px;align-items:center;padding-top:4px;max-width:50%}.quote-mark{font-size:24px;height:24px}.footer-quote [data-quote]{font-size:16px;line-height:1.1}.scene-controls{gap:14px;align-items:center;flex-wrap:nowrap}.control{font-size:9px;gap:6px}.control-divider{display:none}.motion #motion-label{display:none}.wind-icon{font-size:25px}.panel{width:100%;max-width:none;top:7dvh;bottom:0;border-radius:14px 14px 0 0;transform:translateY(105%);box-shadow:0 -30px 80px rgba(10,20,18,.25)}.panel-open .panel{transform:translateY(0)}.panel-open .hero{transform:translateY(-10px);opacity:.3}.panel-top{padding:20px 25px 10px}.panel-body{padding:0 28px 25px}.panel-body h2{font-size:50px;margin:18px 0 30px}.panel-bottom{padding:12px 25px max(12px,env(safe-area-inset-bottom))}.about-lead{margin-top:23px}.orbit-art{height:155px}.edit-image{height:170px}.edits-list{gap:25px}.mood-visual img{height:210px}.editor{padding:25px;max-height:92dvh}.editor-actions{flex-wrap:wrap}.editor-note{font-size:10px}.video-heading{padding:10px 15px}.video-dialog{width:calc(100vw - 24px);max-width:none}.toast{max-width:90vw;text-align:center;width:max-content}}
@media(max-height:700px) and (min-width:701px){.header{height:80px}.footer{min-height:72px}.hero{padding:20px 0 25px}h1{font-size:110px;margin:12px 0}.hero-line{margin:20px 0;font-size:23px}.field-note{bottom:35px}.panel-top{padding-top:20px}.panel-body h2{font-size:45px;margin-top:10px}.orbit-art{height:130px}}
.page-frame{height:100dvh}main{min-height:0}
.music-hint{font-size:9px;color:#7e866f;line-height:1.6;margin-top:12px}#music-container audio{width:100%;height:36px}.music-playing .record{animation:record-spin 12s linear infinite}@keyframes record-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){main{min-height:0;padding-top:0;align-items:center}.hero{padding:22px 0 40px}.nav{gap:18px}.nav-item[data-panel=mood]{display:flex}.footer{min-height:85px}.hero-line{max-width:300px}.brand{gap:7px}}
@media(max-width:380px){.page-frame{padding:0 20px}.brand svg{display:none}.brand [data-name]{font-size:23px}.nav{gap:13px}.nav-item{font-size:9px}.hero-line{font-size:22px}.footer-quote [data-quote]{font-size:14px}}
@media(max-height:600px) and (max-width:700px){.header{height:65px;flex-shrink:0}.footer{min-height:68px;flex-shrink:0;padding:14px 0}.hero{padding:14px 0 22px}h1{font-size:76px;margin:14px 0 12px}.hero-line{font-size:22px;margin:20px 0 18px}.discover{margin-top:15px;padding-bottom:8px}.eyebrow{font-size:7px}.tiny-star{font-size:13px}.panel{top:3dvh}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.landscape picture{transform:none}}