:root{--paper:#eeeae1;--paper2:#e6e0d5;--ink:#25251f;--muted:#77756b;--line:rgba(37,37,31,.2);--rust:#9b5d45;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--arabic:'Amiri',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.6}.grain{pointer-events:none;position:fixed;inset:0;z-index:10;opacity:.11;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='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.topbar{height:76px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;top:0;left:0;right:0;z-index:2}.wordmark{font:600 23px var(--sans);letter-spacing:-1.8px;color:var(--ink);text-decoration:none}.wordmark span{font-size:9px;vertical-align:top;margin-left:3px;letter-spacing:0}.desktop-nav{display:flex;gap:38px;margin-left:100px}.desktop-nav a,.language-switch{font:500 10px var(--sans);letter-spacing:1.4px;text-transform:uppercase;color:var(--ink);text-decoration:none}.desktop-nav a{opacity:.72;transition:opacity .2s}.desktop-nav a:hover{opacity:1}.language-switch{background:none;border:0;border-bottom:1px solid var(--ink);padding:5px 0;cursor:pointer}.hero{min-height:850px;height:100svh;max-height:1100px;padding:150px 6vw 36px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:42vw;height:42vw;max-width:650px;max-height:650px;border:1px solid rgba(155,93,69,.25);border-radius:50%;right:8%;top:22%;box-shadow:0 0 0 50px rgba(155,93,69,.025),0 0 0 100px rgba(155,93,69,.02)}.hero:after{content:"";position:absolute;width:18vw;height:18vw;right:20%;top:36%;border-radius:50%;background:radial-gradient(circle,rgba(155,93,69,.12),transparent 70%)}.hero-meta,.hero-foot{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.7px;color:var(--muted);position:relative;z-index:1}.hero-main{position:relative;z-index:1;margin:40px 0 60px 8vw}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:var(--rust);margin:0 0 25px}.hero h1{font:400 clamp(65px,9.4vw,145px)/.98 var(--serif);letter-spacing:-5px;margin:0;max-width:950px}.hero h1 em{font-style:italic;color:var(--rust)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;max-width:690px;margin-top:55px}.hero-bottom p{font:400 16px/1.7 var(--serif);color:#656258}.round-link{width:52px;height:52px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;text-decoration:none;color:var(--ink);font-size:20px;transition:background .2s,color .2s}.round-link:hover{background:var(--ink);color:var(--paper)}.section-pad{padding:125px 12vw}.section-index{font-size:9px;letter-spacing:1.8px;color:var(--muted);white-space:nowrap}.intro{display:grid;grid-template-columns:1fr 2.2fr;border-top:1px solid var(--line);background:var(--paper2)}.intro-copy{max-width:790px}.intro-copy .eyebrow{margin-bottom:32px}.statement{font:400 clamp(29px,4vw,54px)/1.28 var(--serif);letter-spacing:-1px;margin:0;max-width:850px}.music-section{padding-top:135px;padding-bottom:145px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:55px}.section-heading .eyebrow{margin:18px 0 0;font-size:11px}.side-note{font:italic 14px var(--serif);color:var(--muted)}.music-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center;padding:30px 0 70px}.record-art{aspect-ratio:1/1;max-width:480px;background:#b5a18a;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#eeeae1;overflow:hidden}.record-art:before,.record-art:after{content:"";position:absolute;border:1px solid rgba(238,234,225,.32);border-radius:50%;width:80%;height:80%}.record-art:after{width:58%;height:58%}.record-ring{width:35%;height:35%;border:1px solid rgba(238,234,225,.5);border-radius:50%;position:absolute}.record-art span{font:italic 45px var(--serif);z-index:1;letter-spacing:3px}.record-art small{font-size:8px;letter-spacing:3px;z-index:1;margin-top:8px}.music-info{max-width:420px}.music-info h2,.about-content h2,.contact-main h2{font:400 clamp(48px,6vw,84px)/1.02 var(--serif);letter-spacing:-2px;margin:0 0 28px}.music-info h2{color:var(--rust)}.muted{color:var(--muted);font-size:12px;line-height:1.9;max-width:390px}.text-link{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:310px;border-bottom:1px solid var(--line);padding:18px 0 12px;margin-top:28px;color:var(--ink);text-decoration:none;font-size:9px;letter-spacing:1.4px}.text-link b{font-size:15px;font-weight:400}.release-row{border-top:1px solid var(--line);padding:20px 0;display:grid;grid-template-columns:70px 1fr 1fr 30px;align-items:center;font:400 19px var(--serif)}.release-row:last-child{border-bottom:1px solid var(--line)}.release-row>span:first-child,.release-row>span:last-child{font:10px var(--sans);color:var(--muted)}.writing-section{background:#282923;color:var(--paper);padding-top:125px;padding-bottom:140px}.writing-section .section-index,.writing-section .side-note{color:#aaa79b}.writing-section .eyebrow{color:#c18b70}.writing-layout{display:grid;grid-template-columns:1.5fr .7fr;gap:12%;padding-top:35px}.poem{font:400 clamp(42px,6vw,78px)/1.16 var(--serif);letter-spacing:-1px;margin:0 0 30px}.poem-note{font:italic 13px var(--serif);color:#aaa79b}.writing-aside{align-self:end;padding-bottom:25px}.large-asterisk{font:100px/1 var(--serif);color:#a66b51;display:block;margin-bottom:30px}.writing-aside p{font:400 22px/1.5 var(--serif);max-width:300px;color:#d3cec2}.writing-section .text-link{color:var(--paper);border-color:rgba(238,234,225,.25)}.about-section{display:grid;grid-template-columns:1fr 2fr;gap:20px;position:relative;overflow:hidden;min-height:650px}.about-content{max-width:650px;position:relative;z-index:1}.about-content h2{margin-bottom:35px}.about-copy{font:400 17px/1.8 var(--serif);max-width:500px;color:#66645b}.about-mark{position:absolute;right:9%;bottom:2%;font:400 clamp(100px,19vw,260px) var(--arabic);color:rgba(155,93,69,.09);direction:rtl}.contact-section{background:#ded7ca;display:grid;grid-template-columns:1fr 2fr;gap:20px;padding-bottom:100px}.contact-main h2{font-size:clamp(43px,5.6vw,76px);margin-bottom:25px}.email-link{display:inline-block;margin-top:28px;color:var(--rust);font:italic 19px var(--serif);text-decoration:none;border-bottom:1px solid rgba(155,93,69,.5);padding-bottom:6px}.socials{grid-column:2;display:flex;gap:30px;flex-wrap:wrap;margin-top:65px}.socials a{font-size:10px;letter-spacing:1px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:5px}.footer{min-height:90px;padding:20px 6vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer>span,.footer>a:last-child{font-size:8px;letter-spacing:1.4px;color:var(--muted);text-decoration:none}body.ar{font-family:var(--arabic);direction:rtl}body.ar .topbar,body.ar .hero-meta,body.ar .hero-foot,body.ar .section-heading,body.ar .release-row,body.ar .footer{direction:rtl}body.ar .desktop-nav{margin-left:0;margin-right:100px}body.ar .hero-main{margin-left:0;margin-right:8vw}body.ar .hero h1,body.ar .statement,body.ar .poem,body.ar .music-info h2,body.ar .about-content h2,body.ar .contact-main h2{font-family:var(--arabic);letter-spacing:0;line-height:1.25}body.ar .hero-bottom,body.ar .music-feature,body.ar .writing-layout,body.ar .about-section,body.ar .contact-section{direction:rtl}body.ar .text-link,body.ar .socials{direction:rtl}body.ar .about-mark{right:auto;left:9%}body.ar .email-link{direction:ltr}body.ar .language-switch{font-family:var(--sans)}@media(max-width:700px){.topbar{height:65px;padding:0 6vw}.desktop-nav{gap:16px;margin-left:0}.desktop-nav a{font-size:8px;letter-spacing:.8px}.wordmark{font-size:21px}.hero{min-height:740px;padding:125px 7vw 25px}.hero:before{width:75vw;height:75vw;right:-5%;top:27%}.hero:after{width:35vw;height:35vw;right:20%;top:42%}.hero-main{margin:30px 0 45px 2vw}.hero h1{font-size:clamp(57px,13vw,90px);letter-spacing:-3px}.hero-bottom{margin-top:38px}.hero-bottom p{font-size:14px}.hero-meta,.hero-foot{font-size:7px;letter-spacing:1px}.section-pad{padding:85px 7vw}.intro{grid-template-columns:1fr;gap:35px}.statement{font-size:34px}.section-heading{align-items:start;gap:20px}.side-note{max-width:140px;text-align:right;font-size:12px}.music-feature{grid-template-columns:1fr;gap:45px}.record-art{width:100%;max-width:none}.music-info{padding-left:4vw}.music-info h2,.about-content h2,.contact-main h2{font-size:58px}.release-row{grid-template-columns:35px 1fr 25px;gap:8px;font-size:16px}.release-row .muted{display:none}.writing-layout{grid-template-columns:1fr;gap:60px}.poem{font-size:52px}.writing-aside{padding-left:15vw}.about-section{grid-template-columns:1fr;gap:35px;min-height:620px}.about-mark{font-size:150px;bottom:0;right:4%}.contact-section{grid-template-columns:1fr;gap:35px}.socials{grid-column:1;margin-top:30px;gap:22px}.footer{flex-wrap:wrap;padding:22px 7vw}.footer>span{order:3;width:100%}body.ar .hero-main{margin-right:2vw}body.ar .desktop-nav{margin-right:0}body.ar .side-note{text-align:left}body.ar .music-info{padding-left:0;padding-right:4vw}body.ar .writing-aside{padding-left:0;padding-right:15vw}}


/* SHALIZ CUSTOM AUDIO PLAYER */
.record-art{isolation:isolate}
.record-art:before,.record-art:after{z-index:-1}
.record-art .art-caption{position:absolute;bottom:24px;font:8px var(--sans);letter-spacing:2.4px;color:rgba(238,234,225,.72)}
.player{margin-top:34px;width:min(100%,490px);border-top:1px solid var(--line);padding-top:22px}
.player-now{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:19px}
.player-kicker,.tracklist-heading{font:600 8px var(--sans);letter-spacing:1.7px;color:var(--rust)}
.player-now h3{font:400 25px/1.35 var(--arabic);margin:5px 0 0;color:var(--ink)}
.player-track-number{font:9px var(--sans);letter-spacing:1px;color:var(--muted);white-space:nowrap}
.player-progress-row{display:grid;grid-template-columns:34px 1fr 34px;gap:10px;align-items:center;color:var(--muted);font:9px var(--sans);font-variant-numeric:tabular-nums}
.player-range{appearance:none;-webkit-appearance:none;height:2px;background:rgba(37,37,31,.2);border-radius:0;cursor:pointer;outline:none}
.player-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:9px;height:9px;border-radius:50%;background:var(--rust)}
.player-range::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:var(--rust)}
.seek-range{width:100%}
.player-controls{display:flex;align-items:center;justify-content:center;gap:25px;margin:22px 0 27px}
.player-controls button{font-family:var(--sans);cursor:pointer}
.player-skip{border:0;background:none;color:var(--ink);font-size:19px;padding:8px}
.player-play{width:48px;height:48px;border-radius:50%;border:1px solid var(--ink);background:var(--ink);color:var(--paper);display:grid;place-items:center;font-size:14px;transition:transform .2s,background .2s}
.player-play:hover{transform:scale(1.05);background:var(--rust);border-color:var(--rust)}
.player-volume{display:flex;align-items:center;gap:9px;margin-left:16px;color:var(--muted);font-size:15px}
.volume-range{width:66px}
.tracklist-heading{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:11px}
.tracklist-heading span:last-child{color:var(--muted);font-size:8px}
.tracklist{list-style:none;margin:0;padding:0}
.tracklist li{border-bottom:1px solid var(--line)}
.track-item{width:100%;display:grid;grid-template-columns:34px 1fr 22px;align-items:center;gap:10px;text-align:left;padding:14px 3px;border:0;background:transparent;color:var(--ink);cursor:pointer;transition:color .2s}
.track-index{font:9px var(--sans);color:var(--muted)}
.track-name{font:400 19px/1.5 var(--arabic);text-align:right}
.track-action{font-size:10px;color:var(--rust);text-align:right;opacity:.45}
.track-item:hover,.track-item.is-active{color:var(--rust)}
.track-item.is-active .track-action{opacity:1}
.player button:focus-visible,.player-range:focus-visible{outline:2px solid var(--rust);outline-offset:4px}
body.ar .player{direction:rtl}
body.ar .player-now,body.ar .tracklist-heading{direction:rtl}
body.ar .track-item{direction:rtl;text-align:right}
body.ar .track-action{text-align:left}
body.ar .player-controls{direction:ltr}
body.ar .player-volume{margin-left:0;margin-right:16px}
@media(max-width:700px){
  .player{width:100%}
  .player-now h3{font-size:23px}
  .player-controls{gap:17px}
  .player-volume{margin-left:5px}
  .volume-range{width:52px}
  body.ar .player-volume{margin-right:5px}
}


