/* Builders: Horvans website studio. Sakura sumi-e world.
   Every rule is scoped under [data-site="builders"] so this sheet can coexist
   with the Monarch sheet during an in-place world change. Serves /builders/ and /builders/signin.html. */

@font-face{font-family:"Builders Fraunces";src:url(/builders/assets/fonts/fraunces-latin.woff2?v=11) format("woff2");font-weight:300 650;font-style:normal;font-display:swap}
@font-face{font-family:"Builders Fraunces";src:url(/builders/assets/fonts/fraunces-italic-latin.woff2?v=11) format("woff2");font-weight:300 650;font-style:italic;font-display:swap}
@font-face{font-family:"Builders Inter";src:url(/builders/assets/fonts/inter-latin.woff2?v=11) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:"Builders Roboto";src:url(/builders/assets/fonts/roboto-500-gsi.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Builders Mincho";src:url(/builders/assets/fonts/noto-serif-jp-subset.woff2?v=8) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}

[data-site="builders"]{
  --b-washi:#FBF6EC;
  --b-washi-2:#F4ECDD;
  --b-mark-cream:#FFFDF7;
  --b-mark-line:#E8E2D3;
  --b-mark-orange:#F26A1B;
  --b-ink:#1E1A17;
  --b-ink-2:#4B413A;
  --b-ink-3:#6B5E55;
  --b-line:rgba(30,26,23,.16);
  --b-sakura:#F6C9D4;
  --b-sakura-2:#EFA9BB;
  --b-sakura-field:#F7E0E5;
  --b-hero-pink:#F5DCE2;
  --b-paper:#FFFDF8;
  --b-beni:#A3284F;
  --b-beni-deep:#7E1A3B;
  --b-shu:#B8321E;
  --b-wood:#3A2F29;
  --b-on-ink:#F6EFE4;
  --b-on-ink-2:#D8CCBF;
  --b-serif:"Builders Fraunces",Georgia,"Times New Roman",serif;
  --b-sans:"Builders Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --b-jp:"Builders Mincho","Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;
  --b-gut:clamp(16px,4.5vw,64px);
  --b-max:1240px;
  --b-ease:cubic-bezier(.16,1,.3,1);
  --b-washi-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .12 0 0 0 0 .09 0 0 0 0 .07 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --b-washi-fibre:url(/builders/assets/washi-fibre.svg);
}

html[data-site="builders"]{color-scheme:light;scroll-padding-top:72px;-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--b-washi)}
[data-site="builders"] *,[data-site="builders"] *::before,[data-site="builders"] *::after{box-sizing:border-box}
html[data-site="builders"] body{
  margin:0;min-height:100vh;color:var(--b-ink);
  background-color:var(--b-washi);
  background-image:var(--b-washi-fibre),var(--b-washi-grain);
  font:400 1rem/1.65 var(--b-sans);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip;
}
[data-site="builders"] ::selection{background:var(--b-sakura);color:var(--b-ink)}
html.lenis[data-site="builders"],html.lenis[data-site="builders"] body{height:auto}
[data-site="builders"].lenis-stopped{overflow:hidden}
html[data-site="builders"]{accent-color:var(--b-beni);caret-color:var(--b-beni);scrollbar-color:var(--b-ink-3) var(--b-washi-2)}
[data-site="builders"] :focus-visible{outline:2px solid var(--b-beni);outline-offset:3px;border-radius:2px}
[data-site="builders"] img,[data-site="builders"] svg{display:block;max-width:100%}
[data-site="builders"] img{height:auto}
[data-site="builders"] a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em}
[data-site="builders"] h1,[data-site="builders"] h2,[data-site="builders"] h3,[data-site="builders"] p{margin:0}
[data-site="builders"] [hidden]{display:none!important}
[data-site="builders"] .b-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
[data-site="builders"] [lang="ja"]{font-family:var(--b-jp)}

