/*
Theme Name: Mehran Hooshmandian
Theme URI: https://hooshmandian.com/
Author: Mehran Hooshmandian
Description: One-screen cinematic personal artist homepage. No scrolling.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: mehran-hooshmandian
*/
:root{--bg:#050606;--gold:#c99b57;--gold2:#e4bd7b;--cream:#eee9df;--muted:#b7b1a7;--line:rgba(201,155,87,.28)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--cream);font-family:Arial,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}.mh-site{position:relative;width:100vw;height:100svh;min-height:560px;overflow:hidden;background:#050606}
.mh-bg{position:absolute;inset:0;background:radial-gradient(circle at 72% 42%,rgba(91,72,48,.18),transparent 28%),linear-gradient(90deg,#050606 0%,#070808 42%,#11100e 100%)}
.mh-noise{position:absolute;inset:0;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.mh-photo-wrap{position:absolute;right:-2vw;top:-2vh;width:59vw;height:104vh;overflow:hidden;z-index:1;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 15%,#000 32%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 15%,#000 32%,#000 100%)}
.mh-photo{width:100%;height:100%;object-fit:cover;object-position:56% 50%;filter:saturate(.82) contrast(1.05) brightness(.72);animation:breath 12s ease-in-out infinite alternate;transform-origin:center}
.mh-photo-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050606 0%,transparent 28%),linear-gradient(180deg,rgba(0,0,0,.28),transparent 35%,rgba(0,0,0,.45));pointer-events:none}
.mh-halo{position:absolute;z-index:1;right:4vw;top:8vh;width:50vw;height:82vh;border:1px solid rgba(201,155,87,.2);border-radius:50%;box-shadow:0 0 80px rgba(201,155,87,.04);animation:halo 18s linear infinite}
.mh-halo:before,.mh-halo:after{content:"";position:absolute;inset:5%;border:1px solid rgba(201,155,87,.08);border-radius:50%}.mh-halo:after{inset:-4%;border-color:rgba(201,155,87,.05)}
.mh-content{position:relative;z-index:4;height:100%;width:min(100%,1500px);margin:0 auto;padding:5.5vh 5vw 2.8vh;display:flex;flex-direction:column;justify-content:space-between}
.mh-logo{position:absolute;left:5vw;top:4vh;width:66px;height:112px;object-fit:contain;object-position:center;filter:brightness(1.05);opacity:.95}
.mh-main{margin-top:22vh;max-width:760px}.mh-kicker{font-size:clamp(10px,.78vw,14px);letter-spacing:.34em;color:#d2ae73;text-transform:uppercase;margin-bottom:22px}.mh-name{margin:0;font-weight:300;font-size:clamp(55px,7.1vw,116px);line-height:.84;letter-spacing:.075em;color:var(--gold2);text-shadow:0 0 28px rgba(201,155,87,.06)}.mh-last{display:block;color:#eeeae2;font-size:.56em;letter-spacing:.23em;margin-top:22px}.mh-wave{width:min(570px,45vw);height:54px;margin-top:34px;display:block}.mh-wave line{stroke:var(--gold);stroke-width:1.2;opacity:.75}.mh-wave .pulse{animation:pulse 2.4s ease-in-out infinite}
.mh-socials{display:flex;align-items:flex-end;gap:clamp(18px,3vw,52px);margin-top:auto;padding-bottom:42px}.mh-social{display:flex;flex-direction:column;align-items:center;gap:11px;min-width:72px;color:#e4dfd6;transition:transform .25s ease,color .25s ease}.mh-social:hover{transform:translateY(-5px);color:var(--gold2)}.mh-icon{width:54px;height:54px;border:1px solid rgba(201,155,87,.7);border-radius:50%;display:grid;place-items:center;color:var(--gold2);transition:box-shadow .25s ease,background .25s ease}.mh-social:hover .mh-icon{box-shadow:0 0 24px rgba(201,155,87,.18);background:rgba(201,155,87,.05)}.mh-icon svg{width:23px;height:23px;fill:currentColor}.mh-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.mh-footer{border-top:1px solid rgba(201,155,87,.2);padding-top:19px;text-align:center;color:#aaa49b;font-size:12px;letter-spacing:.08em}.mh-footer span{color:#d2cdc4}
.mh-corner{position:absolute;right:3.5vw;top:4vh;color:rgba(238,233,223,.4);font-size:9px;letter-spacing:.3em;text-transform:uppercase;z-index:5}.mh-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);margin-right:8px;vertical-align:middle;box-shadow:0 0 10px var(--gold)}
@keyframes breath{from{transform:scale(1)}to{transform:scale(1.025)}}@keyframes halo{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:.55}50%{opacity:1}}
@media(max-width:900px){.mh-content{padding:3vh 5vw 2vh}.mh-photo-wrap{right:-18vw;width:90vw;height:76vh;top:2vh;mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%)}.mh-photo{object-position:58% 35%;filter:saturate(.75) contrast(1.03) brightness(.62)}.mh-halo{right:-18vw;top:4vh;width:95vw;height:65vh}.mh-logo{left:5vw;top:3vh;width:44px;height:78px}.mh-main{margin-top:40vh;max-width:95vw}.mh-kicker{margin-bottom:14px;letter-spacing:.22em}.mh-name{font-size:clamp(43px,12vw,80px)}.mh-last{margin-top:12px}.mh-wave{width:70vw;max-width:520px;margin-top:22px}.mh-socials{gap:8px;justify-content:space-between;padding-bottom:26px}.mh-social{min-width:45px}.mh-icon{width:42px;height:42px}.mh-icon svg{width:18px;height:18px}.mh-label{font-size:7px;letter-spacing:.1em}.mh-footer{font-size:9px;padding-top:13px}.mh-corner{display:none}}
@media(max-height:650px) and (min-width:901px){.mh-main{margin-top:17vh}.mh-logo{top:3vh}.mh-socials{padding-bottom:22px}.mh-footer{padding-top:12px}}
