@import url('./scrollcraft.css');
:root{--paper:#f5f5ef;--ink:#202b27;--muted:#56625d;--accent:#294c40;--line:#cbd2ca;--sc-canvas:var(--paper);--sc-ink:var(--ink);--sc-ink-soft:var(--muted);--sc-accent:var(--accent);--sc-font-display:Arial,sans-serif;--sc-font-text:Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.04;letter-spacing:-.045em;text-wrap:balance}h1{font-size:clamp(48px,6.8vw,100px);font-weight:500}h2{font-size:clamp(34px,4.6vw,66px);font-weight:500}h3{font-size:24px;font-weight:500}p{max-width:58ch}small,.small{font-size:12px;line-height:1.55}::selection{background:#d2dfaf;color:#202b27}:focus-visible{outline:3px solid currentColor;outline-offset:5px}.skip{position:fixed;top:-80px;left:20px;z-index:40;padding:10px;background:white}.skip:focus{top:10px}.concept{padding:9px 5%;background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:.03em}.concept a{text-decoration:underline;text-underline-offset:3px}.wrap{width:min(1280px,90%);margin:auto}.nav{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line)}.brand{font-size:23px;letter-spacing:-.06em;font-weight:700;line-height:1.05}.brand span{display:block;font-size:10px;letter-spacing:.22em;font-weight:400;margin-top:7px}.nav-links{display:flex;align-items:center;gap:30px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 24px;background:var(--accent);color:white;border:1px solid var(--accent);font-size:13px;line-height:1.3;white-space:nowrap;transition:transform .18s,background .18s}.button:hover{background:var(--ink)}.button:active{transform:translateY(2px)}.button.light{background:transparent;color:var(--ink);border-color:var(--line)}.arrow{font-size:19px;line-height:1}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;margin-bottom:20px}.muted{color:var(--muted)}.section{padding:100px 0}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:44px}.section-head p{max-width:32ch}.line{border-top:1px solid var(--line)}.hero{display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:6%;padding:54px 0 64px}.hero p{margin:24px 0 32px;max-width:34ch}.hero-photo{height:555px;overflow:hidden;position:relative}.hero-photo img{height:110%;transform-origin:center}.photo-caption{font-size:10px;color:var(--muted);margin-top:10px}.hero-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;font-size:12px}.services{display:grid;grid-template-columns:.85fr 1.3fr;gap:10%}.service{display:grid;grid-template-columns:42px 1fr auto;gap:15px;border-top:1px solid var(--line);padding:27px 0}.service .num{font-size:11px;color:var(--muted)}.service p{font-size:14px;color:var(--muted);margin-top:10px;max-width:42ch}.service button{background:none;border:0;color:var(--ink);padding:4px 12px;font-size:25px}.feature{background:#dce3d6;padding:75px 0}.feature-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;align-items:center}.feature-photo{height:430px;overflow:hidden}.feature p{margin-top:25px}.booking{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.booking p{margin-top:22px}.demo-tag{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.13em;background:#e7eadf;padding:5px 9px;margin-bottom:16px;color:#314535}.booking-panel{padding:30px;border:1px solid var(--line);background:#fff}.field{display:block;margin-bottom:21px}.field span{display:block;font-size:12px;margin-bottom:8px}.field select{width:100%;padding:12px;background:transparent;border:1px solid var(--line);border-radius:0;color:var(--ink)}.receipt{padding:20px 0;border-top:1px solid var(--line);font-size:14px;display:flex;justify-content:space-between;gap:20px}.receipt output{font-weight:bold;text-align:right}.booking-panel .button{width:100%}.note{font-size:11px;color:var(--muted);margin-top:15px!important}.visit{background:var(--ink);color:var(--paper);padding:70px 0}.visit-grid{display:grid;grid-template-columns:1.3fr 1fr auto;gap:40px;align-items:center}.visit p{font-size:14px;line-height:1.9}.visit a{text-decoration:underline;text-underline-offset:5px}.foot{padding:24px 0;display:flex;justify-content:space-between;gap:25px;font-size:11px}.foot a{text-decoration:underline}.reveal-in{opacity:1}.motion-ready .reveal-in{opacity:0;transform:translateY(18px);transition:opacity .65s ease-out,transform .65s ease-out}.motion-ready .reveal-in.is-in{opacity:1;transform:none}dialog{padding:35px;border:0;max-width:500px;width:90%;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#15231bd0}dialog h2{font-size:34px}dialog p{margin:20px 0}dialog .button{margin-top:10px}.dialog-close{float:right;background:none;border:0;font-size:25px;padding:4px 10px}details{padding:22px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:19px}details p{font-size:14px;margin-top:15px;color:var(--muted)}
/* Flowers: a portrait-led salon with an oversized masthead. */
.flowers{--paper:#f8ede9;--ink:#4b2329;--muted:#735b5e;--accent:#743544;--line:#d8bfc2}.flowers .nav{min-height:74px}.flowers .brand{font-size:17px;letter-spacing:.05em}.masthead{font-size:clamp(68px,16.1vw,224px);line-height:.87;letter-spacing:-.07em;text-align:center;padding:42px 0 28px;font-weight:500}.flowers-hero{display:grid;grid-template-columns:1.35fr .8fr;gap:7%;align-items:center;padding-bottom:55px}.flowers-hero figure{height:465px;overflow:hidden}.flowers-hero h1{font-size:clamp(42px,5vw,70px)}.flowers-hero p{margin:25px 0}.flower{width:88px;height:88px;margin-bottom:35px;transform:rotate(calc(var(--flower-turn,0)*1deg));transform-origin:center}.ribbon{background:var(--accent);color:var(--paper);padding:26px 5%;display:flex;gap:20px;justify-content:space-between;font-size:clamp(17px,2vw,29px);letter-spacing:-.02em}.flowers .services{grid-template-columns:1fr 1fr}.flowers .feature{background:#e7cabf}.flowers .feature-grid{grid-template-columns:.8fr 1.2fr}.flower-large{width:260px;height:260px;margin:auto;position:relative}.flower-large svg{width:100%;height:100%;color:var(--accent)}.flower-label{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-size:21px;padding:75px;line-height:1.2;color:var(--paper)}.choice-row{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.choice{border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 18px;border-radius:0;font-size:13px}.choice[aria-pressed=true]{background:var(--accent);color:white}.flowers .visit{background:#e7cabf;color:var(--ink)}
/* Rene: practical, bright, blue and a real interactive checklist. */
.rene{--paper:#f6f9fc;--ink:#193b51;--muted:#516574;--accent:#205f80;--line:#ccdbe3}.rene .brand{font-size:28px}.rene .button{border-radius:6px}.rene .hero{padding-top:48px;grid-template-columns:.9fr 1.2fr}.rene .hero-photo{border-radius:10px;height:525px}.rene h1{font-size:clamp(47px,5.8vw,82px);font-weight:500}.rene .hero h1 em{font-style:normal;color:var(--accent)}.rene .service{grid-template-columns:1fr auto}.rene .section{padding:85px 0}.plan-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:9%;align-items:start}.plan-tabs{display:flex;flex-direction:column;gap:10px;margin-top:32px}.plan-tabs button{text-align:left;padding:20px 24px;border:1px solid var(--line);background:white;color:var(--ink);font-size:17px;border-radius:6px;display:flex;justify-content:space-between}.plan-tabs button[aria-pressed=true]{background:var(--accent);color:white}.checklist{background:white;padding:35px;border:1px solid var(--line);border-radius:9px}.checklist h3{font-size:28px}.checklist ul{list-style:none;padding:0;margin:25px 0}.checklist li{padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.checklist li:before{content:'✓';margin-right:15px;color:var(--accent)}.rene .feature{background:#e2edf2}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;position:relative;margin-top:50px}.steps:before{content:'';position:absolute;top:24px;left:0;right:0;height:1px;background:#a8c2d0;transform:scaleX(var(--step-p,1));transform-origin:left}.steps article{position:relative}.step-num{height:48px;width:48px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:white;margin-bottom:28px;font-size:12px}.steps p{font-size:14px;margin-top:17px}.rene .booking-panel{border-radius:8px}.rene .visit{background:var(--ink)}.rene .demo-tag{background:#dcebf3;color:#254859}.intro-text{max-width:50ch;margin-top:20px}.directory{padding:70px 0}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:45px}.preview-grid article{border:1px solid var(--line)}.preview-grid img{height:235px}.preview-grid .card-body{padding:25px}.preview-grid h2{font-size:28px}.preview-grid p{font-size:14px;margin:15px 0 25px}.preview-grid .button{width:100%}
@media(max-width:760px){html{scroll-padding-top:25px}.wrap{width:88%}.concept{font-size:10px;padding:8px 6%}.concept span{max-width:70%}.nav{min-height:78px}.nav-links{gap:15px}.nav-links>a:not(.button){display:none}.nav .button{padding:12px 14px;font-size:11px}.hero,.rene .hero{grid-template-columns:1fr;gap:32px;padding-top:34px}.hero-photo,.rene .hero-photo{height:360px}.hero p{margin:20px 0 24px}.hero h1{max-width:12ch}.hero-bottom{font-size:11px;flex-wrap:wrap}.section,.rene .section{padding:60px 0}.section-head,.services,.feature-grid,.booking,.plan-layout,.visit-grid,.flowers .services,.flowers .feature-grid{display:grid;grid-template-columns:1fr;gap:30px}.section-head{margin-bottom:28px}.services>div:first-child{max-width:34ch}.feature{padding:50px 0}.feature-photo{height:320px}.booking-panel,.checklist{padding:23px}.visit{padding:50px 0}.visit-grid{gap:25px}.foot{flex-direction:column;gap:10px}.masthead{padding:35px 0 22px}.flowers-hero{grid-template-columns:1fr;gap:30px}.flowers-hero figure{height:340px}.flowers-hero>div{display:grid;grid-template-columns:1fr}.flowers-hero .flower{width:50px;height:50px;margin-bottom:18px}.flowers-hero h1{font-size:46px}.ribbon{flex-wrap:wrap;gap:10px 25px;justify-content:center;padding:20px}.flower-large{width:220px;height:220px}.flower-label{padding:60px;font-size:19px}.steps{grid-template-columns:1fr;gap:30px}.steps:before{display:none}.steps article{display:grid;grid-template-columns:48px 1fr;column-gap:22px}.step-num{grid-row:1/3;margin-bottom:0}.steps h3{align-self:center}.steps p{grid-column:2;margin-top:10px}.preview-grid{grid-template-columns:1fr}.directory{padding:45px 0}.directory h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal-in{opacity:1;transform:none}.flower{transform:none!important}.steps:before{transform:none!important}}
@media(max-width:380px){.masthead{font-size:17vw}.flowers-hero h1{font-size:40px}.nav{gap:14px}.flowers .brand{font-size:15px}}

/* Firecrawl research pass, 11 Sep 2026. Adapted wordmarks, not official artwork. */
.shear{--paper:#f5f4f0;--ink:#242d3b;--muted:#546172;--accent:#425d85;--line:#cbd1da}.shear .feature{background:#e1e6ed}
.brand-lockup{display:block!important;margin:0!important}.brand .brand-name{display:block;font-size:25px;letter-spacing:-.04em;font-weight:900;margin:0;line-height:1}.brand .brand-sub{display:block;font-size:9px;letter-spacing:.18em;margin-top:7px;line-height:1.3;font-weight:600}.brand .brand-star{display:inline;font-size:17px;letter-spacing:0;margin:0 3px}.brand .brand-pro{display:inline;font-size:9px;letter-spacing:.06em;margin-left:5px;vertical-align:top;border:1px solid currentColor;padding:3px}.shear-mark .brand-name{font-family:Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:.01em;font-weight:400}.rene-mark .brand-name{font-size:35px;letter-spacing:-.06em}.flowers-mark .brand-name{font-weight:900;letter-spacing:-.055em}
.flowers{--paper:#faf7f2;--ink:#201d1d;--muted:#625959;--accent:#b51f31;--line:#d8c9c8}.flowers h1,.flowers h2{font-weight:700}.flowers .masthead{font-weight:900;letter-spacing:-.065em;color:var(--ink);padding-bottom:38px}.masthead>span{display:block;font-size:clamp(14px,1.7vw,24px);letter-spacing:.34em;line-height:1.3;margin-top:16px}.flowers .feature{background:#efe7e0}.flowers .visit{background:#201d1d;color:#faf7f2}.flowers .ribbon{color:#fff}.flowers .flowers-hero .eyebrow{margin:0 0 22px}.salon-seal{width:290px;height:290px;border-radius:50%;border:8px solid #b51f31;outline:2px solid #201d1d;outline-offset:7px;background:#201d1d;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:15px auto;box-shadow:0 0 0 16px #efe7e0}.salon-seal strong{font-size:40px;letter-spacing:-.065em;line-height:1.05}.salon-seal>span{font-size:12px;letter-spacing:.1em}.salon-seal .seal-kicker{font-size:9px;letter-spacing:.18em;margin-bottom:28px}.salon-seal .flower-label{position:static;display:block;padding:15px 0 0;font-size:13px;letter-spacing:0;color:#fff;border-top:1px solid #795055;margin-top:24px;width:70%}.brand-notes{padding:22px 0;font-size:12px}.brand-notes summary{font-size:13px}.brand-notes p{max-width:85ch}.brand-notes a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.brand .brand-name{font-size:21px}.brand .brand-sub{font-size:8px;letter-spacing:.12em}.brand .brand-star{font-size:14px}.rene-mark .brand-name{font-size:29px}.flowers .flowers-hero h1{font-size:45px}.salon-seal{width:240px;height:240px}.salon-seal strong{font-size:34px}.salon-seal .seal-kicker{margin-bottom:20px;font-size:8px}.salon-seal .flower-label{margin-top:18px}.flowers .masthead{padding-bottom:25px}.masthead>span{margin-top:10px}}@media(max-width:380px){.brand .brand-name{font-size:18px}.brand .brand-sub{font-size:7px}.brand .brand-star{font-size:12px}.nav .button{gap:10px;padding:11px}.rene-mark .brand-name{font-size:28px}.flowers .flowers-hero h1{font-size:40px}}