/* SuriWeb r28 · the r27 / council system: Newsreader + Manrope, forest #0F2A22, mint, sun on the action only. */
@font-face{font-family:Newsreader;src:url(fonts/newsreader-normal.woff2) format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:Newsreader;src:url(fonts/newsreader-italic.woff2) format('woff2');font-weight:200 800;font-style:italic;font-display:swap}
@font-face{font-family:Manrope;src:url(fonts/manrope.woff2) format('woff2');font-weight:200 800;font-display:swap}
:root{--bg:#0f2a22;--deep:#0a1f18;--pine:#1f6f5c;--txt:#edf2ee;--soft:#b9cbc3;--mint:#8fc4b4;--sun:#f3b63f;--line:rgba(143,196,180,.2);--rule:rgba(237,242,238,.22);
 --ease:cubic-bezier(.16,1,.3,1);--m:64px;--g:24px;--W:min(1312px, calc(100vw - 2 * var(--m)));--col:calc((var(--W) - 11 * var(--g)) / 12);--fh:600px;--fw:960px}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{background:var(--bg);color:var(--txt);font:400 18px/28px Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit;color:inherit}
img{max-width:100%}
.serif{font-family:Newsreader,serif;font-optical-sizing:auto;font-weight:400}
em{font-style:italic;color:var(--mint)}
.skip{position:absolute;left:-9999px;top:8px;z-index:50;background:var(--sun);color:var(--bg);padding:8px 14px;border-radius:6px}
.skip:focus{left:16px}
.wrap{width:var(--W);margin:0 auto}
.sec{padding-top:160px}
.sec.tight{padding-top:56px}
.phead+.sec{padding-top:96px}
.phead+.prices{margin-top:96px}
.h2{font-size:64px;line-height:1.02;letter-spacing:-.015em;font-variation-settings:"opsz" 72}
.lead{font-size:20px;line-height:30px;color:var(--soft);max-width:760px}
.lead b{color:var(--txt);font-weight:500}
.sub{margin-top:16px;color:var(--soft);max-width:760px}
.small{font-size:16px;line-height:24px}
.lab{font-size:14px;line-height:20px;color:var(--mint);font-weight:500}
.big{font-size:26px;line-height:34px}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--sun);color:var(--bg);font-weight:600;font-size:16px;line-height:1;padding:17px 20px;border:0;border-radius:6px;white-space:nowrap;cursor:pointer;transition:filter .16s}
.btn:hover{filter:brightness(1.07)}
.link{color:var(--mint);border-bottom:1px solid var(--line);transition:border-color .16s}
.link:hover{border-color:var(--mint)}
:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.rise{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rise.in{opacity:1;transform:none}
.no-js .rise{opacity:1;transform:none}
/* header + footer */
.hd{height:76px}
.hd .wrap{height:100%;display:flex;align-items:center;gap:36px}
.hd .logo img,.ft img{display:block;height:24px;width:auto}
.hd nav{display:flex;gap:32px;margin-left:auto;font-size:15px;font-weight:500;color:var(--soft)}
.hd nav a{padding:6px 0;border-bottom:1px solid transparent}
.hd nav a:hover{color:var(--txt)}
.hd nav a[aria-current]{color:var(--txt);border-color:var(--mint)}
.ft{border-top:1px solid var(--line);margin-top:160px}
.ft .wrap{display:flex;align-items:center;gap:28px;padding:28px 0;font-size:15px;color:var(--soft)}
.ft img{height:18px}
.ft nav{display:flex;flex-wrap:wrap;gap:8px 22px;margin-left:auto}
.ft nav a:hover{color:var(--txt)}
/* page head (inner pages) */
.phead{padding-top:56px}
.phead h1{font-size:72px;line-height:1.02;letter-spacing:-.02em;font-variation-settings:"opsz" 72;margin:14px 0 20px;max-width:1100px}
.phead .btn{margin-top:28px}
.phead .link{display:inline-block;margin-top:20px}
.phead .meta{margin-top:14px;color:var(--soft)}
/* frames */
.frame{position:relative;display:block;overflow:hidden;box-shadow:0 0 0 1px var(--line);background:var(--deep)}
.frame.shot{aspect-ratio:8/5;width:100%}
.frame.shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.phone{display:block;width:100%;border-radius:30px;overflow:hidden;box-shadow:0 0 0 1px var(--line),0 30px 60px -30px rgba(0,0,0,.6);background:var(--deep)}
.phone img{display:block;width:100%;height:auto}
/* ruled lines, rows, ticks, questions */
.lines{list-style:none;margin-top:48px;max-width:980px}
.lines li{font-family:Newsreader,serif;font-size:40px;line-height:48px;letter-spacing:-.01em;padding:22px 0;border-top:1px solid var(--rule);font-variation-settings:"opsz" 36}
.lines li:last-child{border-bottom:1px solid var(--rule)}
.rows{margin-top:40px;border-top:1px solid var(--rule)}
.rows>div{display:grid;grid-template-columns:repeat(12,var(--col));column-gap:var(--g);padding:20px 0;border-bottom:1px solid var(--rule);align-items:baseline}
.rows dt{grid-column:1 / span 4;font-size:20px;line-height:28px}
.rows dt .serif{font-size:26px;line-height:32px}
.rows dd{grid-column:5 / span 8;color:var(--soft)}
.rows.wide dd .v{display:block;margin-top:6px;color:var(--txt);font-weight:500}
.ticks{list-style:none;margin-top:40px;columns:2;column-gap:var(--g);max-width:980px}
.ticks li{break-inside:avoid;padding:14px 0 14px 28px;border-top:1px solid var(--rule);position:relative}
.ticks li::before{content:"";position:absolute;left:0;top:26px;width:14px;height:1px;background:var(--mint)}
.qa{max-width:860px;margin-top:40px;border-top:1px solid var(--rule)}
.qa>div{padding:28px 0;border-bottom:1px solid var(--rule)}
.qa h3{font-size:28px;line-height:34px;font-weight:400}
.qa p{margin-top:10px;color:var(--soft)}
.qa p.big{margin:0;color:var(--txt)}
.qa+.link{display:inline-block;margin-top:28px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:var(--g);margin-top:40px}
.two h3{font-size:32px;line-height:38px}
.two .ticks{columns:1;margin-top:16px}
.trades{margin-top:40px;border-top:1px solid var(--rule)}
.trades a{display:flex;justify-content:space-between;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--rule);font-size:28px;line-height:34px;transition:color .16s}
.trades a span:last-child{color:var(--mint);font-size:20px}
.trades a:hover{color:var(--mint)}
/* prices on pine */
.prices{background:var(--pine);margin-top:160px;padding:120px 0}
.prices .rows-p{margin-top:56px}
.prices .row{display:grid;grid-template-columns:repeat(12,var(--col));column-gap:var(--g);align-items:baseline;padding:28px 0;border-top:1px solid rgba(237,242,238,.35)}
.prices .row:last-child{border-bottom:1px solid rgba(237,242,238,.35)}
.prices .n{grid-column:1 / span 4;font-size:40px;line-height:44px}
.prices .s{grid-column:5 / span 4;color:#e2ece7}
.prices .s .t{display:block;margin-top:4px;font-size:16px;color:#d2e4dc}
.prices .p{grid-column:9 / span 4;text-align:right;font-size:64px;line-height:64px;letter-spacing:-.01em;white-space:nowrap}
.prices .p s{font:400 16px/1 Manrope,sans-serif;color:#cfe0d8;margin-right:14px;vertical-align:middle}
.prices .terms{margin-top:28px;max-width:860px;color:#e2ece7}
.prices em{color:#d5ece4}
/* A · home opening */
.opening h1{font-size:88px;line-height:1;letter-spacing:-.02em;font-variation-settings:"opsz" 72;margin:18px 0 34px}
.open-row{display:grid;grid-template-columns:var(--fw) 1fr;gap:calc(var(--g) * 2);align-items:end}
.stil{width:var(--fw);height:var(--fh);pointer-events:none;user-select:none}
.stil>img,.stil>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.stil video{object-position:50% 100%;opacity:0;transition:opacity .6s linear}
.stil video.on{opacity:1}
.stil .layer{opacity:0;transition:opacity .6s linear}
.stil .layer.on{opacity:1}
.stil .poster{transition:opacity .6s linear}
.stil .poster.off{opacity:0}
.stil .calm{display:none}
.rail h2{font-size:32px;line-height:38px;margin:14px 0 16px;letter-spacing:-.01em}
.rail p.l{color:var(--soft)}
.rail .btn{margin-top:28px}
.rail .from{margin-top:18px}
.rail .link{display:inline-block;margin-top:8px}
.phone-hero{display:none}
/* B · werkwijze on the home */
.how{display:grid;grid-template-columns:repeat(12,var(--col));column-gap:var(--g)}
.how .txt{grid-column:1 / span 8}
.how .who{margin-top:28px;color:var(--soft)}
.how .who b{color:var(--txt);font-weight:500}
.how .txt>.link{display:inline-block;margin-top:16px}
.how .ph{grid-column:10 / span 3;align-self:end}
/* C · the switcher */
.ex{display:grid;grid-template-columns:repeat(12,var(--col));column-gap:var(--g);margin-top:56px;align-items:start}
.ex .list{grid-column:1 / span 4;border-top:1px solid var(--rule)}
.ex .list button{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--rule);padding:14px 0;cursor:pointer;font:400 26px/32px Newsreader,serif;color:var(--soft);transition:color .16s,padding .3s var(--ease)}
.ex .list button span{display:block;margin-top:2px;font:500 15px/20px Manrope,sans-serif;color:var(--mint);opacity:.8}
.ex .list button:hover,.ex .list button[aria-selected="true"]{color:var(--txt)}
.ex .list button[aria-selected="true"]{box-shadow:inset 3px 0 0 var(--mint);padding-left:16px}
.ex .stage{grid-column:5 / span 8;position:relative}
.ex .panes{position:relative;aspect-ratio:8/5}
.ex .pane{position:absolute;inset:0;opacity:0;transition:opacity .4s linear;pointer-events:none}
.ex .pane.on{opacity:1;pointer-events:auto}
.ex .ph2{position:absolute;right:-12px;top:calc((8 * var(--col) + 7 * var(--g)) * .625 - 269px);width:150px;border-radius:22px;overflow:hidden;box-shadow:0 0 0 1px var(--line),0 24px 50px -20px rgba(0,0,0,.7);background:var(--deep)}
.ex .ph2 img{display:none;width:100%;height:auto}
.ex .ph2 img.on{display:block}
.ex .cap{display:none;margin-top:24px;max-width:600px}
.ex .cap.on{display:block}
.ex .cap .lab{display:block;margin-bottom:6px}
.ex .cap p{font-size:26px;line-height:34px}
.ex .cap .link{display:inline-block;margin-top:12px;font-size:16px}
/* forms (inert in review builds) */
.form{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:var(--g);align-items:end;margin-top:40px}
.form label{display:block}
.form label.wide{grid-column:1 / -2}
.form label span{display:block;font-size:14px;color:var(--soft);margin-bottom:8px}
.form input,.form textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid var(--rule);padding:10px 0 12px;font-size:18px;outline:none;transition:border-color .16s;border-radius:0}
.form textarea{resize:vertical}
.form input:focus,.form textarea:focus{border-color:var(--mint)}
.msg{margin-top:16px;color:var(--mint);min-height:28px}
.lines-note{margin-top:20px;color:var(--soft)}
.close .sub{margin-bottom:28px}
/* examples index, cases, blog */
.spreads{padding-top:40px}
.spread{display:grid;grid-template-columns:repeat(12,var(--col));column-gap:var(--g);align-items:end;margin-top:120px}
.spread>a{grid-column:1 / span 8}
.spread .txt{grid-column:9 / span 4}
.spread.flip>a{grid-column:5 / span 8;order:2}
.spread.flip .txt{grid-column:1 / span 4;order:1}
.spread h2{font-size:40px;line-height:46px;margin:8px 0 12px}
.spread .big{margin-bottom:8px}
.spread .link{display:inline-block;margin-top:16px}
.case-open{padding-top:40px}
.case-meta{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-top:16px;color:var(--soft)}
.case-meta b{color:var(--txt);font-weight:500}
.obs{display:grid;grid-template-columns:repeat(12,var(--col));column-gap:var(--g);margin-top:72px;align-items:end}
.obs .frame{grid-column:1 / span 8}
.obs figcaption{grid-column:9 / span 4}
.obs h3{font-size:32px;line-height:38px;margin-bottom:10px}
.obs p{color:var(--soft)}
.next .nextlink{display:inline-flex;gap:16px;margin-top:10px;font-size:64px;line-height:1;letter-spacing:-.015em;transition:color .16s}
.next .nextlink:hover{color:var(--mint)}
.posts{margin-top:40px;border-top:1px solid var(--rule)}
.post{display:grid;grid-template-columns:repeat(12,var(--col));column-gap:var(--g);padding:26px 0;border-bottom:1px solid var(--rule);align-items:baseline}
.post .lab{grid-column:1 / span 3}
.post .t{grid-column:4 / span 5;font-size:28px;line-height:34px;transition:color .16s}
.post .d{grid-column:9 / span 4;color:var(--soft);font-size:16px;line-height:24px}
.post:hover .t{color:var(--mint)}
.art-pic{margin-top:40px}
.art-pic img{display:block;width:100%;height:auto;box-shadow:0 0 0 1px var(--line)}
.prose{max-width:760px;padding-top:56px}
.prose h2{font-family:Newsreader,serif;font-weight:400;font-size:36px;line-height:42px;margin:56px 0 16px}
.prose h3{font-family:Newsreader,serif;font-weight:400;font-size:26px;line-height:32px;margin:36px 0 10px}
.prose p,.prose li{color:#d4e1db}
.prose p+p{margin-top:16px}
.prose ul,.prose ol{margin:16px 0 0 22px}
.prose li{margin-top:8px}
.prose a{color:var(--mint);border-bottom:1px solid var(--line)}
.prose strong,.prose b{color:var(--txt);font-weight:600}
.prose table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;margin-top:24px;font-size:16px}
.prose{overflow-wrap:anywhere}
.open{border-bottom:1px dashed var(--mint)}
.prose th,.prose td{text-align:left;padding:12px 8px 12px 0;border-bottom:1px solid var(--rule);vertical-align:top}
.prose th{color:var(--mint);font-weight:500}
.prose .src{color:var(--soft)}
.src-list{margin-top:72px;padding-top:24px;border-top:1px solid var(--rule)}
.src-list ul{list-style:none;margin:16px 0 0}
.src-list li{font-size:15px;line-height:22px;margin-top:10px;color:var(--soft)}
.logos{display:grid;grid-template-columns:repeat(3,1fr);gap:40px var(--g)}
.logos figure{margin:0}
.logo-art{display:grid;place-items:center;aspect-ratio:3/2}
.logo-art img{max-width:60%;max-height:52%;width:auto;height:auto;object-fit:contain}
.logos figcaption{margin-top:12px;font-size:15px;color:var(--soft)}
.logos figcaption b{color:var(--txt);font-weight:500}
@media (max-width:1100px){
 .opening h1{font-size:64px}
 .open-row{display:flex;flex-direction:column;align-items:stretch;gap:36px}
}
@media (max-width:760px){
 :root{--m:20px}
 html{font-size:17px;line-height:27px}
 .hd{height:64px}
 .hd nav{gap:16px;font-size:14px}
 .opening h1{font-size:44px;margin:10px 0 18px}
 .stil{display:none}
 .btn{display:flex;justify-content:center;white-space:normal;text-align:center}
 .phone-hero{display:block;width:100%;max-width:320px;margin:0 auto}
 .sec{padding-top:96px}
 .h2,.phead h1{font-size:40px;line-height:44px}
 .lead{font-size:18px;line-height:28px}
 .how,.ex,.spread,.obs,.post,.rows>div{display:block}
 .lines li{font-size:26px;line-height:32px}
 .how .ph{width:220px;margin:40px auto 0}
 .ex .list button{font-size:22px;line-height:28px}
 .ex .stage{margin-top:28px}
 .ex .ph2{display:none}
 .prices{margin-top:96px;padding:72px 0}
 .prices .row{display:block}
 .prices .n{font-size:30px}
 .prices .p{display:block;text-align:left;font-size:44px;line-height:52px;margin-top:8px}
 .rows dd{margin-top:4px}
 .ticks{columns:1}
 .two{grid-template-columns:1fr}
 .form{grid-template-columns:1fr}
 .spread{margin-top:72px}
 .spread .txt{margin-top:20px}
 .obs figcaption{margin-top:16px}
 .next .nextlink{font-size:40px}
 .post .t{display:block;margin:6px 0}
 .logos{grid-template-columns:1fr 1fr}
 .case-meta{display:block}
 .ft{margin-top:96px}
 .ft .wrap{flex-wrap:wrap}
 .ft nav{margin-left:0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.rise{opacity:1;transform:none}html{scroll-behavior:auto}.stil .calm{display:block}}
/* r28.1 · GPT judge r27 fixes */
.btn.ghost{background:transparent;color:var(--txt);box-shadow:inset 0 0 0 1px var(--rule)}
.btn.ghost:hover{box-shadow:inset 0 0 0 1px var(--mint);filter:none}
.acts{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:14px}
.open-row{grid-template-columns:minmax(0,var(--fw)) minmax(300px,1fr);align-items:start}
.stage1{margin:0;min-width:0}
.stage1 .stil{width:100%;max-width:var(--fw);height:auto;aspect-ratio:8/5}
.stage1 figcaption{display:flex;align-items:baseline;gap:22px;margin-top:12px;font-size:15px}
.replay{margin-left:auto;background:none;border:0;color:var(--soft);font-size:15px;cursor:pointer;border-bottom:1px solid var(--line)}
.replay:hover{color:var(--txt)}
.rail{padding-top:0}
.rail h2{font-size:40px;line-height:46px;margin:0 0 16px}
.ex .cap p.serif{font-size:22px;line-height:30px}
.proof{display:grid;grid-template-columns:repeat(12,var(--col));column-gap:var(--g);margin-top:120px;align-items:start}
.proof .txt{grid-column:1 / span 4}
.proof .pair{grid-column:5 / span 8;display:grid;gap:var(--g)}
.proof.flip .txt{grid-column:9 / span 4;order:2}
.proof.flip .pair{grid-column:1 / span 8;order:1}
.proof h3{font-size:32px;line-height:38px;margin:8px 0 14px}
.proof p{color:var(--soft);margin-top:10px}
.proof p b{color:var(--txt);font-weight:600}
.steps3{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--g);margin-top:40px;border-top:1px solid var(--rule)}
.steps3 li{padding-top:20px}
.steps3 b{display:block;font-weight:400;font-size:28px;line-height:34px}
.steps3 span{display:block;margin-top:8px;color:var(--soft)}
#werkwijze.sec{padding-top:120px}
.ask-row{display:grid;grid-template-columns:repeat(12,var(--col));column-gap:var(--g)}
.ask-row>div{grid-column:1 / span 8}
.ask-row .form{grid-template-columns:1fr 1fr}
.ask-row .form .btn{justify-self:start}
.makers{grid-column:10 / span 3;margin-top:40px;padding-top:20px;border-top:1px solid var(--rule)}
.makers .m{font-size:26px;line-height:32px;margin:8px 0 12px}
.makers p:last-child{color:var(--soft);font-size:16px;line-height:25px}
.menu{display:none;margin-left:auto;position:relative}
.menu summary{list-style:none;cursor:pointer;font-weight:600;font-size:15px;padding:8px 14px;border:1px solid var(--rule);border-radius:6px}
.menu summary::-webkit-details-marker{display:none}
.menu nav{position:absolute;right:0;top:calc(100% + 10px);z-index:40;display:flex;flex-direction:column;min-width:240px;padding:10px 18px;background:var(--deep);border:1px solid var(--line);border-radius:10px;box-shadow:0 20px 40px rgba(0,0,0,.45)}
.menu nav a{padding:10px 0;border-bottom:1px solid var(--rule);font-size:17px}
.menu nav a:last-child{border:0}
@media (max-width:1100px){.open-row{display:flex;flex-direction:column}.stage1 .stil{max-width:none}.ask-row{display:block}.makers{margin-top:48px}.proof{display:block}.proof .pair{margin-top:24px}}
@media (max-width:760px){
 .hd nav.main{display:none}.menu{display:block}
 .stage1{display:none}
 .phone-hero{display:block;max-width:300px;margin:8px auto 0}.phone-hero .lab{margin-top:10px;text-align:center}
 .rail h2{font-size:30px;line-height:36px}
 .steps3{grid-template-columns:1fr}
 .ask-row .form{grid-template-columns:1fr}
}
.reach{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.concept{display:inline-block;font-size:14px;color:var(--bg);background:var(--mint);padding:4px 10px;border-radius:4px;margin-bottom:8px}
@media (max-width:760px){.reach{flex-direction:column}}
.legal-line{padding:0 0 28px;font-size:13px;line-height:20px;color:var(--soft)}
.legal-line a{color:var(--soft);border-bottom:1px solid var(--line)}
.stil picture,.stil picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.free-note{margin-top:10px;color:var(--soft)}
/* r28.4 · GPT judge r28.1 */
.h3{font-size:40px;line-height:46px;margin-top:120px}
.prices .row{grid-template-areas:none}
.topics{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:24px}
.topics a{color:var(--mint);border-bottom:1px solid var(--line)}
.faqs{padding-top:48px}
.faqs .grp{margin-top:56px}
.faqs .grp h2{font-size:32px;line-height:38px}
.faqs .qa{margin-top:16px}
.stages{list-style:none;margin-top:40px;border-top:1px solid var(--rule);max-width:980px}
.stages li{display:grid;grid-template-columns:260px 1fr;gap:var(--g);padding:20px 0;border-bottom:1px solid var(--rule)}
.stages b{font-weight:400;font-size:26px;line-height:32px}
.stages span{color:var(--soft)}
.phead .reach{margin-top:28px}
.checklist{list-style:none!important;margin-left:0!important;border-top:1px solid var(--rule)}
.checklist li{padding:12px 0 12px 30px;border-bottom:1px solid var(--rule);position:relative}
.checklist li::before{content:"";position:absolute;left:4px;top:18px;width:12px;height:7px;border-left:2px solid var(--mint);border-bottom:2px solid var(--mint);transform:rotate(-45deg)}
@media (max-width:760px){
 .prices .row>span{display:block}
 .prices .n{margin-bottom:6px}
 .prices .s{margin-bottom:6px}
 .stages li{grid-template-columns:1fr;gap:6px}
 .h3{font-size:30px;line-height:36px;margin-top:80px}
}
.fig{margin:48px 0 0;max-width:980px}
.fig figcaption{margin-top:14px;font-size:15px;color:var(--soft)}
.fig-table{width:100%;border-collapse:collapse;font-size:17px}
.fig-table th,.fig-table td{text-align:left;padding:14px 12px 14px 0;border-bottom:1px solid var(--rule)}
.fig-table thead th{font-size:14px;color:var(--mint);font-weight:500;border-bottom:1px solid var(--txt)}
.fig-table tbody th{font-family:Newsreader,serif;font-weight:400;font-size:22px}
.fig-table td:last-child{text-align:right;white-space:nowrap}
.fig-seq{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;border-top:2px solid var(--mint)}
.fig-seq li{padding:16px 16px 4px 0;border-right:1px solid var(--rule)}
.fig-seq li:last-child{border-right:0}
.fig-seq b{display:block;font-family:Newsreader,serif;font-weight:400;font-size:22px;line-height:28px}
.fig-seq span{display:block;margin-top:6px;font-size:15px;line-height:22px;color:var(--soft)}
.fig-two{display:grid;grid-template-columns:1fr 1fr;gap:var(--g)}
.fig-two figcaption{grid-column:1 / -1}
.fig-two ul{list-style:none;margin-top:10px;border-top:1px solid var(--rule)}
.fig-two li{padding:10px 0;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;gap:16px}
.fig-two .kv span{white-space:nowrap}
.fig-three{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--g)}
.fig-three figcaption{grid-column:1 / -1}
.fig-three img{display:block;height:56px;width:auto;margin-bottom:14px;background:#f6f2ea;padding:8px 12px;border-radius:4px}
.fig-three b{display:block;font-weight:400;font-size:26px}
.fig-three .v{display:block;margin:4px 0 10px;color:var(--mint)}
.fig-three ul{list-style:none}
.fig-three li{font-size:15px;line-height:22px;color:var(--soft);padding:6px 0;border-top:1px solid var(--rule)}
.fig-anatomy .fig-seq{margin-top:20px}
.fig-toc{list-style:none;margin-top:10px;border-top:1px solid var(--rule)}
.fig-toc li{padding:10px 0;border-bottom:1px solid var(--rule);font-family:Newsreader,serif;font-size:22px;line-height:28px}
.feature{display:grid;grid-template-columns:repeat(12,var(--col));column-gap:var(--g);align-items:end;margin-top:40px}
.feature .pic{grid-column:1 / span 7}
.feature .pic img{display:block;width:100%;height:auto;box-shadow:0 0 0 1px var(--line)}
.feature .txt{grid-column:8 / span 5}
.feature .t{display:block;font-size:40px;line-height:46px;margin:10px 0 12px}
.feature .d{color:var(--soft)}
.feature:hover .t{color:var(--mint)}
@media (max-width:760px){.fig-seq{grid-template-columns:1fr}.fig-seq li{border-right:0;border-bottom:1px solid var(--rule)}.fig-two,.fig-three,.feature{display:block}.fig-three>div{margin-top:24px}.feature .txt{display:block;margin-top:16px}.feature .t{font-size:30px;line-height:36px}.fig-table{display:block;overflow-x:auto}}
/* sticky header: hides going down past 140 px, returns on the way up (rev-b r28.1) */
.hd{position:sticky;top:0;z-index:30;background:var(--bg);transition:transform .4s var(--ease)}
.hd.up{transform:translateY(-100%)}
.fig-table tbody th{white-space:nowrap}
/* r28.4 · rev-b r28.1 + GPT r28.2 */
.paper{background:#eef4f1;color:#0f2a22;--txt:#0f2a22;--soft:#3d5249;--mute:#55695f;--line:#c6d6ce;--rule:#c6d6ce;--mint:#1f6f5c;width:100%;margin-top:160px;padding:96px max(var(--m), calc((100vw - 1312px) / 2))}
.paper.sec{padding-top:96px}
.paper .rows dd{color:#3d5249}
.two-side{display:grid;grid-template-columns:repeat(12,var(--col));column-gap:var(--g);align-items:end}
.two-side>div:first-child{grid-column:1 / span 8}
.two-side .side{grid-column:10 / span 3}
.two-side .side .lab{margin-top:10px}
.withph{display:grid;grid-template-columns:repeat(12,var(--col));column-gap:var(--g);align-items:end}
.withph>div:first-child{grid-column:1 / span 8}
.withph .ph{grid-column:10 / span 3}
.withph .ph .lab{margin-top:10px}
.sheet{max-width:760px;background:#fff;padding:40px 44px;box-shadow:0 30px 60px -40px rgba(15,42,34,.5);margin-top:40px}
.sheet .sh{font-size:32px;line-height:38px;margin-top:6px}
.ident{display:grid;grid-template-columns:repeat(12,var(--col));grid-template-rows:auto auto;column-gap:var(--g);row-gap:var(--g);margin-top:40px}
.ident figure{margin:0;display:grid;place-items:center}
.ident img{max-width:62%;max-height:60%;width:auto;height:auto}
.i-main{grid-column:1 / span 7;grid-row:1 / span 2;aspect-ratio:4/3}
.i-dark{grid-column:8 / span 3;background:#173F22;aspect-ratio:1}
.i-mono{grid-column:11 / span 2;background:#fff;aspect-ratio:1}
.i-icon{grid-column:8 / span 2;aspect-ratio:1}
.i-txt{grid-column:10 / span 3;align-self:end}
.i-txt .sw{display:flex;gap:8px;margin-top:14px}
.i-txt .sw span{width:28px;height:28px;border-radius:50%;box-shadow:0 0 0 1px var(--line)}
.case-pair{display:grid;grid-template-columns:repeat(12,var(--col));column-gap:var(--g);align-items:end}
.case-pair>.frame{grid-column:1 / span 10}
.case-pair .cph{grid-column:11 / span 2}
@media (max-width:760px){
 .two-side,.withph,.ident,.case-pair{display:block}
 .two-side .side,.withph .ph{max-width:260px;margin:40px auto 0}
 .paper{margin-top:96px;padding:64px var(--m)}
 .sheet{padding:28px 22px}
 .ident figure{margin-top:14px}.i-txt{margin-top:20px}
 .case-pair>.frame{display:none}.case-pair .cph{max-width:300px;margin:0 auto}
}
.lines li b{font-weight:400;color:var(--mint)}
.capshot{display:block;width:100%}
.capshot img{display:block;width:100%;height:auto}
/* r28.5 · rev-b r28.2 */
.prose table th,.prose table td{overflow-wrap:normal;word-break:normal;hyphens:manual}
.prose table th:first-child,.prose table td:first-child{min-width:150px}
.grp-h{font-size:26px;line-height:32px;margin-top:40px}
.grp-h+.rows{margin-top:12px}
.card{border:1px solid var(--rule);padding:28px;border-radius:4px}
.card img{height:22px;width:auto;margin-bottom:22px}
.card .serif{font-size:26px;line-height:32px}
.card p+p{margin-top:6px;color:var(--soft)}
.faqs{display:grid;grid-template-columns:repeat(12,var(--col));column-gap:var(--g);align-items:start}
.faq-main{grid-column:1 / span 8}
.faq-card{grid-column:10 / span 3;position:sticky;top:96px;margin-top:56px;border-top:1px solid var(--rule);padding-top:20px}
.faq-card .serif{font-size:26px;line-height:32px}
.faq-card p+p{margin-top:8px;color:var(--soft)}
.faq-card .btn{margin-top:20px}
@media (max-width:760px){.faqs{display:block}.faq-card{position:static;margin-top:56px}}
.addr{align-self:center;color:var(--soft);font-size:15px}
.two-side{align-items:start}
.scope{margin-top:20px;max-width:760px;padding:16px 20px;border-left:2px solid var(--mint);color:var(--soft)}
.fig-toc a{color:inherit}
.fig-toc a:hover{color:var(--mint)}
.src-list a{color:var(--mint);border-bottom:1px solid var(--line)}
@media (max-width:760px){.home .rail .from{display:none}.phone-hero{max-width:250px}.phead+.prices{margin-top:48px}.prices{padding-top:56px}.phead{padding-top:32px}}
/* r28.6 · rev-b r28.3 */
.stages li{grid-template-columns:48px 220px 1fr;align-items:start}
.ico{width:40px;height:40px;color:var(--mint)}
.mails{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--g);margin-top:40px}
.mail{background:#f6f8f7;color:#0f2a22;padding:24px 26px;border-radius:4px;box-shadow:0 30px 60px -40px rgba(0,0,0,.6)}
.mail .lab{color:#1f6f5c}
.mail .subj{font-size:24px;line-height:30px;margin:8px 0 12px}
.mail ul{list-style:none}
.mail li{padding:7px 0;border-top:1px solid #d3e1db;font-size:15px;line-height:22px}
.mail p{font-size:15px;line-height:23px;color:#3d5249}
.mail .subj{color:#0f2a22}
.sketch{display:grid;grid-template-columns:1fr 1fr;gap:var(--g);margin-top:40px;align-items:start}
.sketch svg{width:100%;height:auto;color:var(--mint);background:rgba(143,196,180,.06);box-shadow:0 0 0 1px var(--line)}
.paper .form .btn,.paper .reach .btn{box-shadow:inset 0 0 0 1.5px #0f2a22}
.paper .addr{color:#3d5249}
@media (max-width:760px){.stages li{grid-template-columns:40px 1fr}.stages li span{grid-column:2}.mails,.sketch{grid-template-columns:1fr}}
/* r28.6 · rev-b r28.3 + desk Over ons */
.stages li{grid-template-columns:48px 220px 1fr;align-items:start}
.ico{width:40px;height:40px;color:var(--mint)}
.mails{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--g);margin-top:40px}
.mail{background:#f6f8f7;color:#0f2a22;padding:24px 26px;border-radius:4px;box-shadow:0 30px 60px -40px rgba(0,0,0,.6)}
.mail .lab{color:#1f6f5c}
.mail .subj{font-size:24px;line-height:30px;margin:8px 0 12px;color:#0f2a22}
.mail ul{list-style:none}
.mail li{padding:7px 0;border-top:1px solid #d3e1db;font-size:15px;line-height:22px}
.mail p{font-size:15px;line-height:23px;color:#3d5249}
.sketch{display:grid;grid-template-columns:1fr 1fr;gap:var(--g);margin-top:40px;align-items:start}
.sketch svg{width:100%;height:auto;color:var(--mint);background:rgba(143,196,180,.06);box-shadow:0 0 0 1px var(--line)}
.spec{margin-top:56px;max-width:980px;border-top:2px solid var(--mint)}
.spec .lab{margin:14px 0 6px}
.sp-row{display:grid;grid-template-columns:200px 1fr;gap:var(--g);padding:16px 0;border-bottom:1px solid var(--rule);align-items:baseline}
.sp-row .k{font-size:14px;color:var(--mint);font-weight:500}
.sp-row .kn i{color:#c8714a}
.sp-row .sw{display:flex;gap:10px}
.sp-row .sw i{width:34px;height:34px;border-radius:50%;box-shadow:0 0 0 1px var(--line)}
.makers2{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--g) * 3);margin-top:40px}
.makers2 .nm{font-size:64px;line-height:1;letter-spacing:-.015em}
.makers2 .lab{margin:10px 0 14px}
.makers2 p{color:var(--soft)}
.makers2 p+p{margin-top:12px}
.paper .btn{box-shadow:inset 0 0 0 1.5px #0f2a22}
.paper .addr{color:#3d5249}
@media (max-width:760px){.stages li{grid-template-columns:40px 1fr}.stages li span{grid-column:2}.mails,.sketch,.makers2{grid-template-columns:1fr}.sp-row{grid-template-columns:1fr;gap:4px}.makers2 .nm{font-size:44px}}
.sheet{color:#0f2a22;--txt:#0f2a22;--soft:#3d5249;--rule:#c6d6ce;--mint:#1f6f5c}
.sheet .rows dd{color:#3d5249}
/* r28.6 · GPT r28.5 */
.sheet .rows>div{grid-template-columns:150px 1fr}
.sheet .rows dt,.sheet .rows dd{grid-column:auto}
.cinfo .serif{font-size:28px;line-height:34px}
.cinfo p+p{margin-top:6px;color:var(--soft)}
.withph{align-items:start}
.entries{margin-top:96px;border-top:1px solid var(--rule)}
.entry{display:grid;grid-template-columns:repeat(12,var(--col));column-gap:var(--g);align-items:center;padding:24px 0;border-bottom:1px solid var(--rule)}
.entry .th{grid-column:1 / span 3}
.entry .th img{display:block;width:100%;height:auto;box-shadow:0 0 0 1px var(--line)}
.entry>div{grid-column:4 / span 6}
.entry h2{font-size:30px;line-height:36px;margin:4px 0 6px}
.entry>div p:last-child{color:var(--soft);font-size:16px;line-height:24px}
.entry .acts{grid-column:10 / span 3;flex-direction:column;gap:8px;margin:0}
.apps{grid-column:1 / span 9;display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:var(--g);margin-top:var(--g)}
.card-app{aspect-ratio:85/55;padding:18px;display:flex;flex-direction:column;justify-content:space-between;color:#173F22;box-shadow:0 20px 40px -24px rgba(0,0,0,.6)}
.card-app img{width:52%;height:auto}
.card-app p{font-size:12px;line-height:16px}
.card-app .cn{font-weight:600}
.letter{aspect-ratio:210/297;background:#fff;padding:18px;display:flex;flex-direction:column;gap:9px;box-shadow:0 20px 40px -24px rgba(0,0,0,.6)}
.letter img{width:40%;height:auto;margin-bottom:10px}
.letter .ln{font-size:10px;color:#173F22}
.letter i{display:block;height:5px;background:#e8e4da;border-radius:2px}
.letter i.s{width:40%}
.socpost{aspect-ratio:1;padding:16px;display:flex;flex-direction:column;justify-content:space-between;color:#FFF8EC}
.socpost img{width:34%;height:auto}
.socpost p{font-family:Newsreader,serif;font-size:22px;line-height:26px}
@media (max-width:760px){
 .entry{display:block}.entry .th{display:block;margin-bottom:12px}.entry .acts{flex-direction:row;margin-top:12px}
 .apps{grid-template-columns:1fr 1fr}
 .prose table.stack,.prose table.stack tbody,.prose table.stack tr,.prose table.stack td,.prose table.stack th{display:block;width:100%}
 .prose table.stack thead{display:none}
 .prose table.stack tr{padding:12px 0;border-bottom:1px solid var(--rule)}
 .prose table.stack td,.prose table.stack th{border:0;padding:3px 0}
 .prose table.stack [data-label]::before{content:attr(data-label) ": ";color:var(--mint);font-weight:500}
 .prose table.stack tr>:first-child{font-family:Newsreader,serif;font-size:22px}
 .prose table.stack tr>:first-child::before{display:none}
 #prijzen h2.h2,.inner .prices .h2{font-size:30px;line-height:36px}
}
.apps{grid-column:1 / span 12;grid-row:3}
.i-txt{grid-row:2}
.apps>div{min-width:0}
@media (max-width:760px){.apps{grid-template-columns:1fr 1fr;margin-top:14px}.apps .socpost{grid-column:1 / -1;aspect-ratio:2/1}}
.i-dark{background:#1e4a2a!important}.socpost img{width:62%}
/* r28.7 · rev-b r28.4 */
.posts .post{align-items:start}
.kort{margin:32px 0 8px;padding:20px 24px;border-left:2px solid var(--mint);background:rgba(143,196,180,.07)}
.kort ul{list-style:none!important;margin:8px 0 0!important}
.kort li{margin:0;padding:6px 0;font-family:Newsreader,serif;font-size:21px;line-height:28px;color:var(--txt)}
.bodyfig{margin:40px 0}
.bodyfig figcaption{margin-top:10px;font-size:15px;color:var(--soft)}
.bodyfig .vph{max-width:260px}
.vlogo{display:grid;grid-template-columns:1fr 1fr}
.vlogo img{width:100%;height:auto;display:block}
.faqs .grp h2{display:flex;align-items:center;gap:14px}
.sheet.mini{max-width:none;margin-top:0;align-self:start;grid-column:9 / span 4}
.withph .sheet.mini{grid-column:9 / span 4}
@media (max-width:760px){.sheet.mini{margin-top:32px}}
/* r28.7 · rev-b r28.4 */
.posts .post{align-items:start}
.kort{margin:32px 0 8px;padding:20px 24px;border-left:2px solid var(--mint);background:rgba(143,196,180,.07)}
.kort ul{list-style:none!important;margin:8px 0 0!important}
.kort li{margin:0;padding:6px 0;font-family:Newsreader,serif;font-size:21px;line-height:28px;color:var(--txt)}
.bodyfig{margin:40px 0}
.bodyfig figcaption{margin-top:10px;font-size:15px;color:var(--soft)}
.bodyfig .vph{max-width:260px}
.vlogo{display:grid;grid-template-columns:1fr 1fr}
.vlogo img{width:100%;height:auto;display:block}
.faqs .grp h2{display:flex;align-items:center;gap:14px}
.withph .sheet.mini{grid-column:9 / span 4;max-width:none;margin-top:0;align-self:start}
@media (max-width:760px){.withph .sheet.mini{margin-top:32px}}
/* r28.7 · GPT r28.6 */
.code{margin:16px 0;padding:14px 16px;background:rgba(143,196,180,.08);border-left:2px solid var(--mint);font:15px/22px ui-monospace,Menlo,monospace;color:var(--txt);overflow-x:auto;white-space:pre-wrap;word-break:break-all}
.inner .prose h2{font-size:30px;line-height:36px}
@media (max-width:760px){
 .home .rail h2{display:none}
 .prices .row{display:grid!important;grid-template-columns:1fr auto;align-items:baseline}
 .prices .row .n{grid-column:1}.prices .row .p{grid-column:2;margin:0;font-size:34px;line-height:40px;text-align:right}.prices .row .s{grid-column:1 / -1;margin-top:6px}
}
/* r28.8 · rev-b r28.5 + GPT r28.7 */
.mail.one{max-width:640px;margin-top:40px}
.letter .lt{font-size:9px;line-height:14px;color:#3d3a33}
.lead-post{display:block;margin-top:40px}
.lead-post img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;box-shadow:0 0 0 1px var(--line)}
.lead-post .txt{display:grid;grid-template-columns:repeat(12,var(--col));column-gap:var(--g);margin-top:20px;align-items:baseline}
.lead-post .lab{grid-column:1 / span 3}.lead-post .t{grid-column:4 / span 6;font-size:44px;line-height:50px}.lead-post .d{grid-column:4 / span 6;color:var(--soft);margin-top:10px}
.lead-post:hover .t{color:var(--mint)}
.grp-h2{font-size:36px;line-height:42px;margin-top:96px;padding-bottom:16px;border-bottom:1px solid var(--rule)}
.cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px var(--g);margin-top:28px}
.pcard{display:flex;flex-direction:column}
.pcard .ci{display:block;aspect-ratio:8/5;overflow:hidden;background:var(--deep);box-shadow:0 0 0 1px var(--line);margin-bottom:14px}
.pcard .ci img{width:100%;height:100%;object-fit:cover;object-position:top}
.pcard .ci.cph img{object-fit:contain;background:var(--deep)}
.pcard .t{font-size:24px;line-height:30px;margin:6px 0 8px}
.pcard .d{color:var(--soft);font-size:15px;line-height:23px}
.pcard:hover .t{color:var(--mint)}
.paperband{background:#eef4f1;color:#0f2a22;--txt:#0f2a22;--soft:#3d5249;--rule:#c6d6ce;--mint:#1f6f5c;--line:#c6d6ce;margin-top:56px;padding:24px 0 96px}
.paperband .prose p,.paperband .prose li{color:#1f3029}
.paperband .prose a{color:#1f6f5c;border-color:#9cc4b6}
.paperband .kort{background:#fff;border-left-color:#1f6f5c}
.paperband .kort li{color:#0f2a22}
.paperband .code{background:#fff;color:#0f2a22}
.paperband .src-list li{color:#3d5249}
.art-pic{width:min(1440px,100vw);margin-left:auto;margin-right:auto}
.legal{display:grid;grid-template-columns:repeat(12,var(--col));column-gap:var(--g);align-items:start}
.legal .toc{grid-column:1 / span 3;position:sticky;top:96px;padding-top:56px}
.legal .toc ol{list-style:none;margin-top:10px;border-top:1px solid var(--rule)}
.legal .toc li{padding:8px 0;border-bottom:1px solid var(--rule);font-size:15px;line-height:21px}
.legal .toc a:hover{color:var(--mint)}
.legal .prose{grid-column:5 / span 8}
.paperband .phead,.phead+.paperband{margin-top:40px}
@media (max-width:760px){
 .lead-post .txt{display:block}.lead-post .t{display:block;font-size:30px;line-height:36px;margin:6px 0}
 .cards{grid-template-columns:1fr}
 .legal{display:block}.legal .toc{position:static;padding-top:24px}
 .prices .row .n{grid-row:1}.prices .row .p{grid-row:1}.prices .row .s{grid-row:2}
 .inner .prices>.wrap>.h2{display:none}
}
/* r28.9 · rev-b r28.6 + GPT r28.8 */
.paper+.paper,.prices+.paper,.paper+.prices{margin-top:0}
.paper+.paper{padding-top:24px}
.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--g);margin-top:40px}
.feats>div{border-top:1px solid var(--rule);padding-top:18px}
.feats p{margin-top:12px;font-family:Newsreader,serif;font-size:22px;line-height:28px}
.picker{margin-top:16px;border-top:1px solid var(--rule)}
.picker details{border-bottom:1px solid var(--rule)}
.picker summary{list-style:none;cursor:pointer;padding:16px 0;font-size:24px;line-height:30px;display:flex;justify-content:space-between}
.picker summary::-webkit-details-marker{display:none}
.picker summary::after{content:"+";color:var(--mint)}
.picker details[open] summary::after{content:"–"}
.picker .qa{margin-top:0;border-top:0}
@media (max-width:760px){
 .feats{grid-template-columns:1fr 1fr}
 .fig-table,.fig-table tbody,.fig-table tr,.fig-table td,.fig-table th{display:block;width:100%}
 .fig-table thead{display:none}
 .fig-table tr{padding:12px 0;border-bottom:1px solid var(--rule)}
 .fig-table td,.fig-table th{border:0;padding:3px 0;text-align:left!important}
 .fig-table td::before{content:attr(data-label) ": ";color:var(--mint);font-weight:500}
 .phead h1{font-size:36px;line-height:40px}
}
.feats>div{min-width:0}.feats p{overflow-wrap:anywhere;hyphens:auto}
/* r28.10 */
.entries{display:grid;grid-template-columns:1fr 1fr;gap:40px var(--g);border-top:0}
.entry{display:flex;flex-direction:column;padding:0;border:0}
.entry .th{margin-bottom:14px}
.entry .acts{flex-direction:row;margin-top:10px}
.prices>.wrap>.btn{margin-top:28px}
@media (max-width:760px){.entries{grid-template-columns:1fr}}
.pmap{width:100%;height:auto;color:var(--mint);margin-bottom:24px;background:rgba(143,196,180,.05);box-shadow:0 0 0 1px var(--line)}
.cinfo .nm2{font-size:34px;line-height:40px;margin-top:14px}
.cinfo .nm2+p{color:var(--soft)}
.lead-post .txt{margin:0 0 20px}
main:has(> .phead:last-child)+.ft{margin-top:72px}

/* r29 · case template (desk brief r29 / PATH-9.2): task first, 400 px explanation beside an 888 px working demo */
@font-face{font-family:"AW Barlow";src:url(voorbeeld/ankerweg/fonts/Barlow-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"AW Barlow";src:url(voorbeeld/ankerweg/fonts/Barlow-500.woff2) format("woff2");font-weight:500 700;font-display:swap}
@font-face{font-family:"AW Cond";src:url(voorbeeld/ankerweg/fonts/BarlowCondensed-600.woff2) format("woff2");font-weight:600;font-display:swap}
.cw{display:grid;grid-template-columns:400px minmax(0,1fr);column-gap:var(--g);padding-top:48px;align-items:start}
.cw-side h1{font-size:72px;line-height:74px;letter-spacing:-.02em;font-variation-settings:"opsz" 72;margin:14px 0 24px}
.cw-who{color:var(--soft)}
.cw-who b{color:var(--txt);font-weight:500}
.cw-notes{margin-top:32px;border-top:1px solid var(--rule);padding-top:24px;min-height:200px}
.cw-note h2{font-size:32px;line-height:38px;letter-spacing:-.01em}
.cw-note p{margin-top:12px;color:var(--soft)}
.cw-open{margin-top:24px}
.cw-demo{min-width:0}
.awd{--ink:#15191C;--ink2:#4A5258;--blue:#1C4FA3;--blue-d:#143C7E;--beam:#E2601B;--okc:#1E6E3A;--waitc:#8A5A00;--gr:#E9EBEA;--ln:#C5CBCD;
 background:var(--gr);color:var(--ink);font:400 16px/1.5 "AW Barlow",system-ui,sans-serif;font-variant-numeric:tabular-nums;border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.awd :focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.awd button{font:inherit;cursor:pointer}
.awd-flag{display:flex;gap:10px;align-items:center;background:var(--ink);color:#fff;font-size:14px;padding:8px 20px}
.awd-flag span{color:#f3b63f;font-weight:600}
.awd-bar{display:flex;align-items:center;gap:16px;background:#fff;padding:14px 20px}
.awd-logo{display:flex;align-items:center;gap:8px;font:600 22px/1 "AW Cond",sans-serif;letter-spacing:.04em}
.awd-search{flex:1;min-width:0}
.awd-search input{width:100%;height:44px;border:1.5px solid var(--ln);border-radius:4px;background:#f6f7f7;padding:0 14px;font:inherit;color:var(--ink)}
.awd-search input:focus{border-color:var(--blue);background:#fff}
.awd-listbtn{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 14px;border:0;border-radius:4px;background:var(--blue);color:#fff;font-weight:500!important}
.awd-listbtn b{display:inline-grid;place-items:center;min-width:26px;height:26px;background:var(--beam);border-radius:2px;font-weight:600}
.awd-tabs{display:flex;background:var(--blue)}
.awd-tabs [role=tab]{flex:1;border:0;background:none;color:#dfe7f5;padding:12px 8px;border-bottom:3px solid transparent;font-weight:500!important}
.awd-tabs [aria-selected=true]{color:#fff;border-bottom-color:var(--beam)}
.awd-p{padding:20px;min-height:540px}
.awd-chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1.5px solid var(--ln);background:#fff;border-radius:4px;padding:6px 12px;font-size:15px!important;color:var(--ink)}
.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.awd-hint{margin-top:16px;font:600 22px/1.1 "AW Cond",sans-serif}
.awd-res,.awd-list,.awd-pout{list-style:none;margin-top:12px}
.awd-res li,.awd-list li{display:grid;grid-template-columns:64px minmax(0,1fr) 112px 104px 72px 96px;gap:14px;align-items:center;background:#fff;padding:10px 14px;border-bottom:1px solid var(--gr)}
.awd-list li{grid-template-columns:minmax(0,1fr) 72px 104px 92px}
.awd-list li.empty{display:block;color:var(--ink2)}
.awd-res img{width:64px;height:64px;object-fit:cover;background:var(--gr)}
.awd .n b{display:block;font-weight:500}
.awd small{display:block;font-size:14px;color:var(--ink2)}
.awd .p{font-weight:600;text-align:right}
.awd .s{font-size:14px;display:flex;align-items:center;gap:6px}
.awd .s::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.awd .s.ok{color:var(--okc)}
.awd .s.wait{color:var(--waitc)}
.awd .qty input{width:72px;height:40px;border:1.5px solid var(--ln);border-radius:4px;padding:0 8px;font:inherit;text-align:center}
.awd-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:0;border-radius:4px;background:var(--blue);color:#fff;font-weight:600!important}
.awd-btn:hover{background:var(--blue-d)}
.awd-btn:disabled{background:#9aa6b8;cursor:not-allowed}
.awd-btn.sm{min-height:40px;padding:0 12px;font-size:15px!important}
.awd-ghost{min-height:44px;padding:0 16px;border:1.5px solid var(--blue);border-radius:4px;background:transparent;color:var(--blue);font-weight:500!important}
.awd-x{border:0;background:none;color:var(--blue);text-decoration:underline;font-size:14px!important;justify-self:end}
.awd-sum{display:flex;flex-wrap:wrap;gap:8px 40px;margin-top:20px;padding-top:16px;border-top:3px solid var(--beam)}
.awd-sum span{font:600 32px/1 "AW Cond",sans-serif}
.awd-sum span small{font:400 13px/1.4 "AW Barlow",sans-serif;margin-bottom:6px}
.awd-sum p{flex-basis:100%;font-size:14px;color:var(--ink2)}
.awd-act{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:24px}
.awd-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
.awd-form label{display:block;font-size:15px;font-weight:500}
.awd-form input:not([type=radio]){display:block;width:100%;height:46px;margin-top:6px;border:0;border-bottom:1.5px solid var(--ink);background:#fff;padding:0 12px;font:400 16px "AW Barlow",sans-serif;color:var(--ink)}
.awd-form fieldset{grid-column:1/-1;border:0;display:flex;flex-wrap:wrap;gap:12px 32px}
.awd-form legend{font-size:15px;font-weight:500;margin-bottom:8px}
.awd-form .r{display:flex;align-items:baseline;gap:8px;font-weight:500}
.awd-form .r small{display:inline}
.awd-form input[type=radio]{accent-color:var(--blue);width:18px;height:18px}
.awd-err{grid-column:1/-1;color:#b3261e;font-weight:500;min-height:1em}
.awd-form .awd-act{grid-column:1/-1;margin-top:0}
.awd-tab{width:100%;border-collapse:collapse;background:#fff}
.awd-tab th,.awd-tab td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--gr);font-size:15px}
.awd-tab th{font-weight:500;color:var(--ink2);font-size:14px}
.awd-tab td:last-child,.awd-tab th:last-child{text-align:right}
.awd-dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-top:20px}
.awd-dl dt{font-size:14px;color:var(--ink2)}
.awd-dl dd{font-weight:500}
.awd-done{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:48px 40px}
.awd-done h3{font:600 44px/1 "AW Cond",sans-serif}
.awd-done p{max-width:560px}
.awd-flag2{background:var(--beam);color:#fff;font-weight:600;font-size:14px;padding:6px 12px;border-radius:2px}
.awd-small{font-size:14px;color:var(--ink2)}
.awd-paste{padding-bottom:20px}
.awd-paste>*:not(.awd-flag){margin-left:20px;margin-right:20px}
.awd-pl{display:block;margin-top:16px;font-weight:500;font-size:15px}
.awd-paste textarea{display:block;width:calc(100% - 40px);margin-top:8px;border:0;border-left:3px solid var(--blue);background:#fff;padding:12px 14px;font:400 16px/28px ui-monospace,Menlo,monospace;color:var(--ink);resize:vertical}
.awd-paste .awd-btn{margin-top:12px}
.awd-pout li{background:#fff;padding:10px 14px;border-bottom:1px solid var(--gr);display:flex;flex-wrap:wrap;gap:4px 12px}
.awd-pout li span{margin-left:auto;color:var(--ink2)}
.awd-pout li.free b{color:var(--waitc)}
.cw-pair{display:grid;grid-template-columns:400px minmax(0,1fr);column-gap:var(--g);margin-top:64px;align-items:start}
.cw-txt h3{font-size:32px;line-height:38px;letter-spacing:-.01em}
.cw-txt p{margin-top:14px;color:var(--soft)}
.cw-phones{display:grid;grid-template-columns:repeat(3,minmax(0,280px));gap:var(--g);margin-top:48px}
.cw-ph figcaption{margin-top:12px;font-size:15px;color:var(--soft)}
.cw-cols{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--g);margin-top:40px}
.cw-cols h3{font-size:28px;line-height:34px}
.ticks1{list-style:none;margin-top:16px}
.ticks1 li{padding:12px 0 12px 26px;border-top:1px solid var(--rule);position:relative}
.ticks1 li::before{content:"";position:absolute;left:0;top:25px;width:14px;height:1px;background:var(--mint)}
.cw-scope .rows{margin-top:56px}
.cw-scope .link{display:inline-block;margin-top:24px}
@media (max-width:1100px){.cw,.cw-pair{display:block}.cw-demo,.cw-int{margin-top:32px}.cw-notes{min-height:0}}
@media (max-width:760px){
 .cw{display:flex;flex-direction:column;align-items:stretch;padding-top:28px}
 .cw-demo{width:100%}
 .cw-side{display:contents}
 .cw-side .lab{order:1}.cw-side h1{order:2;font-size:40px;line-height:44px;margin:10px 0 14px}.cw-who{order:3}
 .cw-demo{order:4;margin-top:24px}.cw-notes{order:5}.cw-open{order:6}
 .cw-side h1{font-size:40px;line-height:44px}
 .awd-flag{padding:8px 14px;flex-wrap:wrap;gap:2px 8px}
 .awd-bar{flex-wrap:wrap;padding:12px 14px;gap:10px}
 .awd-logo{flex:1}
 .awd-search{order:3;flex-basis:100%}
 .awd-tabs [role=tab]{font-size:14px!important;padding:12px 4px}
 .awd-p{padding:14px;min-height:0}
 .awd-res li{grid-template-columns:56px minmax(0,1fr) auto;gap:6px 12px;padding:12px}
 .awd-res img{width:56px;height:56px;grid-row:span 2}
 .awd-res .n{grid-column:2/4}
 .awd-res .p{grid-column:2;text-align:left}
 .awd-res .s{grid-column:3;justify-self:end}
 .awd-res .qty{grid-column:1/3}
 .awd-res .qty input{width:100%}
 .awd-res .awd-btn{grid-column:3}
 .awd-list li{grid-template-columns:minmax(0,1fr) 72px;gap:8px 12px}
 .awd-list .p{text-align:left}
 .awd-form,.awd-dl{grid-template-columns:1fr}
 .awd-act{justify-content:stretch}.awd-act>*{flex:1}
 .awd-done{padding:32px 18px}
 .awd-done h3{font-size:34px}
 .cw-txt h3{font-size:28px;line-height:34px}
 .cw-int{margin-top:20px}
 .cw-phones{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .cw-ph .phone{border-radius:16px}
 .cw-cols{display:block}.cw-cols>div+div{margin-top:40px}
}
.awd .sr,.cw .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.chip{padding:5px 10px;font-size:14px!important}
.awd-done{display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:32px;align-items:start}
.awd-done>*{grid-column:1}
.awd-done .awd-slip{grid-column:2;grid-row:1 / span 6;background:#fff;padding:18px 20px;border-top:3px solid var(--beam);font-size:14px;line-height:1.45}
.awd-slip:empty{display:none}
.awd-slip .t{font:600 20px/1.1 "AW Cond",sans-serif;margin-bottom:8px}
.awd-slip ul{list-style:none;margin:10px 0;border-top:1px solid var(--ln)}
.awd-slip li{display:flex;gap:8px;padding:7px 0;border-bottom:1px solid var(--ln)}
.awd-slip li span{margin-left:auto;white-space:nowrap}
.awd-done .awd-ghost{justify-self:start}
@media (max-width:760px){
 .awd-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -14px;padding:0 14px 6px;scrollbar-width:none}
 .chip{flex:none}
 .awd-done{display:flex}
 .awd-done .awd-slip{align-self:stretch}
}
@media (max-width:760px){.cw-phones{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin-right:calc(-1 * var(--m));padding-right:var(--m);scrollbar-width:none}.cw-ph{flex:0 0 250px;scroll-snap-align:start}.cw-ph .phone{border-radius:24px}}
/* r28.13 · case template fixes (GPT + rev-b r28.12) */
.ft .legal-line{display:block}
.awd-flag a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.awd .tg{display:grid;place-items:center;width:40px;height:40px;margin:0 8px;background:#fff;border:1.5px solid var(--ink);font:600 20px/1 "AW Cond",sans-serif}
.awd-res li{grid-template-columns:56px minmax(0,1fr) 112px 104px 72px 96px}
.awd-res img{width:56px;height:56px}
.awd-more{margin-top:14px}
.awd-h{font:600 26px/1.1 "AW Cond",sans-serif;margin-bottom:12px}
.awd-dock{display:none}
.awd-act.l{justify-content:flex-start;margin-top:12px}
.awd-paste .awd-act.l{margin-left:20px}
.awd-pdone{font-weight:500;color:var(--okc)}
.awd-pdone:empty{display:none}
.cw-one{max-width:300px}
.cw-one figcaption{margin-top:12px;font-size:15px;color:var(--soft)}
.cw-buy .cw-total{font-size:56px;line-height:60px;letter-spacing:-.015em;margin:12px 0 8px}
.cw-buy+.cw-buy .cw-total{font-size:32px;line-height:60px;color:var(--soft)}
.cw-buy .small{color:var(--soft);max-width:520px}
.cw-buy h3{margin-top:6px}
.cw-host{margin-top:40px;color:var(--soft)}
.cw-host .link{margin-left:8px}
@media (max-width:1100px){
 .cw{display:flex;flex-direction:column;align-items:stretch}
 .cw-side{display:contents}
 .cw-side .lab{order:1}.cw-side h1{order:2}.cw-who{order:3}.cw-demo{order:4;width:100%}.cw-notes{order:5;min-height:0}.cw-open{order:6}
}
@media (max-width:760px){
 .cw-side h1{font-size:36px;line-height:40px;margin:6px 0 8px}
 .cw{padding-top:16px}
 .cw-who{font-size:15px;line-height:22px}
 .cw-demo{margin-top:16px}
 .cw-notes{margin-top:20px;padding-top:16px}
 .awd-flag{font-size:13px;line-height:18px;padding:6px 12px}
 .awd-bar{padding:8px 12px;gap:8px}
 .awd-logo{font-size:19px}
 .awd-listbtn,.awd-search input{height:40px}
 .awd-tabs [role=tab]{padding:9px 4px}
 .awd-p{padding:12px}
 .awd-hint{font-size:19px;margin-top:10px}
 .awd-res li{grid-template-columns:48px minmax(0,1fr) auto;padding:10px}
 .awd-res img{width:48px;height:48px}
 .awd .tg{width:36px;height:36px;margin:0 6px;grid-row:span 2}
 .awd-dock{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;bottom:0;margin:12px -12px -12px;padding:10px 12px;background:var(--ink);color:#fff;font-size:14px;line-height:1.3}
 .cw-buy .cw-total{font-size:44px;line-height:48px}
 .cw-buy+.cw-buy{margin-top:48px}
 .cw-one{max-width:260px}
 .cw-host .link{display:inline-block;margin:8px 0 0}
}
/* r28.13 · shared flow demo (demo-flow.js) on the other seven cases, in each example's own colours */
.fd{font-family:Manrope,system-ui,sans-serif}
.fd .awd-logo{font:700 18px/1 Manrope,sans-serif;letter-spacing:.12em}
.fd-bar{justify-content:space-between;border-bottom:1px solid var(--ln)}
.fd-site{font-size:13px;color:var(--ink2)}
.fd .awd-tabs{background:var(--ink)}
.fd .awd-tabs [role=tab]:disabled{opacity:.45;cursor:not-allowed}
.fd .awd-h{font:600 24px/1.2 Manrope,sans-serif;letter-spacing:-.01em}
.fd .awd-p{min-height:500px}
.fd-opts{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.fd-opts.sm{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.fd-o{display:flex;align-items:center;gap:14px;width:100%;height:100%;text-align:left;background:#fff;border:1.5px solid var(--ln);border-radius:6px;padding:10px;color:var(--ink)}
.fd-o:hover{border-color:var(--ink2)}
.fd-o[aria-pressed=true]{border-color:var(--blue);box-shadow:inset 0 0 0 1.5px var(--blue)}
.fd-o img{width:96px;height:72px;object-fit:cover;border-radius:4px;flex:none}
.fd-o .t{flex:1;min-width:0}
.fd-o b{display:block;font-weight:600;font-size:16px;line-height:1.3}
.fd-o small{display:block;font-size:13.5px;line-height:1.4;color:var(--ink2);margin-top:2px}
.fd-o .pr{font-weight:600;font-size:14px;white-space:nowrap;align-self:flex-start}
.fd-opts.sm .fd-o{padding:14px}
.fd-o[aria-pressed=true]::after{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:var(--blue);box-shadow:inset 0 0 0 5px #fff,0 0 0 1.5px var(--blue)}
.fd-q{border:0;margin-top:14px}
.fd-q legend{font-weight:600;font-size:15px}
.fd-q .fd-opts{margin-top:8px}
.fd .awd-chips{margin-top:10px}
.fd-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}
.fd-row label{display:flex;flex-direction:column;gap:6px;font-size:15px;font-weight:600}
.fd-row input,.fd-row select,.fd .awd-form select,.fd .awd-form textarea{height:46px;border:1.5px solid var(--ln);border-radius:4px;background:#fff;padding:0 12px;font:400 16px Manrope,sans-serif;color:var(--ink)}
.fd .awd-form textarea{height:auto;padding:10px 12px;display:block;width:100%;margin-top:6px}
.fd .awd-form select{display:block;width:100%;margin-top:6px}
.fd .awd-form label.wide{grid-column:1/-1}
.fd .awd-form .r.wide{grid-column:1/-1;font-weight:500}
.fd .awd-form .r input{width:18px;height:18px;accent-color:var(--blue)}
.fd-n{margin-top:12px;font-weight:600}
.fd-sample{margin-top:12px}
.fd-foot{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:20px;padding-top:14px;border-top:2px solid var(--ink)}
.fd-foot .awd-act{margin-top:0}
.fd-sum{font-size:14px;min-width:260px;flex:1}
.fd-sum ul{list-style:none}
.fd-sum li{display:flex;justify-content:space-between;gap:12px;padding:3px 0}
.fd-sum li small{display:inline;color:var(--ink2)}
.fd-sum .tot{display:flex;justify-content:space-between;margin-top:6px;padding-top:6px;border-top:1px solid var(--ln);font-size:16px}
.fd-sum .empty{color:var(--ink2)}
.fd .awd-dl.one{grid-template-columns:1fr 1fr}
[data-fd=review] .fd-sum{margin-top:16px}
@media (max-width:760px){
 .fd-opts,.fd-opts.sm{grid-template-columns:1fr}
 .fd-o img{width:72px;height:56px}
 .fd .awd-tabs{overflow-x:auto;scrollbar-width:none}
 .fd .awd-tabs [role=tab]{flex:none;padding:10px 12px}
 .fd .awd-p{min-height:0}
 .fd-foot{display:block}.fd-foot .awd-act{margin-top:12px}
 .fd .awd-dl.one{grid-template-columns:1fr}
}
.fd .awd-done h3{font:600 36px/1.1 Manrope,sans-serif;letter-spacing:-.02em}
.fd .awd-slip .t{font:600 17px/1.2 Manrope,sans-serif}
.fd .awd-slip li{flex-wrap:wrap}
.cw-one .phone{max-height:650px}
.cw-one .phone img{width:100%;height:auto}
@media (max-width:760px){.cw-one .phone{max-height:563px}}

/* r30 · team with real photos through one mapping table (name card when no photo; never a generated face) */
.makers2.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pt{display:block;width:240px;max-width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:6px;background:#0a1f18;margin-bottom:20px}
.paper .pt{background:#dfe9e4}
.pt img{width:100%;height:100%;object-fit:cover;display:block}
.pt.card{display:grid;place-items:center}
.pt.card span{font-size:72px;line-height:1;color:var(--pine)}
.faces{display:flex;gap:10px;margin:8px 0 14px}
.faces .pt{width:72px;margin:0;border-radius:50%;aspect-ratio:1}
.faces .pt.card span{font-size:24px;color:var(--mint)}
.faces .pt.card{background:var(--deep);box-shadow:0 0 0 1px var(--line)}
@media (max-width:1100px){.hd nav.main{gap:22px}}
@media (max-width:760px){.makers2.n3{grid-template-columns:1fr}.makers2.n3>div+div{margin-top:40px}.pt{width:200px}}
.makers2 .nm{font-size:44px;line-height:48px}
.team-open{padding-top:48px}.team-open .makers2{margin-top:0}
/* r28.14 · Ankerweg text-only catalogue rows; phone option cards stacked (GPT r28.13) */
.awd-res li{grid-template-columns:84px minmax(0,1fr) 112px 104px 72px 96px}
.awd .code{font:600 15px/1 ui-monospace,Menlo,monospace;color:var(--ink2);letter-spacing:.02em}
@media (max-width:760px){
 .awd-res li{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}
 .awd-res .code{grid-column:1/-1;font-size:13px}
 .awd-res .n{grid-column:1/-1}.awd-res .p{grid-column:1}.awd-res .s{grid-column:2}
 .awd-res .qty{grid-column:1}.awd-res .awd-btn{grid-column:2}
 .fd-o{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 12px;padding:0 0 12px;overflow:hidden}
 .fd-o img{grid-column:1/-1;width:100%;height:auto;aspect-ratio:16/9;border-radius:5px 5px 0 0}
 .fd-o .t{padding-left:12px}
 .fd-o .pr{grid-column:1;grid-row:3;padding-left:12px}
 .fd-o:not(:has(img)) .t{padding-top:12px}
 .fd-o:not(:has(img)) .pr{grid-row:2}
 .fd-o[aria-pressed=true]::after{grid-column:2;grid-row:2;margin-right:12px}
 .fd-opts.sm .fd-o{padding:0 0 12px}
}
.next3{list-style:none;margin-top:28px;border-top:1px solid var(--rule);max-width:560px}
.next3 li{padding:12px 0;border-bottom:1px solid var(--rule);color:var(--soft)}
.next3 b{color:var(--txt);font-weight:600}
.hp-l{margin-top:32px}
.phead .rows{margin-top:12px;max-width:980px}
@media (max-width:760px){
 .phead+.prices{margin-top:40px}
 .prices .row{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:baseline;padding:18px 0}
 .prices .row .n{grid-column:1;grid-row:1}
 .prices .row .p{grid-column:2;grid-row:1;font-size:30px;line-height:36px;margin-top:0;text-align:right}
 .prices .row .s{grid-column:1/-1;grid-row:2;margin-top:6px;font-size:15px;line-height:23px}
 .prices .n{font-size:26px}
}
/* r28.14 · each flow demo in its example's own type and mark (GPT r28.13) */
.fd{font-family:var(--fdb,"FD Body"),Manrope,system-ui,sans-serif}
.fd .awd-logo{font-family:var(--fdh,"FD Head"),Manrope,sans-serif;letter-spacing:.06em;font-size:20px;display:flex;align-items:center;gap:10px}
.fd .awd-logo img{width:24px;height:24px}
.fd .awd-h,.fd .awd-done h3{font-family:var(--fdh,"FD Head"),Manrope,sans-serif;font-weight:500;letter-spacing:0}
.fd .awd-h{font-size:28px}
.fd .awd-done h3{font-size:40px}
.fd-o b{font-family:var(--fdh,"FD Head"),Manrope,sans-serif;font-size:18px;font-weight:500}
.fd .awd-slip .t{font-family:var(--fdh,"FD Head"),Manrope,sans-serif;font-size:20px;font-weight:500}
.makers2.n2 .nm{font-size:56px;line-height:60px}
.ident img,.apps img,.logos img{height:auto;object-fit:contain}
/* r28.14 · rev-b r28.13: step line on phones, clamped option text, smaller empty panels */
.fd-stepline{display:none}
.fd .awd-p{min-height:380px}
@media (max-width:760px){
 .fd .awd-tabs{display:none}
 .fd-stepline{display:block;margin:0;padding:10px 14px;background:var(--ink);color:#fff;font-size:14px;font-weight:600}
 .fd-o small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
.watool{margin:24px 0;padding:24px;border:1px solid var(--line);border-radius:8px;display:grid;gap:14px;max-width:640px}
.watool label{display:flex;flex-direction:column;gap:6px;font-size:15px;font-weight:600}
.watool input{height:46px;border:1px solid var(--line);border-radius:6px;background:var(--deep);color:var(--txt);padding:0 12px;font:400 16px Manrope,sans-serif}
.wa-out code{display:block;word-break:break-all;font-size:15px;color:var(--mint)}
.watool .btn{justify-self:start}
.wa-s{font-size:14px;color:var(--soft);min-height:1em}
/* r28.15 · blog index: ruled lists per reader need, one small answer per group */
.bgrp{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:calc(var(--g) * 2);margin-top:96px;align-items:start}
.bgrp .grp-h2{margin:0 0 20px}
.bgrp .posts{border-top:1px solid var(--rule)}
.bgrp .post{display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:var(--g);padding:22px 0}
.bgrp .post .lab{grid-column:1;grid-row:1 / span 2}
.bgrp .post .t{grid-column:2;font-size:28px;line-height:34px}
.bgrp .post .d{grid-column:2;margin-top:6px}
.bart{list-style:none;margin:0;border-top:1px solid var(--rule);font-size:16px;line-height:24px}
.bart>div,.bart li{padding:10px 0;border-bottom:1px solid var(--rule);color:var(--soft)}
.bart dt{color:var(--txt);font-weight:600;display:inline}
.bart dt::after{content:" · "}
.bart dd{display:inline}
.bart.chk li{padding-left:26px;position:relative}
.bart.chk li::before{content:"";position:absolute;left:2px;top:15px;width:12px;height:12px;border:1.5px solid var(--mint);border-radius:2px}
.bart.seq li{padding-left:22px;position:relative}
.bart.seq li::before{content:"→";position:absolute;left:0;color:var(--mint)}
@media (max-width:760px){.bgrp{display:block;margin-top:72px}.bgrp .posts{margin-top:28px}.bgrp .post{display:block}.bgrp .post .t{display:block;margin:6px 0;font-size:24px;line-height:30px}}
.watool{background:#fff;border-color:#c9d8d1;color:#0f2a22}
.watool input{background:#f6faf8;color:#0f2a22;border-color:#b9cbc3}
.watool .wa-out code{color:#1f6f5c}
.watool .wa-s{color:#3c5a50}
.watool .btn.ghost{color:#0f2a22;box-shadow:inset 0 0 0 1.5px #0f2a22}
/* r28.15 · WebKit iPad 820: the mini proposal sheet on Contact overflowed (150 px label column in a 215 px card) */
.sheet.mini{padding:28px 26px}
.sheet.mini .rows>div{grid-template-columns:1fr;row-gap:2px}
@media (max-width:1100px){.withph{display:block}.withph .sheet.mini{margin-top:32px;max-width:460px}}
/* r28.15 · GPT r28.14: option cards with a photo show the photo on top at every width (no cramped thumbnail rows) */
.fd-opts:not(.sm){grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.fd-opts:not(.sm) .fd-o{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 12px;padding:0 0 14px;overflow:hidden}
.fd-opts:not(.sm) .fd-o img{grid-column:1/-1;width:100%;height:auto;aspect-ratio:16/10;border-radius:5px 5px 0 0}
.fd-opts:not(.sm) .fd-o .t{padding-left:14px}
.fd-opts:not(.sm) .fd-o .pr{grid-column:1;grid-row:3;padding-left:14px}
.fd-opts:not(.sm) .fd-o[aria-pressed=true]::after{grid-column:2;grid-row:2;margin-right:14px}
.fd-opts:not(.sm) .fd-o small{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.toc-m{display:none}
@media (max-width:760px){
 .legal .toc{display:none}
 .toc-m{display:block;margin-top:16px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
 .toc-m summary{padding:12px 0;font-weight:600;cursor:pointer}
 .toc-m ol{list-style:none;padding-bottom:10px}
 .toc-m li{padding:6px 0;font-size:15px}
}
.fd-opts:not(.sm):has(> li:nth-child(4):last-child){grid-template-columns:1fr 1fr}
/* r28.15 · rev-b r28.14: codes never break, filter chips wrap in the flow demos, text-only options in two larger columns, no empty panel height */
.awd .code{white-space:nowrap}
.fd .awd-chips{flex-wrap:wrap;overflow:visible;margin:10px 0 0;padding:0}
.fd-opts.sm{grid-template-columns:1fr 1fr}
.fd-opts.sm .fd-o{padding:18px 18px;min-height:76px}
.fd-opts.sm .fd-o b{font-size:19px}
.fd .awd-p{min-height:0}
@media (max-width:760px){.fd-opts.sm{grid-template-columns:1fr}}

/* r29 step 4 · Prijzen as one decision workspace (PATH-9.2 packages) */
.pk{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);column-gap:calc(var(--g) * 2);padding-top:48px;align-items:start}
.pk h1{font-size:64px;line-height:68px;letter-spacing:-.02em;margin:12px 0 14px}
.pk .lead{margin-bottom:28px}
.pk-rows{border:0;border-top:1px solid var(--rule)}
.pk-row{display:grid;grid-template-columns:28px minmax(0,3fr) minmax(0,5fr) auto;column-gap:20px;align-items:baseline;padding:22px 8px;border-bottom:1px solid var(--rule);cursor:pointer;transition:background .16s}
.pk-row:hover{background:rgba(143,196,180,.06)}
.pk-row:has(input:checked){background:rgba(143,196,180,.1);box-shadow:inset 3px 0 0 var(--sun)}
.pk-row input{accent-color:var(--sun);width:18px;height:18px;align-self:center}
.pk-n{font-size:34px;line-height:38px;grid-column:2}
.pk-f{grid-column:3;color:var(--txt)}
.pk-s{grid-column:3;grid-row:2;color:var(--soft);font-size:16px;line-height:24px;margin-top:4px}
.pk-p{grid-column:4;grid-row:1 / span 2;font-size:56px;line-height:1;letter-spacing:-.02em;text-align:right;align-self:center}
.pk-d{padding:24px 8px 8px}
.pk-d .ticks1{columns:2;column-gap:var(--g)}
.pk-d .ticks1 li{break-inside:avoid}
.pk-free{margin-top:14px;color:var(--mint);font-size:15px}
.pk-h{margin-top:88px}
.pk-g{border:0;margin-top:36px}
.pk-g legend{font-size:28px;line-height:34px;margin-bottom:10px}
.pk-o{display:grid;grid-template-columns:24px minmax(0,1fr) auto;column-gap:14px;align-items:start;padding:14px 0;border-top:1px solid var(--rule);cursor:pointer}
.pk-o:last-of-type{border-bottom:1px solid var(--rule)}
.pk-o input{accent-color:var(--sun);width:18px;height:18px;margin-top:4px}
.pk-ot b{font-weight:600}
.pk-ot small{display:block;color:var(--soft);font-size:15px;line-height:23px;margin-top:2px;max-width:640px}
.pk-op{font-weight:600;white-space:nowrap}
.pk-mw{margin-top:32px;color:var(--soft)}
.pk-mw b{color:var(--txt)}
.pk-sum{position:sticky;top:96px;background:var(--deep);box-shadow:0 0 0 1px var(--line);border-radius:8px;padding:26px 26px 24px;margin-top:56px}
.pk-sum ul{list-style:none;margin-top:12px;border-top:1px solid var(--rule)}
.pk-sum li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--rule);font-size:16px}
.pk-tot{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px}
.pk-tot b{font-family:Newsreader,serif;font-weight:400;font-size:44px;line-height:1}
.pk-yrs{margin-top:16px;font-size:15px;line-height:22px}
.pk-yrs div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;color:var(--soft)}
.pk-yrs dt{color:var(--txt)}
.pk-yrs dd{text-align:right}
.pk-sum .btn{margin-top:22px;width:100%;justify-content:center;white-space:normal;text-align:center}
.pk-note{margin-top:12px;color:var(--soft)}
.pk-bar{display:none}
@media (max-width:1100px){.pk{display:block}.pk-sum{position:static;margin-top:56px}}
@media (max-width:760px){
 .pk{padding-top:24px}
 .pk h1{font-size:40px;line-height:44px}
 .pk .lead{margin-bottom:16px}
 .pk-row{grid-template-columns:22px minmax(0,1fr) auto;column-gap:12px;padding:14px 4px}
 .pk-n{font-size:24px;line-height:30px}
 .pk-p{grid-column:3;grid-row:1;font-size:26px;line-height:30px}
 .pk-f{grid-column:2 / span 2;grid-row:2;font-size:15px;line-height:22px;margin-top:2px}
 .pk-s{display:none}
 .pk-d .ticks1{columns:1}
 .pk-h{margin-top:64px}
 .pk-o{grid-template-columns:22px minmax(0,1fr);row-gap:4px}
 .pk-op{grid-column:2}
 .pk-bar{display:flex;justify-content:space-between;align-items:center;position:fixed;left:0;right:0;bottom:0;z-index:20;padding:12px 20px;background:var(--deep);box-shadow:0 -1px 0 var(--line);font-size:15px;font-weight:600}
 .pk-bar a{color:var(--sun)}
 .pk-bar.off{display:none}
 body:has(.pk-bar) .ft{padding-bottom:56px}
}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pk-row{grid-template-columns:28px minmax(0,3.6fr) minmax(0,4.4fr) auto}
.pk-n{white-space:nowrap}
/* r29 step 5 · sector pages: 520 px proposition + recommendation beside a 768 px trade journey */
.sj{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);column-gap:var(--g);padding-top:48px;align-items:start}
.sj h1{font-size:56px;line-height:60px;letter-spacing:-.02em;margin:12px 0 16px}
.sj-rec{margin-top:28px}
.sj-rec .rows{margin-top:8px}
.sj-rec .rows>div{grid-template-columns:150px minmax(0,1fr);padding:12px 0}
.sj-rec .rows dt,.sj-rec .rows dd{grid-column:auto}
.sj-rec .rows dt .serif{font-size:20px;line-height:26px}
.sj-try{margin-top:22px;color:var(--soft);font-size:16px;line-height:25px}
.sj-demo{min-width:0}
@media (max-width:1100px){.sj{display:block}.sj-demo{margin-top:32px}}
@media (max-width:760px){.sj{padding-top:24px}.sj h1{font-size:36px;line-height:40px}.sj-rec .rows>div{grid-template-columns:1fr}}
/* r29 home fix 2 (owner notes): the phone thumbnail sits in its own slot, centered beside the desktop frame, never over or past an edge */
.ex .stage{display:grid;grid-template-columns:minmax(0,1fr) 150px;column-gap:28px;align-items:center}
.ex .stage>.panes{grid-column:1;grid-row:1}
.ex .ph2{position:static;grid-column:2;grid-row:1;align-self:center;justify-self:center;right:auto;top:auto;width:150px}
.ex .stage>.cap{grid-column:1 / -1;grid-row:2}
/* r29 home fix 3: small round team faces keep the whole head (top-anchored crop) */
.faces .pt img{object-position:50% 12%}
/* r29.3 (desk): on phones the switcher shows the PHONE capture, centered at a readable size; the small desktop capture is hidden */
@media (max-width:760px){
 .ex .stage{display:block}
 .ex .stage>.panes{display:none}
 .ex .ph2{display:block;width:min(260px,70vw);margin:8px auto 0;border-radius:24px}
 .ex .stage>.cap{margin-top:20px}
}
/* r29.5 · sector pages: two real states of the case demo + one link to try it (the demo itself lives once, on the case page) */
.sj-states{display:grid;grid-template-columns:1fr 1fr;gap:var(--g)}
.sj-im{display:block;aspect-ratio:888/620;overflow:hidden;border-radius:6px;box-shadow:0 0 0 1px var(--line)}
.sj-im img{width:100%;height:100%;object-fit:cover;object-position:top}
.sj-st figcaption{margin-top:10px;font-size:15px;line-height:22px;color:var(--soft)}
.sj-st figcaption b{color:var(--txt);font-weight:600}
.sj-demo .btn{margin-top:24px}
@media (max-width:760px){.sj-states{grid-template-columns:1fr}.sj-demo .btn{width:100%;justify-content:center}}

/* r29 step 3 · answer-first articles (PATH-9.2): title + short answer, one answer artifact, then 216 / 728 / 320 */
.ab-head{padding-top:48px;max-width:1072px}
.ab-head h1{font-size:60px;line-height:64px;letter-spacing:-.02em;margin:12px 0 22px;max-width:980px}
.ab-answer{border-left:3px solid var(--sun);padding:4px 0 4px 22px;max-width:860px}
.ab-answer .serif{font-size:28px;line-height:38px;margin-top:6px}
.ab-head .meta{margin-top:18px;color:var(--soft)}
.ab-art{margin-top:40px}
.art-tool{max-width:1072px}
.art-tool>.lab{margin-bottom:12px}
.art-tool .tbl{overflow-x:auto}
.art-tool table{width:100%;border-collapse:collapse;font-size:16px;line-height:24px}
.art-tool th,.art-tool td{text-align:left;padding:12px 14px 12px 0;border-bottom:1px solid var(--rule);vertical-align:top}
.art-tool thead th{font-size:14px;color:var(--soft);font-weight:500}
.art-tool tbody th{font-weight:600}
.matrix td{text-align:center;color:var(--mint);font-size:18px}
.matrix thead th span{display:block;color:var(--txt);font-family:Newsreader,serif;font-size:24px;line-height:30px;margin-top:2px}
.ck{list-style:none;border-top:1px solid var(--rule);max-width:860px}
.ck li{border-bottom:1px solid var(--rule)}
.ck label{display:flex;gap:14px;align-items:baseline;padding:14px 0;cursor:pointer;font-size:17px;line-height:26px}
.ck input{accent-color:var(--sun);width:20px;height:20px;flex:none;transform:translateY(4px)}
.ck input:checked+span{color:var(--soft);text-decoration:line-through;text-decoration-color:var(--mint)}
.ck-p{margin-top:12px;font-weight:600;color:var(--mint)}
.pl-in{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:end}
.pl-in label{display:flex;flex-direction:column;gap:6px;font-size:15px;font-weight:600;max-width:320px}
.pl-in select,.pl-in input[type=date],.pl-in input[type=number]{height:46px;border:1px solid var(--line);border-radius:6px;background:var(--deep);color:var(--txt);padding:0 12px;font:400 16px Manrope,sans-serif}
.pl-in input[type=number]{width:90px}
.pl-in input[type=range]{accent-color:var(--sun);width:220px}
.pl-out{list-style:none;margin-top:22px;border-top:1px solid var(--rule);max-width:860px}
.pl-out li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--rule)}
.pl-out li span{color:var(--soft);text-align:right}
.pl-out li.tot b,.pl-out li.tot span{color:var(--txt);font-weight:600}
[data-tool=domain] fieldset{border:0;margin-top:14px}
[data-tool=domain] legend{font-weight:600;margin-bottom:6px}
[data-tool=domain] label{display:inline-flex;gap:8px;margin-right:24px;cursor:pointer}
[data-tool=domain] input{accent-color:var(--sun)}
.dm-out{margin-top:18px;font-size:20px;line-height:30px;font-family:Newsreader,serif}
.anat-img{position:relative;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.anat-img img{display:block;width:100%;height:auto}
.pin{position:absolute;display:flex;align-items:center;gap:8px;background:var(--sun);color:var(--bg);font-size:14px;font-weight:600;padding:5px 10px 5px 6px;border-radius:999px;box-shadow:0 6px 20px -6px rgba(0,0,0,.6);white-space:nowrap}
.pin i{width:10px;height:10px;border-radius:50%;background:var(--bg)}
.anat figcaption{margin-top:18px}
.anat-l{list-style:none;columns:2;column-gap:var(--g);max-width:1072px}
.anat-l li{break-inside:avoid;padding:8px 0;border-top:1px solid var(--rule);color:var(--soft)}
.anat-l b{color:var(--txt)}
.ab-grid{display:grid;grid-template-columns:216px minmax(0,728px) 320px;column-gap:24px;align-items:start;justify-content:space-between}
.ab-rail{position:sticky;top:96px;padding-top:8px}
.ab-rail ol,.ab-toc ol{list-style:none;margin-top:10px;border-top:1px solid var(--rule)}
.ab-rail li{padding:8px 0;border-bottom:1px solid var(--rule);font-size:14px;line-height:20px}
.ab-toc{display:none}
.ab-body{max-width:728px}
.ab-side{position:sticky;top:96px;display:grid;gap:28px;font-size:15px;line-height:23px}
.ab-next{border-top:3px solid var(--sun);padding-top:14px}
.ab-next p{margin-top:6px}
.ab-src ul{list-style:none;margin-top:8px}
.ab-src li{padding:8px 0;border-bottom:1px solid var(--rule)}
.ab-src li span{display:block;font-size:13px;opacity:.75}
@media (max-width:1100px){.ab-grid{grid-template-columns:minmax(0,1fr) 280px}.ab-rail{display:none}.ab-toc{display:block;grid-column:1 / -1;margin-bottom:20px}}
@media (max-width:760px){
 .ab-head{padding-top:24px}
 .ab-head h1{font-size:36px;line-height:40px;margin-bottom:16px}
 .ab-answer .serif{font-size:21px;line-height:30px}
 .ab-art{margin-top:24px}
 .ab-grid{display:block}
 .ab-toc summary{padding:12px 0;font-weight:600;cursor:pointer;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
 .ab-side{position:static;margin-top:40px}
 .anat-img .pin{font-size:11px;padding:3px 7px 3px 4px}
 .anat-img .pin i{width:7px;height:7px}
 .anat-l{columns:1}
 .art-tool table.stack thead{display:none}
 .art-tool table.stack tr{display:block;padding:12px 0;border-bottom:1px solid var(--rule)}
 .art-tool table.stack th,.art-tool table.stack td{display:block;border:0;padding:3px 0}
 .art-tool table.stack td::before{content:attr(data-label) " · ";color:var(--soft);font-size:13px}
 .matrix{font-size:14px}
}
/* rev-b r29.4: on phones four photo options stack in one column; figure lines wrap instead of being cut */
.fd-opts:not(.sm) .fd-o .pr{white-space:normal;font-weight:600;font-size:14px;line-height:20px;padding-right:14px}
@media (max-width:760px){.fd-opts:not(.sm):has(> li:nth-child(4):last-child){grid-template-columns:1fr}}
.ab-head{max-width:none}
.ab-head>*{max-width:1072px}

/* r29 step 6 · simple pages: 240 px rail + 1048 px main, each with its own working artifact */
.sp{display:grid;grid-template-columns:240px minmax(0,1048px);column-gap:24px;justify-content:space-between;align-items:start;margin-top:56px}
.sp-rail{position:sticky;top:96px}
.sp-rail ol,.sp-toc ol{list-style:none;margin-top:10px;border-top:1px solid var(--rule)}
.sp-rail li,.sp-toc li{padding:9px 0;border-bottom:1px solid var(--rule);font-size:15px}
.sp-rail a:hover{color:var(--mint)}
.sp-toc{display:none}
.sp-sec{padding-bottom:72px;scroll-margin-top:96px}
.sp-sec>h2{font-size:40px;line-height:46px;letter-spacing:-.015em;margin-bottom:8px}
.sp-sec .rows{margin-top:20px}
.sp-sec .stages{margin-top:24px}
.sp-sec .art-tool{margin-top:40px;padding-top:28px;border-top:1px solid var(--rule)}
.ct-o{display:grid;gap:0;border-top:1px solid var(--rule);max-width:720px;margin-top:6px}
.ct-o label{display:flex;gap:14px;align-items:center;padding:16px 4px;border-bottom:1px solid var(--rule);font-size:20px;cursor:pointer}
.ct-o label:has(input:checked){background:rgba(143,196,180,.08);box-shadow:inset 3px 0 0 var(--sun)}
.ct-o input{accent-color:var(--sun);width:20px;height:20px}
.ct .btn{margin-top:24px}
.ct-n{margin-top:16px;font-size:18px;line-height:28px;max-width:720px}
.ct .small{margin-top:8px;color:var(--soft)}
.ct-d div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--rule)}
.ct-d{border-top:1px solid var(--rule);margin-top:20px}
.ct-d dt{font-weight:600}
.ct-d dd{color:var(--soft)}
@media (max-width:1100px){.sp{grid-template-columns:200px minmax(0,1fr)}}
@media (max-width:760px){
 .sp{display:block;margin-top:24px}
 .sp-rail{display:none}
 .sp-toc{display:block;margin-bottom:28px}
 .sp-toc summary{padding:12px 0;font-weight:600;cursor:pointer;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
 .sp-sec>h2{font-size:30px;line-height:36px}
 .sp-sec{padding-bottom:56px}
 .ct-o label{font-size:17px}
 .ct-d div{grid-template-columns:1fr;gap:2px}
}
.sp .rows>div{grid-template-columns:220px minmax(0,1fr)}
.sp .rows dt,.sp .rows dd{grid-column:auto}
@media (max-width:760px){.sp .rows>div{grid-template-columns:1fr}}
/* rev-b r29.5: receipt slip lines wrap instead of running past the edge (Kaneelhuis/Stilwater dates) */
.awd-slip li{flex-wrap:wrap;column-gap:10px}
.awd-slip li span{white-space:normal;text-align:right;margin-left:auto;min-width:0}
/* rev-b r29.5: one readable detail (the receipt slip at its own size) instead of two shrunken whole-interface screenshots */
.sj-slip{max-width:340px;margin:8px 0 0}
.sj-slip img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 0 0 1px var(--line),0 30px 60px -30px rgba(0,0,0,.6)}
.sj-slip figcaption{margin-top:14px;font-size:15px;line-height:23px;color:var(--soft)}
.sj-slip figcaption b{color:var(--txt)}
.sj-demo{display:flex;flex-direction:column;align-items:flex-start}
/* rev-b r29.6 phone bugs: logo matrix stacks per package; homepage anatomy shows dots only on the image (labels in the list below) */
.mx-m{display:none}
.mx-h{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--rule);padding-bottom:6px}
.mx-h .serif{font-size:24px;font-weight:400}
.mx-p+.mx-p{margin-top:28px}
@media (max-width:760px){
 .mx-d{display:none}.mx-m{display:block}
 .anat-img .pin{font-size:0;padding:0;gap:0;width:16px;height:16px;justify-content:center;box-shadow:0 0 0 3px rgba(243,182,63,.45)}
 .anat-img .pin i{width:6px;height:6px}
}
.mx-plus{margin-top:10px;color:var(--soft);font-size:15px}
/* d0 · evolved current: offer as the hero message, prices in the rail, warm paper with three curated examples */
.opening .kick{font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--mint);font-weight:600;margin-bottom:10px}
.rail-p{margin:18px 0 6px;border-top:1px solid var(--rule)}
.rail-p div{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--rule)}
.rail-p dt{font-weight:500}
.rail-p dd{font-family:Newsreader,serif;font-size:26px;line-height:1}
.cur{background:#f3eee3;color:#14261f;padding:104px 0 112px;margin-top:120px;--txt:#14261f;--soft:#4a5a52;--rule:rgba(20,38,31,.16);--mint:#1f6f5c;--line:rgba(20,38,31,.14)}
.cur .h2{margin:10px 0 56px;max-width:900px}
.cur-i{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);column-gap:calc(var(--g) * 2);align-items:center;padding:40px 0;border-top:1px solid var(--rule)}
.cur-i.flip{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.cur-i.flip .cur-im{order:2}
.cur-im .frame{box-shadow:0 30px 60px -36px rgba(20,38,31,.45),0 0 0 1px var(--line)}
.cur-t h3{font-size:44px;line-height:48px;margin:8px 0 12px}
.cur-d{font-size:20px;line-height:30px;color:#14261f}
.cur .acts{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:20px}
.cur .link{color:#1f6f5c;border-color:rgba(31,111,92,.35)}
.cur .h2{margin-bottom:28px}.cur-i{padding:32px 0}
/* r28.16 · d0 approved: own second screen (process + the two people, one dark-studio treatment), hero shows two of our sites */
.stage1{position:relative}
.hero-ph{position:absolute;right:-30px;top:150px;width:172px;border-radius:24px;padding:6px;background:#0b1712;box-shadow:0 30px 60px -20px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.12);z-index:2}
.hero-ph img{display:block;width:100%;height:auto;border-radius:18px}
.duo{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:calc(var(--g) * 2);align-items:start;padding-bottom:80px}
.duo h2{font-size:64px;line-height:68px;font-weight:400;letter-spacing:-.01em;margin:12px 0 0;max-width:640px}
.duo h2 em{color:#1f6f5c}
.duo .steps3{margin-top:48px}
.duo .steps3 b{font-size:24px;line-height:30px}
.duo-f{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--g);margin-top:16px}
.duo-f .pt{display:block;aspect-ratio:4/5;overflow:hidden;border-radius:4px;background:#1c1f1e}
.duo-f .pt img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:grayscale(.2) contrast(1.02)}
.duo-f .nm{font-size:28px;line-height:32px;margin-top:16px}
.duo-f .rl{font-weight:600;color:#1f6f5c;margin-top:2px}
.duo-f .sh{color:var(--soft);margin-top:6px;font-size:16px;line-height:24px}
.duo-m{margin-top:24px;padding-top:16px;border-top:1px solid var(--rule);font-size:18px;line-height:28px}
.cur .cur-l{padding-top:72px;border-top:1px solid var(--rule)}
.cur .cur-h{font-size:96px;line-height:96px;letter-spacing:-.02em;max-width:none;margin:14px 0 48px}
@media (max-width:1100px){.duo{display:block}.duo-p{margin-top:56px}.cur .cur-h{font-size:56px;line-height:60px}.hero-ph{display:none}.stage1 figcaption{padding-right:0}}
@media (max-width:760px){.duo h2{font-size:40px;line-height:44px}.cur .cur-h{font-size:40px;line-height:44px}}
@media (max-width:760px){.cur{padding:64px 0 72px;margin-top:72px}.cur-i,.cur-i.flip{display:block;padding:28px 0}.cur-t{margin-top:20px}.cur-t h3{font-size:32px;line-height:36px}.cur-d{font-size:18px;line-height:28px}.duo{padding-bottom:56px}.duo-f .nm{font-size:22px;line-height:26px}.cur .cur-l{padding-top:48px}}
/* r28.17 · d0 paper on inner pages: forest head, warm paper content, forest closing */
.d0p{background:#f3eee3;color:#14261f;--txt:#14261f;--soft:#4a5a52;--rule:rgba(20,38,31,.16);--mint:#1f6f5c;--line:rgba(20,38,31,.16);margin-top:96px;padding:8px 0 120px}
.d0p>.sec:first-child,.d0p>section:first-child{padding-top:96px}
.d0p+.close{padding-top:120px}
@media (max-width:760px){.d0p{margin-top:56px;padding-bottom:72px}.d0p>.sec:first-child,.d0p>section:first-child{padding-top:56px}.d0p+.close{padding-top:72px}}
.d0p .paper,.d0p .paperband{background:transparent;margin-top:0}
.d0p .pl-in select,.d0p .pl-in input[type=date],.d0p .pl-in input[type=number],.d0p .watool input{background:#fbf8f2;color:#14261f;border-color:rgba(20,38,31,.28)}
.d0p .pk-row:has(input:checked),.d0p .ct-o label:has(input:checked){background:rgba(31,111,92,.08)}
/* r28.18 · option facts as rows (Kaneelhuis rooms, Oever homes), never clamped */
.fd-sp{display:flex;flex-wrap:wrap;gap:2px 0;margin-top:4px;font-size:14px;line-height:20px;opacity:.85}
.fd-sp span:not(:last-child)::after{content:"·";margin:0 7px;opacity:.6}
/* r28.19 · home: two working demos with the note beside the step; the trades as one ruled index */
.hdemo{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:calc(var(--g) * 2);align-items:start;padding:48px 0 56px;border-top:1px solid var(--rule)}
.hd-side{position:sticky;top:96px}
.hd-side h3{font-size:36px;line-height:42px;margin:8px 0 12px}
.hd-who{color:var(--soft)}.hd-who b{color:var(--txt);font-weight:600}
.hdemo .cw-notes{margin-top:28px;padding-top:20px;border-top:1px solid var(--rule);min-height:150px}
.hdemo .cw-note h4{font-size:24px;line-height:30px;font-weight:400}
.hdemo .cw-note p{margin-top:6px;color:var(--soft)}
.hdemo .acts{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:20px}
.xidx{list-style:none;margin-top:40px;border-top:1px solid var(--rule)}
.xidx a{display:grid;grid-template-columns:200px 280px minmax(0,1fr) 24px;gap:var(--g);align-items:baseline;padding:18px 0;border-bottom:1px solid var(--rule);transition:background .16s}
.xidx a:hover{background:rgba(143,196,180,.06)}
.xidx .xt{color:var(--mint);font-size:15px}.xidx .xn{font-size:26px;line-height:32px}.xidx .xw{color:var(--soft)}.xidx .xa{color:var(--mint)}
@media (max-width:1100px){.hdemo{display:block}.hd-side{position:static}.hdemo .cw-demo{margin-top:24px}.hdemo .cw-notes{min-height:0}.xidx a{grid-template-columns:1fr 24px;gap:2px 12px}.xidx .xt,.xidx .xn,.xidx .xw{grid-column:1}.xidx .xa{grid-column:2;grid-row:1 / span 3;align-self:center}}
/* r28.19 · case demos use their own site's interface: Kaneelhuis = the plan of the house + compact room rows */
.fd-plan{margin:0 0 18px}
.fd-plan .plan-svg{display:block;width:100%;height:auto;overflow:visible;font-family:var(--fdb,"FD Body"),Manrope,sans-serif}
.fd-plan .pl-house,.fd-plan .pl-garden{fill:none;stroke:var(--ink);stroke-width:1.4;stroke-linejoin:round}
.fd-plan .pl-plinth{fill:rgba(140,74,46,.12)}.fd-plan .pl-garden{stroke:#3E5B45}.fd-plan .pl-ground{stroke:var(--ink);stroke-width:1.6}
.fd-plan text{fill:#6b5d50}.fd-plan .pl-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;fill:var(--blue)}
.fd-plan .pr{cursor:pointer}.fd-plan .pr-box{fill:transparent;stroke:var(--ink);stroke-width:1.4;transition:fill .45s}
.fd-plan .pr-win rect,.fd-plan .pr-win line{fill:none;stroke:var(--ink);stroke-width:1}.fd-plan .pr-win .sh{fill:rgba(110,42,30,.35);transition:transform .7s;transform-box:fill-box}
.fd-plan .pr-name{font-family:var(--fdh,"FD Head"),serif;font-size:22px;fill:var(--ink)}.fd-plan .pr-meta{font-size:12px}.fd-plan .pr-time{font-family:var(--fdh,"FD Head"),serif;font-style:italic;font-size:14px}
.fd-plan .pr:hover .pr-box,.fd-plan .pr.on .pr-box{fill:rgba(181,98,58,.14)}.fd-plan .pr.on .pr-name{fill:var(--blue)}
.fd-plan .pr-halo{fill:var(--lite);opacity:0;transition:opacity .8s}.fd-plan .pr-win .pane{fill:transparent;transition:fill .6s}
.fd-plan .pr.on .pr-halo,.fd-plan .pr:hover .pr-halo{opacity:.85}.fd-plan .pr.on .pane,.fd-plan .pr:hover .pane{fill:var(--lite)}
.fd-plan .pr.on .sh-l,.fd-plan .pr:hover .sh-l{transform:translateX(-5px) scaleX(.55)}.fd-plan .pr.on .sh-r,.fd-plan .pr:hover .sh-r{transform:translateX(9px) scaleX(.55)}
.fd-plan .pl-house,.fd-plan .pr-box{vector-effect:non-scaling-stroke}
.fd-pre-cap{font-size:13px;color:#6b5d50;margin-top:6px}
.fd-opts.lay-rows{display:block;border-top:1px solid var(--ln)}
.fd-opts.lay-rows li{border-bottom:1px solid var(--ln)}
.fd-opts.lay-rows .fd-o{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;width:100%;padding:10px 6px;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:left}
.fd-opts.lay-rows .fd-o img{width:72px;height:54px;object-fit:cover;border-radius:2px;aspect-ratio:auto}
.fd-opts.lay-rows .fd-o[aria-pressed=true]{background:rgba(181,98,58,.08);box-shadow:inset 3px 0 0 var(--blue)}
.fd-opts.lay-rows .t b{font-family:var(--fdh,"FD Head"),serif;font-weight:500;font-size:20px}
.fd-opts.lay-rows .pr{white-space:nowrap}
@media (max-width:760px){.fd-plan .pr-time{display:none}.fd-opts.lay-rows .fd-o{grid-template-columns:56px minmax(0,1fr)}.fd-opts.lay-rows .fd-o img{width:56px;height:42px}.fd-opts.lay-rows .pr{grid-column:2}}
.fd-plan .plan-svg{max-width:640px;margin:0 auto}.fd-plan{margin-top:-8px}
.fd .fd-opts.lay-rows .fd-o{grid-template-columns:72px minmax(0,1fr) auto 18px;grid-template-rows:auto;padding:10px 8px;overflow:visible}
.fd .fd-opts.lay-rows .fd-o img{grid-column:1;grid-row:1;width:72px;height:54px;aspect-ratio:auto;border-radius:2px}
.fd .fd-opts.lay-rows .fd-o .t{grid-column:2;grid-row:1;padding:0}
.fd .fd-opts.lay-rows .fd-o .pr{grid-column:3;grid-row:1;padding:0;align-self:center;white-space:nowrap}
.fd .fd-opts.lay-rows .fd-o::after{grid-column:4;grid-row:1;margin:0}
@media (max-width:760px){.fd .fd-opts.lay-rows .fd-o{grid-template-columns:56px minmax(0,1fr) 18px}.fd .fd-opts.lay-rows .fd-o img{width:56px;height:42px}.fd .fd-opts.lay-rows .fd-o .pr{grid-column:2;grid-row:2}.fd .fd-opts.lay-rows .fd-o::after{grid-column:3;grid-row:1 / span 2;align-self:center}}
/* r28.19 · per-case demo interfaces (one engine, each site's own layout) */
/* Stilwater: resort reservation: thin step line, wide photographic rows, letterspaced names, dark summary */
.fd[data-k=stilwater] .awd-tabs{background:#171c19}
.fd[data-k=stilwater] .awd-tabs [role=tab]{font-family:var(--fdb,"FD Body"),sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.fd .fd-opts.lay-wide{display:block}
.fd .fd-opts.lay-wide li+li{margin-top:12px}
.fd .fd-opts.lay-wide .fd-o{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr) 18px;grid-template-rows:auto;gap:0 24px;padding:0;border:0;border-radius:0;background:#fbf9f4;overflow:hidden;align-items:center}
.fd .fd-opts.lay-wide .fd-o img{grid-column:1;grid-row:1 / span 2;width:100%;height:180px;aspect-ratio:auto;object-fit:cover;border-radius:0}
.fd .fd-opts.lay-wide .fd-o .t{grid-column:2;grid-row:1;padding:20px 0 0;align-self:end}
.fd .fd-opts.lay-wide .fd-o .t b{font-family:var(--fdh,"FD Head"),serif;font-weight:400;font-size:26px;letter-spacing:.01em}
.fd .fd-opts.lay-wide .fd-o small{-webkit-line-clamp:2}
.fd .fd-opts.lay-wide .fd-o .pr{grid-column:2;grid-row:2;padding:6px 0 20px;align-self:start;font-family:var(--fdb,"FD Body"),sans-serif;letter-spacing:.04em}
.fd .fd-opts.lay-wide .fd-o::after{grid-column:3;grid-row:1 / span 2;margin-right:18px}
.fd .fd-opts.lay-wide .fd-o[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--blue)}
.fd[data-k=stilwater] .fd-foot{background:#171c19;color:#f1ede4;padding:16px 20px;margin-top:16px}
.fd[data-k=stilwater] .fd-foot .fd-sum,.fd[data-k=stilwater] .fd-foot .fd-sum *{color:#f1ede4;border-color:rgba(241,237,228,.2)}
.fd[data-k=stilwater] .fd-foot .awd-btn{background:#f1ede4;color:#171c19;letter-spacing:.14em;text-transform:uppercase;font-size:12px}
/* Bruinhart: builder: heavy condensed names on the photo, square tiles, hard edges */
.fd .fd-opts.lay-bold{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.fd .fd-opts.lay-bold .fd-o{position:relative;display:block;padding:0;border:0;border-radius:0;aspect-ratio:1/1;overflow:hidden;background:#26302f}
.fd .fd-opts.lay-bold .fd-o img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0;opacity:.78;transition:opacity .2s}
.fd .fd-opts.lay-bold .fd-o:hover img{opacity:.9}
.fd .fd-opts.lay-bold .fd-o .t{position:absolute;left:0;right:0;bottom:0;padding:44px 14px 14px;background:linear-gradient(transparent,rgba(20,24,23,.88));color:#fff}
.fd .fd-opts.lay-bold .fd-o .t b{font-family:var(--fdh,"FD Head"),sans-serif;font-weight:800;font-size:22px;line-height:1;text-transform:uppercase;letter-spacing:-.005em;color:#fff}
.fd .fd-opts.lay-bold .fd-o small{color:rgba(255,255,255,.82);-webkit-line-clamp:2}
.fd .fd-opts.lay-bold .fd-o:not(:has(img)) .t{position:static;background:none;padding:18px 14px}
.fd .fd-opts.lay-bold .fd-o:not(:has(img)){background:#f3f1ec;box-shadow:inset 0 0 0 2px #26302f}
.fd .fd-opts.lay-bold .fd-o:not(:has(img)) .t b,.fd .fd-opts.lay-bold .fd-o:not(:has(img)) small{color:#26302f}
.fd .fd-opts.lay-bold .fd-o[aria-pressed=true]{box-shadow:inset 0 0 0 4px #e3a92c}
.fd .fd-opts.lay-bold .fd-o::after{position:absolute;top:12px;right:12px;margin:0}
.fd[data-k=bruinhart] .awd-tabs [role=tab]{font-family:var(--fdh,"FD Head"),sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
/* Overstek: architect: one large project, the rest as an index of names, place, year */
.fd-stage{margin:4px 0 14px}
.fd-stage img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.fd-stage figcaption{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;padding-top:10px;font-size:14px;color:var(--ink2)}
.fd-stage figcaption b{font-family:var(--fdh,"FD Head"),sans-serif;font-weight:500;font-size:20px;color:var(--ink)}
.fd .fd-opts.lay-project{display:block;border-top:1px solid var(--ink)}
.fd .fd-opts.lay-project li{border-bottom:1px solid var(--ln)}
.fd .fd-opts.lay-project .fd-o{display:grid;grid-template-columns:minmax(0,1fr) 18px;grid-template-rows:auto;padding:10px 4px;border:0;border-radius:0;background:transparent;box-shadow:none}
.fd .fd-opts.lay-project .fd-o img{display:none}
.fd .fd-opts.lay-project .fd-o .t{grid-column:1;grid-row:1;padding:0;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:12px;align-items:baseline}
.fd .fd-opts.lay-project .fd-o .t b{font-size:17px;font-weight:500}
.fd .fd-opts.lay-project .fd-o small{-webkit-line-clamp:1;margin:0}
.fd .fd-opts.lay-project .fd-o::after{grid-column:2;grid-row:1;margin:0;align-self:center}
.fd .fd-opts.lay-project .fd-o[aria-pressed=true] .t b{text-decoration:underline;text-underline-offset:4px}
/* Libi: care: one calm column, large text, big radio rows */
.fd .fd-opts.lay-calm{display:block}
.fd .fd-opts.lay-calm li+li{margin-top:10px}
.fd .fd-opts.lay-calm .fd-o{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto;gap:0 16px;padding:18px 20px;border:2px solid var(--ln);border-radius:14px;background:#fff;align-items:center;min-height:0}
.fd .fd-opts.lay-calm .fd-o::before{content:"";grid-column:1;grid-row:1;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--ink)}
.fd .fd-opts.lay-calm .fd-o[aria-pressed=true]::before{box-shadow:inset 0 0 0 7px var(--blue)}
.fd .fd-opts.lay-calm .fd-o::after{display:none}
.fd .fd-opts.lay-calm .fd-o .t{grid-column:2;grid-row:1;padding:0}
.fd .fd-opts.lay-calm .fd-o .t b{font-size:21px;line-height:1.3;font-weight:600}
.fd .fd-opts.lay-calm .fd-o small{font-size:16px;line-height:1.5;-webkit-line-clamp:unset;display:block}
.fd .fd-opts.lay-calm .fd-o[aria-pressed=true]{border-color:var(--blue);background:#f6f3fc;box-shadow:none}
.fd[data-k=libi] .awd-tabs [role=tab]{font-size:16px}
/* Ondoro: group: divisions as a report table, figures in columns */
.fd .fd-opts.lay-table{display:block;border-top:2px solid var(--ink)}
.fd .fd-opts.lay-table li{border-bottom:1px solid var(--ln)}
.fd .fd-opts.lay-table .fd-o{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,1fr) 18px;grid-template-rows:auto;gap:16px;padding:12px 4px;border:0;border-radius:0;background:transparent;box-shadow:none;align-items:center}
.fd .fd-opts.lay-table .fd-o img{grid-column:1;grid-row:1;width:120px;height:68px;aspect-ratio:auto;border-radius:0}
.fd .fd-opts.lay-table .fd-o .t{grid-column:2;grid-row:1;padding:0}
.fd .fd-opts.lay-table .fd-o .pr{grid-column:3;grid-row:1;padding:0;white-space:normal;font-variant-numeric:tabular-nums;font-weight:500;color:var(--ink2)}
.fd .fd-opts.lay-table .fd-o::after{grid-column:4;grid-row:1;margin:0}
.fd .fd-opts.lay-table .fd-o[aria-pressed=true]{background:#e9eff2}
@media (max-width:760px){
 .fd .fd-opts.lay-wide .fd-o{grid-template-columns:minmax(0,1fr) 18px}.fd .fd-opts.lay-wide .fd-o img{grid-column:1 / -1;grid-row:1;height:170px}.fd .fd-opts.lay-wide .fd-o .t{grid-column:1;grid-row:2;padding:14px 0 0 14px}.fd .fd-opts.lay-wide .fd-o .pr{grid-column:1;grid-row:3;padding:4px 0 14px 14px}.fd .fd-opts.lay-wide .fd-o::after{grid-column:2;grid-row:2 / span 2}
 .fd .fd-opts.lay-bold{grid-template-columns:1fr 1fr}
 .fd .fd-opts.lay-project .fd-o .t{grid-template-columns:1fr}
 .fd .fd-opts.lay-table .fd-o{grid-template-columns:72px minmax(0,1fr) 18px}.fd .fd-opts.lay-table .fd-o img{width:72px;height:48px}.fd .fd-opts.lay-table .fd-o .pr{grid-column:2;grid-row:2}.fd .fd-opts.lay-table .fd-o::after{grid-column:3}
}
.fd .fd-opts.lay-bold .fd-o:not(:has(img)) .t{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:14px}
/* r28.19 · inner pages stay forest: document bands on articles and legal pages lose their light ground (owner decision 25 Oct) */
.paper,.paperband{background:transparent;color:var(--txt);--txt:#edf2ee;--soft:#b9cbc3;--mute:#b9cbc3;--line:rgba(143,196,180,.2);--rule:rgba(237,242,238,.22);--mint:#8fc4b4}
.paper .rows dd{color:var(--soft)}
.addr .copy{margin-left:10px;background:none;border:0;border-bottom:1px solid var(--line);color:var(--mint);font-size:14px;cursor:pointer;padding:0}
.addr .copy:hover{border-color:var(--mint)}
.paperband .prose p,.paperband .prose li,.paperband .kort li{color:#d4e1db}
.paperband .prose a{color:var(--mint);border-color:var(--line)}
.paperband .kort,.paperband .code{background:var(--deep);color:var(--txt);border-left-color:var(--mint)}
.paperband .src-list li,.paper .rows dd,.paper .addr{color:var(--soft)}
.paper .form .btn,.paper .reach .btn,.paper .btn{box-shadow:none}
/* r28.19 · rev-b r28.16-18: rail = CTA + prices + one note; people get the right half */
.rail .btn{margin-top:4px}
.duo{grid-template-columns:minmax(0,6fr) minmax(0,6fr)}
.duo-f{gap:calc(var(--g) * 1.5)}
.duo-f>div{max-width:290px}
.ask-row>div{grid-column:1 / span 9}
/* tpl-home.1 · brief-tpl-home: one Stilwater (desktop + its own phone inside the stage, label above), paper only on the team passage, offer line by the action */
.stage1 .cap-top{margin:0 0 12px}
.stage1 .frame.stil{position:relative}
.home .hero-ph{right:24px;top:auto;bottom:24px;width:150px;padding:5px;border-radius:22px;background:#0b1712}
.home .hero-ph img{border-radius:17px}
.rail-p dt small{display:block;font-size:14px;line-height:18px;color:var(--soft);font-weight:400}
.rail-m{display:none}
.home .lab{font-size:16px;line-height:22px}
.home .stage1 figcaption{font-size:16px}
.hdemos .h2{margin:10px 0 40px}
.hdemos .hdemo{border-top:1px solid var(--rule)}
.hdemos .cw-demo .awd,.hdemos .cw-demo .fd{box-shadow:none}
.home .ask .lead{font-size:20px;line-height:30px;max-width:760px;color:var(--txt)}
.home .ask .lines-note{font-size:18px;line-height:28px;max-width:760px}
.cur{padding:96px 0 0}
@media (max-width:760px){
 .home .rail-p{display:none}
 .home .rail-m{display:block;margin-top:14px;font-size:17px;line-height:26px;color:var(--txt)}
 .home .phone-hero{max-width:none;margin:28px 0 0}
 .home .phone-hero .phone{border-radius:14px;max-height:620px}
 .home .phone-hero .phone img{width:100%;height:auto;display:block}
 .home .phone-hero .lab{text-align:left}
}
.home .rail .btn{white-space:normal;line-height:1.3;width:100%;justify-content:space-between;text-align:left}
/* tpl-home.2 · GPT tpl-home.1 */
.home .rail .l{font-size:18px;line-height:28px;color:var(--soft);margin:0 0 18px}
.home .stage1 .cap-top{flex-wrap:wrap;gap:6px 22px}
.home .stage1 .cap-top .ext,.home .stage1 .cap-top a{white-space:nowrap}
.home .stage1 .replay{margin-left:auto}
.hd-cost{margin-top:20px;padding:14px 16px;border-left:3px solid var(--sun);background:rgba(143,196,180,.06);font-size:16px;line-height:24px;color:var(--soft)}
.hd-cost b{color:var(--txt);font-weight:600}
.hd-try{margin-top:22px}
.xidx .xt{font-size:26px;line-height:32px;color:var(--txt)}.xidx .xn{color:var(--mint);font-size:16px}
#vakken{padding-top:120px}
.ask2{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:calc(var(--g) * 3);align-items:start}
.ask2-q h3{font-size:28px;line-height:34px;margin-bottom:8px}
.ask2-q .qa{margin-top:8px}
@media (max-width:1100px){.ask2{display:block}.ask2-q{margin-top:64px}}
@media (max-width:760px){
 .home .phone-hero .lab{margin:0 0 10px}
 .home .phone-hero .phone{height:540px;max-height:none}
 .home .phone-hero .phone img{height:100%;object-fit:cover;object-position:50% 100%}
}
/* tpl-home.2 · desk: SuriWeb's own moment = its motto as the type event at the forest-to-paper turn */
.motto{font-size:clamp(64px,12.2vw,176px);line-height:.92;letter-spacing:-.035em;font-weight:400;color:#14261f;margin:0 0 72px;padding-bottom:56px;border-bottom:1px solid var(--rule);font-variation-settings:"opsz" 72}
.motto em{color:#1f6f5c}
.cur{padding-top:88px}
.duo .steps3{margin-top:20px}
@media (max-width:760px){.motto{margin-bottom:40px;padding-bottom:32px}}
/* tpl-home.2 · rev-b tpl-home.1: plan is the chooser on home; shorter demos; phone card shows the headline */
.hdemos .fd-opts.lay-rows{display:none}
.fd-plan .pr:focus-visible .pr-box{stroke:var(--blue);stroke-width:3}
.fd-plan .pr:focus{outline:none}
.home .rail .free-note{margin-top:10px}
@media (max-width:760px){.home .phone-hero{margin-top:20px}.home .phone-hero .phone{height:340px}}
/* tpl-home.3 · GPT tpl-home.2 + rev-b tpl-home.2 */
.home .opening h1{font-size:clamp(56px,7.6vw,112px);line-height:.98;letter-spacing:-.035em;font-variation-settings:"opsz" 72}
.home .rail-p{margin-top:22px}
.home .rail .from{margin-top:14px;font-size:15px;line-height:22px;color:var(--soft)}
.rail-addr{margin-top:10px;font-size:15px;color:var(--soft)}
.rail-vak{display:none}
.home .stage1 .replay{display:block;margin:10px 0 0 auto}
.hdemo.flip{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}.hdemo.flip .hd-side{order:2}
.hd-slip{margin-top:20px}.hd-slip img{display:block;width:100%;height:auto;border-radius:4px}
.hd-slip figcaption{font-size:15px;color:var(--soft);margin-top:8px}
.fd-pre-cap b{font-weight:600;color:var(--ink)}
.fd-pre-cap{font-size:15px;line-height:22px;color:#4a3f35;min-height:22px}
@media (max-width:1100px){.hdemo.flip .hd-side{order:0}}
@media (max-width:760px){
 .hdemos .fd-opts.lay-rows{display:block}
 .rail-vak{display:inline-block;margin-top:12px}
 .home .phone-hero .ph-compact{height:auto;max-height:none}
 .home .phone-hero .ph-compact img{height:auto;object-fit:initial}
 .home .rail-addr{font-size:14px}
}
.home .opening h1{font-size:clamp(48px,7.2vw,104px)}
@media (min-width:1101px){.home .opening h1{white-space:nowrap}}
.rail-addr .copy{margin-left:10px;background:none;border:0;border-bottom:1px solid var(--line);color:var(--mint);font-size:14px;cursor:pointer;padding:0}
.rail-addr .copy:hover{border-color:var(--mint)}
@media (max-width:760px){.home .rail .from{display:block}}
.home .rail .rail-vak{display:none}
@media (max-width:760px){.home .rail .rail-vak{display:inline-block}}
/* tpl-case.1 · GPT tpl-case.0 */
.cw-buybox{margin-top:24px;padding:18px 20px;border-left:3px solid var(--sun);background:rgba(143,196,180,.06)}
.cw-bb-t{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:4px;font-size:18px}
.cw-bb-t b{font-weight:600}.cw-bb-t span{font-family:Newsreader,serif;font-size:30px;white-space:nowrap}
.cw-bb-s{margin-top:4px;font-size:16px;line-height:24px;color:var(--soft)}
.cw-buybox .btn{margin-top:14px;white-space:normal;line-height:1.3}
.cw-buybox .free-note{margin-top:8px;font-size:15px}
.cw-bb-n{margin-top:8px;font-size:15px;line-height:22px;color:var(--soft)}
.fd .fd-opts.lay-wide .fd-o .fd-sp{margin-top:6px}
.fd .fd-opts.lay-bold li:has(.fd-o:not(:has(img))){grid-column:1 / -1}
.fd .fd-opts.lay-bold .fd-o:not(:has(img)){aspect-ratio:auto;min-height:64px}
.fd .fd-opts.lay-bold .fd-o:not(:has(img)) .t{position:static;padding:14px 16px}
@media (max-width:760px){.fd-plan text{display:none}.fd-plan .pr-win{display:none}.fd-pre-cap{font-size:15px}}
/* tpl-case.1 · included scope first; maatwerk behind ?maatwerk */
.mw-on{display:none}.mw .mw-on{display:inline}.mw .mw-off{display:none}
.awd-flag a{white-space:nowrap}
html:not(.mw) .awd [data-step=lijst],html:not(.mw) .awd .awd-listbtn,html:not(.mw) .awd .awd-dock,html:not(.mw) .awd [data-go=lijst]{display:none}
/* tpl-case.1 · each demo in its own site's chrome */
.fd .fd-nm{display:inline-flex;flex-direction:column;line-height:1.1}
.fd .fd-nm small{font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.7;margin-top:3px;font-weight:500}
.fd .fd-bar{gap:16px}
.fd .fd-cta{margin-left:auto;font-size:13px;font-weight:600;padding:9px 14px;border-radius:3px;background:var(--blue);color:#fff;white-space:nowrap}
.fd .fd-cta+.fd-site{margin-left:0}
/* Stilwater: dark header, centred letterspaced wordmark, outline action, thin caps step line, beige ground */
.fd[data-k=stilwater] .fd-bar{background:#171c19;color:#f1ede4;border-color:#171c19;justify-content:center;position:relative;padding:18px 20px}
.fd[data-k=stilwater] .fd-bar img{display:none}
.fd[data-k=stilwater] .fd-nm{align-items:center;font-family:var(--fdh,"FD Head"),serif;font-size:24px;letter-spacing:.32em;font-weight:400}
.fd[data-k=stilwater] .fd-cta{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:none;border:1px solid rgba(241,237,228,.6);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:500}
.fd[data-k=stilwater] .fd-site{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:rgba(241,237,228,.6)}
.fd[data-k=stilwater] .awd-tabs{background:#171c19;border-top:1px solid rgba(241,237,228,.12)}
.fd[data-k=stilwater] .awd-tabs [role=tab][aria-selected=true]{box-shadow:inset 0 -2px 0 #8fb9a6;color:#f1ede4}
/* Kaneelhuis: cream header, serif name with subline, kaneel action, serif tabs on cream */
.fd[data-k=kaneelhuis] .fd-bar{background:#fbf6ee;border-bottom:1px solid #e2d8c8}
.fd[data-k=kaneelhuis] .fd-nm{font-family:var(--fdh,"FD Head"),serif;font-size:22px;letter-spacing:.02em;font-weight:500;text-transform:none}
.fd[data-k=kaneelhuis] .fd-cta{background:#9b2c1f;border-radius:2px}
.fd[data-k=kaneelhuis] .awd-tabs{background:#fbf6ee;border-bottom:1px solid #e2d8c8}
.fd[data-k=kaneelhuis] .awd-tabs [role=tab]{color:#8a7c6c;font-family:var(--fdh,"FD Head"),serif;font-size:19px}
.fd[data-k=kaneelhuis] .awd-tabs [role=tab][aria-selected=true]{color:#43392f;box-shadow:inset 0 -2px 0 #9b2c1f}
/* Bruinhart: white header, logo block, ochre action, charcoal step bar with ochre line */
.fd[data-k=bruinhart] .fd-bar{background:#fff}
.fd[data-k=bruinhart] .fd-nm{font-family:var(--fdh,"FD Head"),sans-serif;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.fd[data-k=bruinhart] .fd-cta{background:#e3a92c;color:#26302f;border-radius:0}
.fd[data-k=bruinhart] .awd-tabs [role=tab][aria-selected=true]{box-shadow:inset 0 -3px 0 #e3a92c}
/* Libi: soft violet, rounded, large */
.fd[data-k=libi] .fd-bar{background:#fff;border-bottom:2px solid #e6e1f2}
.fd[data-k=libi] .fd-cta{background:#4a3b78;border-radius:999px}
.fd[data-k=libi] .awd-tabs{background:#f3f0fa}.fd[data-k=libi] .awd-tabs [role=tab]{color:#5d5375}
.fd[data-k=libi] .awd-tabs [role=tab][aria-selected=true]{color:#2b2540;background:#fff;box-shadow:inset 0 -3px 0 #4a3b78}
/* Ondoro: corporate: thin rules, slate tabs on white */
.fd[data-k=ondoro] .fd-bar{background:#fff;border-bottom:1px solid #c9d3dc}
.fd[data-k=ondoro] .fd-cta{background:none;color:#1b2a36;border:1px solid #1b2a36;border-radius:0}
.fd[data-k=ondoro] .awd-tabs{background:#fff;border-bottom:1px solid #c9d3dc}.fd[data-k=ondoro] .awd-tabs [role=tab]{color:#526575}
.fd[data-k=ondoro] .awd-tabs [role=tab][aria-selected=true]{color:#1b2a36;box-shadow:inset 0 -2px 0 #1b2a36}
/* Overstek: architect: black rule, minimal text tabs */
.fd[data-k=overstek] .fd-bar{background:#f4f2ee;border-bottom:3px double #1d1d1b}
.fd[data-k=overstek] .fd-nm{letter-spacing:.2em;text-transform:uppercase;font-size:15px}
.fd[data-k=overstek] .fd-cta{background:#1d1d1b;border-radius:0}
.fd[data-k=overstek] .awd-tabs{background:#f4f2ee}.fd[data-k=overstek] .awd-tabs [role=tab]{color:#6d6a63}
.fd[data-k=overstek] .awd-tabs [role=tab][aria-selected=true]{color:#1d1d1b;box-shadow:inset 0 -1px 0 #1d1d1b}
/* Oever: clean black on white */
.fd[data-k=oever] .fd-cta{background:#101619;border-radius:0}
@media (max-width:760px){.fd .fd-cta{display:none}.fd[data-k=stilwater] .fd-nm{font-size:18px;letter-spacing:.24em}.fd[data-k=stilwater] .fd-site{display:none}}
.fd .awd-tabs [aria-selected=true]{border-bottom-color:var(--tabline,var(--beam))}
.fd[data-k=stilwater]{--tabline:#8fb9a6}.fd[data-k=kaneelhuis]{--tabline:#9b2c1f}.fd[data-k=bruinhart]{--tabline:#e3a92c}.fd[data-k=libi]{--tabline:#4a3b78}
.fd[data-k=ondoro]{--tabline:#1b2a36}.fd[data-k=overstek]{--tabline:#1d1d1b}.fd[data-k=oever]{--tabline:#c9a46a}
.fd[data-k=kaneelhuis] .awd-tabs [aria-selected=true],.fd[data-k=ondoro] .awd-tabs [aria-selected=true],.fd[data-k=overstek] .awd-tabs [aria-selected=true],.fd[data-k=libi] .awd-tabs [aria-selected=true]{box-shadow:none}
/* tpl-case.1 · Ankerweg phone: two articles per screen: code + name, price + stock, quantity + action */
@media (max-width:760px){
 .awd .awd-res li{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"c n n" "p p s" "q b b";gap:6px 10px;padding:12px}
 .awd .awd-res li .code{grid-area:c;padding:2px 6px;font-size:12px;align-self:start;min-height:0;border-left-width:2px}
 .awd .awd-res li .n{grid-area:n}.awd .awd-res li .n b{font-size:16px;line-height:20px}.awd .awd-res li .n small{display:inline;margin-left:6px}
 .awd .awd-res li .p{grid-area:p;display:flex;gap:6px;align-items:baseline;text-align:left}.awd .awd-res li .p small{display:inline}
 .awd .awd-res li .s{grid-area:s;justify-self:end}
 .awd .awd-res li .qty{grid-area:q}.awd .awd-res li .qty input{width:72px;height:40px}
 .awd .awd-res li .awd-btn{grid-area:b;justify-self:end;height:40px}
}
/* tpl-case.1 · phone evidence at real phone width (readable), not a narrow decorative device */
.cw-one .phone{width:390px;max-width:100%;max-height:720px;border-radius:18px;margin:0 auto}
.cw-one .phone img{width:100%;height:auto;display:block}
.cw-one figcaption{text-align:center;font-size:16px}
@media (max-width:760px){.cw-one .phone{width:100%;max-height:640px}}
.fd .fd-nm small{opacity:1;font-size:11px}
.fd[data-k=stilwater] .fd-nm small{color:#cfc8ba}
/* tpl-case.2 · Stilwater's own booking calendar */
.fd-cal-tip{font-size:15px;color:var(--ink2);margin-bottom:12px}
.fd-cal{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.fd-cal-h{font-family:var(--fdh,"FD Head"),serif;font-size:22px;margin-bottom:8px;text-transform:capitalize}
.fd-cal-g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.fd-cal-w{font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-align:center;color:var(--ink2);padding:4px 0}
.fd-day{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:46px;border:0;background:#f8f5ee;color:var(--ink);font:inherit;cursor:pointer;border-radius:0}
.fd-day b{font-weight:500;font-size:15px}.fd-day small{font-size:11px;color:var(--ink2)}
.fd-day:hover{background:#ece6da}.fd-day:disabled{background:transparent;color:#b8b2a6;cursor:default}
.fd-day.in{background:#dfe8e2}.fd-day.on{background:var(--ink);color:#f1ede4}.fd-day.on small{color:#cfc8ba}
@media (max-width:760px){.fd-cal{grid-template-columns:1fr}.fd-day{min-height:42px}}
/* tpl-case.2 */
.mw-only{display:none}.mw .mw-only{display:block}
.cw-own{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:calc(var(--g) * 2);align-items:start}
.cw-own .h2{font-size:48px;line-height:52px;margin:8px 0 16px}
.cw-own .lead{font-size:18px;line-height:28px}
.cw-own-i .phone{width:390px;max-width:100%}
.cw-out{margin-top:16px}
.hd-out{background:#fbf8f2;color:#14261f;padding:18px 20px;border-radius:4px;border-top:3px solid var(--sun)}
.hd-out .t{font-family:Newsreader,serif;font-size:22px;line-height:28px;margin-bottom:8px}
.hd-out ul{list-style:none}.hd-out li{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-top:1px solid rgba(20,38,31,.14);font-size:17px;line-height:24px}
.hd-out li span{text-align:right}.hd-out i{color:#5c6a62}
.hd-out .who{margin-top:8px;font-size:15px;color:#4a5a52}
.hd-out-c{margin-top:8px;font-size:16px;color:var(--soft)}
.awd-flag{font-size:15px;line-height:22px}
/* Bruinhart: five photos fill two rows; "Iets anders" is a text link underneath */
.fd .fd-opts.lay-bold{grid-template-columns:repeat(6,minmax(0,1fr))}
.fd .fd-opts.lay-bold li{grid-column:span 2}
.fd .fd-opts.lay-bold li:nth-child(4),.fd .fd-opts.lay-bold li:nth-child(5){grid-column:span 3}
.fd .fd-opts.lay-bold li:has(.fd-o:not(:has(img))){grid-column:1 / -1}
.fd .fd-opts.lay-bold li:nth-child(4) .fd-o,.fd .fd-opts.lay-bold li:nth-child(5) .fd-o{aspect-ratio:3 / 2}
.fd .fd-opts.lay-bold .fd-o:not(:has(img)){background:none!important;box-shadow:none!important;min-height:0;aspect-ratio:auto}
.fd .fd-opts.lay-bold .fd-o:not(:has(img)) .t{position:static;padding:10px 2px;display:flex;gap:10px;align-items:baseline}
.fd .fd-opts.lay-bold .fd-o:not(:has(img)) .t b{font-size:16px;text-decoration:underline;text-underline-offset:3px}
.fd .fd-opts.lay-bold .fd-o:not(:has(img))[aria-pressed=true] .t b{color:#b5791a}
@media (max-width:1100px){.cw-own{display:block}.cw-own-i{margin-top:24px}}
@media (max-width:760px){
 .fd .fd-opts.lay-bold{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fd .fd-opts.lay-bold li,.fd .fd-opts.lay-bold li:nth-child(4),.fd .fd-opts.lay-bold li:nth-child(5){grid-column:auto}
 .fd .fd-opts.lay-bold li:nth-child(5){grid-column:1 / -1}.fd .fd-opts.lay-bold li:nth-child(5) .fd-o{aspect-ratio:2 / 1}
 .cw .cw-who,.cw .cw-notes{display:none}
 .cw h1{font-size:36px;line-height:40px}
 .cw-buybox{margin-top:14px;padding:14px 14px}.cw-bb-t span{font-size:24px}
 .cw-buybox+*{margin-top:16px}
 .cw-own .h2{font-size:32px;line-height:36px}
 .fd-plan text{display:none}.fd-plan text.pr-name{display:block;font-size:40px}
}
html:not(.mw) .mw-only{display:none!important}
@media (max-width:760px){
 .cw-side .cw-buybox{order:3;width:100%}.cw-demo{order:4}
 .cw-buybox .cw-bb-s{display:none}.cw-buybox .cw-bb-s:first-of-type{display:block}
 .cw-buybox .cw-bb-n{display:none}
 .cw-buybox .btn{font-size:15px;padding:13px 14px}
}
.awd-flag a{white-space:normal}
@media (max-width:760px){.cw-buybox .cw-bb-y{display:block;font-size:15px}}
.awd-flag{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
@media (max-width:760px){.cw .cw-notes{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
/* tpl-case.3 · GPT tpl-case.2 */
.awd-flag{padding-bottom:6px}
.awd-scope{background:inherit;font-size:14px;line-height:20px;padding:0 20px 10px;margin:0;color:var(--ink2)}
.fd .awd-scope,.awd .awd-scope{background:#f3efe6;color:#3d3a33;padding:8px 20px;border-bottom:1px solid var(--ln)}
.awd-scope a{text-decoration:underline;text-underline-offset:3px}
/* flat price summary with ruled terms; no tinted box */
.cw-buybox{background:none;border-left:0;padding:16px 0 0;border-top:1px solid var(--rule);margin-top:20px}
.cw-buybox .cw-bb-t{padding-bottom:10px;border-bottom:1px solid var(--rule)}
.cw-buybox .cw-bb-s{padding:8px 0;border-bottom:1px solid var(--rule);margin:0}
.cw-side h1{font-size:52px;line-height:56px}
/* phone plan */
.plan-m{display:none}
@media (max-width:760px){
 .fd-plan .plan-svg{display:none}
 .plan-m{display:block;width:100%;height:auto;color:var(--ink);margin:4px 0 6px}
 .plan-m .pr-box{fill:#fbf8f2;stroke:var(--ink);stroke-width:1.2}
 .plan-m .pr.on .pr-box{fill:rgba(181,98,58,.18);stroke:var(--blue);stroke-width:2}
 .plan-m .pm-n{font-family:var(--fdh,"FD Head"),serif;font-size:15px;fill:var(--ink)}
 .plan-m .pr.on .pm-n{fill:var(--blue)}
 .cw-buybox .cw-bb-n{display:block;font-size:15px}
 .cw-buybox .free-note{display:none}
 .cw-side h1{font-size:32px;line-height:36px}
}
.cw-own-stilwater{display:block}.cw-own-stilwater .cw-own-t{max-width:760px}.cw-own-stilwater .cw-own-i{margin-top:28px}
@media (max-width:760px){.awd .awd-scope{display:none}.awd-flag{font-size:14px}}
@media (max-width:760px){.fd-plan .plan-m text{display:block}}
@media (max-width:760px){.fd-stage{display:none}}