@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&family=Tajawal:wght@400;500;600;700;800&display=swap";:root{color:#382723;font-synthesis:none;text-rendering:optimizelegibility;--cream:#fff8ef;--pink:#f3b9c7;--cherry:#a93246;--brown:#382723;--muted:#88756c;--line:#eaded2;background:#fff8ef;font-family:Tajawal,DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--cream);margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}.app{min-height:100vh;overflow:hidden}.top-note{text-align:center;color:#80595d;letter-spacing:.02em;background:#f9e6e6;justify-content:center;align-items:center;gap:8px;height:29px;font-size:12px;display:flex}header{background:var(--cream);z-index:10;border-bottom:1px solid #38272317;justify-content:space-between;align-items:center;height:83px;padding:0 clamp(24px,7vw,110px);display:flex;position:sticky;top:0}.brand,.contact-mark{letter-spacing:.04em;gap:7px;font:600 27px/.86 Playfair Display,serif;display:grid}.brand span,.contact-mark span{color:var(--cherry)}.brand small,.contact-mark small{letter-spacing:.24em;color:#8b746c;font:600 8px DM Sans,sans-serif}.nav{align-items:center;gap:32px;font-size:14px;display:flex}.nav a{transition:color .2s}.nav a:hover,.text-link:hover{color:var(--cherry)}.nav .lang{border-inline-start:1px solid var(--line);padding-inline-start:26px;font-size:13px}.nav-cta{background:var(--cherry);color:#fff;border:0;border-radius:30px;align-items:center;gap:10px;padding:12px 19px;display:flex}.mobile-menu{background:0 0;border:0;display:none}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:7%;min-height:620px;padding:65px max(50vw - 580px,8vw) 78px;display:grid}.hero-copy{max-width:500px}.eyebrow,.section-label{letter-spacing:.17em;color:var(--cherry);text-transform:uppercase;align-items:center;gap:9px;font:600 10px DM Sans,sans-serif;display:flex}.eyebrow span{background:var(--cherry);width:24px;height:1px}h1,h2,h3,p{margin-top:0}.hero h1{letter-spacing:-.035em;max-width:500px;margin:23px 0 17px;font-size:clamp(48px,6.1vw,78px);font-weight:700;line-height:1.16}.hero h1 i{color:var(--cherry);vertical-align:top;margin-inline-start:12px;font-family:serif;font-size:.52em;font-style:normal}.hero-copy>p{color:#6e5b52;max-width:420px;font-size:18px;line-height:1.8}.hero-actions{gap:12px;margin-top:28px;display:flex}.button{border:0;border-radius:5px;justify-content:center;align-items:center;gap:12px;min-height:47px;padding:0 21px;font-size:14px;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.cherry{background:var(--cherry);color:#fff}.cherry:hover,.nav-cta:hover{background:#8e2739}.outline{color:var(--brown);background:0 0;border:1px solid #c9b8aa}.hero-foot{color:#89766b;align-items:center;gap:10px;margin-top:50px;font-size:12px;display:flex}.hero-foot svg{color:var(--cherry)}.hero-visual{width:min(100%,420px);margin:auto;position:relative}.photo-frame{background:#fff;padding:12px 12px 46px;position:relative;transform:rotate(2deg);box-shadow:0 24px 70px #43281b1b}.photo-frame img{object-fit:cover;width:100%;height:370px;display:block}.frame-tag{text-align:center;color:#815c56;font:italic 15px Playfair Display,serif;position:absolute;bottom:14px;left:0;right:0}.frame-tag span{color:var(--cherry);font-style:normal}.photo-sticker{background:var(--pink);text-align:center;color:#70424a;border-radius:50%;justify-content:center;align-items:center;width:93px;height:93px;font:italic 16px/1.05 Playfair Display,serif;display:flex;position:absolute;top:32px;right:-46px;transform:rotate(8deg)}.hero-swoosh{color:var(--cherry);font-size:45px;position:absolute;bottom:-36px;left:-34px}.section{padding:86px max(50vw - 580px,8vw)}.gallery{background:#fffdf9}.section-heading{justify-content:space-between;align-items:end;margin-bottom:32px;display:flex}.section-heading h2,.builder-intro h2,.contact h2{letter-spacing:-.025em;margin:10px 0 8px;font-size:38px;line-height:1.25}.section-heading p{color:var(--muted);margin:0;font-size:15px}.count{color:var(--cherry);font:500 27px Playfair Display,serif}.count i{color:#8d7b6e;font-size:11px}.gallery-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.work-card{text-align:start;color:inherit;background:0 0;border:0;min-width:0;padding:0}.work-img{background:#f5e9df;height:320px;position:relative;overflow:hidden}.work-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.work-card:hover img{transform:scale(1.035)}.zoom{top:14px;background:#fff9;border-radius:50%;place-items:center;width:34px;height:34px;font-size:20px;display:grid;position:absolute;inset-inline-end:14px}.work-caption{justify-content:space-between;align-items:end;padding:15px 3px;display:flex}.work-caption small{color:var(--cherry);font-size:12px}.work-caption h3{margin:4px 0 0;font-size:19px}.ref{color:#927e72;font-size:10px}.how{padding-top:84px;padding-bottom:100px}.centered{text-align:center;display:block}.centered .section-label{justify-content:center}.centered h2{margin:10px 0 0;font-size:37px}.step-cards{grid-template-columns:repeat(3,1fr);gap:44px;margin-top:48px;display:grid}.step-cards article{text-align:center;padding:10px 24px;position:relative}.step-cards article>span{top:0;color:#b9938e;font:italic 16px Playfair Display,serif;position:absolute;inset-inline-end:24px}.step-icon{width:62px;height:62px;color:var(--cherry);background:#f8e4e4;border-radius:50%;place-items:center;margin:0 auto 18px;font-size:25px;display:grid}.step-cards h3{margin:0 0 8px;font-size:19px}.step-cards p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.builder-section{background:#f7e7e6;grid-template-columns:.78fr 1.22fr;align-items:start;gap:55px;padding:90px max(50vw - 545px,8vw);display:grid}.builder-intro{position:sticky;top:120px}.builder-intro h2{margin:18px 0;font-size:38px}.builder-intro p{color:#775e5e;font-size:15px;line-height:1.8}.ribbon{color:#936b6d;align-items:center;gap:10px;margin-top:80px;font:italic 16px Playfair Display,serif;display:flex}.ribbon span{color:var(--cherry);font-size:23px}.builder{background:#fffdf9;border-radius:9px;padding:28px 31px 17px;box-shadow:0 16px 48px #43281b0c}.progress{justify-content:space-between;margin-bottom:33px;display:flex;position:relative}.progress:before{content:"";background:#eaded2;height:1px;position:absolute;top:14px;left:7%;right:7%}.progress>div{z-index:1;color:#a39084;justify-items:center;gap:6px;display:grid}.progress>div>span{background:#fff;border:1px solid #dfd3c8;border-radius:50%;place-items:center;width:29px;height:29px;font-size:12px;display:grid}.progress>div.active{color:var(--cherry)}.progress>div.active>span,.progress>div.done>span{background:var(--cherry);border-color:var(--cherry);color:#fff}.progress small{font-size:11px}.form-step h3{margin:0 0 17px;font-size:19px}.occasion-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.occasion-grid button{border:1px solid var(--line);color:#5c4942;background:#fff;border-radius:6px;align-content:center;justify-items:center;gap:7px;min-height:93px;font-size:13px;display:grid}.occasion-grid button span{font-size:23px}.occasion-grid button.selected,.pick-grid button.picked{border:2px solid var(--cherry);background:#fff5f4}.form-actions{justify-content:space-between;margin-top:24px;display:flex}.form-actions .button{min-height:42px}.pick-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.pick-grid button{border:1px solid var(--line);color:var(--brown);text-align:start;background:#fff;border-radius:6px;padding:0;overflow:hidden}.pick-grid img{object-fit:cover;width:100%;height:108px;display:block}.pick-grid button span{padding:7px;font-size:12px;display:block}.upload-tile{color:#806c63;cursor:pointer;border:1px dashed #c9b8aa;align-items:center;gap:11px;margin-top:12px;padding:13px;font-size:12px;display:flex}.upload-tile input{max-width:190px;font-size:11px}.upload-preview{background:#fcf4ef;align-items:center;gap:10px;margin-top:9px;padding:7px;font-size:12px;display:flex}.upload-preview img{object-fit:cover;width:38px;height:38px}.upload-preview button{background:0 0;border:0;margin-inline-start:auto}.fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fields label{color:#725f55;gap:6px;font-size:12px;display:grid}.fields .wide{grid-column:span 2}.fields input,.fields textarea,.admin-edit input{border:1px solid var(--line);width:100%;color:var(--brown);outline-color:var(--cherry);background:#fff;border-radius:4px;padding:10px}.fields textarea{resize:vertical}.summary{grid-template-columns:140px 1fr;gap:17px;display:grid}.summary-image{object-fit:cover;background:#f4e5dc;width:140px;height:145px}.summary-fields{align-content:start;gap:8px;display:grid}.summary-line{border-bottom:1px solid #f0e9e3;grid-template-columns:90px 1fr auto;align-items:center;gap:8px;padding-bottom:7px;font-size:12px;display:grid}.summary-line b{color:#78645c;font-weight:600}.summary-line span{overflow-wrap:anywhere}.summary-line button{color:var(--cherry);background:0 0;border:0;font-size:11px;text-decoration:underline}.upload-note{color:#78645c;font-size:12px;line-height:1.6}.channel-note{color:#75635a;background:#faf2ed;margin-top:13px;padding:12px;font-size:12px;line-height:1.8}.channel-note a{color:var(--cherry);align-items:center;gap:5px;font-weight:600;display:inline-flex}.draft-footer{color:#947e72;border-top:1px solid #eee5de;justify-content:space-between;margin-top:17px;padding:13px 0 0;font-size:11px;display:flex}.draft-footer button{color:#9b565d;background:0 0;border:0;align-items:center;gap:4px;font-size:11px;display:flex}.contact{background:#fffdf9;justify-content:space-between;align-items:center;padding:78px max(50vw - 540px,8vw);display:flex}.contact p{color:#806d64;margin:7px 0 20px}.contact .muted{margin:12px 0 0;font-size:11px}.contact-mark{text-align:center;color:#5e343a;font-size:57px}.contact-mark small{font-size:10px}footer{border-top:1px solid var(--line);color:#927f73;justify-content:space-between;padding:23px max(50vw - 580px,8vw);font-size:11px;display:flex}.sticky-cta{display:none}.lightbox{z-index:20;background:#241816d9;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.lightbox-close{top:22px;color:var(--brown);background:#fff;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;inset-inline-end:25px}.lightbox-content{background:#fff8ef;grid-template-columns:1.1fr .9fr;align-items:center;gap:29px;width:100%;max-width:880px;padding:20px;display:grid}.lightbox-content>img{object-fit:contain;background:#f2e4db;width:100%;max-height:70vh}.lightbox-content h2{margin:12px 0;font-size:27px}.lightbox-content p{color:var(--muted);font-size:13px}.lightbox-content a{color:var(--cherry);align-items:center;gap:5px;margin:18px 0;display:flex}.toast{z-index:30;bottom:30px;color:#fff;background:#382723;border-radius:4px;padding:12px 20px;font-size:13px;position:fixed;inset-inline-start:50%;transform:translate(-50%);box-shadow:0 8px 30px #0002}.admin-page{max-width:950px;margin:60px auto 100px;padding:0 24px}.admin-page h1{margin:12px 0;font-size:43px}.admin-sub{color:var(--muted);font-size:15px}.admin-toolbar{flex-wrap:wrap;gap:9px;margin:26px 0;display:flex}.admin-toolbar .button{border:1px solid var(--line);background:#fff;padding:0 14px;font-size:12px}.admin-toolbar .outline{background:0 0}.admin-list{gap:12px;display:grid}.admin-row{border:1px solid var(--line);background:#fffdf9;grid-template-columns:160px 1fr;gap:16px;padding:12px;display:grid}.admin-row>img{object-fit:cover;width:160px;height:120px}.admin-edit{gap:10px;display:grid}.admin-edit label{color:var(--muted);gap:6px;font-size:12px;display:grid}.admin-controls{align-items:center;gap:8px;display:flex}.admin-controls button{border:1px solid var(--line);background:#fff;border-radius:3px;align-items:center;gap:4px;padding:7px 10px;font-size:11px;display:flex}.admin-controls button:disabled{opacity:.35}.save-hint{color:#52725c;align-items:center;gap:6px;margin:19px 0;font-size:12px;display:flex}.text-link{color:var(--cherry);font-size:13px}.en{font-family:DM Sans,Tajawal,sans-serif}.en .hero h1,.en h2,.en .form-step h3,.en .admin-page h1{font-family:Playfair Display,serif}.en .hero-copy>p,.en .section-heading p,.en .builder-intro p{line-height:1.7}@media (width<=760px){.top-note{height:27px;font-size:10px}header{height:67px;padding:0 20px}.brand{font-size:24px}.mobile-menu{display:block}.nav{background:var(--cream);flex-direction:column;align-items:stretch;gap:16px;padding:20px;display:none;position:absolute;top:67px;left:0;right:0;box-shadow:0 12px 20px #43281b12}.nav.open{display:flex}.nav .lang{border:0;padding:0}.nav-cta{justify-content:center}.hero{grid-template-columns:1fr;gap:34px;padding:53px 24px 61px}.hero-copy{max-width:none}.hero h1{max-width:360px;margin:18px 0 11px;font-size:51px}.hero-copy>p{font-size:16px}.hero-actions .button{padding:0 14px;font-size:12px}.hero-foot{flex-wrap:wrap;margin-top:28px}.hero-visual{width:min(82%,345px);margin-inline:auto 13%}.photo-frame{padding:9px 9px 36px}.photo-frame img{height:270px}.photo-sticker{width:75px;height:75px;font-size:13px;right:-31px}.hero-swoosh{left:-26px}.section{padding:65px 23px}.section-heading h2,.builder-intro h2,.contact h2{font-size:30px}.section-heading p{font-size:13px;line-height:1.6}.count{font-size:21px}.gallery-grid{grid-template-columns:1fr;gap:13px}.work-img{height:260px}.work-caption h3{font-size:17px}.ref{text-align:end;max-width:120px;line-height:1.4}.how{padding-top:70px;padding-bottom:75px}.centered h2{font-size:30px}.step-cards{grid-template-columns:1fr;gap:25px;margin-top:30px}.step-cards article{padding:7px 35px}.step-cards article>span{inset-inline-end:18px}.builder-section{grid-template-columns:1fr;gap:22px;padding:63px 18px 75px}.builder-intro{position:static}.builder-intro h2{margin:12px 0}.ribbon{display:none}.builder{padding:20px 15px 14px}.progress small{font-size:9px}.progress>div>span{width:26px;height:26px}.progress:before{top:13px}.form-step h3{font-size:17px}.occasion-grid{gap:6px}.occasion-grid button{min-height:83px;font-size:11px}.pick-grid img{height:100px}.fields{gap:10px}.fields input,.fields textarea{padding:9px;font-size:13px}.summary{grid-template-columns:95px 1fr;gap:10px}.summary-image{width:95px;height:110px}.summary-line{grid-template-columns:74px 1fr auto;gap:5px;font-size:10px}.draft-footer,.draft-footer button{font-size:10px}.contact{gap:15px;padding:55px 24px}.contact-mark{font-size:37px}.contact-mark small{font-size:7px}.contact p{font-size:13px;line-height:1.6}.contact .button{min-height:41px}footer{flex-wrap:wrap;gap:12px;padding:18px 22px 80px;font-size:10px}.sticky-cta{z-index:9;background:var(--cherry);color:#fff;border:0;border-radius:28px;justify-content:center;align-items:center;gap:10px;min-height:51px;font-size:14px;font-weight:600;display:flex;position:fixed;bottom:12px;left:16px;right:16px;box-shadow:0 6px 24px #6d1f2b4a}.lightbox{padding:18px}.lightbox-content{grid-template-columns:1fr;gap:15px;max-width:470px;padding:12px}.lightbox-content>img{height:48vh;max-height:430px}.lightbox-content h2{margin:7px 0;font-size:22px}.lightbox-content p{margin:5px 0}.lightbox-content a{margin:8px 0}.admin-page{margin:40px auto 80px;padding:0 17px}.admin-page h1{font-size:34px}.admin-sub{font-size:13px;line-height:1.65}.admin-row{grid-template-columns:95px 1fr;gap:10px;padding:9px}.admin-row>img{width:95px;height:100px}.admin-controls{flex-wrap:wrap;gap:5px}.admin-controls button{padding:6px 8px}.admin-toolbar{gap:7px}.admin-toolbar .button{min-height:40px;padding:0 9px;font-size:10px}.admin-edit input{padding:8px;font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.photo-frame img,.work-img img{object-fit:contain;background:#f3e9e4}.brand{flex-wrap:wrap;align-items:baseline;gap:0;display:inline-flex}.brand small{flex-basis:100%}.brand,.contact-mark{direction:ltr;unicode-bidi:isolate}
