@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#382449;--muted:#796b84;--purple:#70458c;--pink:#c84783;--cream:#fffbf7;--line:#e9deec;--gold:#ad7835}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:15px 'DM Sans',sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #c84783;outline-offset:4px}button{transition:transform .2s,background .2s}button:hover:not(:disabled){transform:translateY(-2px)}a{color:inherit;text-decoration:none}header{height:100px;max-width:1480px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:3px}.brand b{font:25px 'Playfair Display',Georgia,serif;display:block;letter-spacing:-1px}.brandmark{display:block;font:42px 'Playfair Display',serif;color:#a366a2;position:relative}.brandmark span{position:absolute;right:-8px;top:-4px;font:15px sans-serif;color:var(--gold)}nav{display:flex;align-items:center;gap:25px}.navbtn,.textbtn{background:none;border:0;color:var(--ink);padding:10px 0;font-weight:600;font-size:13px}.navbtn span{display:inline-grid;place-items:center;background:#f3e8f2;border-radius:50%;width:22px;height:22px;margin-left:5px}.round{width:38px;height:38px;background:#fff8ff;border:1px solid var(--line);border-radius:50%;font-size:23px;color:var(--purple)}main{max-width:1480px;margin:auto;padding:0 4%}.hero{min-height:600px;border-radius:28px;overflow:hidden;position:relative;background:linear-gradient(120deg,#f2e4f7,#f2d7e5);isolation:isolate}.hero-art{position:absolute;inset:0;background:url('wonder-world.png') right center/cover no-repeat;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f4e7f9 2%,#f4e7f9ef 19%,#f4e7f966 46%,transparent 68%);z-index:-1}.hero-copy{padding:65px 5%;max-width:610px}.eyebrow{font-size:10px;line-height:1.6;font-weight:700;letter-spacing:2.2px;color:#875d8d}h1,h2,h3,p{margin:0}h1{font:64px/1.06 'Playfair Display',Georgia,serif;letter-spacing:-2.8px;margin:22px 0}h1 em{font-weight:500;color:#a03f89}p{color:var(--muted);line-height:1.7}.hero-copy p{font-size:16px;color:#6a527b;margin:25px 0}.primary,.secondary{border-radius:100px;padding:15px 23px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:28px}.primary{background:var(--purple);color:white;border:1px solid var(--purple);box-shadow:0 5px 14px #70458c1a}.secondary{background:#fffafc;border:1px solid #d8c5df;color:var(--purple)}.hero-note{margin:17px 0;font-size:11px;color:#7c6788}.floating-note{position:absolute;right:40px;bottom:30px;background:#ffffffc9;backdrop-filter:blur(10px);border:1px solid #fff;border-radius:50px;padding:12px 22px;font-family:'Playfair Display',serif;color:#745481;animation:float 5s ease-in-out infinite}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:54px 0 24px;gap:20px}h2{font:32px/1.2 'Playfair Display',Georgia,serif;letter-spacing:-.7px;margin-top:8px}.section-heading p{font-size:13px;text-align:right}.portals{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.portal{border:1px solid var(--line);border-radius:22px;overflow:hidden;text-align:left;padding:0;background:white;color:var(--ink)}.portal-art{height:150px;display:grid;place-items:center;background:var(--bg);position:relative;overflow:hidden}.portal-art:after{content:'✦';position:absolute;right:20px;top:22px;font-size:20px;color:#fff9}.portal-art span{font:600 69px 'Fredoka','Arial Rounded MT Bold',sans-serif;letter-spacing:-5px;transform:rotate(-8deg);color:var(--fg);text-shadow:0 3px 0 #ffffffaa,3px 6px 0 #00000015,0 12px 18px #00000020}.portal-copy{padding:19px}.portal-copy small{color:#93739c;font-size:9px;letter-spacing:1.6px}.portal-copy h3{font:22px 'Playfair Display',serif;margin:6px 0}.portal-copy p{font-size:12px;line-height:1.5}.portal-copy .arrow{float:right;color:var(--purple);font-size:20px}.invitation{display:flex;align-items:center;gap:22px;background:#f7eff8;border:1px solid var(--line);border-radius:20px;margin:30px 0;padding:25px}.invitation>span{font-size:40px;color:#b786c0}.invitation h3{font:24px 'Playfair Display',serif}.invitation p{font-size:13px}.invitation button{margin-left:auto;white-space:nowrap}footer{display:flex;justify-content:space-between;margin:45px 0 30px;color:#9a8b9f;font-size:11px}.builder-top{display:flex;justify-content:space-between;align-items:center;padding:35px 0 28px;gap:20px}.builder-top h1{font-size:43px;letter-spacing:-1.5px;margin:9px 0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:28px;padding-bottom:60px}.controls,.preview{border:1px solid var(--line);border-radius:24px;background:white}.controls{padding:28px}.steps{display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:25px}.step{flex:1;border:0;background:#faf6fb;border-radius:12px;padding:13px 5px;color:#8a7595;font-size:11px}.step.active{background:#76468d;color:white}.step span{display:block;font-size:10px;margin-bottom:5px;opacity:.6}.preview{padding:22px;align-self:start;position:sticky;top:20px;background:#fffafc}.preview-head{display:flex;align-items:center;justify-content:space-between}.preview-head .eyebrow{font-size:9px;letter-spacing:1px}.live{font-size:9px;color:#9b6b8c}.type-preview{min-height:200px;padding:28px 15px 30px;margin:20px 0 10px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:18px;background:radial-gradient(ellipse at top,#fff,#f1e6f5);overflow:hidden}.type-preview>div{white-space:pre-wrap;overflow-wrap:anywhere;text-align:center;font:500 38px/1.05 'Fredoka',sans-serif;letter-spacing:-1px;color:#c84783;text-shadow:1px 2px #fff,3px 4px #b9689638;max-width:100%;padding:10px 0}.type-preview>span{position:absolute;bottom:12px;font-size:9px;color:#8e7a9a;letter-spacing:1px}.preview-disclaimer{font-size:10px;line-height:1.5;margin:10px 0 20px}.full{width:100%;margin-top:10px;gap:10px}.tiny{font-size:10px;text-align:center;margin-top:14px}.summary-row{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:10px 0;font-size:11px}.summary-row span{color:var(--muted)}.summary-row b{text-align:right;font-weight:500}.step-title{font:28px 'Playfair Display',serif;margin-bottom:8px}.step-desc{font-size:13px;margin-bottom:22px}.label,label{display:block;font-size:12px;font-weight:700;margin:20px 0 8px}input,textarea,select{width:100%;border:1px solid #dfd3e5;border-radius:12px;padding:13px;background:#fffdfd;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:#a778b9;box-shadow:0 0 0 3px #a778b91a}textarea{resize:vertical;min-height:120px;line-height:1.6}#words{font:27px/1.3 'Playfair Display',serif;min-height:155px}.field-help{font-size:11px;margin-top:8px;color:#907f99}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.chip{border:1px solid #e2d6e8;background:#fff;border-radius:100px;padding:9px 13px;color:#745a83;font-size:11px}.chip.active{color:white;border-color:var(--purple);background:var(--purple)}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.choice{border:1px solid var(--line);border-radius:14px;text-align:left;padding:15px;background:#fff;color:var(--ink);position:relative;min-height:92px}.choice.active{border:2px solid #9d6fb0;background:#fbf4ff;padding:14px}.choice.active:after{content:'✓';position:absolute;right:9px;top:9px;color:var(--purple);font-size:11px}.choice strong{font-size:12px;display:block;margin-bottom:6px;padding-right:12px}.choice small{font-size:10px;line-height:1.5;color:var(--muted);display:block}.style-sample{font:27px 'Playfair Display',serif;margin:5px 0 12px;display:block;color:#b56393}.stepnav{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:30px;padding-top:22px}.stepnav>span{font-size:10px;color:var(--muted)}details{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}summary{font-size:12px;font-weight:600;cursor:pointer;color:var(--purple)}.muse{padding:20px;border:1px solid #ead7e9;background:#fcf6fc;border-radius:16px;margin-top:25px}.muse h3{font:23px 'Playfair Display',serif}.phrase-list{display:grid;gap:8px;margin-top:15px}.phrase{border:1px solid #e3d1e9;border-radius:12px;background:white;padding:12px;text-align:left;color:#6d497a;font-family:'Playfair Display',serif;font-size:18px}.phrase small{float:right;font:10px 'DM Sans',sans-serif;opacity:.6;margin-top:5px}.swatches{display:flex;gap:5px;margin-bottom:12px}.swatch{width:22px;height:22px;border-radius:50%;border:1px solid #0000000a}.notice{padding:14px;background:#f6f0f8;color:#856b92;font-size:11px;line-height:1.6;border-radius:12px;margin:18px 0}.checks{display:flex;gap:9px;align-items:center;font-weight:400;line-height:1.5}.checks input{width:17px;height:17px;accent-color:var(--purple)}dialog{width:min(760px,94vw);border:1px solid var(--line);border-radius:24px;padding:28px;color:var(--ink);background:#fffcfe;max-height:90vh}dialog::backdrop{background:#2f163f78;backdrop-filter:blur(5px)}.modal-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.modal-head h2{font-size:29px}.modal-actions{display:flex;justify-content:space-between;gap:15px;margin-top:18px}#outputHint{font-size:12px;margin:15px 0}#promptText{font:12px/1.8 ui-monospace,monospace;min-height:330px;background:#f9f5fb}.saved-card{border:1px solid var(--line);padding:25px;border-radius:18px;margin:15px 0;background:white;display:flex;align-items:center;justify-content:space-between;gap:15px}.saved-card h2{white-space:pre-wrap;overflow-wrap:anywhere;font-size:24px}.saved-card p{font-size:12px}.saved-actions{display:flex;gap:15px}.empty{text-align:center;padding:90px 20px;background:#faf3fb;border-radius:24px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);border-radius:100px;padding:12px 25px;background:#4f305f;color:white;box-shadow:0 5px 20px #0002;font-size:12px;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}[hidden]{display:none!important}@keyframes float{50%{transform:translateY(-9px)}}.still *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:1500px){.hero{min-height:650px}.hero-copy{padding-top:85px}}@media(max-width:1050px){.portals{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.controls{padding:20px}.choice-grid{grid-template-columns:repeat(2,1fr)}.hero{min-height:580px}h1{font-size:60px}}@media(max-width:760px){header{height:82px;padding:0 5%}.brand b{font-size:21px}.brandmark{font-size:35px}nav{gap:12px}.navbtn{font-size:0}.navbtn#savedBtn{font-size:11px}.navbtn#savedBtn span{display:none}main{padding:0 4%}.hero{min-height:680px;border-radius:23px}.hero-art{background-position:65% bottom;background-size:auto 75%;background-repeat:no-repeat}.hero:after{background:linear-gradient(180deg,#f4e7f9 5%,#f4e7f9ed 25%,#f4e7f955 55%,transparent 80%)}.hero-copy{padding:36px 7%}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:52px;letter-spacing:-2px;margin:20px 0}.hero-copy p{font-size:14px;margin:18px 0}.hero-copy .primary{padding:13px 20px}.floating-note{right:20px;bottom:20px;font-size:13px;padding:10px 15px}.hero-note{font-size:9px}.section-heading{margin-top:35px}.section-heading h2{font-size:26px}.section-heading p{display:none}.portals{gap:12px}.portal-art{height:115px}.portal-art span{font-size:55px}.portal-copy{padding:15px}.portal-copy h3{font-size:19px}.portal-copy p{font-size:11px}.invitation{flex-wrap:wrap;gap:12px;padding:20px}.invitation>span{display:none}.invitation button{margin:5px 0 0}.invitation h3{font-size:22px}.workspace{display:flex;flex-direction:column}.preview{position:static;width:100%}.builder-top{align-items:start;flex-direction:column;padding:25px 0}.builder-top h1{font-size:33px}.builder-top .secondary{font-size:11px;padding:10px 15px}.steps{gap:3px;margin-bottom:20px}.step{font-size:9px;padding:10px 3px;border-radius:9px}.controls{padding:17px}.choice{padding:12px}.choice.active{padding:11px}.choice-grid{gap:8px}.field-grid{gap:0 10px}.step-title{font-size:25px}.stepnav .primary{padding:12px 17px;gap:5px}footer{gap:20px;font-size:9px}.saved-card{align-items:start;flex-direction:column}.modal-actions{gap:8px}.modal-actions button{font-size:11px;padding:12px 16px}}

