*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e9e0d3;color:#241e19;font:14px/1.6 "DM Sans",sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.noise{position:fixed;inset:0;z-index:15;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.nav{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#191712;color:#f2e9d8;gap:22px}.brand{font:500 27px "Cormorant Garamond",serif;letter-spacing:5px;text-decoration:none;white-space:nowrap}.brand span{font:13px Amiri,serif;letter-spacing:0;color:#b6a58f}.nav nav{display:flex;gap:34px}.nav nav a{text-decoration:none;font-size:11px;color:#d4c7b5}.nav nav a:hover,.nav-account:hover{color:#d6a873}.nav-right{display:flex;align-items:center;gap:20px}.lang{border:0;background:transparent;color:#e8d7bd;font-family:Amiri,serif;font-size:17px}.nav-account{background:none;border:1px solid #655342;padding:11px 15px;color:#f1e5d2;font-size:10px;letter-spacing:1px;white-space:nowrap}.nav-account span{margin-left:10px}.hero{height:min(850px,calc(100svh - 82px));min-height:640px;position:relative;overflow:hidden;background:#15130f;color:#f4e6d2}.hero-photo{position:absolute;inset:0}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 47%;filter:sepia(.18) brightness(.55) contrast(1.2)}.photo-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,13,11,.97) 0%,rgba(17,14,12,.86) 33%,rgba(15,13,11,.25) 70%,rgba(15,13,11,.25) 100%),linear-gradient(0deg,rgba(17,13,10,.75),transparent 35%)}.hero-side{position:absolute;top:45px;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#c4b6a5}.hero-content{position:absolute;top:49%;left:10.5vw;transform:translateY(-45%)}.eyebrow,.section-kicker,.gold-label{font-size:10px;letter-spacing:2.8px;font-weight:600;color:#c79b6e}.star{font-size:19px;margin-left:18px}.hero h1{font:400 clamp(76px,9vw,154px)/.84 "Cormorant Garamond",serif;letter-spacing:-4px;margin:32px 0 44px}.hero h1 em,.section h2 em,.auth-inner h2 em{font-weight:400;color:#d8aa78}.period{color:#c38b60}.hero-bottom{display:flex;align-items:center;gap:80px}.hero-bottom p{font:22px/1.35 "Cormorant Garamond",serif;color:#e4d1ba}.circle-arrow{display:grid;place-items:center;border:1px solid #9b8268;border-radius:50%;height:62px;width:62px;color:#fff;text-decoration:none;font-size:23px}.hero-number{position:absolute;bottom:35px;right:5vw;font-size:10px;letter-spacing:3px}.hero-number span{color:#c29c76}.marquee{height:66px;display:flex;align-items:center;overflow:hidden;background:#a87953;color:#f7eadb;font-size:11px;letter-spacing:3px;white-space:nowrap}.marquee div{min-width:max-content;animation:move 38s linear infinite}.marquee span{margin:0 35px}@keyframes move{to{transform:translateX(-40%)}}.section{padding:115px 10.5vw}.world{background:#e9e0d3}.section-kicker{color:#a16b48}.world-grid{display:grid;grid-template-columns:1fr 2.2fr;gap:6vw;margin-top:50px}.world-aside{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;color:#8b7564;font-size:10px;letter-spacing:2px}.tiny-star{font-size:75px;color:#b98e69}.section h2{font:400 clamp(57px,7vw,114px)/.9 "Cormorant Garamond",serif;letter-spacing:-2px;margin:0}.world h2 em{color:#98633e}.world-grid p{max-width:490px;margin:40px 0;font:22px/1.4 "Cormorant Garamond",serif;color:#68584c}.underlink{display:inline-flex;gap:35px;text-decoration:none;border-bottom:1px solid #9b826c;padding-bottom:12px;font-size:10px;letter-spacing:2px}.music{background:#211c18;color:#f1e7d7}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:65px}.section-sub{font-size:10px;letter-spacing:2px;color:#a48d78}.music-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.album-wrap{position:relative;max-width:600px;box-shadow:35px 35px 0 #382c24}.album-wrap img{width:100%;display:block;filter:sepia(.15)}.album-label{position:absolute;left:18px;bottom:18px;font-size:10px;letter-spacing:2px;color:#eadac7;text-shadow:0 1px 6px #000}.music-copy h2{margin:20px 0 25px}.music-copy>p{font:22px/1.4 "Cormorant Garamond",serif;color:#c3b09e}.audio-widget{margin-top:35px;border-top:1px solid #5b4a3d;padding-top:22px;max-width:500px}.playing-line,.seek,.audio-controls,.tracklist button{display:flex;align-items:center;justify-content:space-between}.playing-line{font-size:9px;letter-spacing:2px;color:#cba27d}.audio-widget h3{font:27px Amiri,serif;margin:10px 0}.seek{gap:13px;color:#c3aa91;font-size:10px}.seek input{flex:1}.seek input,.volume input{accent-color:#d0a074}.audio-controls{justify-content:flex-start;gap:25px;margin:17px 0}.audio-controls button{border:0;background:transparent;color:#f4e5d1;font-size:20px}.audio-controls .play{height:48px;width:48px;border-radius:50%;background:#b98960;color:#211b16;font-size:17px}.volume{margin-left:auto;font-size:10px;letter-spacing:1px;display:flex;align-items:center;gap:8px}.volume input{width:68px}.tracklist button{width:100%;border:0;border-top:1px solid #554438;background:none;color:#ddc6b0;padding:12px 0;text-align:left;font:19px Amiri,serif}.tracklist button.active{color:#d7a375}.journal{background:#f1e8db}.journal-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:60px}.journal h2 em{color:#a36c48}.journal-heading p{max-width:280px;color:#7a6a5d;font:22px/1.3 "Cormorant Garamond",serif}.quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.quote-card{background:#e5d7c4;padding:35px;min-height:360px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 14px 32px rgba(73,48,30,.07)}.quote-card:nth-child(3n+2){background:#c9b39a}.quote-number,.quote-bottom{font-size:10px;letter-spacing:1.5px;color:#7a5944}.quote-card blockquote{font:400 clamp(28px,3.3vw,52px)/1.08 "Cormorant Garamond",serif;margin:45px 0}.quote-card blockquote[lang=ar]{font-family:Amiri,serif;line-height:1.5}.quote-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.quote-actions{display:flex;gap:10px}.quote-actions button{border:0;background:transparent;color:#6b4731}.comments{margin-top:20px;border-top:1px solid #bca993;padding-top:16px}.comments p{font-size:12px;line-height:1.5}.comments textarea{width:100%;min-height:70px;padding:10px;border:1px solid #bfa991;background:#f4e9dc}.comments button,.admin-panel button{margin-top:10px;border:1px solid #80634e;background:transparent;padding:10px 14px}.hint{color:#8b7565;font-size:12px;margin-top:25px}.admin-panel{margin-top:50px;border:1px solid #cbb8a2;padding:30px}.admin-panel textarea{display:block;width:100%;min-height:100px}.admin-panel label{display:block}.pending-item{padding:14px;border-bottom:1px solid #c7b6a4}.letters{background:#cdb69b;position:relative;overflow:hidden}.letter-decoration{position:absolute;right:6vw;top:40px;font-size:160px;opacity:.12}.letters-grid{display:grid;grid-template-columns:1fr 1fr;gap:11vw;margin-top:55px}.letters h2{font-size:clamp(70px,8vw,130px)}.letters h2 em{color:#795036}.letters-grid p{font:24px/1.4 "Cormorant Garamond",serif;max-width:430px;margin:35px 0 70px}.letter-small{font-size:10px;letter-spacing:2px}.letter-form{background:#e9ddcb;padding:40px;box-shadow:20px 20px 0 rgba(85,56,36,.14)}.letter-form label,.auth-inner label{display:block;margin-bottom:23px;color:#795e49;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.letter-form input,.letter-form textarea,.auth-inner input{width:100%;background:transparent;border:0;border-bottom:1px solid #b5a08b;outline:none;padding:13px 0;color:#2b241f;font-size:14px;letter-spacing:0}.letter-form textarea{height:150px;resize:vertical}.solid-btn{background:#2c211b;color:#f6e6d3;border:0;padding:17px 22px;font-size:10px;letter-spacing:2px}.solid-btn span{margin-left:20px}.form-status{font-size:12px;color:#805331}.connect{background:#e8dfd3;text-align:center}.connect h2{margin:30px 0 55px}.connect h2 em{color:#a16c4d}.socials{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#c9b8a6;border:1px solid #c9b8a6}.socials a{background:#e8dfd3;padding:27px 14px;text-decoration:none;font:22px "Cormorant Garamond",serif;transition:background .2s}.socials a:hover{background:#d5b89a}footer{background:#1c1815;color:#c2ae99;padding:28px 5vw;display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1.5px}footer a{text-decoration:none}dialog{max-width:480px;width:calc(100% - 30px);border:0;padding:0;background:#e8ddcd;color:#28211a;box-shadow:0 30px 100px #0007}dialog::backdrop{background:rgba(13,10,8,.75);backdrop-filter:blur(6px)}.auth-inner{padding:45px}.auth-inner h2{font:65px/.9 "Cormorant Garamond",serif;margin:20px 0}.auth-inner>p{font:20px "Cormorant Garamond",serif}.close{position:absolute;right:15px;top:15px;border:0;background:none;font-size:19px}.auth-actions{display:flex;gap:10px}.auth-actions button,.google-btn{background:#2b221d;color:#f6e6d3;border:0;padding:13px 17px;font-size:12px}.google-btn{display:block;margin-top:15px;background:#ab805f}.reset-btn{background:none;border:0;text-decoration:underline;color:#7b5945;margin-top:15px}.ar-text{font-family:Amiri,serif}.visually-hidden{position:absolute;left:-9999px}@media(max-width:1050px){.nav nav{gap:14px}.section{padding:90px 6vw}.music-grid{gap:5vw}.hero-content{left:7vw}}@media(max-width:720px){.nav{height:72px;padding:0 5vw}.brand{font-size:23px}.brand span{font-size:11px}.nav nav{display:none}.nav-right{gap:8px}.nav-account{padding:9px;font-size:9px}.hero{min-height:680px;height:calc(100svh - 72px)}.hero-photo img{object-position:62% center}.photo-wash{background:linear-gradient(90deg,#15110fdd,#15110f66),linear-gradient(0deg,#15110fee,transparent 70%)}.hero-content{left:7vw;right:5vw;top:52%}.hero h1{font-size:clamp(65px,13vw,100px);letter-spacing:-2px}.hero-bottom{gap:25px}.hero-bottom p{font-size:19px}.hero-side{font-size:8px}.hero-side span:last-child{display:none}.section{padding:80px 6vw}.world-grid,.music-grid,.letters-grid{grid-template-columns:1fr;gap:45px}.world-aside{display:none}.section h2{font-size:clamp(57px,13vw,85px)}.album-wrap{margin-right:22px}.journal-heading{display:block}.journal-heading p{margin-top:30px}.quote-grid{grid-template-columns:1fr}.quote-card{min-height:300px}.letters-grid p{margin-bottom:30px}.letter-form{padding:25px}.socials{grid-template-columns:repeat(2,1fr)}footer{flex-wrap:wrap}.section-top{gap:15px}.section-sub{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important}}