/* WIP Studios editorial storefront. Shared by / and /front/. */
dialog.builder-modal{width:min(860px,calc(100vw - 48px));max-width:860px;height:min(820px,88dvh);max-height:88dvh;padding:0;border:1px solid #deddd0;border-radius:12px;overflow:hidden;background:#faf7f1;box-shadow:0 25px 100px #0005}
dialog.builder-modal::backdrop{background:#151713c9}
.builder-modal>iframe{display:block;width:100%;height:100%;border:0;background:#faf7f1}
@media(max-width:600px){dialog.builder-modal{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}}
:root{--ink:#343c2e;--paper:#faf8f2;--line:#deddd0;--gold:#a47e43;--muted:#6d7266;--olive:#e9ecdf}body{background:var(--paper);font-size:16px;color:var(--ink)}html{scroll-padding-top:110px}em{color:#798366}header{padding:10px 5vw;background:#faf8f2f2;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px);gap:18px}.brand .brand-logo{width:70px;height:70px}.brand .brand-copy{font-size:25px}.brand .brand-copy small{font-size:9px}nav{gap:20px;font-size:13px}nav a:hover{text-decoration:underline;text-underline-offset:6px}.button{border-radius:40px;background:var(--ink);border-color:var(--ink);padding:14px 24px;font-size:13px}.button:hover{background:#596447}.button.outline{color:var(--ink);background:transparent}.button.outline:hover{color:white;background:var(--ink)}.small{padding:12px 18px}#menuToggle{display:none}.test-notice{padding:8px 5vw;font-size:12px;background:#efe9dc;border:0;color:#62573e}.hero{min-height:660px;grid-template-columns:1.1fr 1fr;max-width:1500px;margin:auto}.hero-copy{padding:110px 0 90px 8vw;align-self:center}.eyebrow{font-size:10px;letter-spacing:.21em;color:var(--gold)}h1{font-size:clamp(48px,5.4vw,83px);line-height:1.04;letter-spacing:-.045em}.hero-copy>p:not(.eyebrow){max-width:460px;color:var(--muted);font-size:17px;line-height:1.8}.hero-copy .text-link{font-size:13px;margin-left:15px}.hero-art{background:radial-gradient(ellipse at center,#e8eadb 0%,#f4f2e8 53%,transparent 72%);padding:65px 45px;overflow:visible}.invitation{width:300px;padding:45px 35px 35px;transform:rotate(6deg);border:8px solid #fff;outline:1px solid #e2dfd1;border-radius:150px 150px 4px 4px;box-shadow:15px 25px 50px #42462c24}.invitation h2{font-size:62px;margin:20px 0}.invitation p{font-size:10px}.invitation span{font-size:8px}.art-note{font:italic 18px Georgia,serif;margin-bottom:30px;color:#77816a}.caption{font-size:9px;color:var(--muted);letter-spacing:.2em}.seal{position:absolute;right:16%;bottom:95px;border:5px double #ceb585;border-radius:50%;width:100px;height:100px;background:linear-gradient(130deg,#dbc390,#a98246);color:#fff7df;font:italic 38px Georgia,serif;box-shadow:0 8px 20px #51432125;cursor:pointer;transition:transform .3s}.seal span{display:block;font:8px Arial,sans-serif;letter-spacing:.18em}.seal:hover{transform:rotate(-12deg) scale(1.06)}.ribbon{background:var(--olive);color:#5e684e;font:14px Georgia,serif;letter-spacing:.02em;padding:24px 5vw;border-block:1px solid var(--line)}.theme-section,.steps-section,.faq-section{padding:95px 8vw}.section-heading{text-align:center;max-width:670px;margin:0 auto 55px}.section-heading h2{font-size:clamp(36px,4vw,56px)}.section-heading>p:last-child{color:var(--muted);max-width:550px;margin:25px auto 0}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.theme-card{min-width:0}.theme-card>div{padding:22px 3px}.theme-card h3{font-size:30px;margin-top:12px}.theme-card p{color:var(--muted);font-size:14px}.theme-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;width:100%;height:380px;border:1px solid var(--line);border-radius:150px 150px 6px 6px;cursor:pointer;color:#1d6c87;background:#fff url('../template/floral-background-clean.png') center/cover;box-shadow:0 6px 20px #3841270b;transition:transform .3s,box-shadow .3s}.theme-art:hover{transform:translateY(-7px);box-shadow:0 15px 30px #38412718}.theme-art span,.theme-art small{font-size:8px;letter-spacing:.2em;max-width:80%}.theme-art strong{font:italic 49px/1.2 Georgia,serif}.theme-art i{font-size:28px}.theme-art.olive{color:#596747;background:radial-gradient(ellipse at top left,#9ba58e77,transparent 50%),linear-gradient(125deg,#f4f0e6,#e3e8d7);outline:1px solid #b2b99e;outline-offset:-17px}.theme-art.blush{color:#89504f;background:radial-gradient(ellipse at bottom right,#dcb7b155,transparent 55%),#f6eae4;outline:1px solid #d9bcb1;outline-offset:-17px}.preview-link{background:none;border:0;border-bottom:1px solid var(--gold);color:var(--ink);padding:0 0 5px;cursor:pointer;font-size:13px}.state{display:inline-block;padding:5px 9px;border-radius:5px;font-size:10px;letter-spacing:.02em;background:#ede8df;color:#746652}.state.ready{background:#e4e9dd;color:#536345}.details{background:#efefe6;padding:85px 8vw}.features{gap:24px;margin-top:0}.features article{border:0;background:#faf9f5;padding:28px;border-radius:12px}.features article>span.feature-symbol{font:29px Georgia,serif;margin:0 0 25px;color:var(--gold)}.features h3{font-size:25px}.features p{font-size:14px;color:var(--muted)}.features article>span.state{font:10px/1.6 Arial,sans-serif;margin:10px 0 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:0;list-style:none}.steps b{font:italic 42px Georgia,serif;color:#b5ba9f;display:block;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:25px}.steps h3{font-size:24px}.steps p{font-size:14px;color:var(--muted)}.workspace-section{margin:0 5vw 60px;padding:65px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:65px;background:#e8ecdf;border-radius:20px;align-items:center}.workspace-section h2{font-size:43px}.workspace-section p{color:var(--muted)}.workspace-preview{background:#fffef9;border:1px solid #d4dac6;border-radius:14px;padding:28px;box-shadow:10px 20px 30px #52623e0d;transform:rotate(2deg)}.workspace-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.08em;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:30px}.workspace-preview h3{font-size:30px}.workspace-preview p{font-size:13px}.mock-row{padding:18px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:12px}.mock-row span:last-child{color:var(--muted)}.mock-bottom{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-top:30px}.small-print{font-size:12px!important;color:var(--muted)}.test-shop{padding:50px 8vw 90px}.test-shop>h2,.test-shop>.eyebrow,.test-shop>p{text-align:center;max-width:760px;margin-left:auto;margin-right:auto}.test-tag{background:#ece6d7;color:#756141;font-size:10px;font-weight:400;border-radius:5px}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:50px 0 25px}.package-card{position:relative;padding:35px 25px;background:#fffefa;border:1px solid var(--line);border-radius:15px;display:flex;flex-direction:column}.package-card.featured{border:2px solid #818b6b;background:#f0f2e8}.package-card h3{font-size:32px}.package-card>p:not(.eyebrow):not(.package-price){font-size:14px;color:var(--muted)}.package-price{font:44px Georgia,serif;margin:26px 0 10px}.package-price small{font:11px Arial,sans-serif;color:var(--muted)}.package-card ul{list-style:none;padding:15px 0;margin:0 0 25px;font-size:13px;flex:1}.package-card li{padding:9px 0;border-bottom:1px solid var(--line)}.package-card li:before{content:'✓';color:#7b8968;margin-right:8px}.package-label{position:absolute;top:-14px;left:15px;right:15px;text-align:center;background:#788363;color:white;border-radius:15px;padding:6px;font-size:9px;letter-spacing:.08em}.package-customizer{margin-top:35px;border:1px solid var(--line);border-radius:12px;padding:25px}.package-customizer>summary{cursor:pointer;font:22px Georgia,serif;padding:8px}.cart-panel{background:#eef0e6;border-radius:12px}.test-shop form .button{background:var(--ink);color:white;border-color:var(--ink)}.cart-panel .button{font-size:12px}.test-shop legend{font-size:24px}.extra-option small{font-size:12px;color:var(--muted)}.extra-option strong{font-size:14px}.extra-option>b{font-size:12px}.faq-section{background:#efeee6;display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.faq-section>div>p:last-child{color:var(--muted);max-width:350px}.faq-list details{border-bottom:1px solid #d4d5c8;padding:20px 0}.faq-list summary{cursor:pointer;font-size:16px;padding-right:12px}.faq-list p{font-size:14px;color:var(--muted)}.enquire{background:#3e4837}.enquire em{color:#c7cdb4}.enquire form .button{background:#edf0e2;color:var(--ink);border-color:#edf0e2}.enquire form .outline{background:transparent;color:white}footer{padding:35px 7vw}footer .brand-logo{width:100px;height:100px}.demo[data-mood=olive]{background:#e9ecdf;color:#536345}.demo[data-mood=blush]{background:#f3e5e0;color:#89504f}dialog{border-radius:16px}dialog::backdrop{background:#25301ce0}.preview-tools{display:flex;justify-content:center;gap:10px;padding:18px;background:#f4f2e8}.preview-tools button{border:1px solid var(--line);background:white;border-radius:20px;padding:7px 12px;color:var(--ink);cursor:pointer;font-size:12px}.preview-tools button[aria-pressed=true]{background:var(--ink);color:white}dialog.phone-preview{max-width:390px}.demo-note{line-height:1.6!important}@media(min-width:1600px){.theme-section,.details,.steps-section,.test-shop,.faq-section{padding-left:max(8vw,calc((100vw - 1300px)/2));padding-right:max(8vw,calc((100vw - 1300px)/2))}}@media(max-width:1150px){header{gap:12px}nav{gap:12px}header>.small{display:none}.hero-copy{padding-left:6vw}.hero-art{padding:45px 25px}.workspace-section{gap:35px}.workspace-section h2{font-size:36px}}@media(max-width:850px){header{justify-content:space-between}#menuToggle{display:block;background:transparent;border:1px solid var(--line);border-radius:24px;padding:10px 17px;color:var(--ink)}nav{display:none;width:100%;flex-wrap:wrap;padding:15px 0;font-size:14px}nav.open{display:flex}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{text-align:center;padding:60px 7vw 15px}.hero-copy>p:not(.eyebrow){margin:25px auto}.hero-art{padding:30px 35px 50px}.invitation{width:270px}.art-note{margin:0 0 25px}.seal{right:calc(50% - 165px);bottom:85px}.theme-section,.details,.steps-section,.faq-section{padding:65px 6vw}.theme-grid{gap:18px}.theme-art{height:310px}.theme-art strong{font-size:38px}.theme-art span,.theme-art small{font-size:7px}.features{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.workspace-section{grid-template-columns:1fr;padding:45px 7vw}.workspace-preview{transform:none}.package-grid{grid-template-columns:1fr}.package-card{padding:30px}.package-card.featured{margin-top:12px}.faq-section{grid-template-columns:1fr;gap:20px}.test-shop{padding:45px 6vw}.package-customizer{padding:18px}.ribbon{font-size:12px;gap:15px}.hero h1{font-size:59px}}@media(max-width:550px){.brand .brand-copy{font-size:23px}.brand .brand-logo{width:55px;height:55px}header{padding:10px 5vw}.hero h1{font-size:47px}.hero-copy .text-link{display:block;margin:20px 0}.hero-art{overflow:hidden}.theme-grid{grid-template-columns:1fr;gap:22px}.theme-art{height:365px}.theme-art strong{font-size:52px}.theme-art span,.theme-art small{font-size:9px}.theme-card>div{padding:20px 5px}.features{grid-template-columns:1fr}.steps{gap:25px 20px}.steps h3{font-size:23px}.section-heading{margin-bottom:35px}.ribbon{flex-direction:column;gap:12px}.workspace-section{margin:0 4vw 35px}.workspace-preview{padding:20px}.mock-row{flex-direction:column;gap:4px}.mock-bottom{flex-direction:column}.package-customizer>summary{font-size:20px}.enquire{padding:60px 7vw}.demo{padding:50px 25px}.demo h2{font-size:43px}footer{gap:12px}footer .brand-logo{width:75px;height:75px}.extra-option>b{white-space:normal}}@media(prefers-reduced-motion:reduce){.theme-art,.seal{transition:none}.invitation{animation:none}}