.world-hotspots{position:absolute;inset:0;pointer-events:none;z-index:1}.hotspot{position:absolute;pointer-events:auto;border:1px solid #fff9;background:#fff6ffeb;backdrop-filter:blur(9px);box-shadow:0 3px 15px #70458c25;border-radius:50px;color:#69417b;padding:9px 13px;font-size:12px;display:flex;gap:8px;align-items:center}.hotspot span{font-size:10px;font-weight:700}.hotspot.textile{right:2%;top:47%}.hotspot.jewel{right:36%;top:35%}.hotspot.chrome{right:9%;top:79%}@media(max-width:760px){.hotspot{padding:8px 10px}.hotspot span{font-size:9px}.hotspot.textile{right:3%;top:67%}.hotspot.jewel{right:39%;top:74%}.hotspot.chrome{right:18%;top:84%}.floating-note{bottom:16px;font-size:11px}}
/* Second edition: legible controls, stronger branding and richer creative choices. */
body{font-size:17px}header{height:138px;gap:24px}.brand{gap:18px;flex-shrink:0}.brand-logo{position:relative;display:block;overflow:hidden;width:78px;height:68px;border-radius:12px;background:#fff8e9;border:1px solid #d5ad56;box-shadow:0 4px 16px #9a6c3020;flex-shrink:0}.brand-logo img{position:absolute;width:700%;max-width:none;height:auto;left:-316%;top:-104%}.brand-title{font-size:14px;letter-spacing:4px;color:#81547f}.brand-title b{font:600 46px/1.05 'Playfair Display',Georgia,serif;letter-spacing:-2px;background:linear-gradient(115deg,#582457,#a14683 48%,#9b6e28 85%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #ead5e6)}.brand-title b span{font:18px sans-serif;vertical-align:top;margin-left:4px;color:#b68b41;-webkit-text-fill-color:#b68b41}.navbtn,.textbtn{font-size:15px}.eyebrow{font-size:12px;letter-spacing:1.8px}.hero-copy .eyebrow{max-width:330px}.hero-copy p{font-size:18px}.hero-note{font-size:14px}.primary,.secondary{font-size:16px;min-height:49px;padding:14px 22px;gap:16px}.hero .primary{min-height:55px}.hero{min-height:640px}.section-heading p,.invitation p{font-size:16px}.portal-copy small{font-size:11px}.portal-copy h3{font-size:25px}.portal-copy p{font-size:15px}.portal-copy{padding:22px}.portal-art{height:160px}.hotspot span{font-size:13px}.hotspot{min-height:44px}.floating-note{font-size:17px}.workspace{grid-template-columns:minmax(0,1fr) 370px;gap:24px}.preview-head .eyebrow{font-size:11px}.preview{padding:24px}.steps{gap:7px}.step{font-size:15px;padding:15px 5px;min-height:70px}.step span{font-size:12px}.step-desc{font-size:17px;line-height:1.6}.step-title{font-size:32px}.label,label{font-size:16px;margin-top:22px}.field-help{font-size:14px;line-height:1.65;color:#756580}input,textarea,select{font-size:17px;padding:14px;min-height:49px}input[type=checkbox]{min-height:0}input[type=file]{font-size:15px}input[type=file]::file-selector-button{background:#f3e9f8;color:#70458c;border:0;border-radius:8px;padding:8px;cursor:pointer}.choice{min-height:115px;padding:18px}.choice.active{padding:17px}.choice strong{font-size:16px}.choice small{font-size:14px;line-height:1.6}.chip{font-size:15px;padding:10px 15px;min-height:43px}.style-sample{font-size:34px}.summary-row{font-size:14px;line-height:1.5}.summary-row b{max-width:65%;overflow-wrap:anywhere}.preview-disclaimer{font-size:13px;line-height:1.6}.tiny{font-size:13px}.live{font-size:11px}.stepnav>span{font-size:13px}.checks{font-size:16px}.checks input{flex-shrink:0;width:20px;height:20px}.notice{font-size:14px;line-height:1.7;padding:18px}summary{font-size:16px;line-height:1.5}.muse{padding:22px}.phrase{font-size:23px}.phrase small{font-size:12px}.subheading{font:25px 'Playfair Display',serif;margin:26px 0 8px}.reference-looks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 35px}.reference-look{padding:0;border:1px solid #decfe5;border-radius:17px;background:#fffafc;overflow:hidden;text-align:left;display:flex;flex-direction:column;color:var(--ink)}.reference-look strong{font-size:16px;margin:16px 15px 8px}.reference-look small{font-size:14px;line-height:1.6;margin:0 15px 15px;color:#796582}.use-look{font-size:13px;color:var(--purple);font-weight:700;margin:auto 15px 16px}.texture-tile{display:grid;place-items:center;width:100%;height:110px;font:600 60px 'Fredoka',sans-serif;text-shadow:1px 2px #ffffff80,2px 4px #0002}.texture-tile.jewel{color:#aa8025;background:radial-gradient(circle at 30% 40%,#286b5a 0 3px,transparent 4px),radial-gradient(circle at 65% 60%,#84367d 0 5px,transparent 6px),radial-gradient(circle at 80% 20%,#ffffff 0 3px,transparent 4px),linear-gradient(140deg,#ead5a1,#fffae8);background-size:24px 29px,29px 31px,19px 23px,auto}.texture-tile.plush{color:#9c663c;background:repeating-linear-gradient(85deg,#c5966480 0 1px,transparent 2px 4px),linear-gradient(#f7e2c3,#d8b18a)}.texture-tile.denim{color:#f3e9cf;background:repeating-linear-gradient(135deg,#44617d 0 1px,#8193a7 2px,#274461 3px 5px);text-shadow:2px 3px #1d334a,3px 5px #e5dac2}.texture-tile.varsity{color:#243d62;background:repeating-radial-gradient(circle at 50% 50%,#9bc860 0 1px,#e9eddc 2px 4px);text-shadow:2px 3px #fff,4px 5px #233f5d}.texture-tile.crystal{color:#aabaca;background:radial-gradient(circle,#fff 0 2px,#c7d7e0 3px,transparent 4px),linear-gradient(120deg,#edf3fa,#ffffff);background-size:13px 16px,auto;text-shadow:1px 2px #fff,2px 4px #7c92aa}.image-companion{border:1px solid #dcc8e7;background:#fcf7ff;border-radius:18px;padding:20px;margin:28px 0}.image-companion>.checks{margin-top:0;color:#69427e;font-weight:700}.reference-status{display:flex;gap:14px;align-items:center;margin-top:12px;color:#70587f;font-size:14px;overflow-wrap:anywhere}.reference-status img{width:70px;height:70px;object-fit:contain;border-radius:10px;background:#fff}.variation-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.variation-tabs .chip{font-size:13px;min-height:40px}.modal-actions{flex-wrap:wrap;align-items:center}.modal-actions button{flex:1}.modal-head h2{font-size:32px}dialog{width:min(900px,96vw);padding:30px}#outputHint{font-size:15px}#promptText{font-size:15px;min-height:330px}.saved-card p{font-size:15px}#toast{font-size:15px;max-width:92vw;text-align:center}footer{font-size:13px}
@media(max-width:1100px){nav{gap:15px}.workspace{grid-template-columns:minmax(0,1fr) 320px;gap:18px}.controls{padding:20px}.reference-looks{grid-template-columns:repeat(2,1fr)}.choice-grid{grid-template-columns:repeat(2,1fr)}.brand-title b{font-size:39px}.brand-logo{width:65px;height:57px}.navbtn{font-size:13px}.primary,.secondary{font-size:15px}.preview{padding:20px}}
@media(max-width:800px){header{height:auto;min-height:145px;flex-wrap:wrap;padding:17px 5%;gap:12px;justify-content:center}.brand{gap:14px;justify-content:center}.brand-logo{width:60px;height:52px}.brand-title{font-size:12px;letter-spacing:3px}.brand-title b{font-size:40px}.brand-title b span{font-size:14px}nav{width:100%;justify-content:center;gap:24px}.navbtn{font-size:14px!important;padding:5px 0}.round{width:37px;height:37px}.workspace{display:flex;flex-direction:column}.preview{position:static}.hero{min-height:735px}.hero-copy{padding:32px 7%}.hero-copy .eyebrow{font-size:11px;max-width:280px}.hero-copy p{font-size:17px;max-width:300px}.hero-note{font-size:12px}.hotspot span{font-size:12px}.hotspot.textile{top:69%}.hotspot.jewel{top:76%;right:42%}.hotspot.chrome{top:83%;right:10%}.floating-note{font-size:13px}.portal-copy{padding:17px}.portal-copy h3{font-size:22px}.portal-copy p{font-size:14px}.portal-copy small{font-size:10px}.steps{gap:4px}.step{font-size:13px;min-height:66px;padding:12px 2px}.step span{font-size:11px}.controls{padding:17px}.choice{padding:15px;min-height:115px}.choice.active{padding:14px}.choice strong{font-size:16px}.choice small{font-size:14px}.choice-grid{gap:10px}.step-title{font-size:28px}.step-desc{font-size:16px}.builder-top h1{font-size:34px}.builder-top .secondary{font-size:15px;padding:12px 18px}.section-heading h2{font-size:29px}.reference-look strong{font-size:16px}.reference-look small{font-size:14px}.type-preview>div{font-size:42px}.field-grid{grid-template-columns:1fr}.stepnav>span{font-size:12px}.stepnav .primary{font-size:15px}.preview-head .eyebrow{font-size:12px}dialog{padding:20px}.modal-head h2{font-size:28px}#promptText{font-size:15px}.modal-actions button{flex-basis:40%;font-size:14px;padding:12px}footer{font-size:11px}.invitation p{font-size:15px}}
@media(min-width:801px) and (max-width:1100px){.hero-copy{max-width:460px}.hero-copy p{max-width:310px}.hotspot.jewel{right:28%}.hotspot span{font-size:11px}}

.brand-title b{line-height:1.2;padding-bottom:3px}.choice.active:after{font-size:15px;right:10px;top:10px}.type-preview>span{font-size:12px}.texture-tile{font-feature-settings:normal}.reference-look:hover{border-color:#a476b4;box-shadow:0 5px 15px #70458c15}

@media(max-width:800px){.hero:after{background:linear-gradient(180deg,#f4e7f9 5%,#f4e7f9f2 27%,#f4e7f9b0 49%,#f4e7f922 75%,transparent 88%)}.hero-note{color:#59416b}.reference-status{flex-wrap:wrap}}

/* Official supplied logo: retain complete mark and lettering. */
.brand-logo{width:130px;height:96px;background:transparent;border:0;box-shadow:none;overflow:visible;border-radius:0}.brand-logo img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;filter:brightness(255)}
@media(max-width:1100px){.brand-logo{width:112px;height:85px}}
@media(max-width:800px){.brand-logo{width:90px;height:68px}.brand{gap:10px}.brand-title b{font-size:35px}.brand-title{font-size:12px}.brand-title b span{font-size:13px}}
@media(max-width:800px){header nav{flex-wrap:wrap;gap:14px}}

/* Display the complete uploaded logo, including its Maky Mirage lettering. */
header{height:174px}.brand-logo{width:200px;height:142px}.brand{gap:14px}
@media(max-width:1100px){.brand-logo{width:175px;height:124px}.brand-title b{font-size:36px}}
@media(max-width:800px){header{height:auto;padding-top:12px}.brand-logo{width:142px;height:101px}.brand-title b{font-size:29px}.brand-title{font-size:11px}.brand{gap:10px}.brand-title b span{font-size:11px}}