/*
Theme Name: Art by Hajar
Author: Qomra
Description: Photo-based cinematic scroll collection with editable content, images and contact links. Includes a Coming Soon shop template.
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 8.0
Text Domain: art-by-hajar
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
@font-face{font-family:Gallery;src:url(assets/gallery-serif.woff) format('woff');font-display:swap}@font-face{font-family:Gallery;src:url(assets/gallery-italic.woff) format('woff');font-style:italic;font-display:swap}@font-face{font-family:Quiet;src:url(assets/gallery-sans.woff) format('woff');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:#28312d;font:16px Quiet,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{background:none;border:0;font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--hajar-accent);outline-offset:6px}button:disabled{opacity:.3;cursor:default}.header{position:fixed;inset:0 0 auto;z-index:30;padding:20px 4.5%;height:90px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(#ffffffeb,#ffffff00)}.brand{display:flex;gap:13px;align-items:center}.brand img{width:45px;height:54px;object-fit:contain;mix-blend-mode:multiply}.brand>span{font-size:12px;letter-spacing:.16em}.brand small{display:block;font-size:8px;letter-spacing:.15em;margin-top:7px;color:#92978b}.header nav{display:flex;gap:30px;align-items:center;font-size:14px}.header nav button{font-size:14px;padding:0}.header nav a:hover,.header nav button:hover{color:var(--hajar-accent)}#edit-count{margin-left:9px;font-size:10px;padding:5px;border:1px solid #d7dbce}#journey{height:540vh;position:relative}#stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;isolation:isolate;background:#fff}.stage-meta{position:absolute;z-index:8;top:119px;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.2em;color:#91978a}.ghost-word{position:absolute;left:8%;bottom:12%;font-family:Quiet,Arial,sans-serif;font-size:clamp(70px,12vw,180px);letter-spacing:-.05em;line-height:.8;color:#f0f2ed;z-index:0;pointer-events:none;user-select:none}.object-space{position:absolute;inset:0;perspective:1400px;pointer-events:none;z-index:2;transform-style:preserve-3d;mix-blend-mode:multiply}.product-motion{position:absolute;width:min(61vh,46vw);height:76vh;left:67%;top:49%;transform:translate(-50%,-50%);will-change:transform,opacity;transform-style:preserve-3d}.product-frame{position:absolute;width:100%;height:100%;inset:0;object-fit:contain;opacity:0;will-change:opacity;backface-visibility:hidden}.product-frame.active{opacity:1}#orbit{position:absolute;left:67%;top:50%;width:50vh;height:50vh;border:1px solid #c9b59f;border-radius:50%;transform:translate(-50%,-50%) rotateX(66deg) rotateZ(-25deg);opacity:.55;will-change:transform,opacity}.model-space{position:absolute;right:0;top:0;height:100%;width:56%;overflow:hidden;opacity:0;z-index:3;pointer-events:none;will-change:transform,opacity;mask-image:linear-gradient(to right,transparent 0%,#000 18%)}.model-space img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;will-change:opacity,transform}#model-profile{opacity:0}.chapter-copy{position:absolute;z-index:10;left:8%;top:34%;width:33%;height:340px;max-width:425px;will-change:transform,opacity}.story{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .4s,transform .6s;pointer-events:none}.story.active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.eyebrow{font-size:10px;color:var(--hajar-accent);letter-spacing:.18em;line-height:1.8;margin:0 0 23px}h1,h2{font-family:Gallery,Georgia,serif;font-weight:400;letter-spacing:-.025em}h1,.story h2{font-size:clamp(34px,3.7vw,52px);line-height:1.12;margin:0 0 23px}em{font-style:italic;color:var(--hajar-accent)}.story>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#7c8377;margin:0 0 25px}.text-button{display:flex;align-items:center;justify-content:space-between;width:fit-content;min-width:204px;gap:35px;border-bottom:1px solid #bba894;padding:8px 0 12px;font-size:14px}.text-button span{font-size:18px;color:var(--hajar-accent)}.text-button:hover{color:var(--hajar-accent)}.product-label{position:absolute;z-index:9;left:61%;bottom:15%;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.13em;line-height:1.6;pointer-events:none}.tiny-square{width:4px;height:4px;background:var(--hajar-accent)}.product-label small{display:block;color:#939989;font-size:8px;letter-spacing:.13em;margin-top:6px}.scene-nav{position:absolute;z-index:12;right:3.5%;top:41%;display:flex;flex-direction:column;gap:14px}.scene-nav button{position:relative;display:flex;align-items:center;justify-content:flex-end;width:20px;height:20px;padding:0}.scene-nav button:after{content:'';width:3px;height:3px;background:#bec3b6;border-radius:50%;transition:.4s}.scene-nav button.active:after{width:17px;height:1px;background:var(--hajar-accent);border-radius:0}.scene-nav span{position:absolute;right:27px;font-size:9px;opacity:0;color:#8c9483}.scene-nav button.active span,.scene-nav button:hover span{opacity:1}.stage-bottom{position:absolute;z-index:15;left:5%;right:5%;bottom:27px;display:flex;justify-content:space-between;align-items:center;gap:20px}.scroll-cue{display:flex;align-items:center;gap:12px;color:#929889;font-size:9px;letter-spacing:.16em}.mouse{width:12px;height:20px;border:1px solid #bcc3b1;border-radius:8px;position:relative}.mouse:after{content:'';position:absolute;left:4px;top:4px;width:2px;height:4px;background:var(--hajar-accent);animation:scroll 2s infinite}@keyframes scroll{50%{transform:translateY(6px);opacity:.4}}.stage-actions{display:flex;align-items:center;gap:20px}.stage-actions button{font-size:12px;padding:4px 0}.stage-actions button:hover{color:var(--hajar-accent)}.separator{width:1px;height:13px;background:#dce0d4}#scene-count{font-size:10px;letter-spacing:.1em;color:#939b88}.progress-line{position:absolute;inset:auto 0 0;height:2px;z-index:16;background:#f1f2ed}.progress-line span{height:100%;display:block;background:var(--hajar-accent);width:0}.piece-section{padding:85px 8%;display:grid;grid-template-columns:1.2fr 1fr;gap:8%;max-width:1550px;margin:auto}.piece-images{min-width:0}.main-image{width:100%;padding:0;position:relative;display:block;background:#fafbf9;overflow:hidden}.main-image>img{width:100%;height:500px;object-fit:contain;display:block;mix-blend-mode:multiply;transition:transform 1s}.main-image:hover>img{transform:scale(1.04)}.main-image>span{position:absolute;left:23px;bottom:23px;display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:.12em;color:#7c8572}.main-image>span>span{color:var(--hajar-accent);font-size:17px}.angle-tabs{display:flex;justify-content:center;gap:26px;padding:22px 0 0}.angle-tabs button{font-size:12px;padding:7px 0;color:#8b9481;border-bottom:1px solid transparent}.angle-tabs button.active{border-bottom-color:var(--hajar-accent);color:#28312d}.piece-copy{align-self:center;padding:20px 0}.piece-copy h2{font-size:40px;margin:0 0 22px;line-height:1.2}.piece-copy .description{font-size:16px;line-height:1.9;color:#7c8377;max-width:360px;margin-bottom:27px}.piece-detail{border-top:1px solid #e5e8de;padding:17px 0;font-size:13px;display:flex;justify-content:space-between;gap:15px}.piece-detail>span{color:#8b9481}.piece-detail p{margin:0}.primary-button{padding:17px 21px;background:#28312d;color:#fff;font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:30px;transition:background .3s}.primary-button:hover{background:var(--hajar-accent)}.piece-copy>.primary-button{width:100%;margin-top:20px}.source-link{font-size:12px;color:#8e7664;text-decoration:underline;text-underline-offset:4px;padding:18px 0 0}.preview-note{font-size:12px;line-height:1.8;color:#a0a894}.piece-copy>.preview-note{margin-top:13px}.wear-section{display:grid;grid-template-columns:1fr 1fr;max-height:640px;background:#f5f5f3}.wear-copy{align-self:center;padding:55px 16%}.wear-copy h2{font-size:41px;line-height:1.2;margin:0 0 25px}.wear-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#7c8377;margin-bottom:26px}.wear-photo{height:640px;overflow:hidden}.wear-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 33%}footer{padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e7eadf;font-size:12px;color:#88917e}.footer-brand{font-size:11px;letter-spacing:.16em;color:#28312d}footer p{font-family:Gallery;font-style:italic;font-size:18px;margin:0}footer>span{font-size:10px}dialog{background:#fff;border:1px solid #e5e8dd;color:#28312d;max-height:92svh;overflow:auto;padding:0}dialog::backdrop{background:#28312d55;backdrop-filter:blur(8px)}#gallery-dialog{width:min(900px,92vw)}.gallery-top{display:flex;align-items:center;justify-content:space-between;padding:17px 25px;font-size:10px;letter-spacing:.13em}.close{font-size:28px;padding:0 3px;line-height:1}.gallery-picture{height:min(65svh,660px);overflow:hidden}.gallery-picture img{width:100%;height:100%;display:block;object-fit:contain}.gallery-controls{display:flex;align-items:center;justify-content:space-between;margin:0 25px;padding:15px 0;border-top:1px solid #e6eadf}.gallery-controls button{font-size:12px;padding:3px 0}.gallery-controls span{font-size:10px;letter-spacing:.1em;color:#8d977f}.gallery-tabs{display:flex;justify-content:center;gap:22px;padding:0 20px 20px;flex-wrap:wrap}.gallery-tabs button{font-size:12px;color:#8a947c;padding:6px 0;border-bottom:1px solid transparent}.gallery-tabs button.active{border-color:var(--hajar-accent);color:#28312d}#edit-dialog{width:min(540px,90vw);padding:30px}.edit-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.edit-head .eyebrow{margin:0 0 10px}.edit-head h2{font-size:29px;line-height:1.15;margin:0 0 25px}.edit-row{padding:17px 0;display:flex;gap:18px;align-items:center;border-bottom:1px solid #e6eadf}.edit-row img{width:65px;height:80px;object-fit:contain}.edit-row div{flex:1}.edit-row h3{font-family:Gallery;font-size:23px;font-weight:400;margin:0 0 5px}.edit-row small{font-size:11px;color:#9ba48c}.edit-row button{font-size:12px;color:var(--hajar-accent)}.empty-note{font-size:16px;color:#8b957d;line-height:1.8;padding:20px 0}#edit-dialog>.preview-note{margin:23px 0}#edit-dialog>.primary-button{width:100%;justify-content:center}#toast{position:fixed;z-index:50;bottom:70px;left:50%;transform:translate(-50%,12px);padding:14px 23px;background:#28312d;color:#fff;font-size:14px;opacity:0;pointer-events:none;transition:.3s}#toast.visible{opacity:1;transform:translate(-50%,0)}@media(min-width:1600px){.chapter-copy{left:12%}.ghost-word{left:12%}}@media(max-width:1000px){.chapter-copy{left:6%;width:36%;top:34%}h1,.story h2{font-size:39px}.story>p:not(.eyebrow){font-size:14px}.product-motion{left:67%;width:47vw}.piece-section{padding:60px 6%;gap:6%}.main-image>img{height:410px}.piece-copy h2{font-size:34px}.piece-copy .description{font-size:14px}.wear-copy{padding:50px 12%}.wear-copy h2{font-size:34px}.wear-photo{height:540px}.wear-section{max-height:540px}}@media(max-width:620px){.header{height:76px;padding:14px 6%;gap:12px}.brand{gap:9px}.brand img{width:32px;height:40px}.brand>span{font-size:10px;letter-spacing:.09em}.brand small{display:none}.header nav{gap:16px;font-size:12px}.header nav button{font-size:12px}.header nav>button[data-scene]{display:none}#edit-count{font-size:8px;margin-left:4px;padding:3px}.stage-meta{top:94px;left:6%;right:6%;font-size:8px;letter-spacing:.12em}.stage-meta span:last-child{font-size:7px}.ghost-word{font-size:22vw;bottom:18%;left:6%;opacity:.65}.product-motion{left:50%;top:35%;width:70vw;height:48svh}#orbit{left:50%;top:35%;width:65vw;height:65vw}.model-space{width:100%;height:67%;right:0;top:7%;mask-image:linear-gradient(to bottom,#000 76%,transparent 100%)}.model-space img{object-fit:contain;object-position:50% 10%}.chapter-copy{left:7%;top:auto;bottom:66px;width:82%;max-width:none;height:202px}h1,.story h2{font-size:32px;line-height:1.08;margin-bottom:13px}.story .eyebrow{font-size:8px;margin-bottom:11px}.story>p:not(.eyebrow){font-size:14px;line-height:1.6;margin-bottom:13px}.text-button{font-size:12px;padding:5px 0 8px;min-width:180px;gap:25px}.text-button span{font-size:16px}.product-label{left:auto;right:9%;bottom:39%;font-size:7px;gap:6px;letter-spacing:.08em}.product-label small{font-size:6px;letter-spacing:.07em;margin-top:3px}.scene-nav{right:4%;top:36%;gap:9px}.scene-nav button{width:16px;height:19px}.scene-nav span{display:none}.stage-bottom{bottom:19px;left:6%;right:6%;gap:12px}.scroll-cue{font-size:7px;letter-spacing:.1em;gap:7px}.mouse{width:10px;height:17px}.mouse:after{left:3px}.stage-actions{gap:12px}.stage-actions button{font-size:10px}#motion,.separator{display:none}#scene-count{font-size:8px}.piece-section{display:block;padding:45px 7%}.main-image>img{height:390px}.main-image>span{font-size:8px;left:18px;bottom:18px}.angle-tabs{gap:23px;padding-top:13px}.angle-tabs button{font-size:11px}.piece-copy{padding:40px 0 0}.piece-copy .eyebrow{font-size:9px;margin-bottom:15px}.piece-copy h2{font-size:33px}.piece-copy .description{font-size:15px;max-width:none}.piece-detail{font-size:12px}.wear-section{display:flex;flex-direction:column-reverse;max-height:none}.wear-photo{height:430px}.wear-copy{padding:45px 9%}.wear-copy h2{font-size:33px}.wear-copy>p:not(.eyebrow){font-size:15px}.wear-copy .eyebrow{font-size:8px}footer{flex-wrap:wrap;padding:25px 7%;gap:18px}footer p{font-size:16px}footer>a:not(.footer-brand){font-size:11px}footer>span{font-size:9px}.gallery-picture{height:58svh}.gallery-top{padding:15px 18px;font-size:8px}.gallery-tabs{gap:17px}.gallery-tabs button{font-size:11px}#edit-dialog{padding:25px}.edit-head h2{font-size:26px}#toast{font-size:12px;white-space:nowrap}}@media(max-width:370px){.header nav>a{display:none}.chapter-copy{height:200px;bottom:60px}h1,.story h2{font-size:29px}.story>p:not(.eyebrow){font-size:13px}.product-label{bottom:41%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:after{animation:none!important;transition:none!important}}

.gallery-tabs[hidden]{display:none}.gallery-middle{display:flex;align-items:center;gap:25px}.gallery-picture img{transition:transform .4s;cursor:zoom-in}.gallery-picture.zoomed img{transform:scale(2.2);transform-origin:50% 65%;cursor:zoom-out}

/* The entire experience stays inside one viewport. */
#journey{height:560vh}.product-motion{height:auto;aspect-ratio:1122/1402}.exploded-object{position:absolute;inset:0;opacity:0;transform-style:preserve-3d}.cloth-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}#pearls{position:absolute;inset:0;transform-style:preserve-3d}.pearl{position:absolute;overflow:hidden;border-radius:50%;will-change:transform;backface-visibility:visible;transform-style:preserve-3d;pointer-events:none}.pearl img{position:absolute;max-width:none;object-fit:fill;pointer-events:none}.final-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.final-actions .primary-button{min-width:200px}.final-actions .text-button{min-width:130px;font-size:13px;padding:8px 0}.story>.preview-note{font-size:11px!important;line-height:1.5!important;margin-top:17px!important;color:#a1a795!important}.gallery-source{display:block;font-size:12px;color:var(--hajar-accent);text-decoration:underline;text-underline-offset:4px;margin:0 auto 20px;padding:4px}.story[data-story="4"] h2{font-size:44px}.story[data-story="4"]>p:not(.eyebrow):not(.preview-note){font-size:14px}.object-space{overflow:visible}
@media(max-width:620px){.product-motion{width:min(70vw,42svh);height:auto;aspect-ratio:1122/1402}.story[data-story="4"] h2{font-size:30px}.story[data-story="4"]>p:not(.eyebrow):not(.preview-note){font-size:13px;line-height:1.5}.final-actions{gap:16px}.final-actions .primary-button{min-width:170px;padding:13px 16px;font-size:12px}.final-actions .text-button{min-width:112px;font-size:11px}.story>.preview-note{font-size:9px!important;margin-top:10px!important}.chapter-copy{height:211px;bottom:61px}.gallery-source{font-size:11px}.stage-actions{gap:12px}}
/* Refined proportions for the original Floral Edit. */
body,#stage{background:#fafaf8}.header{height:100px;background:linear-gradient(#fafaf8 65%,#fafaf800);padding:18px 5%;}.brand img{width:48px;height:58px}.header nav{gap:24px;font-size:12px}.header nav button{font-size:12px;min-height:44px}.brand small{color:#777d74}.shop-link{display:flex;align-items:center;gap:8px;min-height:44px}.shop-link span{font-size:7px;letter-spacing:1px;padding:4px 6px;border:1px solid #d9d7cb;border-radius:3px}.stage-meta{top:124px;color:#737c70;font-size:9px}.product-motion{width:min(54svh,39vw);aspect-ratio:1122/1402}.chapter-copy{left:9%;top:33%;width:32%;max-width:460px;height:350px}h1,.story h2,.story[data-story="4"] h2{font-size:clamp(34px,3.4vw,52px);line-height:1.12}.story>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#657062}.eyebrow{color:#956746;font-size:9px;letter-spacing:.17em}.text-button{font-size:12px;min-height:44px;min-width:180px}.primary-button{font-size:12px;min-height:46px}.final-actions{gap:15px}.final-actions .primary-button{min-width:165px}.story>.preview-note{color:#677160!important}.product-label{left:57%;bottom:14%;font-size:8px}.product-label small{font-size:7px;color:#747d70}.model-space{width:53%;height:calc(100% - 110px);top:90px;right:4%;mask-image:linear-gradient(to right,transparent,#000 14%,#000 97%,transparent)}.model-space img{object-fit:contain;object-position:center;mix-blend-mode:multiply}.scene-nav{right:2%;top:38%;gap:3px}.scene-nav button{width:44px;height:40px}.stage-bottom{bottom:28px}.stage-actions button{min-height:44px;padding:8px}.scroll-cue{color:#6e7968}.contact-rail{position:fixed;z-index:25;right:4%;bottom:105px;display:flex;gap:10px}.contact-icon{display:flex;align-items:center;justify-content:center;position:relative;width:54px;height:54px;border:1px solid #d8d9cf;border-radius:50%;background:#fafaf8ed;box-shadow:0 4px 16px #26382c08;transition:background .2s,transform .2s}.contact-icon svg{width:28px;height:28px}.contact-icon>span{position:absolute;bottom:63px;font-size:10px;background:#28312d;color:white;padding:6px 9px;border-radius:3px;opacity:0;pointer-events:none;white-space:nowrap}.contact-icon:hover,.contact-icon:focus-visible{background:#f0eee7;transform:translateY(-3px)}.contact-icon:hover>span,.contact-icon:focus-visible>span{opacity:1}#contact-dialog{width:min(470px,90vw);padding:38px}#contact-dialog>.close{float:right;min-width:40px;min-height:40px}#contact-dialog h2{font-size:34px;line-height:1.15;margin:12px 0 20px}#contact-status{font-size:14px;line-height:1.7;color:#657062;margin-bottom:26px}.skip-link{position:fixed;left:15px;top:-80px;z-index:100;background:#28312d;color:white;padding:15px}.skip-link:focus{top:15px}#orbit{display:none}.gallery-picture{background:#fafaf8}.gallery-picture img{mix-blend-mode:multiply}.ghost-word{display:none!important}
@media(min-width:1600px){.chapter-copy{left:12%}}@media(max-width:850px) and (min-width:621px){.header nav{gap:12px}.brand small{font-size:6px}.chapter-copy{left:6%;width:38%}.story h2,h1{font-size:36px}.contact-rail{right:4%;bottom:90px}.contact-icon{width:46px;height:46px}.product-label{display:none}}
@media(max-width:620px){.header{height:78px;padding:12px 6%}.brand img{width:34px;height:43px}.header nav{gap:13px}.header nav .shop-link{display:flex!important;font-size:11px}.header nav .shop-link span{font-size:6px}.header nav #edit-button{display:none}.brand>span{font-size:10px}.stage-meta{top:91px;left:6%;right:6%;font-size:7px}.stage-meta span:last-child{font-size:6px}.product-motion{width:min(64vw,33svh)}.chapter-copy{left:8%;top:auto;bottom:115px;width:82%;height:205px;max-width:none}h1,.story h2,.story[data-story="4"] h2{font-size:clamp(29px,8vw,36px);line-height:1.08;margin-bottom:12px}.story>p:not(.eyebrow){font-size:12px;margin-bottom:12px;line-height:1.6}.story .eyebrow{font-size:7px;margin-bottom:9px}.text-button{font-size:11px;min-height:38px;min-width:160px;padding:5px 0}.model-space{width:90%;height:46%;top:105px;right:5%;mask-image:linear-gradient(to bottom,#000 88%,transparent)}.model-space img{object-fit:contain;object-position:50% 0}.product-label{display:none}.scene-nav{right:1%;top:24%;gap:0}.scene-nav button{width:38px;height:35px}.contact-rail{bottom:63px;right:7%;gap:9px}.contact-icon{width:44px;height:44px}.contact-icon svg{width:25px;height:25px}.contact-icon>span{bottom:52px}.stage-bottom{bottom:10px;left:6%;right:6%;gap:7px}.stage-actions{gap:3px}.stage-actions button{padding:8px 5px;font-size:9px;min-height:40px}#motion{display:block;font-size:8px}.scroll-cue{font-size:6px;letter-spacing:.05em}.mouse{display:none}.final-actions .primary-button{min-width:145px;font-size:11px;padding:10px 13px}.final-actions .text-button{min-width:103px;font-size:10px}.story>.preview-note{font-size:8px!important}.final-actions{gap:12px}}
@media(max-width:620px) and (max-height:720px){.chapter-copy{bottom:108px;height:180px}.product-motion{width:min(51vw,29svh)}h1,.story h2,.story[data-story="4"] h2{font-size:27px}.story>p:not(.eyebrow){font-size:11px;line-height:1.45}.story .eyebrow{margin-bottom:7px}.model-space{height:40%;top:95px}.stage-meta{top:82px}.story>.preview-note{margin-top:6px!important}}
.product-frame{mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 91%,transparent);mask-composite:intersect}.model-space{top:140px;height:calc(100% - 245px);right:6%;width:46%;mask-image:linear-gradient(to right,transparent,#000 12%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 88%,transparent);mask-composite:intersect}.model-space img{mix-blend-mode:multiply}@media(max-width:620px){.model-space{top:105px;width:86%;right:7%;height:43%;mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 84%,transparent)}}@media(max-width:620px) and (max-height:720px){.model-space{top:95px;height:37%}}
#blue-edit{height:260svh;position:relative;background:#f6f9fa;scroll-margin-top:0}.blue-stage{height:100svh;position:sticky;top:0;overflow:hidden;display:flex;align-items:center;padding:130px 9% 100px;gap:9%;background:linear-gradient(125deg,#fafaf8 25%,#f0f7fa)}.blue-heading{width:42%;max-width:430px}.blue-heading .eyebrow{color:#397b96}.blue-heading h2{font-size:clamp(46px,5.5vw,78px);line-height:1.02;margin:20px 0 26px}.blue-heading h2 em{color:var(--hajar-blue)}.blue-heading>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#607178;margin-bottom:30px}.blue-heading .text-button{font-size:12px;border-color:#99bccb}.blue-instagram{display:block;font-size:10px;color:#4e6c7b;margin-top:24px}.blue-portraits{position:relative;width:min(38vw,420px);aspect-ratio:4/5;flex-shrink:0;box-shadow:0 22px 65px #2b5b7112}.blue-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .7s ease}.blue-frame.active{opacity:1}.blue-bottom{position:absolute;bottom:30px;left:9%;right:9%;display:flex;justify-content:space-between;align-items:center;gap:20px}.blue-bottom>span{font-size:8px;letter-spacing:1.4px;color:#607078}.blue-angles{display:flex;gap:12px}.blue-angles button{min-height:44px;padding:8px 14px;font-size:11px;border-bottom:1px solid transparent;color:#73858c}.blue-angles button[aria-pressed="true"]{color:#205d79;border-bottom-color:var(--hajar-blue)}.in-blue .header{background:linear-gradient(#fafaf8f5,#fafaf8cc,transparent)}@media(max-width:850px){.header nav{gap:15px}.header nav .blue-nav{font-size:11px}.blue-stage{gap:6%;padding-left:7%;padding-right:7%}}@media(max-width:620px){.header nav{gap:10px}.header nav .blue-nav{font-size:9px}.header nav .shop-link{font-size:9px}.shop-link span{display:none}.blue-stage{padding:115px 8% 155px;display:flex;flex-direction:column;justify-content:center;gap:24px}.blue-portraits{order:-1;width:min(61vw,240px,30svh)}.blue-heading{width:100%;max-width:none}.blue-heading .eyebrow{font-size:8px;margin-bottom:8px}.blue-heading h2{font-size:37px;margin:8px 0 14px}.blue-heading h2 br{display:none}.blue-heading>p:not(.eyebrow){font-size:12px;line-height:1.6;margin-bottom:13px}.blue-instagram{font-size:9px;margin-top:14px}.blue-bottom{left:8%;right:8%;bottom:14px}.blue-bottom>span{display:none}.blue-angles{gap:10px}.blue-angles button{font-size:10px}.in-blue .contact-rail{bottom:65px}}@media(prefers-reduced-motion:reduce){#blue-edit{height:100svh}.blue-frame{transition:none}}
html{scroll-padding-top:0}.in-blue #stage{visibility:hidden}
/* Uniform studio backdrop; all campaign subjects now have edited alpha backgrounds. */
:root{--studio:#fafaf8}body,#stage,#blue-edit,.blue-stage,.shop-page,.shop-page footer,dialog,.gallery-picture{background:var(--studio)}.object-space,.model-space img,.gallery-picture img{mix-blend-mode:normal}.product-frame{mask-image:none;-webkit-mask-image:none}.model-space{mask-image:linear-gradient(to bottom,#000 92%,transparent);mask-composite:add}.blue-portraits{box-shadow:none;perspective:1200px}.blue-frame{object-fit:contain;mask-image:linear-gradient(to bottom,#000 94%,transparent);transform:translate3d(0,var(--blue-y,0px),0) rotateY(var(--blue-rotation,0deg));will-change:transform,opacity}.contact-icon{background:#fafaf8f5}.shop-page .shop-main figure img{mix-blend-mode:normal;mask-image:linear-gradient(to bottom,#000 94%,transparent)}.in-blue #stage{visibility:hidden}.in-blue #stage .story{visibility:hidden!important}@media(max-width:620px){.blue-portraits{width:min(64vw,250px,31svh)}.model-space{mask-image:linear-gradient(to bottom,#000 90%,transparent)}}
.blue-frame{mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 90%,transparent)}

.shop-page{min-height:100svh;background:#fafaf8}.shop-main{min-height:calc(100svh - 70px);max-width:1500px;margin:auto;padding:150px 9% 100px;display:grid;grid-template-columns:1.05fr 1fr;gap:9%;align-items:center}.shop-copy h1{font-size:clamp(38px,4.5vw,65px);line-height:1.1;margin:0 0 30px}.launch-label{font-size:10px;letter-spacing:1.6px;display:flex;align-items:center;gap:10px;margin-bottom:24px}.launch-label i{width:6px;height:6px;border-radius:50%;background:var(--hajar-accent)}.shop-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#687362;max-width:350px;margin-bottom:28px}.shop-copy .primary-button{max-width:270px}.shop-main figure{margin:0;text-align:center}.shop-main figure img{width:100%;max-height:61svh;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-7deg)}.shop-main figcaption{font-size:8px;letter-spacing:1.7px;color:#7c8377;margin-top:25px}.shop-page .contact-rail{bottom:95px}.shop-page footer{height:70px;font-size:9px;background:#fafaf8}.shop-page .header nav{font-size:12px}@media(max-width:620px){.shop-main{padding:110px 8% 150px;grid-template-columns:1fr;gap:30px}.shop-copy h1{font-size:39px;margin-bottom:22px}.shop-copy>p:not(.eyebrow){font-size:12px}.launch-label{font-size:8px;letter-spacing:1px}.shop-main figure img{max-height:38svh}.shop-main figure{grid-row:1}.shop-main figcaption{margin-top:12px;font-size:6px}.shop-page .contact-rail{bottom:25px}.shop-page .header nav{font-size:9px}.shop-page footer{height:auto;padding-bottom:90px}.shop-page .header nav>a{display:block!important}.shop-copy .eyebrow{font-size:8px}}
.shop-main figure img{mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent);mask-composite:intersect}@media(max-width:620px){.shop-main{padding-bottom:38px}.shop-page .contact-rail{position:relative;right:auto;bottom:auto;justify-content:flex-end;padding:0 8% 30px}.shop-page footer{padding-bottom:30px}}
.shop-main figure img{max-width:390px;transform:none;mask-image:none}.shop-main figure{padding-bottom:12px}
.shop-page .shop-main figure img{mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 90%,transparent)}

/* WordPress overrides */
body,.shop-page,.shop-page footer,#stage,#blue-edit,.blue-stage,dialog,.gallery-picture{background:var(--hajar-bg)!important;color:var(--hajar-ink)}
.header{background:linear-gradient(var(--hajar-bg),transparent)!important}
.blue-heading h2{color:var(--hajar-blue)!important}.primary-button{background:var(--hajar-accent);color:#fff}.contact-icon{background:var(--hajar-bg)!important}
.progress-line span,.launch-label i{background:var(--hajar-accent)!important}
.story h1,.story h2{font-size:calc(clamp(34px,3.65vw,52px) * var(--hajar-type))!important}
#journey{height:calc(var(--hajar-story) * 1vh)!important}#blue-edit{height:calc(var(--hajar-blue-height) * 1svh)!important}
.admin-bar .header{top:32px}.admin-bar #stage,.admin-bar .blue-stage{top:32px;height:calc(100svh - 32px)}
.wp-content{max-width:900px;margin:130px auto 60px;padding:30px}.wp-content img{max-width:100%;height:auto}
@media(max-width:782px){.admin-bar .header{top:46px}.admin-bar #stage,.admin-bar .blue-stage{top:46px;height:calc(100svh - 46px)}}
@media(max-width:620px){.story h1,.story h2{font-size:calc(32px * var(--hajar-type))!important}}
@media(max-width:600px){#wpadminbar{position:fixed}}