/*
Theme Name: Mehr Dessert House
Theme URI: https://example.com/mehr
Author: Mahnoor Aftab
Description: A cinematic luxury Pakistani dessert-house theme with a refined responsive hero, interactive dessert collection, mood matcher, menu and reservation experience.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: mehr-dessert-house
*/
:root{--plum:#4d1433;--deep:#260a1b;--ivory:#f6efe3;--ink:#2b171a;--rose:#bd5369;--saffron:#e59a2b;--line:#cdbcae}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body.locked{overflow:hidden}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}em{font-family:Georgia,serif;font-weight:400}.loader{position:fixed;z-index:999;inset:0;background:var(--deep);color:var(--ivory);display:grid;place-items:center;align-content:center;gap:22px;transition:.6s}.loader.gone{opacity:0;visibility:hidden}.loader>b{font:86px Georgia}.loader>i{width:210px;height:1px;background:var(--saffron);animation:load 1s ease}.loader>span{font-size:8px;letter-spacing:.36em}.progress{position:fixed;z-index:90;right:0;top:0;width:3px;background:var(--saffron)}.site-header{height:82px;position:absolute;z-index:50;left:0;right:0;top:0;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;color:var(--ivory);border-bottom:1px solid rgba(255,255,255,.24)}.brand{display:flex;align-items:center;gap:10px}.brand span{font:24px Georgia}.brand b{font-size:12px;letter-spacing:.28em}.nav{display:flex;gap:32px;font-size:9px;text-transform:uppercase;letter-spacing:.16em}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:currentColor;transition:.3s}.nav a:hover:after{right:0}.reserve{border:1px solid rgba(255,255,255,.5);border-radius:30px;padding:11px 16px;background:none;color:inherit;font-size:8px;text-transform:uppercase;letter-spacing:.13em}.reserve span{margin-left:11px}.nav-toggle{display:none;background:none;border:0;color:inherit;font-size:23px}.hero{min-height:100vh;background:var(--plum);color:var(--ivory);position:relative;overflow:hidden;padding:118px 4vw 45px}.hero-meta{position:absolute;z-index:6;top:105px;left:4vw;right:4vw;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.25em}.hero-heading{position:absolute;z-index:5;left:4vw;right:4vw;top:48%;transform:translateY(-50%);text-align:center;pointer-events:none}.hero-heading>small{display:block;font-size:8px;letter-spacing:.4em;margin-bottom:22px}.hero-heading h1{font:clamp(120px,22vw,340px)/.72 Georgia;letter-spacing:.035em;margin:0;text-shadow:0 3px 25px rgba(35,5,21,.45)}.hero-heading>p{font:25px Georgia;margin:25px 0;text-shadow:0 2px 15px rgba(35,5,21,.7)}.hero-image{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:min(31vw,445px);height:63vh;margin:0;border-radius:48% 48% 5px 5px;overflow:hidden;box-shadow:0 35px 80px rgba(0,0,0,.35)}.hero-image img{width:100%;height:100%;object-fit:cover}.image-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(65,13,40,.38),rgba(65,13,40,.12),rgba(65,13,40,.38))}.hero-intro{position:absolute;z-index:6;left:4vw;bottom:42px;max-width:340px}.hero-intro p{font:17px/1.5 Georgia}.hero-intro a{font-size:7px;text-transform:uppercase;letter-spacing:.2em;display:flex;align-items:center;gap:16px}.hero-intro a span{width:32px;height:32px;border:1px solid rgba(255,255,255,.45);border-radius:50%;display:grid;place-items:center}.hero-seal{position:absolute;z-index:6;right:5vw;bottom:38px;width:102px;height:102px;border:1px solid rgba(255,255,255,.4);border-radius:50%;display:grid;place-items:center}.hero-seal b{font:34px Georgia}.hero-seal span{position:absolute;bottom:12px;font-size:6px;letter-spacing:.14em}.marquee{background:var(--saffron);overflow:hidden;padding:14px 0;white-space:nowrap;color:var(--deep);font-size:8px;letter-spacing:.25em;font-weight:800}.marquee div{width:max-content;animation:marquee 20s linear infinite}.section{padding:125px 8vw}.section-label{display:flex;gap:15px;align-items:center;align-self:start}.section-label b{width:35px;height:35px;border:1px solid #b9aa9b;border-radius:50%;display:grid;place-items:center;font-size:8px}.section-label span,.kicker{font-size:7px;letter-spacing:.25em}.story{display:grid;grid-template-columns:18% 50% 32%;align-items:center;min-height:800px}.story-copy h2{font:clamp(48px,5.5vw,80px)/1.02 Georgia;letter-spacing:-.045em;margin:0}.story-copy h2 em{color:var(--rose)}.story-copy>p{color:#715d59;line-height:1.8;max-width:530px;margin:35px 0}.written{border-top:1px solid var(--line);padding-top:20px;font:italic 18px Georgia}.written span{font-size:29px;margin-left:10px}.story-art{display:grid;place-items:center;position:relative}.story-art>div{width:270px;height:380px;border-radius:150px 150px 6px 6px;background:var(--plum);color:var(--ivory);display:grid;place-items:center;text-align:center;box-shadow:18px 22px 0 #ddcbb0}.story-art>div span{font:italic 27px/1.15 Georgia}.story-art>i{position:absolute;width:350px;height:350px;border:1px solid #a69383;border-radius:50%;animation:spin 24s linear infinite}.signatures{background:var(--deep);color:var(--ivory);padding:105px 6vw 120px}.topline{display:flex;justify-content:space-between;border-bottom:1px solid #6b4b59;padding-bottom:14px;font-size:7px;letter-spacing:.2em}.signature-heading{display:flex;justify-content:space-between;align-items:end;margin:55px 0}.signature-heading h2{font:clamp(65px,9vw,130px)/.8 Georgia;letter-spacing:-.06em;margin:0}.signature-heading h2 em{color:#cc6f7f}.signature-heading p{font:italic 18px Georgia;color:#b89ca9}.dish-stage{display:grid;grid-template-columns:18% 48% 34%;min-height:600px}.dish-number{font:165px/.8 Georgia;color:#43253a}.dish-image{height:590px;margin:0;position:relative;overflow:hidden;border-radius:250px 250px 8px 8px}.dish-image img{width:100%;height:100%;object-fit:cover;transition:.35s}.dish-image span{position:absolute;right:18px;top:18px;width:70px;height:70px;border-radius:50%;background:var(--ivory);color:var(--plum);display:grid;place-items:center;font:17px Georgia}.dish-info{padding:95px 0 0 40px}.dish-info>small{font-size:7px;letter-spacing:.2em;color:#a98b99}.dish-info h3{font:italic 46px Georgia;margin:20px 0}.dish-info p{color:#b89ca9;line-height:1.7}.dish-info>div{border-top:1px solid #624355;margin-top:34px;padding-top:24px;display:flex;justify-content:space-between}.dish-info button{border:0;background:none;color:inherit;font-size:8px;text-transform:uppercase;letter-spacing:.14em}.dish-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:35px}.dish-tabs button{border:0;border-top:1px solid #654456;background:none;color:#907482;text-align:left;padding:18px 4px;font:16px Georgia}.dish-tabs button span{font:7px Arial;margin-right:14px}.dish-tabs button.active{color:var(--ivory);border-color:var(--saffron)}.mood{background:#d8b5ae;display:grid;grid-template-columns:40% 60%;align-items:center}.mood-copy h2{font:clamp(52px,6vw,85px)/1 Georgia;margin:25px 0}.mood-copy h2 em{color:var(--plum)}.mood-wheel{width:520px;height:520px;border:1px solid rgba(70,21,47,.35);border-radius:50%;display:grid;place-items:center;position:relative;margin:auto}.mood-wheel:before,.mood-wheel:after{content:"";position:absolute;border:1px solid rgba(70,21,47,.18);border-radius:50%}.mood-wheel:before{inset:45px}.mood-wheel:after{inset:115px}.mood-wheel>button{position:absolute;z-index:2;border:1px solid rgba(70,21,47,.45);border-radius:30px;background:#d8b5ae;color:var(--plum);padding:11px 18px;font:italic 16px Georgia}.mood-wheel>button:nth-of-type(1){top:32px}.mood-wheel>button:nth-of-type(2){left:-4px;top:50%}.mood-wheel>button:nth-of-type(3){right:-4px;top:50%}.mood-wheel>button.active{background:var(--plum);color:var(--ivory)}.mood-result{width:215px;height:215px;border-radius:50%;background:var(--ivory);display:grid;place-items:center;align-content:center;text-align:center;z-index:2;padding:22px}.mood-result small{font-size:7px;letter-spacing:.18em}.mood-result strong{font:italic 25px Georgia;margin:12px 0}.mood-result p{font-size:9px;color:#816966}.craft{display:grid;grid-template-columns:50% 50%;min-height:760px}.craft-image{margin:0;position:relative;overflow:hidden}.craft-image img{width:100%;height:100%;object-fit:cover}.craft-image span{position:absolute;left:18px;top:25px;writing-mode:vertical-rl;color:var(--ivory);font-size:7px;letter-spacing:.22em}.craft-copy{padding:115px 8vw}.craft-copy h2{font:clamp(52px,6vw,85px)/1 Georgia;margin:28px 0}.craft-copy h2 em{color:var(--rose)}.craft-copy>p{color:#725e5a;line-height:1.8}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:65px}.stats div{border-top:1px solid var(--line);padding-top:18px}.stats b{font:46px Georgia;display:block}.stats sup{font-size:14px}.stats span{font-size:7px;text-transform:uppercase;letter-spacing:.1em}.menu-section{background:var(--plum);color:var(--ivory);padding:115px 8vw;display:grid;grid-template-columns:35% 65%;gap:6vw}.menu-title{position:sticky;top:100px;align-self:start}.menu-title h2{font:clamp(58px,7vw,98px)/.9 Georgia;margin:28px 0}.menu-title h2 em{color:#d57c8c}.menu-list article{display:grid;grid-template-columns:35px 105px 1fr 1.3fr 80px 36px;gap:14px;align-items:center;border-top:1px solid #74455b;padding:23px 0}.menu-list article>span,.menu-list small{font-size:7px;letter-spacing:.13em;color:#bd91a1}.menu-list h3{font:21px Georgia;margin:0}.menu-list p{font-size:10px;color:#c9acb6}.menu-list b{font-size:9px}.menu-list button{width:34px;height:34px;border:1px solid #9d647b;border-radius:50%;background:none;color:inherit}.quote{min-height:600px;background:var(--saffron);display:grid;place-items:center;align-content:center;text-align:center;padding:70px 5vw}.quote blockquote{font:clamp(40px,5vw,72px)/1.12 Georgia;margin:0;max-width:1080px}.quote blockquote span{display:block;font-size:95px;line-height:.5}.quote blockquote em{color:var(--plum)}.quote>p{font-size:7px;letter-spacing:.2em;margin-top:30px}.visit{display:grid;grid-template-columns:48% 52%;min-height:740px}.visit>figure{margin:0;position:relative;overflow:hidden}.visit>figure img{width:100%;height:100%;object-fit:cover}.visit>figure span{position:absolute;right:28px;top:28px;width:72px;height:72px;border-radius:50%;background:var(--plum);color:var(--ivory);display:grid;place-items:center;text-align:center;font-size:7px;letter-spacing:.15em}.visit-copy{padding:110px 8vw}.visit-copy h2{font:clamp(62px,7vw,102px)/.86 Georgia;margin:38px 0 55px}.visit-copy h2 em{color:var(--rose)}.visit-info{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid var(--line);padding-top:24px}.visit-info small{font-size:7px;letter-spacing:.18em}.visit-info p{font:16px/1.5 Georgia}.large-book{width:100%;margin-top:48px;border:0;border-bottom:1px solid var(--plum);background:none;padding:18px 0;display:flex;justify-content:space-between;color:var(--plum);font:italic 27px Georgia}footer{background:var(--deep);color:var(--ivory);padding:95px 4vw 25px}.footer-word{font:clamp(125px,25vw,370px)/.72 Georgia;letter-spacing:-.06em;text-align:center;color:#e8dcc8;overflow:hidden}.footer-row{border-top:1px solid #684657;padding:34px 0 65px;display:grid;grid-template-columns:1fr 1fr 1fr}.footer-row p{font:italic 17px/1.5 Georgia;margin:0}.footer-row>div{display:flex;justify-content:flex-end;gap:20px;font-size:8px;text-transform:uppercase;letter-spacing:.13em}.footer-bottom{border-top:1px solid #56384a;padding-top:18px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.13em;color:#9f818f}.booking-backdrop[hidden],.booking-form[hidden],.booking-success[hidden]{display:none}.booking-backdrop{position:fixed;z-index:200;inset:0;background:rgba(30,7,21,.8);backdrop-filter:blur(9px);display:grid;place-items:center;padding:20px}.booking{width:min(590px,100%);max-height:92vh;overflow:auto;background:var(--ivory);padding:50px;position:relative;border-radius:45% 45% 8px 8px}.booking-close{position:absolute;right:22px;top:20px;width:38px;height:38px;border:1px solid #ad9d90;border-radius:50%;background:none;font-size:21px}.booking h2{font:53px/.96 Georgia;margin:28px 0}.booking h2 em{color:var(--rose)}.booking form{display:grid;gap:17px}.booking label{display:grid;gap:7px;font-size:7px;letter-spacing:.14em;text-transform:uppercase}.booking form>div{display:grid;grid-template-columns:1fr 1fr;gap:25px}.booking input,.booking select{border:0;border-bottom:1px solid #aa998d;padding:11px 0;background:none}.booking form>button,.booking-success button{border:0;background:var(--plum);color:var(--ivory);padding:16px 19px;display:flex;justify-content:space-between}.booking form>small{font-size:7px;text-align:center;color:#8c796f}.booking-success{text-align:center;padding:25px}.booking-success>b{font:68px Georgia}.booking-success p{line-height:1.7;color:#715d59}.booking-success button{display:inline-block;padding:13px 27px}.reveal{opacity:0;transform:translateY(35px);transition:.8s}.reveal.in{opacity:1;transform:none}@keyframes load{from{width:0}to{width:210px}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:950px){.site-header{position:absolute;height:72px}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--deep);padding:30px;flex-direction:column}.nav.open{display:flex}.nav-toggle{display:block}.reserve{display:none}.hero{min-height:920px;padding:105px 28px 40px}.hero-meta{top:90px;left:28px;right:28px}.hero-heading{position:relative;top:auto;left:auto;right:auto;transform:none;z-index:7;margin-top:40px}.hero-heading>small{display:none}.hero-heading h1{font-size:clamp(100px,22vw,175px);line-height:.78;letter-spacing:.08em}.hero-heading>p{font-size:21px;margin:18px 0}.hero-image{top:46%;width:min(54vw,430px);height:500px}.image-shade{background:linear-gradient(0deg,rgba(65,13,40,.35),rgba(65,13,40,.05))}.hero-intro{left:28px;bottom:42px;max-width:290px}.hero-seal{right:28px;bottom:42px;width:82px;height:82px}.story{grid-template-columns:1fr 2fr;gap:45px}.story-art{grid-column:2;margin-top:50px}.dish-stage{grid-template-columns:18% 50% 32%}.dish-number{font-size:120px}.dish-info{padding-left:25px}.mood{grid-template-columns:1fr;gap:55px}.craft,.menu-section,.visit{grid-template-columns:1fr}.craft-image,.visit>figure{min-height:620px}.menu-title{position:static}.footer-row{grid-template-columns:1fr 1fr}.footer-row>div{grid-column:2}.footer-word{font-size:25vw}}
@media(max-width:650px){.hero{min-height:870px;padding:95px 20px 30px}.hero-meta{top:82px;left:20px;right:20px}.hero-meta span:last-child{display:none}.hero-heading{margin-top:34px}.hero-heading h1{font-size:22vw;letter-spacing:.12em;text-shadow:none}.hero-heading>p{font-size:18px}.hero-image{top:45%;width:76vw;height:440px}.hero-intro{left:20px;right:20px;bottom:24px}.hero-intro p{font-size:14px;max-width:240px}.hero-seal{right:20px;bottom:27px;width:70px;height:70px}.hero-seal span{display:none}.section{padding:85px 20px}.story{grid-template-columns:1fr}.story-copy h2{font-size:46px}.story-art{grid-column:auto}.story-art>div{width:225px;height:310px}.story-art>i{width:290px;height:290px}.signatures{padding:80px 20px}.signature-heading{display:block}.signature-heading h2{font-size:68px}.dish-stage{display:block}.dish-number{font-size:76px;position:absolute;z-index:2}.dish-image{height:460px}.dish-info{padding:35px 0}.dish-info h3{font-size:39px}.dish-tabs{grid-template-columns:1fr 1fr}.mood-copy h2{font-size:48px}.mood-wheel{width:320px;height:320px}.mood-wheel:before{inset:28px}.mood-wheel:after{inset:78px}.mood-result{width:145px;height:145px}.mood-result strong{font-size:20px}.mood-wheel>button{font-size:12px;padding:8px 11px}.mood-wheel>button:nth-of-type(2){left:-12px}.mood-wheel>button:nth-of-type(3){right:-12px}.craft-image,.visit>figure{min-height:480px}.craft-copy,.visit-copy{padding:80px 20px}.craft-copy h2,.visit-copy h2{font-size:53px}.stats b{font-size:35px}.menu-section{padding:80px 20px}.menu-title h2{font-size:62px}.menu-list article{grid-template-columns:30px 1fr 55px 34px}.menu-list small,.menu-list p{display:none}.menu-list h3{font-size:18px}.quote{min-height:530px;padding:60px 20px}.quote blockquote{font-size:38px}.visit-info{grid-template-columns:1fr}.footer-word{font-size:29vw}.footer-row{grid-template-columns:1fr;gap:32px}.footer-row>div{grid-column:auto;justify-content:flex-start}.footer-bottom{flex-direction:column;gap:9px}.booking{padding:50px 23px 30px;border-radius:40% 40% 8px 8px}.booking h2{font-size:44px}.booking form>div{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.loader{display:none}}