/* ---------- Mark (exact 築 logo: #F26A1B on #FFFDF7,rx 12/64{
  --s:36px;
  inline-size:var(--s);block-size:var(--s);flex:none;display:grid;place-items:center;
  background:var(--b-mark-cream);border:calc(var(--s)*2/64) solid var(--b-mark-line);border-radius:calc(var(--s)*12/64);
  color:var(--b-mark-orange);font:600 calc(var(--s)*52/64)/1 var(--b-jp);
  padding-top:calc(var(--s)*.02);
  view-transition-name:site-mark;
}

/* ---------- Top bar (tight side padding{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;gap:8px;
  padding:9px 12px;min-height:58px;
  background:rgba(251,246,236,.92);
  -webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);
  border-bottom:1px solid var(--b-line);
}

[data-site="builders"] .b-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55em;
  min-height:48px;padding:0 1.3em;border-radius:999px;white-space:nowrap;
  font:600 .98rem/1 var(--b-sans);letter-spacing:.01em;text-decoration:none;cursor:pointer;
  border:1.5px solid var(--b-ink);
  transition:background-color .25s var(--b-ease),color .25s var(--b-ease),transform .16s var(--b-ease),box-shadow .25s var(--b-ease);
}
[data-site="builders"] .b-btn:active{transform:scale(.97)}
[data-site="builders"] .b-btn--ink{background:var(--b-ink);color:var(--b-on-ink)}
[data-site="builders"] .b-btn--line{background:transparent;color:var(--b-ink)}
@media (hover:hover) and (pointer:fine){
  [data-site="builders"] .b-btn--ink:hover{background:var(--b-beni-deep);border-color:var(--b-beni-deep);box-shadow:0 8px 22px -10px rgba(126,26,59,.6)}
  [data-site="builders"] .b-btn--line:hover{background:rgba(246,201,212,.45)}
  [data-site="builders"] .b-btn:hover svg{transform:translateX(2px)}
}
[data-site="builders"] .b-btn svg{inline-size:16px;block-size:16px;flex:none;transition:transform .25s var(--b-ease)}
[data-site="builders"] .b-btn--sm{min-height:40px;padding:0 1em;font-size:.9rem}
[data-site="builders"] .b-btn[disabled]{opacity:.6;cursor:progress}

/* ---------- Layout ---------- */
[data-site="builders"] .b-wrap{inline-size:100%;max-inline-size:var(--b-max);margin-inline:auto;padding-inline:var(--b-gut)}
[data-site="builders"] .b-section{padding-block:clamp(64px,9vw,120px)}
[data-site="builders"] .b-head{display:grid;gap:16px;margin-bottom:clamp(36px,5.5vw,68px)}
[data-site="builders"] .b-h2{font:400 clamp(1.9rem,4.4vw,3.3rem)/1.06 var(--b-serif);letter-spacing:-.018em;font-variation-settings:"opsz" 120;text-wrap:balance;max-inline-size:19ch}
[data-site="builders"] .b-h2 em,[data-site="builders"] .b-h1 em{font-style:italic;font-weight:350;color:var(--b-beni)}
[data-site="builders"] .b-h3{font:450 clamp(1.25rem,2vw,1.55rem)/1.2 var(--b-serif);letter-spacing:-.01em;font-variation-settings:"opsz" 48}
[data-site="builders"] .b-lede{font-size:clamp(1.03rem,1.35vw,1.15rem);line-height:1.6;color:var(--b-ink-2);max-inline-size:58ch;text-wrap:pretty}
[data-site="builders"] .b-lede--ink{color:var(--b-on-ink-2)}
[data-site="builders"] .b-head .b-lede{max-inline-size:52ch}

/* HOLD: a designed "to be added" slot (facts.json value is null) */
[data-site="builders"] .b-hold{display:inline-flex;align-items:center;gap:8px;padding:3px 10px 3px 8px;border:1px dashed rgba(163,40,79,.45);border-radius:8px;background:rgba(246,201,212,.22);color:var(--b-ink-3);font:500 .84rem/1.4 var(--b-sans)}
[data-site="builders"] .b-hold i{inline-size:8px;block-size:8px;flex:none;border-radius:2px;border:1.5px solid var(--b-beni);opacity:.7}

/* ---------- Hero: copy beside a real, signed piece of work ---------- */
[data-site="builders"] .b-hero{--b-petal-fill:#FFF3F6;position:relative;isolation:isolate;overflow:hidden;background-color:var(--b-hero-pink);background-image:var(--b-washi-fibre),var(--b-washi-grain);padding-block:clamp(20px,4vw,44px) clamp(40px,6vw,64px)}
[data-site="builders"] .b-hero__art{position:absolute;z-index:-1;top:0;right:0;inline-size:min(78vw,760px);aspect-ratio:900/760;pointer-events:none;transform:translate(34%,-34%);opacity:.9}
[data-site="builders"] .b-hero__art svg{inline-size:100%;block-size:100%;overflow:visible}
[data-site="builders"] .b-bloom{transform-box:fill-box;transform-origin:center}
[data-site="builders"] .b-hero__grid{display:grid;gap:clamp(36px,6vw,72px);align-items:center}
[data-site="builders"] .b-hero__copy{position:relative}
[data-site="builders"] .b-h1{
  font:380 clamp(2.05rem,6.4vw,3.9rem)/1.05 var(--b-serif);letter-spacing:-.016em;
  font-variation-settings:"opsz" 144,"SOFT" 30;text-wrap:balance;max-inline-size:15ch;
  view-transition-name:site-title;
}
[data-site="builders"] .b-hero .b-lede{margin-top:clamp(16px,2.2vw,24px);max-inline-size:40ch}
[data-site="builders"] .b-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(22px,3vw,32px)}
[data-site="builders"] .b-hero__work{position:relative;margin:0;justify-self:center;inline-size:min(100%,660px)}
[data-site="builders"] .b-frame{position:relative;padding:8px;border-radius:12px;background:rgba(255,253,248,.72);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 0 0 1px rgba(30,26,23,.1),0 40px 70px -40px rgba(126,26,59,.45),0 10px 24px -14px rgba(30,26,23,.3)}
[data-site="builders"] .b-frame__bar{display:flex;gap:6px;padding:4px 6px 10px}
[data-site="builders"] .b-frame__bar i{inline-size:8px;block-size:8px;border-radius:50%;background:rgba(30,26,23,.18)}
[data-site="builders"] .b-frame .b-pic img{inline-size:100%;border-radius:6px;box-shadow:0 0 0 1px rgba(30,26,23,.08)}
[data-site="builders"] .b-hero__cap{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:12px;padding-inline:clamp(40px,5vw,52px) 4px;font-size:.9rem;color:var(--b-ink-2)}
[data-site="builders"] .b-hero__cap span{color:var(--b-beni-deep);font-weight:600}
[data-site="builders"] .b-hero__cap a{color:var(--b-ink)}
[data-site="builders"] .b-frame__seal{position:absolute;left:-14px;bottom:28px;inline-size:clamp(44px,5vw,58px);aspect-ratio:1;transform:rotate(-8deg)}
[data-site="builders"] .b-frame__seal svg{inline-size:100%;block-size:100%}
@media (min-width:1000px){
  [data-site="builders"] .b-hero{padding-block:clamp(36px,6vh,72px) clamp(40px,6vh,72px)}
  [data-site="builders"] .b-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
  [data-site="builders"] .b-hero__art{inline-size:min(54vw,860px);transform:translate(18%,-24%);opacity:1}
  [data-site="builders"] .b-hero__work{transform:rotate(.8deg)}
}