/* Literary homepage redesign — retains the existing music player and sections */
.hero-literary{min-height:760px;height:100svh;max-height:none;padding-top:125px;background:#eeeae1}
.hero-literary::before,.hero-literary::after{display:none}
.hero-composition{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:3vw;flex:1;min-height:0;padding:30px 0}
.hero-literary .hero-main{margin:0 0 0 4vw}
.hero-literary h1{font-size:clamp(60px,7.2vw,112px);letter-spacing:-4.5px;line-height:1.04;max-width:850px}
.hero-literary .hero-bottom{max-width:560px;margin-top:38px;gap:22px}
.hero-literary .hero-bottom p{max-width:330px}
.symbolic-art{height:min(60vh,630px);min-height:430px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center}
.art-halo{position:absolute;width:86%;aspect-ratio:1;border:1px solid rgba(155,93,69,.24);border-radius:50%;box-shadow:0 0 0 32px rgba(155,93,69,.035),0 0 0 65px rgba(155,93,69,.02)}
.art-arch{width:68%;height:87%;position:relative;overflow:hidden;border-radius:47% 47% 2px 2px / 31% 31% 2px 2px;background:#3e3934;box-shadow:18px 20px 0 rgba(155,93,69,.11),0 20px 55px rgba(37,37,31,.12);padding:14px}
.art-sky{width:100%;height:100%;position:relative;overflow:hidden;border-radius:47% 47% 1px 1px / 30% 30% 1px 1px;background:linear-gradient(180deg,#4a4c4a 0%,#77716b 43%,#a78d79 72%,#d0b49b 100%)}
.art-moon{position:absolute;top:20%;left:48%;width:34%;aspect-ratio:1;border-radius:50%;background:#e9ddc8;box-shadow:0 0 60px 22px rgba(234,221,199,.19)}
.art-horizon{position:absolute;bottom:24%;left:-10%;width:130%;height:18%;background:#625b53;clip-path:polygon(0 72%,25% 42%,45% 68%,67% 25%,100% 63%,100% 100%,0 100%)}
.art-dune{position:absolute;bottom:-6%;left:-20%;width:145%;height:35%;border-radius:50% 50% 0 0;background:linear-gradient(130deg,#4a433d,#817062 75%)}
.art-stamp{position:absolute;bottom:5%;left:0;font:400 31px var(--arabic);color:var(--rust)}
.art-side-label{position:absolute;right:-1%;top:50%;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px;color:var(--muted)}
body.ar .hero-literary h1{font-family:var(--arabic);letter-spacing:0;line-height:1.3;font-size:clamp(56px,6.5vw,96px)}
body.ar .hero-literary .hero-main{text-align:right;margin:0 4vw 0 0}
body.ar .hero-literary .hero-bottom{flex-direction:row-reverse}
@media(max-width:950px){
.hero-literary{height:auto;min-height:800px;padding-top:120px}
.hero-composition{grid-template-columns:1fr 0.9fr;gap:1vw}
.hero-literary .hero-main{margin-left:0}
.hero-literary h1{font-size:clamp(50px,7vw,85px);letter-spacing:-2.5px}
.symbolic-art{min-height:360px;height:50vh}
}
@media(max-width:700px){
.hero-literary{min-height:0;padding-top:115px;padding-bottom:25px}
.hero-composition{grid-template-columns:1fr;gap:32px;padding:42px 0 35px}
.hero-literary .hero-main{margin:0}
.hero-literary h1{font-size:clamp(52px,12vw,78px);letter-spacing:-2px}
.hero-literary .hero-bottom{margin-top:25px}
.symbolic-art{height:390px;min-height:390px;max-width:420px;width:100%;margin:0 auto}
.art-arch{width:56%;height:88%}
.art-halo{width:75%}
.hero-literary .hero-meta,.hero-literary .hero-foot{flex-wrap:wrap;font-size:8px}
body.ar .hero-literary .hero-main{margin:0}
body.ar .hero-literary h1{font-size:clamp(49px,10vw,72px)}
}