:root{--paper:#f6f5f1;--ink:#25332d;--muted:#788078;--line:#dddfd6;--accent:#dce9b7;--green:#304c3e;--display:'Fraunces',Georgia,serif;--body:'Inter',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 var(--body);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}button:disabled{opacity:.38;cursor:not-allowed}[hidden]{display:none!important}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--display);letter-spacing:-.045em;line-height:1.08}em{font-weight:400;color:#7c896b}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #789962;outline-offset:4px}.skip{position:fixed;top:-80px;background:var(--ink);color:white;padding:12px;z-index:1000}.skip:focus{top:10px}.studio-header{max-width:1440px;margin:auto;padding:18px 44px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{width:76px;display:block}.brand img{width:76px;height:50px;object-fit:contain;transform:scale(1.4);display:block}.header-note{font-size:9px;letter-spacing:.14em;color:#91988d;margin-left:15px}.text-button{background:transparent;padding:8px 0;font-size:12px;font-weight:500;display:inline-flex;gap:14px;align-items:center}.studio-header>.text-button{margin-left:auto}.journey-top{display:flex;align-items:center;justify-content:space-between;margin:28px auto 16px;max-width:1160px;padding:0 24px}#progress{display:flex;gap:24px}#progress button{background:none;padding:4px 0;color:#9b9f95;font-size:11px;display:flex;gap:8px;align-items:center}#progress button>span{font-size:10px;color:#a5ac9e}#progress button[aria-current=step]{color:#263c2d;font-weight:600}#progress button[aria-current=step]>span{background:#dce9b7;color:#3f5631;border-radius:50%;width:23px;height:23px;display:grid;place-items:center}.progress-track{height:2px;background:#e8e9e1;max-width:1112px;margin:auto}.progress-track span{display:block;height:100%;background:#688454;width:20%;transition:width .4s ease}.step{max-width:1112px;margin:0 auto;padding:48px 24px 38px}.step.wide{max-width:1320px}.step-heading{text-align:center;margin:0 auto 36px;max-width:720px}.eyebrow{font-size:9px;letter-spacing:.17em;font-weight:500;color:#8e9786;margin-bottom:16px}.step-heading h1{font-size:clamp(42px,5.3vw,68px);outline:none}.step-heading>p:last-child{font-size:14px;line-height:1.8;color:var(--muted);margin-top:20px}.step-heading.compact{max-width:none;text-align:left;margin-bottom:30px}.step-heading.compact h1{font-size:clamp(36px,4.6vw,56px)}.category-options{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:900px;margin:auto}.category-option{background:#fbfbf7;border:1px solid var(--line);border-radius:14px;padding:24px 26px;display:flex;gap:20px;align-items:center;text-align:left;transition:background .25s,border-color .25s,transform .25s}.category-option:hover{background:#eff1e7;transform:translateY(-2px)}.category-option[aria-pressed=true]{border-color:#647d4f;background:#eaf0dd;box-shadow:0 0 0 1px #647d4f}.category-symbol{width:58px;height:58px;flex:none;border-radius:14px;background:#eceee2;color:#708357;display:grid;place-items:center}.category-symbol svg{width:36px;height:36px;stroke:currentColor;fill:none;stroke-width:1.25}.category-option:nth-child(2) .category-symbol{background:#e8e9f2;color:#7680a7}.category-option:nth-child(3) .category-symbol{background:#f2e9df;color:#ad8864}.category-option:nth-child(4) .category-symbol{background:#e6ecec;color:#658a88}.category-option h2{font:500 18px/1.3 var(--body);letter-spacing:-.035em;margin-bottom:6px}.category-option p{font-size:11px;color:#8a9183}.category-option .option-arrow{margin-left:auto;font-size:19px;color:#87967a}.step-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:34px auto 0;max-width:1064px}.primary,.secondary{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;padding:15px 22px;border-radius:8px;font-size:12px;font-weight:600;line-height:1.4;min-height:47px}.primary{background:var(--green);color:white;border:1px solid var(--green);transition:background .2s,transform .2s}.primary:hover:not(:disabled){background:#45634f;transform:translateY(-1px)}.primary span{font-size:18px;font-weight:400}.secondary{background:#f9faf4;color:var(--green);border:1px solid var(--line)}.quiet-note{font-size:10px;color:#92998a}.inspiration{margin:40px auto 0;display:flex;align-items:center;justify-content:center;gap:20px;border-top:1px solid var(--line);background:transparent;padding:28px 0 0;width:100%;font-size:11px;color:#909786}.inspiration b{font-weight:500;color:#546848;margin-left:7px}.stack-mark{display:flex;width:38px;position:relative;height:30px}.stack-mark i{position:absolute;width:21px;height:27px;border:1px solid #a6b198;background:#eeeede;border-radius:4px;transform:rotate(-12deg)}.stack-mark i:nth-child(2){left:9px;transform:rotate(3deg);background:#e3e9d4}.stack-mark i:nth-child(3){left:17px;transform:rotate(16deg);background:#cedcba}.studio-footer{max-width:1352px;margin:16px auto 0;border-top:1px solid var(--line);padding:22px 24px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#9a9f94}.studio-footer>div{display:flex;gap:24px}.business-types{max-width:900px;margin:22px auto 0;padding:15px 20px;border-radius:10px;background:#eeefe5;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px}.business-types select{min-width:250px;padding:10px;background:#fafbf6;border:1px solid #d2d8c6;border-radius:6px;color:var(--ink)}
.palette-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center}.palette-options{display:grid;grid-template-columns:1fr 1fr;gap:13px}.palette-option{padding:12px;background:#fcfcf8;border:1px solid var(--line);border-radius:10px;text-align:left;position:relative}.palette-option[aria-pressed=true]{outline:2px solid #688053;outline-offset:2px}.swatch-strip{display:flex;height:48px;border-radius:6px;overflow:hidden;margin-bottom:10px}.swatch-strip i{flex:1}.swatch-strip i:first-child{flex:1.8}.palette-option b{font-size:11px;font-weight:500}.palette-option small{display:block;color:#8e9686;font-size:9px;margin-top:2px}.palette-option[aria-pressed=true]::after{content:'✓';position:absolute;right:10px;bottom:15px;color:#546d3c}.custom-colours{font-size:11px;margin-top:25px;color:#7b8471}.custom-colours summary{cursor:pointer}.custom-colours>div{display:flex;align-items:center;gap:12px;margin-top:14px}.custom-colours label{display:grid;gap:5px;font-size:10px}.custom-colours input{width:46px;height:32px;border:0;background:none}.custom-colours .secondary{padding:8px 10px;font-size:10px}.custom-colours p{font-size:9px;margin-top:10px}.palette-preview{--brand:#254f46;--accent:#d7e7b0;--onbrand:white;border:1px solid #d8ded0;border-radius:14px;overflow:hidden;background:color-mix(in srgb,var(--brand) 3%,#fffefa);box-shadow:0 20px 50px -38px #2b422a55;transition:background .4s}.mini-nav{padding:19px 23px;border-bottom:1px solid #dfe3d7;display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--brand)}.mini-nav span{font-size:8px;color:#87927c}.mini-content{padding:44px 30px;position:relative;overflow:hidden;min-height:320px}.mini-kicker{font-size:7px;letter-spacing:.1em;color:var(--brand);position:relative;z-index:2}.mini-content h2{font:400 45px/1.1 var(--display);color:var(--brand);margin:16px 0;position:relative;z-index:2}.mini-content h2 em{color:var(--brand)}.mini-content>p:not(.mini-kicker){font-size:10px;color:#7c8976}.mini-button{display:inline-block;background:var(--brand);color:var(--onbrand);padding:10px 15px;border-radius:4px;font-size:9px;margin-top:17px}.palette-art{position:absolute;right:18px;top:68px;width:130px;height:200px;opacity:.8}.palette-art i{display:block;width:120px;height:120px;background:var(--accent);border-radius:50% 50% 4px 4px;transform:rotate(-25deg);position:absolute;top:40px}.palette-art i:nth-child(2){background:var(--brand);width:90px;height:90px;top:125px;right:0;border-radius:50%}.palette-art i:nth-child(3){width:90px;height:90px;background:transparent;border:1px solid var(--brand);top:5px;right:10px;border-radius:50%}.palette-preview-foot{padding:14px 20px;display:flex;justify-content:space-between;font-size:9px;border-top:1px solid #dfe3d7;color:#7e8a74}
.design-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.palette-chip{display:flex;gap:12px;align-items:center;border:1px solid var(--line);padding:10px 14px;background:#fffefa;border-radius:99px;font-size:10px}.palette-chip>span:last-child{color:#89947d}.palette-chip #paletteDots{display:flex}.palette-chip i{width:18px;height:18px;border-radius:50%;border:2px solid white;margin-left:-5px}.design-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(260px,1fr);gap:42px;align-items:center}.design-view{min-width:0}.browser-bar{padding:13px 16px;background:#fefefb;border:1px solid var(--line);border-bottom:0;border-radius:11px 11px 0 0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;color:#9aa290}.window-dots{font-size:8px;letter-spacing:4px;color:#c6ccbd}.browser-bar .text-button{font-size:9px;padding:0}.frame-viewport{position:relative;width:100%;height:450px;overflow:hidden;background:#e9ecdf;border:1px solid var(--line);border-radius:0 0 10px 10px;isolation:isolate}.frame-viewport iframe{display:block;border:0;position:absolute;left:50%;top:0;transform-origin:top left;background:white}.frame-swipe-zone{position:absolute;inset:0;z-index:2;background:transparent;touch-action:pan-y;cursor:grab}.frame-swipe-zone:active{cursor:grabbing}.design-navigation{display:flex;align-items:center;justify-content:center;gap:26px;padding:16px 0 0}.circle-button{width:35px;height:35px;border:1px solid #d6ddcb;border-radius:50%;display:grid;place-items:center;background:transparent;color:#647554;font-size:18px;flex:none}#designPosition{font-size:10px;color:#8b947e;font-variant-numeric:tabular-nums}.design-details h2{font-size:44px}.design-details>p:not(.eyebrow){font-size:12px;color:#7b8770;line-height:1.8;margin-top:16px}.design-details ul{padding:0;list-style:none;margin:24px 0;display:grid;gap:10px;font-size:11px;color:#657358}.design-details li::before{content:'✓';color:#7d935e;margin-right:9px}.design-price{display:grid;gap:3px;margin-bottom:22px}.design-price strong{font:400 25px var(--display);color:#425b35}.design-price span{font-size:10px;color:#98a08d}.design-details .primary{width:100%}.fine-print{font-size:10px!important;line-height:1.7!important;color:#939d88!important}.style-choices{display:flex;gap:12px;overflow:auto;padding:8px 2px;margin-top:20px;scrollbar-width:thin}.style-choice{min-width:150px;text-align:left;padding:12px 15px;border:1px solid var(--line);border-radius:8px;background:#fbfcf7;font-size:11px}.style-choice span{display:block;font-size:9px;color:#939c88;margin-top:3px}.style-choice[aria-pressed=true]{background:#e9efdc;border-color:#839667}.style-choice b{font-weight:500}.design-details .eyebrow{margin-bottom:12px}
.personalise-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:50px;align-items:start}.brand-form{display:grid;gap:17px}.brand-form label{display:block;font-size:11px;font-weight:500}.brand-form label>span{float:right;color:#a1a799;font-size:9px;font-weight:400}.brand-form input,.brand-form textarea{width:100%;margin-top:7px;border:1px solid #d8dece;background:#fdfef9;border-radius:7px;padding:12px;color:var(--ink);font-size:13px}.brand-form textarea{resize:vertical;min-height:80px}.brand-form input::placeholder,.brand-form textarea::placeholder{color:#a6ad9d}.privacy-note{font-size:9px;color:#959e8c;line-height:1.7}.personal-preview{min-width:0}.personal-preview .frame-viewport{height:580px;background:#e8ecdf}.device-switch{display:flex;gap:4px}.device-switch button{padding:5px 8px;border-radius:5px;background:none;font-size:9px;color:#8a987a}.device-switch button[aria-pressed=true]{background:#e8eedb;color:#52633f}.preview-note{display:flex;gap:6px;align-items:center;padding:12px 0;font-size:9px;color:#7c8c6d}.preview-note>span:last-child{margin-left:auto;color:#9da78e}.live-dot{width:5px;height:5px;border-radius:50%;background:#819c61}.review-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:auto}.review-card,.contact-card{padding:30px;border:1px solid var(--line);border-radius:14px;background:#fcfdf7}.review-card{background:linear-gradient(135deg,#eaf0dd,#f9faf3)}.review-card h2{font-size:38px;overflow-wrap:anywhere}.review-card dl{margin:26px 0;display:grid;grid-template-columns:95px 1fr;gap:14px;font-size:11px}.review-card dt{color:#909d7f}.review-card dd{margin:0;color:#4a5e3b;overflow-wrap:anywhere}.contact-card #reviewPrice{font:400 29px var(--display);color:#475e3a}.contact-card>p{font-size:11px;color:#839174;margin-top:12px}.contact-card ol{padding-left:18px;margin:24px 0;font-size:11px;color:#71835e;display:grid;gap:13px}.contact-card .primary{width:100%}.reset-actions{display:flex;gap:12px;margin-top:25px}.noscript{text-align:center;padding:30px}
dialog{width:min(1080px,calc(100% - 28px));max-height:90dvh;overflow:auto;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:30px}dialog::backdrop{background:#23332780;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.dialog-top .eyebrow{margin:0}dialog h2{font-size:42px}.dialog-lead{font-size:12px;color:#87937b;max-width:600px;margin:20px 0}.collection-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.collection-card{background:#fffefa;border:1px solid var(--line);border-radius:12px;overflow:hidden}.collection-art{height:180px;background:var(--scene-bg);color:var(--scene-ink);padding:20px;overflow:hidden;position:relative}.collection-art small{font-size:7px;letter-spacing:.12em}.collection-art h3{font:400 29px/1.1 var(--display);position:relative;z-index:1;margin-top:25px}.collection-art>i{position:absolute;width:130px;height:130px;right:-10px;bottom:-30px;background:var(--scene-accent);border-radius:50%}.collection-art.bold{background:#18221e;color:#eff7de}.collection-art.bold h3{font-family:var(--body);font-size:30px;font-weight:700;letter-spacing:-.04em}.collection-art.bold>i{border-radius:18px;transform:rotate(25deg)}.collection-art.minimal>i{border:25px solid var(--scene-accent);background:transparent;border-radius:0;transform:rotate(45deg)}.collection-body{padding:20px}.collection-body h3{font:500 19px var(--display)}.collection-body p{font-size:10px;color:#8c9780;margin:8px 0 18px}.collection-body button{width:100%;font-size:10px;padding:12px;gap:10px}.collection-body .text-button{justify-content:center;color:#74895d;margin-top:6px}#fullPreview{width:min(1300px,calc(100% - 24px));height:94dvh;max-height:94dvh;padding:16px}#fullPreview .dialog-top{margin-bottom:10px}#fullPreview h2{font:500 14px var(--body)}#fullFrame{width:100%;height:calc(100% - 52px);border:1px solid var(--line);border-radius:8px;background:white}#resetDialog{max-width:460px;padding:28px}#resetDialog h2{font-size:30px}#resetDialog p{color:#869577;font-size:12px;margin-top:16px}.step.entering{animation:reveal-step .4s cubic-bezier(.2,.7,.2,1) both}@keyframes reveal-step{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:1400px){.step{padding-top:60px}.step-heading{margin-bottom:45px}.category-option{min-height:122px}}
@media(max-width:1000px){.studio-header{padding:14px 25px}.design-layout{grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);gap:25px}.personalise-layout{grid-template-columns:270px minmax(0,1fr);gap:25px}.palette-layout{gap:30px}.category-option{padding:20px;gap:14px}.category-symbol{width:48px;height:48px}.header-note{font-size:8px}.design-details h2{font-size:36px}}
@media(max-width:760px){.studio-header{padding:10px 18px}.brand,.brand img{width:62px}.header-note{display:none}.journey-top{margin-top:20px;padding:0 20px}#progress{gap:16px}#progress button{font-size:9px;gap:5px}#progress button>span{font-size:8px}#progress button[aria-current=step]>span{width:18px;height:18px}#startOver{font-size:9px}.progress-track{margin:0 20px}.step{padding:32px 20px}.step-heading{margin-bottom:28px}.step-heading h1{font-size:47px}.step-heading>p:last-child{font-size:12px;margin-top:16px}.category-options{gap:10px}.category-option{padding:18px 15px;gap:12px;align-items:flex-start;flex-direction:column;position:relative}.category-option h2{font-size:15px}.category-option p{font-size:10px}.category-option .option-arrow{position:absolute;right:14px;top:19px}.category-symbol{width:40px;height:40px;border-radius:10px}.category-symbol svg{width:28px;height:28px}.step-footer{margin-top:26px}.quiet-note{font-size:9px;max-width:180px}.primary{padding:13px 18px;font-size:11px;gap:22px}.inspiration{margin-top:30px;font-size:10px;gap:15px}.inspiration b{display:block;margin:3px 0 0}.palette-layout{grid-template-columns:1fr;gap:25px}.palette-options{grid-template-columns:repeat(3,1fr)}.palette-preview{max-width:500px;width:100%;margin:auto}.mini-content{min-height:260px;padding:30px}.mini-content h2{font-size:38px}.palette-art{right:30px;top:35px}.palette-preview-foot{font-size:8px}.design-heading{display:block}.design-heading .step-heading{margin-bottom:18px}.palette-chip{margin-bottom:24px}.design-layout{grid-template-columns:1fr;gap:20px}.design-details{display:grid;grid-template-columns:1fr auto;gap:0 22px;align-items:center}.design-details .eyebrow,.design-details>p,.design-details ul,.design-details .fine-print{grid-column:1/-1}.design-details h2{grid-column:1;grid-row:2}.design-details .design-price{grid-column:2;grid-row:2;margin:0}.design-details .primary{grid-column:1/-1}.design-details ul{grid-template-columns:1fr 1fr;margin:18px 0}.design-details>p:not(.eyebrow){margin-top:12px}.design-details .fine-print{margin-top:10px}.design-navigation{padding-top:12px}.design-price strong{font-size:21px}.style-choices{margin-top:16px}.personalise-layout{grid-template-columns:1fr}.personal-preview{grid-row:1}.personal-preview .frame-viewport{height:330px}.brand-form{grid-template-columns:1fr 1fr;gap:15px}.brand-form label:nth-child(5),.brand-form .privacy-note,.brand-form .primary{grid-column:1/-1}.preview-note>span:last-child{font-size:7px}.review-layout{grid-template-columns:1fr}.review-card,.contact-card{padding:25px}.collection-cards{grid-template-columns:1fr}.collection-card{display:grid;grid-template-columns:1fr 1fr}.collection-art{height:100%;min-height:210px}.collection-body{padding:18px}.collection-art h3{font-size:25px}dialog h2{font-size:34px}.studio-footer{font-size:8px;gap:15px}.studio-footer>div{gap:15px}.business-types{font-size:11px}.business-types select{min-width:0;max-width:65%;font-size:11px}}
@media(max-width:430px){#progress{gap:10px}#progress button{font-size:8px}#progress button>span{display:none}#progress button[aria-current=step]>span{display:grid}.studio-header>.text-button{font-size:10px}.step-heading h1{font-size:43px}.step-heading.compact h1{font-size:37px}.category-option{padding:16px 12px}.category-option h2{font-size:14px}.category-option p{font-size:9px}.step-footer{gap:12px}.step-footer .quiet-note{max-width:125px;font-size:8px}.step-footer>.text-button{font-size:10px}.palette-options{grid-template-columns:1fr 1fr}.palette-option b{font-size:10px}.palette-art{width:100px;right:20px;opacity:.65}.design-details{gap:0 12px}.design-details h2{font-size:31px}.design-price strong{font-size:18px}.design-price span{font-size:8px}.design-details li{font-size:10px}.brand-form{grid-template-columns:1fr}.brand-form label{grid-column:1/-1}.personal-preview .frame-viewport{height:300px}.collection-card{grid-template-columns:1fr}.collection-art{height:190px;min-height:190px}.collection-body .primary{width:100%}.studio-footer{flex-direction:column;gap:10px}.business-types{flex-direction:column;align-items:stretch}.business-types select{max-width:none}.reset-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep supporting text readable without competing with the main question. */
:root{--muted:#667065}.header-note,.eyebrow{color:#6b7763}.category-option p,.quiet-note,.studio-footer,.custom-colours,.fine-print,.design-details>p:not(.eyebrow),.design-price span,.style-choice span,.privacy-note,.brand-form label>span,.preview-note,.preview-note>span:last-child,.contact-card>p,.review-card dt,.dialog-lead,.collection-body p,.palette-option small{color:#68755f!important}.category-option p{font-size:12px}.category-option h2{font-size:19px}.palette-option b{font-size:12px}.palette-option small{font-size:10px}.brand-form label{font-size:12px}.brand-form input,.brand-form textarea{font-size:14px}.brand-form input::placeholder,.brand-form textarea::placeholder{color:#76816d}.fine-print,.privacy-note{font-size:11px!important}.design-details>p:not(.eyebrow){font-size:13px}.design-details ul{font-size:12px}.style-choice{font-size:12px}.style-choice span{font-size:10px}.review-card dl,.contact-card ol,.contact-card>p{font-size:12px}.mini-nav,.mini-kicker,.mini-content h2,.mini-content h2 em{color:var(--textbrand,var(--brand))}.frame-viewport iframe{transition:opacity .22s ease}.frame-viewport iframe[data-ready=false]{opacity:0}.live-dot{animation:live-breathe 2s ease-in-out infinite}@keyframes live-breathe{50%{box-shadow:0 0 0 4px #819c611c}}
@media(max-width:760px){.category-option h2{font-size:15px}.category-option p{font-size:11px}.personal-preview{position:sticky;top:0;z-index:3;background:var(--paper);padding-top:8px}.personal-preview .frame-viewport{height:250px}.preview-note{padding-bottom:16px}.brand-form{padding-top:6px}.step-footer .quiet-note{font-size:10px}.palette-option b{font-size:11px}.palette-option small{font-size:9px}.design-details{column-gap:14px}.design-price strong{font-size:18px}}
@media(max-width:430px){.category-option p{font-size:10px}.category-option h2{font-size:14px}.personal-preview .frame-viewport{height:220px}.design-details h2{font-size:32px}.design-price strong{font-size:16px}.design-price span{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.design-heading .step-heading{margin-left:0;margin-right:0}
@media(min-width:900px){
  #step4{display:grid;grid-template-columns:1fr 1.15fr;gap:0 60px;align-items:start}
  #step4>.step-heading{grid-column:1;grid-row:1;margin:0 0 25px}
  #step4 .palette-layout{display:contents}
  #step4 .palette-layout>div:first-child{grid-column:1;grid-row:2}
  #step4 .palette-preview{grid-column:2;grid-row:1 / span 2;align-self:center}
  #step4 .palette-options{grid-template-columns:repeat(3,1fr)}
  #step4 .palette-option{padding:10px}#step4 .palette-option b{font-size:11px}#step4 .swatch-strip{height:40px}
  #step4 .palette-option[aria-pressed=true]::after{top:13px;right:13px;bottom:auto;background:#fff;border-radius:50%;width:16px;height:16px;display:grid;place-items:center;font-size:10px}
  #step4>.step-footer{grid-column:1 / -1;width:100%}
}
@media(min-width:900px) and (max-height:900px){
  .studio-header{padding-block:11px}.journey-top{margin-top:18px;margin-bottom:12px}.step{padding-top:28px}
  .step-heading{margin-bottom:24px}.step-heading h1{font-size:54px}.step-heading .eyebrow{margin-bottom:12px}.step-heading>p:last-child{margin-top:12px}
  .step-heading.compact h1{font-size:44px}.step-heading.compact{margin-bottom:22px}
  .category-option{min-height:100px;padding-block:20px}.step-footer{margin-top:24px}
  .design-heading .step-heading h1 br,#step5 .step-heading h1 br{display:none}
  .design-heading .step-heading h1{font-size:42px}.design-heading .step-heading>p:last-child{margin-top:10px}
  .design-details h2{font-size:36px}.design-details ul{margin:16px 0;gap:7px}.design-price{margin-bottom:16px}
  .personal-preview .frame-viewport{height:475px}.brand-form{gap:13px}
}
/* Two distinct services: the custom studio leads, the template collection stays clear and accessible. */
.offering-home{max-width:1224px;padding-top:34px}.offering-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:0 30px;align-items:end;margin-bottom:30px}.offering-heading .eyebrow{grid-column:1/-1;margin-bottom:14px}.offering-heading h1{font-size:60px;outline:none}.offering-heading>p:last-child{font-size:15px;line-height:1.8;color:#68755f;padding-bottom:6px}.offering-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.custom-offering,.template-offering{border-radius:16px;padding:28px 30px;display:flex;flex-direction:column;position:relative;overflow:hidden}.custom-offering{background:#233e33;color:#f6f6eb;border:1px solid #233e33}.template-offering{background:#efefe6;border:1px solid #dce0d2}.offer-topline{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}.offer-label{font-size:9px;letter-spacing:.15em;font-weight:500}.custom-offering .offer-label{color:#c4d4b5}.template-offering .offer-label{color:#66725e}.offer-mark{font-size:22px;color:#a9bc98}.offering-grid h2{font-size:37px;line-height:1.08;letter-spacing:-.04em}.custom-offering h2 em{color:#c6d7ad}.template-offering h2{font-size:34px}.template-offering h2 em{color:#758366}.offering-grid article>p{font-size:13px;line-height:1.8;margin-top:16px;max-width:430px}.custom-offering>p{color:#d1ddca}.template-offering>p{color:#63715c}.custom-offering ul{padding:0;margin:18px 0;list-style:none;display:flex;flex-wrap:wrap;gap:7px 20px;font-size:10px;color:#c6d5ba}.custom-offering li::before{content:'✓';padding-right:6px;color:#d9e8b6}.template-offering .template-scope{font-size:11px;margin:16px 0;color:#68755f;line-height:1.8}.offer-bottom{margin-top:auto;padding-top:10px}.offer-pricing{display:flex;flex-direction:column;gap:3px;margin-bottom:16px}.offer-pricing b{font-size:13px;font-weight:500}.offer-pricing span{font-size:10px}.custom-offering .offer-pricing span{color:#b9cbb0}.template-offering .offer-pricing span{color:#728067}.custom-offering .primary{width:100%;background:#dce9b7;color:#263b28;border-color:#dce9b7}.custom-offering .primary:hover{background:#edf4d6;color:#263b28}.template-offering .secondary{width:100%;border-color:#bac5ac;background:transparent;color:#40583a}.template-offering .secondary:hover{background:#e5eadb}.offering-footnote{margin:24px 0 0;font-size:10px;color:#728067;text-align:center}.offering-trail{max-width:1112px;margin:22px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px}.offering-trail>span{display:flex;gap:14px;align-items:center}.offering-trail b{font-size:11px;font-weight:600;color:#3d563b}.offering-trail>span>span{font-size:10px;color:#728067;border-left:1px solid #ced5c3;padding-left:14px}.offering-trail .text-button{font-size:10px;color:#65765a}.offering-trail+.journey-top{margin-top:12px}.template-collection-summary{max-width:900px;margin:20px auto 0;font-size:11px;color:#65745b;padding:13px 17px;background:#edf0e3;border:1px solid #dce3cc;border-radius:8px}.template-categories .category-option:first-child{grid-column:1/-1;min-height:80px}.own-direction{display:flex;margin:22px 0 0;padding:14px 18px;border:1px dashed #b6c3a5;border-radius:8px;color:#4d6540;justify-content:space-between;width:100%;font-size:12px}.custom-canvas{background:#233e33;color:#f5f6e9;border-radius:14px;border:1px solid #233e33;padding:48px 40px;min-height:400px;display:flex;flex-direction:column;justify-content:center}.custom-canvas .eyebrow{color:#bfceac}.custom-canvas h2{font-size:48px;overflow-wrap:anywhere}.custom-canvas>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#c9d6be;margin-top:20px}.canvas-swatches{display:flex;gap:10px;align-items:center;margin:28px 0}.canvas-swatches i{width:34px;height:34px;border-radius:50%;border:1px solid #ffffff66}.canvas-swatches span{font-size:10px;color:#c9d6be;margin-left:6px}.custom-canvas p.canvas-note{font-size:12px;color:#b7c9a7;border-top:1px solid #68845a;padding-top:20px;margin-top:0}.template-categories .category-symbol{width:44px;height:44px}.template-categories .category-option{padding:18px 22px}
@media(min-width:900px) and (max-height:800px){.offering-home{padding-top:26px}.offering-heading h1{font-size:54px}.offering-heading{margin-bottom:24px}.offering-grid h2{font-size:34px}.offering-grid article>p{margin-top:13px;font-size:12px}.custom-offering,.template-offering{padding:24px 28px}.custom-offering ul{margin:14px 0}.offer-topline{margin-bottom:14px}.offer-pricing{margin-bottom:13px}.offering-trail{margin-top:12px}.offering-trail+.journey-top{margin-top:5px}.offering-footnote{margin-top:18px}}
@media(max-width:900px){.offering-heading{grid-template-columns:1fr;gap:18px}.offering-heading .eyebrow{margin-bottom:0}.offering-heading h1{font-size:51px}.offering-heading>p:last-child{font-size:13px}.offering-grid{grid-template-columns:1.1fr 1fr;gap:14px}.custom-offering,.template-offering{padding:23px}.offering-grid h2{font-size:30px}.custom-offering ul{display:grid}.offering-grid article>p{font-size:12px}.offer-pricing span{font-size:9px}}
@media(max-width:640px){.offering-home{padding:26px 20px}.offering-heading{gap:13px;margin-bottom:24px}.offering-heading h1{font-size:46px}.offering-heading>p:last-child{font-size:12px;line-height:1.7}.offering-grid{grid-template-columns:1fr;gap:16px}.offering-grid h2{font-size:34px}.custom-offering,.template-offering{padding:23px}.custom-offering ul{display:flex;font-size:9px;gap:8px 14px;margin:14px 0}.offer-topline{margin-bottom:13px}.offering-grid article>p{margin-top:12px}.offer-bottom{padding-top:12px}.offer-pricing{margin-bottom:13px}.template-offering .template-scope{margin:12px 0 0}.offering-trail{margin:12px 20px 0;padding:0;align-items:flex-start;gap:15px}.offering-trail>span{align-items:flex-start;flex-direction:column;gap:2px}.offering-trail>span>span{border:0;padding:0;font-size:9px}.offering-trail .text-button{font-size:9px;text-align:right;max-width:130px;padding:0}.offering-trail+.journey-top{margin-top:15px}.template-categories .category-option{padding:16px 12px}.template-categories .category-option:first-child{flex-direction:row;align-items:center;gap:14px;min-height:75px}.template-categories .category-option:first-child .option-arrow{top:24px}.template-categories .category-option:first-child p{padding-right:18px}.custom-canvas{min-height:300px;padding:30px;grid-row:1}.custom-canvas h2{font-size:37px}.custom-canvas>p:not(.eyebrow){font-size:12px}.canvas-swatches{margin:22px 0}.custom-canvas p.canvas-note{font-size:11px}.template-collection-summary{font-size:10px}.own-direction{font-size:11px}}
.entry-template-link{background:none;padding:0;text-align:left;font:inherit;color:inherit;line-height:inherit}.entry-template-link:hover{text-decoration:underline;text-underline-offset:5px}.entry-template-link span{display:inline-block;margin-left:4px;color:#4d6540}