/* falling petals (built by JS; decorative) */
[data-site="builders"] .b-petals{position:fixed;inset:0;z-index:30;pointer-events:none;overflow:hidden}
[data-site="builders"] .b-petal{position:absolute;top:-24px;left:0;inline-size:var(--w,12px);block-size:calc(var(--w,12px)*.78);border-radius:100% 0 100% 12%;background:linear-gradient(135deg,#FBE3EA 0%,var(--b-sakura) 55%,var(--b-sakura-2) 100%);opacity:.85;will-change:transform}

/* ---------- Work: mounted prints ---------- */
[data-site="builders"] .b-cases{display:grid;gap:clamp(56px,8vw,112px)}
[data-site="builders"] .b-case{display:grid;gap:clamp(22px,3.4vw,48px);align-items:center}
[data-site="builders"] .b-case__media{position:relative;display:grid}
[data-site="builders"] .b-case__shot{margin:0;padding:clamp(8px,1.2vw,14px);background:var(--b-paper);background-image:var(--b-washi-fibre);border:1px solid rgba(30,26,23,.1);border-radius:4px;box-shadow:0 30px 50px -36px rgba(30,26,23,.55),0 2px 6px -3px rgba(30,26,23,.16)}
[data-site="builders"] .b-case__shot img{inline-size:100%;border-radius:2px;box-shadow:0 0 0 1px rgba(30,26,23,.08)}
[data-site="builders"] .b-case__shot figcaption{margin-top:8px;font-size:.84rem;color:var(--b-ink-3)}
[data-site="builders"] .b-case__meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
[data-site="builders"] .b-case__meta span{padding:3px 10px;border-radius:999px;border:1px solid var(--b-line);font:500 .8rem/1.4 var(--b-sans);color:var(--b-ink-2);background:rgba(255,253,248,.6)}
[data-site="builders"] .b-case__meta span:first-child{border-color:transparent;background:var(--b-ink);color:var(--b-on-ink)}
[data-site="builders"] .b-case__title{font:420 clamp(1.5rem,2.8vw,2.2rem)/1.1 var(--b-serif);letter-spacing:-.014em;font-variation-settings:"opsz" 96}
[data-site="builders"] .b-case__note{margin-top:8px;font:italic 400 1rem/1.4 var(--b-serif);color:var(--b-beni-deep)}
[data-site="builders"] .b-case__facts{margin:18px 0 0;display:grid;gap:14px}
[data-site="builders"] .b-case__facts div{display:grid;gap:2px}
[data-site="builders"] .b-case__facts dt{font:italic 450 .98rem/1.3 var(--b-serif);color:var(--b-beni-deep)}
[data-site="builders"] .b-case__facts dd{margin:0;color:var(--b-ink-2);max-inline-size:52ch}
[data-site="builders"] .b-case__links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:20px}
[data-site="builders"] .b-go{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:var(--b-ink);text-decoration:none;border-bottom:1.5px solid var(--b-beni);transition:color .2s}
[data-site="builders"] .b-go svg{inline-size:15px;block-size:15px;transition:transform .25s var(--b-ease)}
@media (hover:hover) and (pointer:fine){[data-site="builders"] .b-go:hover{color:var(--b-beni-deep)}[data-site="builders"] .b-go:hover svg{transform:translateX(3px)}}
/* withheld client work: a sealed letter, not a picture */
[data-site="builders"] .b-case--withheld{padding:clamp(22px,3.4vw,40px);border:1px solid rgba(30,26,23,.12);border-radius:4px;background:repeating-linear-gradient(135deg,rgba(163,40,79,.035) 0 10px,transparent 10px 20px),var(--b-paper)}
@media (max-width:899px){[data-site="builders"] .b-case--inhero .b-case__media{display:none}}
[data-site="builders"] .b-case__media--hold{align-content:center;justify-items:start}
[data-site="builders"] .b-case__withheld{display:flex;align-items:center;gap:14px;max-inline-size:30ch;font:italic 400 1.05rem/1.4 var(--b-serif);color:var(--b-ink-2)}
[data-site="builders"] .b-case__lock{flex:none;inline-size:52px;block-size:52px;border-radius:5px;background:var(--b-shu);box-shadow:inset 0 0 0 4px var(--b-shu),inset 0 0 0 6px #FBF1E6;transform:rotate(-6deg)}
@media (min-width:900px){
  [data-site="builders"] .b-case{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
  [data-site="builders"] .b-case:nth-child(2) .b-case__media{order:2}
  [data-site="builders"] .b-case--withheld{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
  [data-site="builders"] .b-case--withheld .b-case__media{order:2}
  [data-site="builders"] .b-case--withheld .b-case__body{order:1}
}

/* ---------- Reviews: on the sakura field ---------- */
[data-site="builders"] .b-reviews-sec{background:var(--b-sakura-field);background-image:var(--b-washi-fibre),var(--b-washi-grain)}
[data-site="builders"] .b-reviews{list-style:none;margin:0;padding:0;display:grid;gap:16px}
[data-site="builders"] .b-review{position:relative;padding:clamp(22px,3vw,32px);border-radius:4px;background:var(--b-paper);border:1px solid rgba(30,26,23,.1);box-shadow:0 22px 40px -32px rgba(126,26,59,.5)}
[data-site="builders"] .b-review figure{margin:0}
[data-site="builders"] .b-review blockquote{margin:0;font:italic 400 1.2rem/1.45 var(--b-serif)}
[data-site="builders"] .b-review figcaption{margin-top:16px;display:grid;gap:2px;font-size:.92rem;color:var(--b-ink-2)}
[data-site="builders"] .b-review--hold{background:rgba(255,253,248,.55);border-style:dashed;border-color:rgba(163,40,79,.35);box-shadow:none}
[data-site="builders"] .b-review__q{display:block;font:400 4rem/.7 var(--b-serif);color:var(--b-sakura-2);block-size:.5em}
[data-site="builders"] .b-review__t{margin-top:18px;font:450 1.15rem/1.3 var(--b-serif);color:var(--b-ink-2)}
[data-site="builders"] .b-review__s{margin-top:6px;font-size:.9rem;color:var(--b-ink-3)}
@media (min-width:820px){[data-site="builders"] .b-reviews{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---------- Services: hanging scrolls with terms ---------- */
[data-site="builders"] .b-scrolls{display:grid;gap:28px}
[data-site="builders"] .b-scroll{position:relative;padding:0 10px}
[data-site="builders"] .b-scroll__rod{display:block;block-size:10px;border-radius:5px;background:linear-gradient(#3A2F29,#1E1A17);margin-inline:-10px;box-shadow:0 3px 6px -3px rgba(30,26,23,.5)}
[data-site="builders"] .b-scroll__rod--bottom{block-size:12px}
[data-site="builders"] .b-scroll__paper{
  background:var(--b-paper);background-image:var(--b-washi-fibre),var(--b-washi-grain);
  border-inline:1px solid rgba(30,26,23,.08);
  padding:clamp(26px,3vw,40px) clamp(20px,2.4vw,30px) clamp(28px,3.4vw,40px);
  display:grid;gap:14px;
  box-shadow:0 26px 44px -30px rgba(30,26,23,.45),0 2px 6px -3px rgba(30,26,23,.18);
}
[data-site="builders"] .b-scroll__kanji{font:600 clamp(2.6rem,4.4vw,3.6rem)/1 var(--b-jp);color:var(--b-beni);margin:0}
[data-site="builders"] .b-scroll h3{font:450 clamp(1.4rem,2.2vw,1.8rem)/1.12 var(--b-serif);letter-spacing:-.012em;font-variation-settings:"opsz" 72}
[data-site="builders"] .b-scroll p{color:var(--b-ink-2);max-inline-size:40ch;margin-top:10px}
[data-site="builders"] .b-scroll__gloss{display:block;font:italic 400 .95rem/1.4 var(--b-serif);color:var(--b-beni);margin-top:16px}
[data-site="builders"] .b-eng__terms{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--b-line);display:grid;gap:10px}
[data-site="builders"] .b-eng__terms div{display:grid;gap:4px;justify-items:start}
[data-site="builders"] .b-eng__terms dt{font-size:.82rem;font-weight:600;color:var(--b-ink-3)}
[data-site="builders"] .b-eng__terms dd{margin:0;font:500 1rem/1.4 var(--b-serif)}
@media (min-width:880px){
  [data-site="builders"] .b-scrolls{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px);align-items:start}
  [data-site="builders"] .b-scroll:nth-child(2){margin-top:clamp(36px,5vw,72px)}
}
[data-site="builders"] .b-included{margin-top:clamp(56px,8vw,104px);display:grid;gap:22px}
[data-site="builders"] .b-included__list{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1.5px solid var(--b-ink)}
[data-site="builders"] .b-included__list li{display:grid;gap:4px;padding:16px 0;border-bottom:1px solid var(--b-line)}
[data-site="builders"] .b-included__list strong{font:500 1.08rem/1.3 var(--b-serif)}
[data-site="builders"] .b-included__list span{color:var(--b-ink-2)}
@media (min-width:820px){
  [data-site="builders"] .b-included{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:48px;align-items:start}
  [data-site="builders"] .b-included__list li{grid-template-columns:200px 1fr;gap:24px;align-items:baseline}
}

/* ---------- Process: an ink-drawn hand scroll ---------- */
[data-site="builders"] .b-emaki{position:relative;max-inline-size:860px;margin-inline:auto;padding-left:clamp(64px,10vw,120px)}
[data-site="builders"] .b-emaki__line{position:absolute;left:clamp(14px,3.6vw,44px);top:10px;bottom:10px;inline-size:40px;block-size:calc(100% - 20px);overflow:visible}
[data-site="builders"] .b-steps{list-style:none;margin:0;padding:0;display:grid;gap:clamp(30px,5vw,56px)}
[data-site="builders"] .b-step{position:relative;display:grid;grid-template-columns:auto 1fr;gap:6px clamp(16px,2.6vw,28px);align-items:start}
[data-site="builders"] .b-step::before{content:"";position:absolute;left:calc(clamp(64px,10vw,120px) * -1 + clamp(14px,3.6vw,44px) + 12px);top:.7em;inline-size:16px;block-size:16px;border-radius:50% 46% 52% 48%;background:var(--b-ink);box-shadow:0 0 0 5px var(--b-washi)}
[data-site="builders"] .b-step__k{font:600 clamp(2rem,3.6vw,2.7rem)/1 var(--b-jp);color:var(--b-beni);min-inline-size:1.1em}
[data-site="builders"] .b-step h3{font:450 clamp(1.25rem,2vw,1.5rem)/1.2 var(--b-serif);margin-top:2px}
[data-site="builders"] .b-step p{color:var(--b-ink-2);margin-top:6px;max-inline-size:52ch}

/* ---------- Ink band: philosophy + what a site is made from ---------- */
[data-site="builders"] .b-ink{color:var(--b-on-ink);position:relative;isolation:isolate;background:transparent;overflow:visible;overflow-x:clip}
[data-site="builders"] .b-ink::before{content:"";position:absolute;inset:0;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .95 0 0 0 0 .9 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* the ink drop: the band's ground is a layer with a soft radial mask GSAP grows as you arrive.
   Default --b-drop is fully inked (no JS / reduced motion = finished ink). */
[data-site="builders"] .b-ink__ground{--b-drop:180%;--e:clamp(26px,3.6vw,52px);position:absolute;z-index:-2;inset:calc(var(--e) * -1 + 2px) 0 0 0;pointer-events:none;
  background:linear-gradient(to bottom,transparent var(--e),var(--b-ink) var(--e));
  -webkit-mask-image:radial-gradient(circle at 50% var(--e),#000 var(--b-drop),transparent calc(var(--b-drop) + 16%));
          mask-image:radial-gradient(circle at 50% var(--e),#000 var(--b-drop),transparent calc(var(--b-drop) + 16%))}
[data-site="builders"] .b-ink__edge{position:absolute;left:0;top:0;inline-size:100%;block-size:calc(var(--e) + 1px)}
[data-site="builders"] .b-ink .b-wrap{position:relative}
[data-site="builders"] .b-ink__sprig{position:absolute;z-index:-1;left:-150px;bottom:-60px;inline-size:min(40vw,440px);opacity:.6;pointer-events:none}
[data-site="builders"] .b-quote{margin:0}
[data-site="builders"] .b-quote p{max-inline-size:12.5em;font:italic 330 clamp(1.9rem,4.6vw,3.4rem)/1.08 var(--b-serif);letter-spacing:-.02em;font-variation-settings:"opsz" 144;text-wrap:balance}
[data-site="builders"] .b-quote strong{font-weight:600;font-style:normal;color:var(--b-sakura)}
[data-site="builders"] .b-quote footer{margin-top:18px;font-size:.95rem;color:var(--b-on-ink-2)}
[data-site="builders"] .b-tools__grid{display:grid;gap:clamp(36px,5vw,72px)}
[data-site="builders"] .b-tools__h{margin-top:clamp(40px,6vw,72px);color:var(--b-on-ink)}
[data-site="builders"] .b-tools .b-lede{margin-top:10px}
[data-site="builders"] .b-stack{list-style:none;margin:0;padding:0;border-top:1px solid rgba(246,239,228,.18)}
[data-site="builders"] .b-stack li{padding:18px 0;border-bottom:1px solid rgba(246,239,228,.18)}
[data-site="builders"] .b-stack h3{font:450 1.15rem/1.3 var(--b-serif);color:var(--b-on-ink)}
[data-site="builders"] .b-stack p{color:var(--b-on-ink-2);margin-top:4px}
@media (max-width:700px){[data-site="builders"] .b-ink .b-wrap{padding-top:40px}[data-site="builders"] .b-ink__sprig{display:none}}
@media (min-width:880px){[data-site="builders"] .b-tools__grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:end}}

/* ---------- Terms: a shoji screen, one pane per term ---------- */
[data-site="builders"] .b-trust__grid{display:grid;gap:clamp(32px,5vw,64px)}
[data-site="builders"] .b-trust__intro .b-lede{margin-top:16px}
[data-site="builders"] .b-trust{margin:0;display:grid;gap:4px;padding:4px;border:10px solid var(--b-wood);border-radius:3px;background:#5A4A3F;box-shadow:0 30px 60px -36px rgba(30,26,23,.6)}
[data-site="builders"] .b-trust__item{padding:clamp(18px,2.4vw,26px);background:#FCF8EF;background-image:var(--b-washi-fibre);display:grid;gap:8px;align-content:start;min-block-size:128px}
[data-site="builders"] .b-trust__item dt{font:450 1.12rem/1.25 var(--b-serif)}
[data-site="builders"] .b-trust__item dd{margin:0;color:var(--b-ink-2);font-size:.96rem}
@media (min-width:640px){[data-site="builders"] .b-trust{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:980px){
  [data-site="builders"] .b-trust__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}
  [data-site="builders"] .b-trust__intro{position:sticky;top:96px}
  [data-site="builders"] .b-trust{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ---------- FAQ ---------- */
[data-site="builders"] .b-faq__grid{display:grid;gap:clamp(28px,5vw,64px)}
[data-site="builders"] .b-faq__k{font:400 clamp(2.4rem,4vw,3.2rem)/1 var(--b-jp);color:var(--b-beni);margin-bottom:16px}
[data-site="builders"] .b-faq__list{border-top:1.5px solid var(--b-ink)}
[data-site="builders"] .b-faq__item{border-bottom:1px solid var(--b-line)}
[data-site="builders"] .b-faq__item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:60px;padding:16px 0;cursor:pointer;font:450 clamp(1.1rem,1.7vw,1.3rem)/1.3 var(--b-serif)}
[data-site="builders"] .b-faq__item summary::-webkit-details-marker{display:none}
[data-site="builders"] .b-faq__item summary:hover{color:var(--b-beni-deep)}
[data-site="builders"] .b-faq__item summary svg{flex:none;inline-size:22px;block-size:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
[data-site="builders"] .b-faq__v{transition:transform .3s var(--b-ease);transform-origin:center;transform-box:fill-box}
[data-site="builders"] .b-faq__item[open] .b-faq__v{transform:scaleY(0)}
[data-site="builders"] .b-faq__a{padding:0 0 20px}
[data-site="builders"] .b-faq__a p{color:var(--b-ink-2);max-inline-size:62ch}
[data-site="builders"] .b-faq__a a{color:var(--b-beni-deep);font-weight:600}
@media (min-width:880px){[data-site="builders"] .b-faq__grid{grid-template-columns:.8fr 1.2fr;align-items:start}[data-site="builders"] .b-faq__intro{position:sticky;top:96px}}

/* ---------- Contact: a letter with the enquiry form ---------- */
[data-site="builders"] .b-contact{position:relative;padding-top:clamp(40px,6vw,72px)}
[data-site="builders"] .b-contact__lede{margin-top:18px}
[data-site="builders"] .b-letter{
  position:relative;margin-top:clamp(32px,5vw,56px);
  background:var(--b-paper);background-image:var(--b-washi-fibre),var(--b-washi-grain);
  padding:clamp(22px,4vw,52px);border-radius:3px;
  box-shadow:0 28px 50px -34px rgba(30,26,23,.45),0 2px 6px -3px rgba(30,26,23,.16);border:1px solid rgba(30,26,23,.07);
  display:grid;gap:clamp(32px,4vw,56px);
}
[data-site="builders"] .b-letter__seal{position:absolute;right:clamp(16px,3vw,36px);top:clamp(-22px,-2vw,-16px);inline-size:clamp(48px,6vw,64px)}
[data-site="builders"] .b-call{display:grid;gap:8px;align-content:start}
[data-site="builders"] .b-call__label{font:italic 400 1.05rem/1.3 var(--b-serif);color:var(--b-beni)}
[data-site="builders"] .b-call__num{font:400 clamp(1.7rem,3.4vw,2.4rem)/1.05 var(--b-serif);letter-spacing:-.01em;font-variant-numeric:lining-nums tabular-nums;text-decoration:none;color:var(--b-ink);white-space:nowrap}
[data-site="builders"] .b-call__num:hover{color:var(--b-beni-deep)}
[data-site="builders"] .b-parent{margin-top:14px;color:var(--b-ink-2);max-inline-size:34ch}
[data-site="builders"] .b-parent a{font-weight:600;color:var(--b-beni-deep)}
@media (min-width:900px){[data-site="builders"] .b-letter{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}[data-site="builders"] .b-call{padding-left:clamp(24px,3vw,44px);border-left:1px solid var(--b-line)}}

/* form */
[data-site="builders"] .b-form{display:grid;gap:18px}
[data-site="builders"] .b-form fieldset{margin:0;padding:0;border:0;min-inline-size:0}
[data-site="builders"] .b-form legend,[data-site="builders"] .b-field label{display:block;margin-bottom:8px;font-weight:600;font-size:.95rem;color:var(--b-ink)}
[data-site="builders"] .b-chips{display:flex;flex-wrap:wrap;gap:8px}
[data-site="builders"] .b-chip{position:relative;display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border:1.5px solid var(--b-line);border-radius:999px;background:rgba(255,253,248,.8);cursor:pointer;font-size:.94rem;transition:background-color .2s,border-color .2s,color .2s}
[data-site="builders"] .b-chip input{position:absolute;opacity:0;inline-size:1px;block-size:1px}
[data-site="builders"] .b-chip:has(input:checked){background:var(--b-ink);border-color:var(--b-ink);color:var(--b-on-ink)}
[data-site="builders"] .b-chip:has(input:focus-visible){outline:2px solid var(--b-beni);outline-offset:3px}
[data-site="builders"] .b-fields{display:grid;gap:18px}
@media (min-width:620px){[data-site="builders"] .b-fields{grid-template-columns:1fr 1fr}}
[data-site="builders"] .b-input{inline-size:100%;min-height:48px;padding:11px 14px;border:1.5px solid rgba(30,26,23,.28);border-radius:8px;background:#FFFEFB;color:var(--b-ink);font:400 1rem/1.5 var(--b-sans);transition:border-color .2s,box-shadow .2s}
[data-site="builders"] textarea.b-input{resize:vertical;min-height:120px}
[data-site="builders"] .b-input:focus{outline:none;border-color:var(--b-beni);box-shadow:0 0 0 3px rgba(163,40,79,.18)}
[data-site="builders"] .b-input[aria-invalid="true"]{border-color:#B3261E}
[data-site="builders"] .b-hint{margin-top:6px;font-size:.86rem;color:var(--b-ink-3)}
[data-site="builders"] .b-err{margin-top:6px;font-size:.88rem;font-weight:600;color:#9B1C17}
[data-site="builders"] .b-form__msg{padding:12px 14px;border-radius:8px;background:#FBE6E4;border:1px solid rgba(155,28,23,.3);color:#7A1612;font-size:.95rem}
[data-site="builders"] .b-form__msg a{font-weight:600}
[data-site="builders"] .b-check{display:flex;gap:12px;align-items:flex-start;font-size:.92rem;color:var(--b-ink-2);cursor:pointer}
[data-site="builders"] .b-check input{inline-size:20px;block-size:20px;margin:2px 0 0;flex:none}
[data-site="builders"] .b-check a{color:var(--b-beni-deep);font-weight:600}
[data-site="builders"] .b-hp{position:absolute;left:-9999px;inline-size:1px;block-size:1px;overflow:hidden}
[data-site="builders"] .b-form button{justify-self:start}
[data-site="builders"] .b-form.is-busy{opacity:.75}
[data-site="builders"] .b-sent{display:grid;gap:10px;padding:clamp(18px,3vw,28px);border-radius:8px;background:rgba(246,201,212,.3);border:1px solid rgba(163,40,79,.25)}
[data-site="builders"] .b-sent p{color:var(--b-ink-2)}
[data-site="builders"] .b-sent:focus{outline:none}

/* ---------- Footer: giant brushed wordmark ---------- */
[data-site="builders"] #site-foot{background:var(--b-ink);color:var(--b-on-ink-2);font-size:.92rem;position:relative;overflow:hidden}
[data-site="builders"] .b-foot{padding-block:clamp(40px,6vw,72px) 26px;max-inline-size:none}
[data-site="builders"] .b-foot__tag{font:italic 400 1.05rem/1.2 var(--b-serif);color:var(--b-on-ink-2)}
[data-site="builders"] .b-giant{
  margin:clamp(10px,2vw,24px) calc(var(--b-gut) * -1 + 4px) 0;
  font:600 20.4vw/.8 var(--b-serif);letter-spacing:-.035em;font-variation-settings:"opsz" 144,"SOFT" 0;
  text-transform:uppercase;white-space:nowrap;text-align:center;color:var(--b-on-ink);
  padding-bottom:.06em;
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  [data-site="builders"] .b-giant{
    color:transparent;-webkit-background-clip:text;background-clip:text;
    background-color:#F6EFE4;
    background-image:url(/builders/assets/dry-brush.svg);
    background-size:600px 300px;background-blend-mode:multiply;
  }
}
[data-site="builders"] .b-foot__top,[data-site="builders"] .b-foot__base{max-inline-size:var(--b-max);margin-inline:auto}
[data-site="builders"] .b-foot__base{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:center;justify-content:space-between;margin-top:clamp(18px,3vw,32px);padding-top:18px;border-top:1px solid rgba(246,239,228,.16)}
[data-site="builders"] .b-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 20px}
[data-site="builders"] .b-foot a{color:var(--b-on-ink);min-height:40px;display:inline-flex;align-items:center}
[data-site="builders"] .b-foot p{margin:0}

/* ---------- Brush marks ---------- */
[data-site="builders"] .b-hero::after{content:"";position:absolute;z-index:-1;inset:auto 0 0 0;block-size:clamp(40px,8vh,96px);background:linear-gradient(to bottom,rgba(251,246,236,0),var(--b-washi));pointer-events:none}
[data-site="builders"] .b-divider{display:block}
[data-site="builders"] .b-divider svg{inline-size:100%;block-size:clamp(26px,3.2vw,44px);overflow:visible}
[data-site="builders"] .b-key{position:relative;display:inline-block;white-space:nowrap;z-index:0}
[data-site="builders"] .b-under{position:absolute;z-index:-1;left:-4%;bottom:-.06em;inline-size:108%;block-size:.26em;overflow:visible;opacity:.9}
[data-site="builders"] .b-enso{position:absolute;z-index:-1;left:50%;top:54%;inline-size:2.25em;block-size:auto;transform:translate(-50%,-50%) rotate(-8deg);overflow:visible;opacity:.7}
[data-site="builders"] .b-key--enso{padding-inline:.14em}

/* ---------- Painter's inscription (sign-in page) ---------- */
[data-site="builders"] .b-inscription{position:absolute;display:flex;flex-direction:column;align-items:center;gap:14px}
[data-site="builders"] .b-tate{writing-mode:vertical-rl;white-space:nowrap;text-orientation:upright;font:400 clamp(.98rem,1.6vw,1.5rem)/1.4 var(--b-jp);letter-spacing:.26em;color:var(--b-ink);margin:0}
[data-site="builders"] .b-seal{display:block;inline-size:clamp(38px,4.2vw,56px);block-size:auto;aspect-ratio:1}
[data-site="builders"] .b-seal svg{inline-size:100%;block-size:100%}

/* ---------- Sign-in page ---------- */
[data-site="builders"] .b-signin{display:grid;min-height:calc(100svh - 58px)}
[data-site="builders"] .b-signin__art{position:relative;overflow:hidden;isolation:isolate;min-height:220px;background:var(--b-sakura-field);background-image:var(--b-washi-grain)}
[data-site="builders"] .b-signin__art svg.b-signin__branch{position:absolute;z-index:-1;max-inline-size:none;inline-size:72%;right:-4%;top:-36px}
[data-site="builders"] .b-signin__art .b-inscription{display:none}
[data-site="builders"] .b-signin__note{position:absolute;left:var(--b-gut);bottom:20px;max-inline-size:15ch;font:italic 400 1.15rem/1.35 var(--b-serif);color:var(--b-beni-deep)}
[data-site="builders"] .b-signin__panel{display:grid;align-content:center;padding:clamp(36px,6vw,80px) var(--b-gut) clamp(48px,7vw,96px)}
[data-site="builders"] .b-signin__inner{inline-size:100%;max-inline-size:440px;margin-inline:auto}
[data-site="builders"] .b-signin .b-h1{font-size:clamp(2rem,4vw,2.95rem);max-inline-size:none}
[data-site="builders"] .b-signin .b-lede{margin-top:14px;font-size:1.05rem}
[data-site="builders"] .b-signin__mark{--s:56px;margin-bottom:22px}
[data-site="builders"] .b-account{margin-top:30px;display:grid;gap:12px;justify-items:start}
/* Google sign-in button, per Google's branding guidelines (light theme): white fill, #747775 1px stroke,
   #1F1F1F Roboto Medium 14px label, standard multi-colour G, 40px tall, pill shape. */
[data-site="builders"] .b-gsi{
  display:inline-flex;align-items:center;gap:10px;block-size:40px;padding:0 12px;
  background:#FFFFFF;border:1px solid #747775;border-radius:20px;color:#1F1F1F;
  font:500 14px/20px "Builders Roboto",Roboto,Arial,sans-serif;letter-spacing:.25px;text-decoration:none;white-space:nowrap;
  transition:background-color .218s,border-color .218s,box-shadow .218s;
}
[data-site="builders"] .b-gsi:hover{background:#F8F8F8;box-shadow:0 1px 2px 0 rgba(60,64,67,.30),0 1px 3px 1px rgba(60,64,67,.15)}
[data-site="builders"] .b-gsi:active{background:#EEEEEE}
[data-site="builders"] .b-gsi__icon{inline-size:20px;block-size:20px;flex:none}
[data-site="builders"] .b-gsi__icon svg{inline-size:20px;block-size:20px}
[data-site="builders"] .b-account__caption{font-size:.9rem;color:var(--b-ink-3);max-inline-size:40ch}
[data-site="builders"] .b-honest{margin-top:26px;padding:14px 16px;border-radius:8px;background:rgba(246,201,212,.35);border:1px solid rgba(163,40,79,.25);font-size:.93rem;color:var(--b-ink-2)}
[data-site="builders"] .b-honest a{color:var(--b-beni-deep);font-weight:600}
[data-site="builders"] .b-signin__help{margin-top:28px;padding-top:20px;border-top:1px solid var(--b-line);font-size:.93rem;color:var(--b-ink-2)}
[data-site="builders"] .b-signin__help a{color:var(--b-beni-deep);font-weight:600}
@media (min-width:960px){
  [data-site="builders"] .b-signin{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  [data-site="builders"] .b-signin__art{min-height:auto}
  [data-site="builders"] .b-signin__art svg.b-signin__branch{inline-size:135%;right:-30%;top:-4%}
  [data-site="builders"] .b-signin__art .b-inscription{display:flex;top:auto;bottom:clamp(40px,8vh,96px);right:clamp(28px,4vw,64px)}
  [data-site="builders"] .b-signin__note{bottom:clamp(40px,8vh,96px);font-size:1.5rem;max-inline-size:22ch}
}

/* breadcrumb (SEO spec 4.5) */
[data-site="builders"] .b-crumbs ol{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:.2em .5em;font-size:.9rem}
[data-site="builders"] .b-crumbs li+li::before{content:"/";margin-right:.5em;opacity:.55}
[data-site="builders"] .b-crumbs a{color:inherit}
[data-site="builders"] [data-status="signin"]{margin-top:12px;font-size:.95rem}

@media (prefers-reduced-motion:reduce){
  [data-site="builders"] .b-btn,[data-site="builders"] .b-go svg,[data-site="builders"] .b-faq__v{transition:none}
}
@media print{[data-site="builders"] .b-petals{display:none}}

/* sign-in page: plain white instead of the cream (washi) page background */
[data-site="builders"]{--b-washi:#FFFFFF;--b-washi-2:#FFFFFF;--b-washi-grain:none;--b-washi-fibre:none}