.measure{margin:0;color:rgba(23,36,60,.66);font-weight:700;font-size:.85rem}.price small{font:600 .9rem 'DM Sans';letter-spacing:.02em}.size-guide{padding:100px max(24px,calc((100vw - var(--max))/2));background:#ebe1d2}.size-guide .section-head{margin-bottom:30px}.wall-scale{height:550px;position:relative;display:flex;align-items:flex-end;justify-content:center;gap:36px;padding:45px 30px 110px;background:linear-gradient(115deg,rgba(255,255,255,.5),transparent 42%),#f6efe4;border:2px solid var(--ink);overflow:hidden}.wall-scale:before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 32%,rgba(23,36,60,.045) 32.2%,transparent 32.5%);pointer-events:none}.scale-art{position:relative;z-index:2;background:#fff9ef;border:5px solid var(--ink);box-shadow:9px 11px 18px rgba(23,36,60,.18);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:8px;flex:none}.scale-art i{position:absolute;inset:10px 10px 55px;background:linear-gradient(90deg,var(--coral) 0 49%,var(--ink) 49% 51%,var(--teal) 51%),linear-gradient(var(--ink) 0 3%,transparent 3%);border:2px solid var(--ink);opacity:.88}.scale-art i:after{content:'';position:absolute;left:0;right:0;top:48%;border-top:3px solid var(--ink)}.scale-art b{font:700 1.15rem 'Oswald';z-index:1}.scale-art span{font-size:.68rem;z-index:1}.scale-art.a3{width:148px;height:210px}.scale-art.a2{width:196px;height:278px}.scale-art.a1{width:254px;height:360px}.scale-console{position:absolute;left:7%;right:7%;bottom:44px;height:42px;background:#b67a45;border:2px solid var(--ink);box-shadow:0 14px 0 #79502f}.story-example{padding-top:105px}.case-study{display:grid;grid-template-columns:1.35fr .65fr;gap:48px;align-items:center}.case-image{border:2px solid var(--ink);box-shadow:var(--shadow);overflow:hidden}.case-image img{width:100%;height:auto}.case-copy h3{font:600 2.1rem/1.08 'Oswald';text-transform:uppercase;margin:14px 0}.case-tag{font:700 .75rem 'Oswald';letter-spacing:.12em;color:#d94c45}.case-copy dl{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid rgba(23,36,60,.25);margin:26px 0}.case-copy dl div{padding:13px 8px 13px 0}.case-copy dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.case-copy dd{margin:2px 0 0;font-weight:700;font-size:.86rem}.privacy-card{margin-top:30px;background:var(--cream);border:2px solid var(--ink);padding:20px;box-shadow:4px 4px 0 var(--ink)}.privacy-card b{font:600 1.05rem 'Oswald';text-transform:uppercase}.privacy-card p{font-size:.84rem;margin:8px 0}.privacy-card a{font-size:.78rem;font-weight:700}.price-card .number{font-size:2.6rem}.pricing-note b{color:#d94c45}.order-copy{align-self:start}
@media(max-width:850px){.wall-scale{height:450px;gap:16px;padding-inline:12px}.scale-art.a3{width:96px;height:136px}.scale-art.a2{width:132px;height:187px}.scale-art.a1{width:168px;height:238px}.scale-art i{inset:7px 7px 48px}.case-study{grid-template-columns:1fr}.case-copy dl{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:520px){.wall-scale{height:380px;gap:8px}.scale-art{border-width:3px}.scale-art.a3{width:70px;height:99px}.scale-art.a2{width:96px;height:136px}.scale-art.a1{width:124px;height:175px}.scale-art i{inset:5px 5px 43px}.scale-art b{font-size:.9rem}.scale-art span{font-size:.55rem}.case-copy dl{grid-template-columns:1fr}.case-copy dl div{border-bottom:1px solid rgba(23,36,60,.15)}}

/* Conversion-focused refinements */
.price small{display:block;font:700 .74rem 'DM Sans';letter-spacing:.04em;text-transform:uppercase;margin-top:-5px}
.hero-price{display:inline-block;background:#fff;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:8px 12px;margin:12px 0 0;font-size:.82rem}
.hero-price b{font-size:1.05rem}
.no-commitment{font-size:.78rem;font-weight:600;margin:-12px 0 0}
.approval-proof p{display:flex;justify-content:center;align-items:center;gap:0;flex-wrap:wrap}
.approval-proof span,.approval-proof b{padding:0 22px}
.approval-proof span{border-left:1px solid rgba(255,255,255,.4)}
.size-guide{padding:78px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.65fr 1.35fr;gap:55px;align-items:center}
.size-guide .section-head{margin:0}
.size-guide .section-head h2{font:700 clamp(2.7rem,4.7vw,4.7rem)/.95 'Oswald';letter-spacing:-.035em;text-transform:uppercase;margin:0 0 20px}
.wall-scale{height:430px;gap:24px;padding:35px 24px 92px}
.story-example{padding-top:90px}
.style-help{text-align:center;font-size:.84rem;font-weight:700;margin:22px auto 0}
.artist-card{background:var(--cream);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:38px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.artist-monogram{width:96px;height:96px;border-radius:50%;background:var(--mustard);border:3px solid var(--ink);display:grid;place-items:center;font:700 2.2rem 'Oswald';transform:rotate(-5deg)}
.artist-signature{font:700 2.7rem/1 'Oswald';margin:24px 0 15px;letter-spacing:-.03em}
.artist-card b{font:600 1.15rem 'Oswald';text-transform:uppercase}
.artist-card small{margin-top:10px;max-width:330px}
.single-extra{grid-template-columns:1fr!important;max-width:820px!important;margin-inline:auto}
.single-extra .extra-card{background:var(--mustard)}
.single-extra a{display:inline-block;margin-top:15px;font-weight:700;text-underline-offset:5px}
.mobile-cta{display:none}
@media(max-width:850px){.size-guide{grid-template-columns:1fr;gap:25px}.wall-scale{height:410px}.approval-proof p{display:grid;gap:6px}.approval-proof span,.approval-proof b{padding:0;border:0}.mobile-cta{display:flex;position:fixed;z-index:30;left:14px;right:14px;bottom:12px;min-height:52px;align-items:center;justify-content:center;gap:14px;background:var(--coral);color:#fff;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-weight:700;text-decoration:none}body{padding-bottom:72px}}

/* Brand identity: speech bubble logo + memory seal */
.brand{gap:13px;font-weight:700;line-height:.98;letter-spacing:.075em;text-transform:uppercase}
.brand>span:last-child{position:relative}
.brand>span:last-child:after{content:'';display:block;width:34px;border-bottom:3px solid var(--coral);margin-top:5px;transform:rotate(-2deg)}
.brand-mark{position:relative;isolation:isolate;width:50px;height:39px;border:2.5px solid var(--ink);border-radius:48% 53% 47% 51% / 46% 44% 56% 54%;transform:rotate(-3deg);font-size:1.08rem;letter-spacing:-.04em;box-shadow:3px 3px 0 var(--ink)}
.brand-mark:after{content:'';position:absolute;z-index:-1;left:7px;bottom:-8px;width:12px;height:13px;background:var(--coral);border-left:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:skew(-28deg) rotate(-8deg)}
.memory-seal{justify-self:center;width:154px;height:154px;border:3px solid var(--ink);outline:1px solid var(--ink);outline-offset:-8px;border-radius:50%;background:var(--mustard);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-5deg);box-shadow:5px 5px 0 var(--ink);font-family:'Oswald',sans-serif;line-height:1}
.memory-seal span{font-size:.72rem;letter-spacing:.14em}
.memory-seal b{font-size:1.35rem;margin:5px 0 9px}
.memory-seal small{max-width:105px;font-size:.56rem;line-height:1.25;letter-spacing:.09em}
footer{grid-template-columns:.8fr 1fr auto}
footer nav{grid-column:2/4}
@media(max-width:850px){footer{grid-template-columns:1fr}.memory-seal{justify-self:start;margin:8px 0 18px}footer nav{grid-column:auto}}

/* Active speech-bubble logo: loaded after the earlier brand experiments */
.brand{display:block;width:235px;height:92px;flex:none;background:url('logo-bocadillo-web.webp') left center/contain no-repeat}
.brand>span{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.brand>span:last-child:after,.brand-mark:after{display:none}
.topbar{height:108px}
footer .brand{width:250px;height:148px}
.success .brand{width:270px;height:159px;margin-inline:auto}
@media(max-width:850px){.topbar{height:88px}.topbar .brand{width:164px;height:86px}.topbar nav{top:88px}}
