@import url('spark-preview.css');
@font-face{font-family:'WALLFID Bodoni';src:url('assets/fonts/BodoniModa-Italic.ttf') format('truetype');font-style:italic;font-weight:100 900;font-display:swap}
/* Readability pass: body 16 px; secondary copy 14 px; compact labels >=12 px. */
:root{font-size:16px;--muted:#6c617b}
.site-header{height:110px;gap:25px}.brand svg{width:36px;height:36px}
.brand>.wallfid-wordmark{font-size:27px;letter-spacing:3.5px;line-height:1.1;font-weight:650}
.brand>.wallfid-wordmark>span{font-size:11px;letter-spacing:2px;margin-top:7px;font-weight:450}
.site-header nav{gap:24px}.site-header nav a,.site-header nav button{font-size:15px}
.header-action{font-size:15px;padding:15px 19px;gap:18px}
.eyebrow,.hero-copy .eyebrow{font-size:12px;letter-spacing:1.5px}
.hero-description{font-size:18px;line-height:1.7;max-width:420px}
.hero-action{font-size:16px;min-width:215px;padding:17px 21px}
.hero-secondary{font-size:14px}.hero-note{font-size:14px;line-height:1.6;max-width:430px}
.hero-art-caption{font-size:12px;right:24px;bottom:10px;background:#ede7fae8;padding:5px 8px}
.hero-bottom{font-size:12px;letter-spacing:1px;line-height:1.6}
.colour-sticker{width:110px;height:110px}.colour-sticker strong{font-size:38px}.colour-sticker span{font-size:12px}
.section-heading>p,.section-heading>div>p:not(.eyebrow),.workspace-intro>p{font-size:16px;line-height:1.7}
.idea-label{font-size:12px;letter-spacing:.7px}.idea-size{font-size:14px}.idea-bottom{font-size:19px}.idea-bottom small{font-size:14px;line-height:1.6}.idea-footnote{font-size:13px;line-height:1.6}
.workspace{grid-template-columns:260px minmax(320px,1fr) 320px;gap:24px}.settings{padding-right:20px}.materials{padding-left:20px}
.panel-title h2,.preview-top h2{font-size:21px}.step-number{font-size:14px}.section-title h3,.box-topline h3{font-size:17px}
.section-title>span,.box-topline>span{font-size:13px}.size-options strong{font-size:24px}.size-options button>span{font-size:12px}
.hint,.file-status,.sample-note{font-size:14px;line-height:1.65;color:#756485}.sample-note strong{font-size:15px}
.upload-zone{padding:22px 9px}.upload-zone strong{font-size:17px}.upload-zone small{font-size:14px;line-height:1.6}
.examples{font-size:14px;gap:9px}.examples button{font-size:14px;padding:7px 4px}
.crop-controls label,.text-button,.check-row,.calibration{font-size:14px}.crop-controls{gap:10px}.crop-controls input{min-height:22px}
.primary-button,.outline-button{font-size:16px;min-height:49px;line-height:1.4}.subtle-button{font-size:14px}
.view-options button{font-size:16px}.board-stage-label{font-size:12px;letter-spacing:.6px}.board-stage-label span:last-child{font-size:12px}
.stage-caption,.stage-caption span:last-child{font-size:12px;letter-spacing:.4px}.preview-tools{font-size:14px}.stats strong{font-size:30px}.stats span{font-size:14px;line-height:1.5}
.preview-tip,.preview-caption{font-size:14px;line-height:1.65;color:#756485}
.box-cell{height:49px}.compartment-number{font-size:12px;line-height:18px;min-width:20px}.box-position,.material-header{font-size:14px;line-height:1.6}.box-position{min-height:51px}
.color-list{height:260px}.color-info strong{font-size:16px}.color-info small{font-size:12px}.color-amount{font-size:20px}.color-amount small{font-size:12px}.color-row{padding:12px 4px;gap:9px}
.initial-setting label{font-size:16px}.guide-link{font-size:15px}.process-copy>span{font-size:15px}.process-copy h3{font-size:19px}.process-copy p{font-size:15px;line-height:1.7;color:#756485}.process-note{font-size:13px;color:#756485}
footer{font-size:14px;gap:25px}.footer-brand{font-size:25px;letter-spacing:3px;line-height:1.2}.footer-brand span{display:block;font-size:12px;letter-spacing:1px;margin-top:6px;font-weight:400}footer>a:last-of-type{font-size:15px}footer small{font-size:12px}
dialog{font-size:16px;line-height:1.7}dialog .hint{font-size:14px}dialog h2{font-size:28px}.toast{font-size:15px}
@media(max-width:1200px){.site-header nav{gap:15px}.site-header nav a,.site-header nav button{font-size:14px}.brand>.wallfid-wordmark{font-size:25px}.workspace{grid-template-columns:250px minmax(280px,1fr)}.materials{grid-column:1/-1;padding:25px 0 0;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.materials>.panel-title{grid-column:1/-1}.materials>.box-topline,.materials>.box-grid,.materials>.box-position{grid-column:1}.materials>.material-header{grid-column:2;grid-row:2}.materials>.color-list{grid-column:2;grid-row:3/5}.materials>.export-actions{grid-column:1;grid-row:5}.materials>.sample-note{grid-column:2;grid-row:5}.box-grid{max-width:420px}.box-cell{height:52px}.hero-copy h1{font-size:61px}.hero-description{font-size:17px}.hero-links{gap:18px}.hero-bottom{font-size:11px}.idea-label{font-size:11px}.idea-art{height:280px}.idea-bottom{font-size:18px}}
@media(max-width:900px){.site-header nav{display:none}.header-action{margin-left:auto}.workspace{grid-template-columns:230px minmax(240px,1fr)}.hero-copy h1{font-size:51px}.hero-description{font-size:16px}.hero-copy .eyebrow{font-size:11px}.hero-action{min-width:190px;font-size:15px}.hero-secondary{font-size:13px}.hero-note{font-size:13px}.hero-bottom{font-size:10px;letter-spacing:.4px}.idea-label{font-size:10px}.idea-bottom{font-size:17px}.idea-bottom small{font-size:13px}.idea-art{height:240px}.stats span{font-size:12px}.stats>div+div{padding-left:10px}.board-stage-label{font-size:11px}.board-stage-label span:last-child{font-size:11px}.process-copy{grid-template-columns:25px 1fr;gap:6px}.process-copy h3{font-size:17px}.process-copy p{font-size:14px}}
@media(max-width:650px){.site-header{height:94px;gap:12px}.brand{gap:0}.brand svg{display:none}.brand>.wallfid-wordmark{font-size:24px;letter-spacing:2px}.brand>.wallfid-wordmark>span{font-size:10px;letter-spacing:1px}.header-action{font-size:13px;padding:13px 14px;gap:10px}.spark-hero{padding:27px 22px 73px}.hero-copy h1{font-size:49px;letter-spacing:-2.3px}.hero-copy h1 em{font-size:.82em;letter-spacing:-1.5px}.hero-copy .eyebrow{font-size:11px;letter-spacing:.6px}.hero-description{font-size:16px;line-height:1.65}.hero-links{gap:16px;align-items:center;flex-direction:row}.hero-action{min-width:0;white-space:nowrap;font-size:15px;padding:14px 16px;gap:13px}.hero-secondary{font-size:12px;max-width:76px}.hero-note{font-size:12px;line-height:1.6}.hero-art{margin-top:24px;height:285px}.hero-art-caption{font-size:10px;right:39px;bottom:0;padding:4px}.colour-sticker{height:76px;width:76px;right:39px;top:0}.colour-sticker strong{font-size:29px}.colour-sticker span{font-size:10px}.hero-bottom{font-size:10px;letter-spacing:0;left:22px;right:22px;gap:12px;padding:15px 0}.eyebrow{font-size:12px;letter-spacing:1px}.section-heading>p,.section-heading>div>p:not(.eyebrow),.workspace-intro>p{font-size:16px}.idea-item{grid-template-columns:145px 1fr;gap:17px}.idea-label{font-size:10px;letter-spacing:0;line-height:1.3;left:9px;right:9px;top:8px}.idea-size{font-size:12px}.idea-art{height:177px}.idea-art canvas{max-width:70%;margin-top:8px}.idea-bottom{font-size:18px;padding-right:0}.idea-bottom small{font-size:14px}.idea-footnote{font-size:13px}.workspace{grid-template-columns:1fr;gap:28px}.settings{padding:0}.materials{display:block;grid-column:auto;padding:25px 0 0}.panel-title h2,.preview-top h2{font-size:21px}.size-options button{height:105px}.examples{gap:12px}.examples>span{flex-basis:100%}.crop-controls label{font-size:14px}.hint{font-size:14px}.check-row{font-size:14px}.primary-button,.outline-button{font-size:16px}.board-stage-label{font-size:11px}.canvas-stage{padding:16px 13px}.stats strong{font-size:27px}.stats span{font-size:13px}.stats>div+div{padding-left:13px}.box-cell{height:46px}.compartment-number{font-size:12px;line-height:18px}.color-list{height:260px}.preview-top{flex-wrap:wrap}.subtle-button{font-size:14px}.making-grid article{grid-template-columns:115px 1fr;gap:16px}.process-image{height:195px}.process-copy h3{font-size:18px}.process-copy p{font-size:14px}.process-copy>span{font-size:14px}.process-note{font-size:13px}.guide-link{font-size:15px}footer>span{font-size:14px}footer>a:last-of-type{font-size:15px}footer small{font-size:12px}}
@media(max-width:370px){.brand>.wallfid-wordmark{font-size:21px;letter-spacing:1.5px}.brand>.wallfid-wordmark>span{font-size:9px;letter-spacing:.7px}.header-action{font-size:12px;padding:12px;gap:7px}.hero-copy h1{font-size:42px}.spark-hero{padding-left:18px;padding-right:18px}.hero-action{font-size:14px;padding:13px;gap:8px}.hero-links{gap:11px}.hero-secondary{font-size:11px}.hero-bottom{left:18px;right:18px;font-size:9px;gap:8px}.hero-art{height:260px}.idea-item{grid-template-columns:115px 1fr;gap:15px}.idea-art{height:155px}.idea-label{font-size:10px}.idea-size{font-size:11px}.idea-bottom{font-size:17px}.idea-bottom small{font-size:13px}.stats span{font-size:12px}.stats>div+div{padding-left:10px}.box-cell{height:40px}.making-grid article{grid-template-columns:100px 1fr;gap:14px}.process-copy h3{font-size:17px}.process-copy p{font-size:14px}}

/* Artistic brand signature: locally hosted OFL display face, independent of body type. */
.brand svg{display:none}.brand>.wallfid-wordmark{position:relative;min-width:180px;line-height:1}
.brand>.wallfid-wordmark>span.wallfid-lettering{display:block;font-family:'WALLFID Bodoni',Georgia,serif;font-style:italic;font-size:39px;font-weight:650;letter-spacing:-1.4px;margin:0;line-height:1.1;background:linear-gradient(105deg,#442354 15%,#8246ad 65%,#be548c);background-clip:text;-webkit-background-clip:text;color:transparent}
.brand>.wallfid-wordmark>span.wallfid-lettering:after{content:'✦';position:absolute;right:0;top:1px;font-family:Georgia,serif;font-style:normal;font-size:17px;color:#ba8a47;background:none}
.brand>.wallfid-wordmark:after{content:'';position:absolute;width:110px;height:10px;border-bottom:1.5px solid #a266bb;border-radius:0 0 65% 50%;top:35px;left:30px;transform:rotate(-6deg);pointer-events:none}
.brand>.wallfid-wordmark>span.brand-descriptor{font-family:'Segoe UI',Arial,sans-serif;font-size:11px;font-weight:450;font-style:normal;letter-spacing:1.8px;color:#675679;margin-top:12px;line-height:1.3}
.footer-brand{font-family:'WALLFID Bodoni',Georgia,serif;font-style:italic;font-size:34px;letter-spacing:-.6px;color:#704297}.footer-brand span{font-family:'Segoe UI',Arial,sans-serif;font-style:normal}
@media(max-width:650px){.brand>.wallfid-wordmark{min-width:145px}.brand>.wallfid-wordmark>span.wallfid-lettering{font-size:33px;letter-spacing:-1.3px}.brand>.wallfid-wordmark>span.wallfid-lettering:after{font-size:14px;right:1px;top:1px}.brand>.wallfid-wordmark:after{width:88px;left:24px;top:29px}.brand>.wallfid-wordmark>span.brand-descriptor{font-size:10px;letter-spacing:1px;margin-top:11px}.site-header{height:100px}}
@media(max-width:370px){.brand>.wallfid-wordmark{min-width:128px}.brand>.wallfid-wordmark>span.wallfid-lettering{font-size:29px}.brand>.wallfid-wordmark>span.wallfid-lettering:after{font-size:12px}.brand>.wallfid-wordmark:after{top:25px;width:77px;left:22px}.brand>.wallfid-wordmark>span.brand-descriptor{font-size:9px;letter-spacing:.7px;margin-top:10px}}