@font-face{font-family:Mont;src:url('/assets/Montserrat-Regular.woff2?v=b2859fbdcf') format('woff2');font-display:swap}@font-face{font-family:Mont;src:url('/assets/Montserrat-Bold.woff2?v=20a476501a') format('woff2');font-weight:700;font-display:swap}/* Mont Fallback: Arial sized to Montserrat so the swap does not shift layout. size-adjust = Montserrat/Arial average advance over English letter-frequency-weighted a-z plus space (400: 505.1/442.4, 700: 531.3/478.5 per 1000 em); ascent/descent = Montserrat hhea 968/-251 at 1000 upm divided by size-adjust. */@font-face{font-family:'Mont Fallback';src:local('Arial'),local('ArialMT'),local('Helvetica');size-adjust:114.16%;ascent-override:84.79%;descent-override:21.99%;line-gap-override:0%}@font-face{font-family:'Mont Fallback';src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Bold');font-weight:700;size-adjust:111.03%;ascent-override:87.19%;descent-override:22.61%;line-gap-override:0%}:root{--wine:#542139;--silver:#cfd2d6;--ink:#242629;--paper:#f4efeb;/* Selection backgrounds just below opaque: Safari recolours opaque ::selection backgrounds. */--wine-select:rgb(84 33 57 / .996);--paper-select:rgb(244 239 235 / .996);--line:#d6c9ce;--muted:#77616c;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;/* Public spacing scale: section rhythm, gaps inside blocks, side gutter and body text width. */--space-section:clamp(64px,6vw + 40px,128px);--space-block:clamp(24px,1.5vw + 18px,40px);--gutter:clamp(24px,7.5vw - 10px,120px);--measure:65ch}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Mont,'Mont Fallback',Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.45}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #aa7d93;outline-offset:5px}[hidden]{display:none!important}svg{fill:currentColor}.svg-defs{width:0;height:0;position:absolute}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--wine);color:white;padding:15px}.skip:focus{top:10px}.read-progress{height:3px;position:fixed;inset:0 0 auto;z-index:99;pointer-events:none}.read-progress i{display:block;height:100%;background:#95637b;transform:scaleX(0);transform-origin:left}.brand{display:flex;align-items:center;gap:13px;font-weight:700;letter-spacing:2px;font-size:17px}.brand svg{width:30px;height:32px;color:var(--wine)}.nav-talk{border-bottom:1px solid var(--wine);font-size:11px;padding-bottom:7px}.nav-talk span{margin-left:26px}.hero{padding:var(--space-block) var(--gutter) var(--space-section);max-width:1800px;margin:auto}.hero-top{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px}.eyebrow,.edition{font-size:8px;font-weight:700;letter-spacing:1.6px;line-height:1.7}.edition{font-weight:400;color:var(--muted);font-size:7px}.hero-main{display:grid;grid-template-columns:1.4fr 1fr;gap:3%;padding:55px 0 53px;align-items:center}h1{font-size:clamp(60px,7.4vw,116px);line-height:1.01;letter-spacing:-6.5px;color:var(--wine);margin:0;position:relative;font-weight:700}em{font-style:normal}h1 em{display:inline-block}h1 .period{font-size:55px;display:inline-block;margin-left:20px;vertical-align:middle;font-weight:400}.hero-intro{margin-top:30px;display:flex;flex-wrap:wrap;gap:20px 30px;align-items:flex-start}.hero-intro>p{font-size:14px;line-height:1.9;max-width:400px;margin:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--wine);border:1px solid var(--wine);color:var(--paper);padding:17px 21px;font-size:10px;font-weight:700;transition:background .2s,transform .2s}.button:hover:not(:disabled){background:#71384f;transform:translateY(-2px)}.hero-intro .button{margin-top:6px}.idea-stack{height:355px;position:relative;margin:0 0 15px 20px}.stack-shadow{position:absolute;inset:40px 15px 5px;background:#ddd2d3;transform:rotate(4deg)}.note{position:absolute;padding:28px;box-shadow:0 10px 25px #452b3410}.note>span{font-size:7px;font-weight:700;letter-spacing:1.2px}.note-back{background:#e4dcd6;left:0;top:0;right:40px;bottom:35px;transform:rotate(-8deg);color:var(--muted)}.note-back p{font-size:18px;line-height:1.65}.note-front{background:var(--wine);color:var(--paper);left:38px;right:0;top:25px;bottom:0;transform:rotate(5deg);transition:transform .7s}.idea-stack:hover .note-front{transform:rotate(1deg) translateY(-4px)}.note-front p{font-size:clamp(23px,2.6vw,39px);line-height:1.15;letter-spacing:-1.7px;margin:28px 0}.note-front em{border-bottom:1px solid #d3b7c2;padding-bottom:4px}.note-bottom{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:24px;left:28px;right:28px}.note-bottom span{font-size:6px;letter-spacing:1px}.note-bottom svg{width:28px;height:29px;color:var(--silver)}.stack-caption{position:absolute;bottom:-40px;left:0;font-size:8px;color:var(--muted)}.hero-foot{padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.hero-foot p{font-size:11px;margin:0}.hero-foot>span{font-size:7px;letter-spacing:1.3px}.story{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;padding:var(--space-section) var(--gutter);max-width:1800px;margin:auto}.chapter-intro h2{margin:22px 0 0}h2{font-size:clamp(38px,4.3vw,65px);letter-spacing:-3px;line-height:1.08;font-weight:700;margin:20px 0 32px}h2 em{color:var(--wine)}.story-step{padding:100px 0 60px;min-height:470px;border-bottom:1px solid var(--line)}.step-label{font-size:8px;letter-spacing:1.4px;color:var(--wine);font-weight:700}.story-step h3{font-size:30px;line-height:1.15;letter-spacing:-1.3px;margin:24px 0}.story-step p{font-size:13px;line-height:1.9;max-width:390px}.story-step .quiet{font-size:11px;color:var(--muted)}.text-link{display:inline-flex;justify-content:space-between;gap:30px;font-size:10px;padding:8px 0;border-bottom:1px solid var(--wine);margin-top:12px}.story-visual-column{position:relative}.story-sticky{position:sticky;top:55px;background:var(--wine);color:var(--paper);height:590px;margin-top:35px;overflow:hidden}.story-visual-top{display:flex;justify-content:space-between;position:absolute;top:25px;left:25px;right:25px;font-size:7px;letter-spacing:1px;z-index:5}.visual-scene{position:absolute;inset:58px 0 78px}.scene{position:absolute;inset:0;opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s;pointer-events:none}.story-sticky[data-visual-stage="0"] .scene-mess,.story-sticky[data-visual-stage="1"] .scene-map,.story-sticky[data-visual-stage="2"] .scene-built{opacity:1;transform:translateY(0)}.fragment{position:absolute;background:var(--paper);color:var(--wine);box-shadow:0 7px 18px #1c081e22;padding:22px}.fragment small{font-size:6px;letter-spacing:1px}.fragment h4{font-size:20px;line-height:1.3;letter-spacing:-.8px;margin:17px 0}.fragment p{font-size:8px}.frag-mail{width:69%;top:25px;left:24px;transform:rotate(-8deg)}.frag-mail>span{position:absolute;right:20px;bottom:20px;font-size:30px}.frag-sheet{width:70%;top:176px;right:19px;transform:rotate(7deg);background:#ded7d1}.sheet-row{display:flex;justify-content:space-between;font-size:8px;padding:10px 0;border-bottom:1px solid #b9abb2}.sheet-row:first-of-type{margin-top:12px;font-weight:700}.frag-diary{left:33px;bottom:20px;width:65%;transform:rotate(-3deg);padding:16px 20px}.frag-diary h4{font-size:17px;margin:12px 0}.mess-caption{position:absolute;bottom:-20px;font-size:8px;left:30px;color:#d0b5c2}.story-visual-bottom{display:flex;align-items:center;gap:15px;position:absolute;bottom:28px;left:25px;right:25px;font-size:10px}.story-visual-bottom svg{height:32px;width:32px;color:var(--silver)}.story-visual-bottom>span:last-child{margin-left:auto;font-size:5px;letter-spacing:1px}.story-meter{height:3px;position:absolute;bottom:0;left:0;right:0;background:#ffffff18}.story-meter i{display:block;height:100%;width:33.333%;background:var(--silver);transition:width .6s}.story-sticky[data-visual-stage="1"] .story-meter i{width:66.666%}.story-sticky[data-visual-stage="2"] .story-meter i{width:100%}.scene-map{padding:22px 38px}.map-head>span{font-size:6px;letter-spacing:1px}.map-head h4{font-size:31px;letter-spacing:-1.5px;line-height:1.1;margin:20px 0 30px}.map-node{display:flex;align-items:center;gap:20px;border-top:1px solid #aa7f92;padding:22px 0}.map-node>span{font-size:8px;color:#c8a7b7}.map-node strong{font-size:13px;font-weight:400}.map-node i{margin-left:auto;font-style:normal}.scene-map>p{font-size:8px;color:#d0b5c2;margin-top:24px}.scene-built{padding:28px}.mini-app{background:var(--paper);color:var(--ink);box-shadow:0 25px 40px #18081e33;border:5px solid #28272b;border-radius:6px;transform:rotate(-3deg);overflow:hidden}.mini-app-top{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px;padding:14px;background:var(--ink);color:white}.mini-app-top i{font-size:4px;font-style:normal}.mini-app-body{padding:25px}.mini-app-body>small{font-size:6px;letter-spacing:1px;color:var(--muted)}.mini-app-body h4{font-size:30px;letter-spacing:-1.5px;line-height:1.1;margin:15px 0 26px}.mini-client{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:0 0 18px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#e4d4dc;color:var(--wine);font-size:9px;font-weight:700;flex-shrink:0}.mini-client b{font-size:9px}.mini-client small{display:block;font-size:6px;color:var(--muted);margin-top:4px}.mini-client>span{font-size:6px;margin-left:auto;background:#e3e4dd;padding:6px}.mini-row{display:flex;align-items:center;gap:12px;font-size:7px;padding:14px 0;border-bottom:1px solid var(--line)}.mini-row>span{color:var(--muted);width:45px}.mini-row b{font-weight:400}.mini-row i{margin-left:auto;font-style:normal;color:var(--wine)}.mini-app-bottom{font-size:5px;letter-spacing:1px;margin-top:23px}.section{padding:var(--space-section) var(--gutter)}.possibilities{max-width:1800px;margin:auto}.section-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-block)}.section-top>p{font-size:12px;line-height:1.8;max-width:230px}.capability-list{margin-top:28px}.capability-list details{border-top:1px solid var(--line)}.capability-list details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;gap:40px;padding:25px 0;list-style:none}summary::-webkit-details-marker{display:none}summary>span{font-size:9px;color:var(--muted)}summary h3{font-size:clamp(20px,2.8vw,39px);font-weight:400;letter-spacing:-1.3px;margin:0}summary b{font-size:25px;font-weight:400;margin-left:auto;transition:transform .2s}details[open] summary b{transform:rotate(45deg)}details>p{font-size:12px;line-height:1.9;max-width:700px;padding-left:54px;margin:0 0 28px;color:var(--muted)}.work{background:#e7deda}.work-intro{display:flex;justify-content:space-between;gap:40px;align-items:flex-end}.work-intro h2{margin-bottom:35px}.work-intro>p{font-size:12px;line-height:1.8;max-width:320px;margin:0 0 40px}.work-intro>p>span{display:block;font-size:9px;margin-top:12px;color:var(--muted)}.workflow{background:#fbf9f6;border:1px solid #c6b7be;box-shadow:0 20px 50px #3d273509}.workflow-chrome{height:55px;padding:0 25px;display:flex;align-items:center;background:var(--ink);color:var(--paper);gap:25px}.workspace-label{display:flex;gap:10px;align-items:center;font-size:8px;font-weight:700;letter-spacing:1px}.workspace-label svg{width:18px;height:20px;color:var(--silver)}.demo-badge{margin-left:auto;color:#cfbbc5;font-size:6px;letter-spacing:1px}.workflow-chrome>button{font-size:8px;border:0;background:none;color:var(--paper);padding:8px}.workflow-inner{display:grid;grid-template-columns:28% 1fr;min-height:600px}.flow-nav{padding:38px 25px;background:#f0eae5;border-right:1px solid var(--line);display:flex;flex-direction:column}.small-label{font-size:7px;letter-spacing:1px;font-weight:700;color:var(--muted);line-height:1.6}.flow-steps{margin-top:25px;display:flex;flex-direction:column;gap:6px}.flow-steps button{display:flex;text-align:left;gap:15px;align-items:center;border:0;background:transparent;padding:17px 10px;font-size:10px;min-height:78px}.flow-steps button i{font-style:normal;font-size:8px;color:var(--muted)}.flow-steps button b{font-size:11px;display:block}.flow-steps button small{font-size:8px;display:block;margin-top:7px;line-height:1.4}.flow-steps button em{margin-left:auto;font-size:12px}.flow-steps button[aria-selected=true]{background:#e3d6dc;color:var(--wine)}.flow-steps button[aria-disabled=true]{opacity:.4;cursor:default}.flow-steps button.complete i{color:var(--wine)}.flow-note{border-top:1px solid var(--line);padding-top:22px;margin-top:auto}.flow-note p{font-size:10px;line-height:1.8;max-width:190px;margin-bottom:0}.flow-content{padding:40px 7% 25px;min-width:0;display:flex;flex-direction:column}.flow-content>[role=tabpanel]{flex:1;min-height:410px;animation:arrive .4s ease}.flow-content h3{font-size:31px;line-height:1.15;letter-spacing:-1.4px;color:var(--wine);margin:17px 0 22px}.enquiry-note{padding:20px;background:var(--paper);border:1px solid var(--line);margin-bottom:23px}.enquiry-note>div{display:flex;gap:12px;align-items:center}.enquiry-note b{display:block;font-size:10px}.enquiry-note small{font-size:7px;display:block;margin-top:5px;color:var(--muted)}.mail-icon{margin-left:auto;font-size:22px;color:var(--wine)}.enquiry-note p{font-size:12px;line-height:1.8;margin:18px 0 0}.field-label{display:block;font-size:9px;margin:18px 0 8px}.flow-content select{display:block;background:transparent;border:0;border-bottom:1px solid #b9a6b0;color:var(--ink);width:100%;padding:10px 0;font-size:12px;margin-bottom:23px;border-radius:0}.micro{font-size:8px;line-height:1.7;color:var(--muted);margin:11px 0}.panel-intro{font-size:11px;line-height:1.8;color:var(--muted)}.record-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.record-fields label{grid-column:1/-1;font-size:9px;color:var(--muted)}.record-fields input{display:block;margin-top:8px;width:100%;border:0;border-bottom:1px solid var(--line);padding:10px 0;font-size:15px;font-weight:700;color:var(--ink);background:transparent;border-radius:0}.record-fields>div{padding:14px 0;border-bottom:1px solid var(--line)}.record-fields>div>span{display:block;font-size:8px;color:var(--muted);margin-bottom:8px}.record-fields strong{font-size:11px}.record-error{font-size:10px;color:var(--wine)}fieldset{border:0;padding:0;margin:20px 0;display:flex;gap:12px}legend{font-size:9px;margin-bottom:12px}.booking-days button{background:none;border:1px solid var(--line);padding:11px;flex:1;font-size:7px}.booking-days strong{display:block;font-size:24px;margin-top:8px}.booking-times button{border:1px solid var(--line);background:none;padding:10px 24px;font-size:10px}.booking-days button[aria-pressed=true],.booking-times button[aria-pressed=true]{background:var(--wine);color:var(--paper);border-color:var(--wine)}.handover-summary{margin:22px 0 28px}.handover-summary>div{display:flex;gap:15px;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:10px}.handover-summary span{color:var(--muted)}.completion{display:flex;gap:15px;padding:20px;background:#e9ede5}.complete-check{display:inline-flex;align-items:center;justify-content:center;background:#52654b;color:white;border-radius:50%;width:28px;height:28px;flex-shrink:0}.completion b{font-size:12px}.completion p{font-size:10px;line-height:1.7}.completion small{font-size:8px}.journey-receipt{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:20px;margin-top:28px;color:#8d7a84}.journey-receipt>div{display:flex;align-items:center;gap:5px;font-size:8px}.journey-receipt i{font-style:normal}.journey-receipt .ready{color:var(--wine);font-weight:700}.flow-status{font-size:8px;line-height:1.5;color:var(--muted);min-height:24px;margin:15px 0 0}.work-outro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:35px}.work-outro>span{font-size:7px;letter-spacing:1px}.work-outro p{font-size:11px;line-height:1.8;margin:0}.studio{display:grid;grid-template-columns:1fr 1fr;gap:12%;max-width:1800px;margin:auto}.studio h2{font-size:clamp(40px,5vw,75px)}.studio-story{padding-top:35px}.studio-story p{font-size:12px;line-height:1.9;color:var(--muted)}.studio-story p.large-copy{font-size:25px;line-height:1.45;letter-spacing:-.9px;color:var(--ink);margin:0 0 30px}.founder{display:flex;align-items:center;gap:18px;margin-top:33px}.founder-mark{position:relative;display:flex;align-items:center;justify-content:center;width:65px;height:65px;background:var(--wine);color:var(--paper);font-size:17px;font-weight:700}.founder-mark>span{position:absolute;bottom:7px;right:7px;font-size:11px}.founder strong{display:block;font-size:13px}.founder>div>span{display:block;font-size:8px;margin-top:8px;color:var(--muted)}.founder .founder-mark>span{color:var(--silver);margin:0}.studio-facts{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:6px;letter-spacing:.7px;border-top:1px solid var(--line);padding-top:22px;margin-top:35px}.contact{background:var(--wine);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact h2{font-size:clamp(42px,4.7vw,72px)}.contact em{color:var(--silver)}.contact>div>p{font-size:12px;line-height:1.9}.contact-back{border-color:#a57d8f;margin-top:25px;font-size:9px}.contact form{padding-top:12px}.contact label{display:block;font-size:10px;margin-bottom:10px}.contact select,.contact textarea{display:block;width:100%;border:0;border-bottom:1px solid #b99da9;border-radius:0;background:transparent;color:var(--paper);padding:12px 0;font-size:13px;margin-bottom:27px}.contact select option{background:var(--paper);color:var(--ink)}.contact textarea{resize:vertical}.contact textarea::placeholder{color:#ccb6c2;line-height:1.8;font-size:11px}.contact-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.button.light{background:var(--paper);color:var(--wine);border-color:var(--paper)}.button.light:hover{background:white}.download-link{border:0;border-bottom:1px solid #b99da9;padding:5px 0;background:none;color:var(--paper);font-size:9px}.form-note{font-size:8px;color:#cfb8c3;line-height:1.8;margin:20px 0 0}#brief-status{font-size:10px;line-height:1.7}#copy-fallback{font-size:10px;min-height:150px}#motion-toggle{font-size:8px;border:0;border-bottom:1px solid var(--line);padding:7px 0;background:none}.paused *,.paused *:before,.paused *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@keyframes arrive{from{opacity:.25;transform:translateY(9px)}to{opacity:1;transform:none}}@media(min-width:1600px){.work,.contact{padding-left:max(var(--gutter),calc((100vw - 1584px)/2));padding-right:max(var(--gutter),calc((100vw - 1584px)/2))}}@media(max-width:1100px){h1{letter-spacing:-4px;font-size:7.4vw}h1 .period{font-size:38px;margin-left:12px}.hero-intro>p{font-size:12px}.hero-main{grid-template-columns:1.3fr 1fr;gap:20px}.note{padding:22px}.note-front p{font-size:27px}.note-bottom{left:22px;right:22px}.story{gap:7%}.story-sticky{height:550px}.fragment h4{font-size:18px}.frag-mail{left:20px}.frag-diary{left:24px;bottom:15px}.frag-sheet{top:153px}.mini-app-body{padding:20px}.mini-app-body h4{font-size:26px}.scene-built{padding:26px 16px}.map-node{padding:20px 0}.scene-map{padding:22px 27px}.map-head h4{font-size:29px}.flow-nav{padding:30px 17px}.flow-steps button{gap:10px;padding:15px 7px}.flow-steps button small{font-size:7px}.flow-content{padding:33px 6% 24px}.workflow-inner{grid-template-columns:30% 1fr}.studio{gap:9%}.work-intro>p{max-width:270px}.work-intro h2{font-size:43px}.story-step h3{font-size:27px}}@media(max-width:760px){.brand{font-size:13px;gap:9px}.brand svg{width:25px;height:26px}.hero-top{gap:15px;padding-top:18px}.eyebrow{font-size:7px;letter-spacing:1px}.edition{font-size:5px;letter-spacing:.5px;max-width:90px;text-align:right}.hero-main{display:block;padding-top:35px}.hero h1{font-size:clamp(49px,10.2vw,77px);letter-spacing:-3.4px}.hero h1 .period{font-size:31px;margin-left:12px}.hero-intro{margin-top:25px;gap:18px}.hero-intro p{font-size:12px}.hero-intro .button{margin-top:0}.idea-stack{height:320px;max-width:390px;margin:45px 10px 30px 15px}.note-front{left:35px;top:25px;right:0}.note-front p{font-size:30px;margin-top:22px}.note-back p{font-size:15px}.note-bottom{bottom:20px}.stack-caption{font-size:7px;bottom:-30px}.hero-foot{padding:21px 0;gap:20px}.hero-foot p{font-size:8px;max-width:180px;line-height:1.7}.hero-foot>span{font-size:5px;letter-spacing:.7px;text-align:right;max-width:120px}.story{display:flex;flex-direction:column;gap:0}.story-column{display:contents}.chapter-intro{order:0}.chapter-intro h2{font-size:42px;letter-spacing:-2px}.story-visual-column{order:1;position:sticky;top:12px;z-index:3;margin:30px 0 0;pointer-events:none}.story-sticky{position:relative;top:0;margin:0;height:280px;box-shadow:0 8px 24px #24152615}.story-visual-top{top:15px;left:18px;right:18px;font-size:5px}.visual-scene{inset:38px 0 45px}.story-visual-bottom{left:18px;right:18px;bottom:12px;gap:10px;font-size:8px}.story-visual-bottom svg{width:20px;height:22px}.story-visual-bottom>span:last-child{font-size:4px;letter-spacing:.5px}.fragment{padding:12px}.fragment h4{font-size:14px;margin:10px 0}.fragment p{font-size:6px}.fragment small{font-size:4px;letter-spacing:.7px}.frag-mail{top:8px;left:23px;width:53%;height:128px}.frag-sheet{top:64px;width:58%;right:18px;padding:12px}.sheet-row{font-size:5px;padding:7px 0}.sheet-row:first-of-type{margin-top:8px}.frag-diary{left:24px;bottom:2px;width:50%;height:70px;padding:10px 14px}.frag-diary h4{font-size:12px;margin:6px 0}.frag-diary p{margin:3px 0}.mess-caption{display:none}.scene-map{padding:7px 23px;display:grid;grid-template-columns:1fr 1.1fr;grid-template-rows:repeat(3,1fr);column-gap:18px}.map-head{grid-row:1/4;align-self:center}.map-head>span{font-size:4px;letter-spacing:.5px}.map-head h4{font-size:22px;letter-spacing:-1px;margin:14px 0}.map-node{padding:9px 0;gap:8px}.map-node>span{font-size:6px}.map-node strong{font-size:8px}.map-node i{font-size:10px}.scene-map>p{display:none}.scene-built{padding:3px 28px}.mini-app{transform:rotate(-2deg)}.mini-app-top{padding:7px 10px;font-size:5px}.mini-app-body{padding:12px;display:grid;grid-template-columns:.9fr 1.1fr;column-gap:15px}.mini-app-body>small{font-size:4px;grid-column:1}.mini-app-body h4{font-size:22px;grid-column:1;grid-row:2/5;align-self:center;margin:5px 0}.mini-client{grid-column:2;grid-row:1/3;padding-bottom:8px;gap:6px}.mini-client .avatar{width:23px;height:23px;font-size:6px}.mini-client b{font-size:6px}.mini-client small{font-size:4px}.mini-client>span{display:none}.mini-row{grid-column:2;font-size:5px;padding:8px 0;gap:5px}.mini-row>span{width:30px}.mini-app-bottom{grid-column:1/-1;margin-top:8px;font-size:4px}.story-step{order:2;padding:48px 0 45px;min-height:340px;scroll-margin-top:330px;position:relative;z-index:1}.story-step h3{font-size:28px;margin:18px 0}.story-step p{font-size:12px;max-width:500px}.story-step .quiet{font-size:10px}h2{font-size:39px;letter-spacing:-2px}.section-top{align-items:flex-start;gap:20px}.section-top>p{font-size:10px;max-width:160px;margin:0}.capability-list{margin-top:25px}summary{gap:17px;padding:24px 0}summary h3{font-size:21px;letter-spacing:-.8px;max-width:270px}summary>span{font-size:7px}summary b{font-size:20px}details>p{padding-left:28px;font-size:11px}.work-intro{display:block}.work-intro h2{font-size:40px;margin-bottom:25px}.work-intro>p{max-width:450px;font-size:11px;margin-bottom:28px}.work-intro>p>span{font-size:8px}.workflow-chrome{padding:0 15px;gap:12px;height:48px}.workspace-label{font-size:6px;letter-spacing:.7px}.workspace-label svg{height:17px;width:17px}.demo-badge{font-size:5px}.workflow-inner{display:block;min-height:0}.flow-nav{padding:18px 12px;border-right:0;border-bottom:1px solid var(--line)}.flow-nav>.small-label{display:none}.flow-steps{flex-direction:row;gap:4px;margin:0}.flow-steps button{flex:1;flex-direction:column;align-items:center;gap:8px;padding:10px 3px;min-height:67px}.flow-steps button i{font-size:7px}.flow-steps button b{font-size:7px;text-align:center}.flow-steps button small,.flow-steps button em{display:none}.flow-note{padding-top:13px;margin-top:12px;border:0;display:flex;align-items:baseline;gap:12px}.flow-note>span{font-size:5px;white-space:nowrap}.flow-note p{max-width:none;margin:0;font-size:8px}.flow-content{padding:26px 20px 18px}.flow-content>[role=tabpanel]{min-height:410px}.flow-content h3{font-size:26px;letter-spacing:-1.2px;margin-top:14px}.enquiry-note{padding:16px;margin-bottom:19px}.enquiry-note p{font-size:11px}.enquiry-note small{font-size:6px}.journey-receipt{gap:5px;flex-wrap:wrap}.journey-receipt>div{font-size:6px;gap:3px}.journey-receipt>span{font-size:12px}.booking-times button{padding:10px 18px}.booking-days strong{font-size:23px}.handover-summary>div{font-size:9px}.completion{padding:14px;gap:10px}.completion b{font-size:10px}.completion p{font-size:9px}.completion small{font-size:7px}.work-outro{display:block;margin-top:27px}.work-outro>span{font-size:6px}.work-outro p{font-size:10px;margin-top:15px}.studio{grid-template-columns:1fr;gap:10px}.studio h2{font-size:47px}.studio-story{padding-top:0}.studio-story p.large-copy{font-size:24px}.studio-story p{font-size:12px}.founder{margin-top:25px}.studio-facts{font-size:5px;margin-top:25px}.contact{grid-template-columns:1fr;gap:30px}.contact h2{font-size:43px}.contact>div>p{font-size:11px}.contact-back{margin-top:15px}.contact form{padding-top:0}.contact textarea{font-size:12px}.contact-actions{gap:18px}.form-note{font-size:7px}.download-link{font-size:8px}#motion-toggle{font-size:7px}}@media(max-width:390px){.brand{font-size:12px}.brand svg{width:22px}.hero h1{font-size:47px;letter-spacing:-3px}.hero h1 .period{font-size:25px;margin-left:8px}.idea-stack{margin-left:5px;margin-right:7px}.note-front p{font-size:28px}.hero-top .eyebrow{font-size:6px}.story-sticky{height:265px}.mini-app-body h4{font-size:18px}.flow-content{padding-left:14px;padding-right:14px}.flow-content h3{font-size:24px}.flow-steps button b{font-size:6px}.workspace-label{font-size:5px}.booking-times button{padding:10px 14px}.contact h2{font-size:39px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.note-front{transform:rotate(2deg)!important}.mini-app{transform:none!important}}
/* V3: two routes, an explorable website and a continuous story object. */
.path-picker{margin:0 0 30px}.path-label{font-size:7px;letter-spacing:1.3px;color:var(--muted)}.path-picker>div{display:grid;grid-template-columns:1fr 1fr;margin-top:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.path-picker a{display:flex;align-items:center;gap:22px;padding:23px 25px 23px 0;transition:background .25s,color .25s}.path-picker a+a{padding-left:30px;border-left:1px solid var(--line)}.path-picker a>span{font-size:8px;color:var(--muted)}.path-picker strong{font-size:17px;letter-spacing:-.5px}.path-picker i{font-style:normal;margin-left:auto;font-size:23px;color:var(--wine);transition:transform .25s}.path-picker a:hover i{transform:translate(3px,-3px)}.path-picker a:hover{color:var(--wine)}.hero-main{padding-bottom:65px}.hero-foot{border-top:0;padding-top:0}.thread-card{position:absolute;top:0;left:0;width:70%;padding:17px;display:flex;align-items:center;gap:12px;background:var(--paper);color:var(--wine);box-shadow:0 12px 28px #1c081e25;z-index:7;transform:translate(24px,25px) rotate(-5deg);border:1px solid #b4a0aa40;will-change:transform,width}.thread-avatar{display:flex;align-items:center;justify-content:center;background:#e4d4dc;border-radius:50%;height:33px;width:33px;font-size:8px;font-weight:700;flex-shrink:0}.thread-card small{font-size:5px;letter-spacing:.8px;display:block;color:var(--muted);margin-bottom:6px}.thread-card b{display:block;font-size:12px}.thread-card div>span{font-size:7px;display:block;margin-top:5px}.thread-card>i{margin-left:auto;font-style:normal;font-size:16px}.mail-outline{position:absolute;top:12px;left:17px;width:75%;height:146px;border:1px solid #ceb1bf66;transform:rotate(-5deg);padding:15px}.mail-outline small{font-size:5px;letter-spacing:1px}.mail-outline>span{position:absolute;bottom:15px;font-size:8px;color:#d8beca}.scene-map{display:block;padding:20px 30px}.map-head h4{font-size:29px;margin-top:15px}.connection-lines{position:absolute;bottom:15px;left:30px;right:30px;text-align:center}.connection-lines>span{display:block;font-size:6px;letter-spacing:1px;color:#d8beca}.connection-lines>i{font-style:normal;display:block;margin:12px 0 18px;color:#baa0af}.connection-lines>div{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #b794a5;padding-top:20px}.connection-lines b{font-weight:400;font-size:9px;flex:1;border:1px solid #b794a5;padding:13px 4px}.thread-slot{height:93px}.scene-built .mini-app-body h4{font-size:26px;margin-bottom:10px}.scene-built .mini-app-body>small{font-size:5px}.mini-app-bottom{margin-top:15px}.website-work{background:var(--wine);color:var(--paper)}.website-intro{display:flex;justify-content:space-between;gap:50px;align-items:flex-end}.website-intro h2{margin-bottom:35px}.website-intro h2 em{color:var(--silver)}.website-intro>div:last-child{max-width:310px;margin-bottom:40px}.website-intro p{font-size:12px;line-height:1.9;margin:0 0 16px}.concept-label{font-size:6px;letter-spacing:1px;color:#d8beca;line-height:1.7;display:block}.website-controls{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-top:1px solid #956679;font-size:7px;letter-spacing:1px}.screen-sizes{display:flex;gap:5px}.screen-sizes button{border:1px solid transparent;background:none;color:#d5bac7;padding:9px 14px;font-size:8px}.screen-sizes button[aria-pressed=true]{border-color:#bc9aab;color:white}.website-stage{min-height:515px;display:flex;align-items:flex-start;justify-content:center;padding:15px 0 30px}.concept-browser{width:100%;max-width:1200px;background:#efece6;color:#34362f;box-shadow:0 20px 45px #210a1940;border:1px solid #b4a0aa70;transition:width .65s cubic-bezier(.2,.7,.2,1);min-width:0}.browser-chrome{background:#d6d4ce;border-bottom:1px solid #c0bdb5;display:flex;align-items:center;justify-content:space-between;font-size:6px;letter-spacing:1px;padding:11px 18px;color:#686a61}.browser-chrome>span:first-child{font-size:5px;letter-spacing:3px}.browser-chrome i{font-size:10px;font-style:normal}.form-site{font-family:Mont,'Mont Fallback',Arial,sans-serif}.form-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 35px;border-bottom:1px solid #cfcfc480}.form-nav button{background:none;border:0;padding:0;color:#34362f}.form-nav .form-logo{font-weight:700;font-size:21px;letter-spacing:-1.5px}.form-logo span{font-size:6px;vertical-align:top;letter-spacing:0;margin-left:3px}.form-nav>div{display:flex;gap:22px}.form-nav>div button{font-size:8px}.form-nav>div button:hover{color:#747c61}.form-hero{display:grid;grid-template-columns:43% 57%;min-height:377px}.form-hero>div{padding:40px 35px 35px;display:flex;align-items:flex-start;flex-direction:column}.form-label{font-size:6px;letter-spacing:1.2px;color:#72766a;line-height:1.8}.form-hero h3,.form-project h3,.form-studio h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(33px,4vw,64px);letter-spacing:-2px;line-height:1.02;margin:28px 0 20px}.form-hero h3 em,.form-project h3 em,.form-studio h3 em{font-style:italic;color:#68705a}.form-hero p{font-size:10px;line-height:1.8}.form-link{display:inline-flex;gap:30px;justify-content:space-between;align-items:center;font-size:8px;border:0;border-bottom:1px solid #777c6c;background:none;padding:10px 0;color:#34362f;cursor:pointer;margin-top:13px}.form-link span{font-size:15px}.form-hero .form-link{margin-top:auto}.form-hero img{width:100%;height:100%;min-height:377px;object-fit:cover}.form-strip{display:flex;justify-content:space-between;padding:20px 35px;gap:20px;border-top:1px solid #cfcfc480;font-size:5px;letter-spacing:.8px}.form-project{display:grid;grid-template-columns:1fr 1fr;min-height:377px}.form-project>img{width:100%;height:100%;object-fit:cover;min-height:377px}.form-project>div{padding:32px 35px}.form-project h3{font-size:43px;margin:22px 0}.form-project p{font-size:10px;line-height:1.9}.form-project dl{margin:20px 0}.form-project dl>div{border-top:1px solid #d2d1c8;padding:9px 0;display:flex;justify-content:space-between;gap:15px;font-size:7px}.form-project dt{color:#74786a}.form-project dd{margin:0}.form-studio{padding:45px 7%;min-height:425px;display:flex;align-items:flex-start;flex-direction:column}.form-studio h3{font-size:54px;margin:22px 0}.form-studio p{font-size:11px;line-height:1.9;max-width:560px}.form-studio .form-link.secondary{border-bottom:0;color:#767b6a;font-size:7px;margin-top:10px}.web-page{animation:arrive .45s ease}.website-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:20px}.website-notes>article{border-top:1px solid #956679;padding-top:22px}.website-notes span{font-size:6px;letter-spacing:.8px;color:#dfcbd5;line-height:1.8}.website-notes p{font-size:11px;line-height:1.8;margin:12px 0 0;max-width:300px}.website-cta{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:40px}.website-cta>span{font-size:9px;color:#dac2ce}.website-cta .text-link{border-color:#bd9cac;margin:0;font-size:9px}.concept-browser[data-size=mobile]{width:340px}.concept-browser[data-size=mobile] .browser-chrome{font-size:5px;padding:10px 12px;letter-spacing:.5px}.concept-browser[data-size=mobile] .form-nav{padding:21px 20px;gap:10px}.concept-browser[data-size=mobile] .form-nav .form-logo{font-size:20px}.concept-browser[data-size=mobile] .form-nav>div{gap:13px}.concept-browser[data-size=mobile] .form-nav>div button{font-size:6px}.concept-browser[data-size=mobile] .form-hero{grid-template-columns:1fr;min-height:0}.concept-browser[data-size=mobile] .form-hero>div{padding:30px 25px}.concept-browser[data-size=mobile] .form-hero h3{font-size:46px;margin:22px 0 15px}.concept-browser[data-size=mobile] .form-hero p{font-size:10px}.concept-browser[data-size=mobile] .form-hero .form-link{margin-top:15px}.concept-browser[data-size=mobile] .form-hero img{height:240px;min-height:0}.concept-browser[data-size=mobile] .form-strip{padding:17px 22px;font-size:4px;letter-spacing:.5px}.concept-browser[data-size=mobile] .form-strip>span:last-child{display:none}.concept-browser[data-size=mobile] .form-project{grid-template-columns:1fr;min-height:0}.concept-browser[data-size=mobile] .form-project>img{height:240px;min-height:0}.concept-browser[data-size=mobile] .form-project>div{padding:26px}.concept-browser[data-size=mobile] .form-project h3{font-size:38px}.concept-browser[data-size=mobile] .form-studio{padding:33px 25px;min-height:480px}.concept-browser[data-size=mobile] .form-studio h3{font-size:38px}.concept-browser[data-size=mobile] .form-studio p{font-size:10px}.working-together{border-top:1px solid var(--line);margin-top:32px;padding-top:22px}.working-together p{font-size:11px}.contact-next{border-left:1px solid #b99da9;padding-left:15px;margin:0 0 25px}.contact-next>span{font-size:6px;letter-spacing:1px;color:#d7c2cd}.contact-next p{font-size:10px;line-height:1.8;color:#e7d7df;margin:8px 0}.form-nav button:focus-visible,.form-link:focus-visible{outline:2px solid #7c8867;outline-offset:5px}.paused .thread-card{will-change:auto}@media(max-width:1100px){.path-picker strong{font-size:14px}.website-intro h2{font-size:43px}.website-intro>div:last-child{max-width:280px}.form-hero>div{padding:30px 25px}.form-nav{padding:23px 25px}.form-hero h3{font-size:46px}.form-project h3{font-size:35px}.form-studio h3{font-size:48px}.thread-card{padding:14px}.thread-card b{font-size:10px}.thread-card div>span{font-size:6px}}@media(max-width:760px){.path-picker{margin:15px 0 25px}.path-label{font-size:6px;letter-spacing:.8px}.path-picker>div{grid-template-columns:1fr;margin-top:12px}.path-picker a{padding:20px 0;gap:18px}.path-picker a+a{padding:20px 0;border-left:0;border-top:1px solid var(--line)}.path-picker strong{font-size:14px}.path-picker a>span{font-size:7px}.path-picker i{font-size:20px}.hero-main{padding-bottom:45px}.hero-foot>span{font-size:5px}.thread-card{padding:10px;gap:8px;box-shadow:0 5px 14px #1c081e20}.thread-avatar{width:24px;height:24px;font-size:6px}.thread-card small{font-size:4px;letter-spacing:.5px;margin-bottom:4px}.thread-card b{font-size:9px}.thread-card div>span{font-size:5px;margin-top:4px}.thread-card>i{font-size:12px}.mail-outline{height:95px;width:73%;top:6px;left:17px;padding:10px}.mail-outline small{font-size:4px}.mail-outline>span{font-size:5px;bottom:10px}.frag-sheet{top:70px}.frag-diary{bottom:-2px}.scene-map{display:block;padding:10px 22px}.map-head>span{font-size:4px}.map-head h4{font-size:20px;margin:9px 0;line-height:1.05}.connection-lines{left:24px;right:24px;bottom:-8px}.connection-lines>span{display:none}.connection-lines>i{font-size:12px;margin:0 0 7px}.connection-lines>div{padding-top:8px}.connection-lines b{font-size:6px;padding:8px 3px}.scene-built{padding:3px 19px}.scene-built .mini-app-body{display:block;padding:12px 15px;min-height:167px}.scene-built .mini-app-body>small{font-size:4px}.scene-built .mini-app-body h4{font-size:20px;margin:7px 0 0}.scene-built .mini-app-body h4 br{display:none}.scene-built .thread-slot{height:80px}.scene-built .mini-row,.scene-built .mini-app-bottom{display:none}.story-visual-column{top:8px}.story-sticky{height:245px}.visual-scene{inset:35px 0 42px}.story-step{min-height:300px;padding:35px 0 32px}.story-step h3{font-size:26px}.chapter-intro h2{font-size:39px}.website-intro{display:block}.website-intro h2{font-size:40px;margin-bottom:24px}.website-intro>div:last-child{max-width:450px;margin-bottom:25px}.website-intro p{font-size:11px}.concept-label{font-size:5px}.website-controls{font-size:5px;letter-spacing:.7px;gap:10px;padding:13px 0}.screen-sizes button{font-size:7px;padding:8px 10px}.website-stage{padding:10px 0 15px;min-height:0}.concept-browser{max-width:100%}.concept-browser .browser-chrome{font-size:4px;letter-spacing:.4px;padding:10px 12px}.concept-browser .form-nav{padding:20px 18px;gap:8px}.concept-browser .form-nav .form-logo{font-size:20px}.concept-browser .form-nav>div{gap:11px}.concept-browser .form-nav>div button{font-size:6px}.concept-browser .form-hero{grid-template-columns:1fr;min-height:0}.concept-browser .form-hero>div{padding:28px 24px}.concept-browser .form-hero h3{font-size:45px;margin:20px 0 15px}.concept-browser .form-hero p{font-size:10px}.concept-browser .form-hero .form-link{margin-top:15px}.concept-browser .form-hero img{height:235px;min-height:0}.concept-browser .form-strip{padding:15px 22px;font-size:4px;letter-spacing:.5px}.concept-browser .form-strip>span:last-child{display:none}.concept-browser .form-project{grid-template-columns:1fr;min-height:0}.concept-browser .form-project>img{height:230px;min-height:0}.concept-browser .form-project>div{padding:25px}.concept-browser .form-project h3{font-size:35px}.concept-browser .form-studio{padding:32px 25px;min-height:450px}.concept-browser .form-studio h3{font-size:35px}.concept-browser .form-studio p{font-size:10px}.website-notes{grid-template-columns:1fr;gap:20px;margin-top:20px}.website-notes>article{padding-top:17px}.website-notes span{font-size:6px}.website-notes p{font-size:10px;max-width:none;margin-top:8px}.website-cta{display:block;margin-top:27px}.website-cta>span{font-size:8px;line-height:1.8;display:block}.website-cta .text-link{margin-top:12px;font-size:9px}.contact-next p{font-size:9px}.contact-next{margin-bottom:25px}.working-together p{font-size:10px}}@media(max-width:390px){.concept-browser .form-nav>div{gap:8px}.concept-browser .form-nav>div button{font-size:5px}.concept-browser .form-nav .form-logo{font-size:18px}.concept-browser .form-hero h3{font-size:40px}.concept-browser .form-project h3,.concept-browser .form-studio h3{font-size:31px}.thread-card{padding:8px}.thread-card b{font-size:8px}.thread-avatar{height:21px;width:21px}.website-intro h2{font-size:35px}.path-picker strong{font-size:12px}.story-sticky{height:235px}.scene-built .mini-app-body h4{font-size:17px}}
/* V4: real enquiries, project context and clear service expectations. */
.language-switch{display:flex;gap:10px;font-size:9px;flex-shrink:0}.language-switch a{color:var(--muted);padding:5px 0}.language-switch a[aria-current=page]{color:var(--wine);border-bottom:1px solid var(--wine);font-weight:700}.own-project{border-top:1px solid var(--line);padding-top:85px;padding-bottom:85px}.case-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.case-status{font-size:7px;letter-spacing:1px;border:1px solid var(--line);padding:8px 12px;color:var(--wine)}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;margin-top:25px}.case-grid h2{font-size:50px;line-height:1.1}.case-lead{font-size:14px;line-height:1.9;max-width:420px}.case-disclosure{font-size:9px;line-height:1.9;color:var(--muted);max-width:410px}.case-art{background:var(--wine);color:var(--silver);padding:35px;display:grid;grid-template-columns:45px 1fr;gap:12px 15px;align-items:center;min-height:330px}.case-art svg{width:43px;height:43px}.case-art>span{font-size:19px;letter-spacing:2px;font-weight:700}.case-art-rule{grid-column:1/-1;height:1px;background:#9b7788;margin:15px 0}.case-art strong{grid-column:1/-1;font-size:35px;line-height:1.1;letter-spacing:-1.5px}.case-art small{grid-column:1/-1;font-size:5px;letter-spacing:1px;margin-top:20px}.case-details{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.case-details article{border-top:1px solid var(--line);padding-top:20px}.case-details article>span{font-size:7px;letter-spacing:1px;color:var(--muted)}.case-details h3{font-size:20px;line-height:1.3;letter-spacing:-.6px}.case-details p{font-size:11px;line-height:1.9;color:var(--muted)}.own-project>.text-link{margin-top:25px}.expectations{display:grid;grid-template-columns:1fr 1.25fr;gap:10%;border-top:1px solid var(--line)}.expectations-heading h2{font-size:43px;margin-bottom:var(--space-block)}.expectations-heading>p{font-size:12px;line-height:1.8}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{gap:20px;padding:22px 0}.faq-list summary h3{font-size:17px;letter-spacing:-.5px;line-height:1.5}.faq-list details>p{padding:0;margin:0 0 22px;font-size:11px;line-height:1.9}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact input{display:block;width:100%;background:none;border:0;border-bottom:1px solid #b99da9;color:var(--paper);border-radius:0;padding:12px 0;font-size:13px;margin-bottom:25px}.contact-honey{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.contact .contact-next{margin-top:10px}.privacy-link{display:inline-block;border-bottom:1px solid #a67f92;margin-top:8px}.inbox-link{font-size:7px;color:var(--muted)}#enquiry-status{font-size:11px;line-height:1.8;margin-top:18px}#enquiry-status.success{padding:15px;border-left:2px solid var(--silver);background:#ffffff08}.contact .button:disabled{opacity:.7}.form-note{font-size:9px}.form-note a:focus-visible{outline-color:var(--silver)}@media(max-width:1100px){.case-grid{gap:7%}.case-grid h2{font-size:43px}.case-art{padding:25px}.case-art strong{font-size:30px}.expectations{gap:7%}.expectations-heading h2{font-size:36px}}@media(max-width:760px){.hero-top .eyebrow{font-size:6px}.hero h1{font-size:49px;letter-spacing:-3px}.hero-intro p{font-size:13px}.path-picker strong{font-size:15px}.case-top{align-items:flex-start;gap:15px}.case-top .eyebrow{max-width:180px}.case-status{font-size:5px;padding:6px 8px;white-space:nowrap}.case-grid{grid-template-columns:1fr;gap:22px;margin-top:18px}.case-grid h2{font-size:41px}.case-lead{font-size:13px}.case-disclosure{font-size:10px}.case-art{min-height:280px;padding:28px}.case-art strong{font-size:32px}.case-art small{font-size:5px}.case-details{grid-template-columns:1fr;gap:18px;margin-top:30px}.case-details h3{font-size:20px;margin:14px 0}.case-details p{font-size:12px}.expectations{grid-template-columns:1fr;gap:25px}.expectations-heading h2{font-size:37px}.expectations-heading>p{font-size:12px}.faq-list summary h3{font-size:17px}.faq-list details>p{font-size:12px}.form-pair{grid-template-columns:1fr;gap:0}.contact label{font-size:12px}.contact input,.contact select,.contact textarea{font-size:16px}.contact textarea::placeholder{font-size:12px}.contact .button{min-height:48px;font-size:12px}.form-note{font-size:10px;line-height:1.8}.contact-next p{font-size:11px}.contact-next>span{font-size:8px}.inbox-link{font-size:9px}#motion-toggle{font-size:10px}#enquiry-status{font-size:12px}}@media(max-width:390px){.hero h1{font-size:43px;letter-spacing:-2.8px}.case-grid h2{font-size:36px}.expectations-heading h2{font-size:34px}.case-art strong{font-size:28px}.hero-top .edition{display:none}.hero-top .eyebrow{font-size:6px}.path-picker strong{font-size:14px}.story-step h3{font-size:24px}.contact h2{font-size:34px}}
html[lang=nl] .hero h1{font-size:clamp(52px,5.8vw,92px);letter-spacing:-4px;line-height:1.06}@media(max-width:760px){html[lang=nl] .hero h1{font-size:43px;letter-spacing:-2.6px}}@media(max-width:390px){html[lang=nl] .hero h1{font-size:38px;letter-spacing:-2.4px}}
/* Focused service pages. */
.service-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;padding-top:var(--space-block)}.service-hero h1{font-size:clamp(45px,4.4vw,68px);line-height:1.06;letter-spacing:-3px;margin:25px 0 var(--space-block)}.service-hero>div>p{font-size:14px;line-height:1.9;max-width:var(--measure);margin:var(--space-block) 0}.service-hero .button{margin-top:0}.service-secondary{display:block;font-size:9px;color:var(--muted);margin-top:20px;text-decoration:underline;text-underline-offset:5px}.service-preview,.service-system{background:var(--wine);color:var(--paper);box-shadow:0 20px 40px #54213912}.service-preview-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 22px;font-size:6px;letter-spacing:1px}.service-preview img{display:block;width:100%;height:290px;object-fit:cover}.service-preview>div:last-child{padding:22px}.service-preview h2{font-family:Georgia,serif;font-size:30px;letter-spacing:-.6px;font-weight:400;line-height:1.1;margin:5px 0 18px}.service-preview a,.service-system>a{font-size:8px;border-bottom:1px solid #b695a5;padding-bottom:7px;display:inline-block}.service-system{padding:0 28px 30px}.service-system>.service-preview-top{padding:20px 0}.service-system h2{font-size:32px;line-height:1.1;letter-spacing:-1.5px;margin:30px 0}.service-system>div:not(:first-child){display:flex;align-items:center;gap:20px;padding:19px 0;border-top:1px solid #9a7186;font-size:11px}.service-system>div>span{font-size:8px;color:#cfb4c2}.service-system>div>b{margin-left:auto}.service-system>a{margin-top:24px}.service-scope{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#eae3de}.service-section-heading h2{font-size:39px;line-height:1.13;letter-spacing:-2px;margin-bottom:var(--space-block)}.service-section-heading>p{font-size:11px;color:var(--muted);line-height:1.8}.service-scope>div:last-child>article{display:flex;gap:25px;padding:25px 0;border-top:1px solid #cdbfc5}.service-scope article>span{font-size:8px;color:var(--muted);padding-top:5px}.service-scope article h3{font-size:20px;letter-spacing:-.6px;margin:0 0 12px;line-height:1.3}.service-scope article p{font-size:12px;line-height:1.9;margin:0;color:var(--muted)}.service-process h2{font-size:44px}.service-process>div{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:45px}.service-process article{border-top:1px solid var(--line);padding-top:22px}.service-process article>span{font-size:9px;color:var(--wine)}.service-process article h3{font-size:20px;letter-spacing:-.6px;line-height:1.3;margin:20px 0 15px}.service-process article p{font-size:11px;line-height:1.9;color:var(--muted)}.service-pricing{display:grid;grid-template-columns:1fr 1fr;gap:12%;background:var(--ink);color:var(--paper)}.service-pricing>div>p{font-size:12px;line-height:1.9;max-width:430px}.service-pricing>div:last-child>h3{font-size:21px;letter-spacing:-.6px;margin:12px 0 30px}.service-pricing>div:last-child>p{display:flex;justify-content:space-between;gap:30px;padding:18px 0;border-top:1px solid #68636a;font-size:11px}.service-pricing .text-link{border-color:#b49eab}.service-contact{background:var(--wine);color:var(--paper)}.service-contact h2{max-width:850px;font-size:60px}.service-contact>p{font-size:13px;line-height:1.9}.service-contact .button{margin-top:20px}.service-page .service-hero h1{color:var(--wine)}
@media(max-width:1100px){.service-hero{gap:6%}.service-hero h1{font-size:49px}.service-hero>div>p{font-size:13px}.service-preview img{height:250px}.service-section-heading h2{font-size:34px}.service-process article h3{font-size:17px}.service-process>div{gap:22px}.service-contact h2{font-size:53px}}@media(max-width:760px){.service-hero{grid-template-columns:1fr;gap:35px}.service-hero h1{font-size:43px;letter-spacing:-2.2px}.service-hero>div>p{font-size:13px}.service-preview img{height:240px}.service-preview h2{font-size:28px}.service-system h2{font-size:29px}.service-system>div:not(:first-child){font-size:11px}.service-scope{grid-template-columns:1fr;gap:25px}.service-section-heading h2{font-size:34px}.service-scope article h3{font-size:19px}.service-scope article p{font-size:12px}.service-process h2{font-size:34px}.service-process>div{grid-template-columns:1fr;gap:18px;margin-top:30px}.service-process article h3{font-size:21px;margin:15px 0 10px}.service-process article p{font-size:12px}.service-pricing{grid-template-columns:1fr;gap:20px}.service-pricing h2{font-size:37px}.service-pricing>div>p{font-size:12px}.service-pricing>div:last-child>p{font-size:12px}.service-contact h2{font-size:39px}.service-contact>p{font-size:12px}.service-secondary{font-size:11px}.service-preview a,.service-system>a{font-size:10px}.service-preview-top{font-size:5px}.service-page .service-contact .button{font-size:12px;min-height:48px}}@media(max-width:390px){.service-hero h1{font-size:38px}.service-section-heading h2{font-size:29px}.service-process h2{font-size:31px}.service-contact h2{font-size:34px}.service-pricing h2{font-size:34px}}
/* Tin Fox / V6: a project visitors can inspect, and motion with a purpose. */
.case-explorer{min-width:0}.case-tabs{display:flex;border-bottom:1px solid var(--line);gap:0;margin-bottom:14px}.case-tabs button{border:0;background:none;color:var(--muted);padding:15px 10px;font-size:9px;flex:1;min-height:44px;border-bottom:2px solid transparent}.case-tabs button[aria-selected=true]{border-color:var(--wine);color:var(--wine);font-weight:700}.case-explorer .case-art,.case-interface,.case-implementation{min-height:430px}.case-explorer .case-art{gap:12px 15px}.case-swatches{grid-column:1/-1;display:flex;gap:23px;margin-top:16px}.case-swatches span{display:flex;align-items:center;gap:7px;font-size:8px}.case-swatches i{width:15px;height:15px;background:var(--wine);border:1px solid #cfd2d688}.case-swatches span:nth-child(2) i{background:var(--silver)}.case-swatches span:nth-child(3) i{background:var(--paper)}.case-art .case-panel-note{color:#dfcdd5;grid-column:1/-1;margin:4px 0 0}.case-panel-note{font-size:11px;line-height:1.8;color:var(--muted);margin:20px 0 0}.case-interface{padding:22px 28px;background:#e9e1dc;border:1px solid var(--line)}.case-window{display:flex;justify-content:space-between;gap:20px;font-size:8px;font-weight:700;border-bottom:1px solid #c8b9bf;padding-bottom:17px}.case-window>span:last-child{font-weight:400;font-size:7px}.case-mini-hero{padding:25px 0 18px}.case-mini-hero>span{font-size:5px;letter-spacing:.8px}.case-mini-hero>strong{display:block;font-size:38px;line-height:1.06;letter-spacing:-2px;color:var(--wine);margin:20px 0}.case-mini-hero>strong em{font-family:Georgia,serif;font-weight:400}.case-mini-hero p{font-size:9px}.case-mini-hero>a{display:flex;justify-content:space-between;align-items:center;background:var(--wine);color:var(--paper);padding:14px 16px;font-size:9px;margin-top:20px;max-width:200px;min-height:44px}.case-interface .text-link{font-size:10px;margin-top:15px}.case-implementation{padding:32px;background:var(--ink);color:var(--paper)}.case-implementation h3{font-size:31px;letter-spacing:-1px;line-height:1.1;margin:22px 0 28px}.case-implementation>a{display:flex;gap:17px;align-items:center;border-top:1px solid #777077;padding:19px 0;min-height:66px}.case-implementation>a>span{font-size:8px;color:#c0a6b4}.case-implementation b{font-size:12px;display:block}.case-implementation small{display:block;font-size:9px;line-height:1.7;margin-top:7px;color:var(--silver)}.case-implementation i{margin-left:auto;font-size:17px;font-style:normal}.case-implementation .case-panel-note{color:var(--silver)}.case-implementation .small-label{color:var(--silver)}
.enquiry-prompts{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0 9px}.enquiry-prompts>span{width:100%;font-size:7px;letter-spacing:1px;margin-bottom:4px;color:#d7c2cd}.enquiry-prompts button{background:transparent;color:var(--paper);border:1px solid #b99da980;padding:10px 12px;font-size:9px;min-height:44px;border-radius:0;transition:background .2s}.enquiry-prompts button:hover{background:#ffffff10}.contact-next b{font-weight:400;line-height:2.2}.thread-ears{position:absolute;inset:-11px auto auto 15px;width:calc(100% - 30px);height:12px;display:flex;justify-content:space-between;pointer-events:none}.thread-ears:before,.thread-ears:after{content:'';width:13px;height:12px;background:var(--silver);clip-path:polygon(0 0,100% 100%,0 100%)}.thread-ears:after{transform:scaleX(-1)}.journey-trace{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1;fill:none}.journey-trace path{fill:none;stroke:var(--silver);stroke-width:1;stroke-linejoin:round}.trace-base{opacity:.2}.journey-trace .trace-active{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--trace,0));opacity:.75}.story-meter i{width:100%!important;transform-origin:left;transform:scaleX(var(--journey-progress,0));transition:none}.thread-card{transition:box-shadow .4s}.story-sticky[data-visual-stage="2"] .thread-card{box-shadow:0 0 0 1px #cfd2d666,0 10px 24px #1c081e20}.story-visual-bottom>svg{transition:transform .6s}.story-sticky[data-visual-stage="2"] .story-visual-bottom>svg{transform:rotate(-7deg)}
@media(max-width:760px){.case-explorer .case-art,.case-interface,.case-implementation{min-height:410px}.case-tabs button{font-size:10px;padding:14px 5px}.case-panel-note{font-size:12px}.case-interface{padding:23px}.case-mini-hero>strong{font-size:37px}.case-mini-hero>span{font-size:6px}.case-mini-hero p{font-size:11px}.case-implementation{padding:27px}.case-implementation b{font-size:13px}.case-implementation small{font-size:11px}.case-implementation h3{font-size:29px}.case-implementation>a{padding:18px 0}.case-swatches span{font-size:10px}.case-art small{font-size:6px}.enquiry-prompts button{font-size:11px;padding:10px 11px}.enquiry-prompts>span{font-size:8px}.thread-ears{height:9px;top:-8px}.thread-ears:before,.thread-ears:after{height:9px;width:10px}.studio-story .large-copy{font-size:24px;line-height:1.4}}
@media(max-width:390px){.case-tabs button{font-size:9px}.case-mini-hero>strong{font-size:32px}.case-swatches{gap:15px}.case-swatches span{font-size:9px}.case-implementation{padding:23px}.case-explorer .case-art{padding:24px}.case-explorer .case-art>strong{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.journey-trace{display:none}}.paused .journey-trace{display:none}
/* V7 / fewer competing sections, concrete offers and legible supporting copy. */
.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:16px}.hero-secondary{font-size:12px;text-decoration:underline;text-underline-offset:5px}.hero-top .eyebrow{font-size:10px}.hero .edition{font-size:9px}.hero-foot p{font-size:12px}.hero-foot>span{font-size:8px}.hero .path-label{font-size:9px}.offers{display:grid;grid-template-columns:1fr 1.15fr;gap:12%;background:#eae3de}.offers-intro h2{font-size:47px;line-height:1.1}.offers-intro>p{font-size:14px;line-height:1.9;max-width:370px;color:var(--muted)}.offer-list>article{display:flex;gap:25px;border-top:1px solid #c8b9bf;padding:28px 0}.offer-list>article:last-child{padding-bottom:0}.offer-list>article>span{font-size:11px;color:var(--wine);padding-top:7px}.offer-list h3{font-size:25px;letter-spacing:-.8px;line-height:1.25;margin:0 0 14px}.offer-list p{font-size:14px;line-height:1.8;margin:0 0 15px;max-width:460px}.offer-list small{font-size:11px;line-height:1.8;display:block;color:var(--muted)}.offer-list .text-link{font-size:12px;min-height:44px;display:inline-flex;align-items:center;gap:30px;margin-top:12px}.selected-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:var(--space-block)}.selected-heading h2{font-size:49px;margin-bottom:0}.selected-heading>p{max-width:300px;font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:0}.featured-project{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--line);background:#eee7e2}.featured-identity{background:var(--wine);color:var(--silver);padding:50px;display:grid;grid-template-columns:60px 1fr;gap:20px;align-items:center;min-height:350px}.featured-identity svg{width:60px;height:64px}.featured-identity strong{font-size:27px;letter-spacing:3px}.featured-identity>span{grid-column:1/-1;font-size:42px;letter-spacing:-1.5px;line-height:1.1;font-weight:700;border-top:1px solid #ac899c;padding-top:30px}.featured-copy{padding:45px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.work-type{font-size:9px;letter-spacing:.7px;line-height:1.8;color:var(--muted)}.featured-copy h2,.featured-copy h3{font-size:31px;line-height:1.13;letter-spacing:-1px;margin:23px 0}.featured-copy p{font-size:13px;line-height:1.9;max-width:350px;margin:0 0 25px}.project-link{font-size:12px;border-bottom:1px solid var(--wine);padding-bottom:8px}.exploration-links{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}.exploration-links>a{border:1px solid var(--line);overflow:hidden}.exploration-links img{display:block;width:100%;height:240px;object-fit:cover}.exploration-links>a>div:last-child{padding:25px 28px 30px}.exploration-links h3{font-size:23px;letter-spacing:-.8px;line-height:1.3;margin:15px 0 25px}.exploration-links>a>div:last-child>span:last-child{font-size:12px;border-bottom:1px solid var(--wine);padding-bottom:7px;display:inline-block}.workflow-teaser{height:240px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;gap:7px}.workflow-teaser>span{border:1px solid #9a8b97;padding:12px 20px;font-size:12px;width:65%;max-width:270px}.workflow-teaser>span:last-child{background:var(--silver);color:var(--ink);border-color:var(--silver)}.workflow-teaser b{float:right;color:var(--wine)}.workflow-teaser i{font-size:17px;font-style:normal;color:#bca8b5}.featured-project,.exploration-links>a{transition:border-color .25s}.featured-project:hover,.exploration-links>a:hover{border-color:var(--wine)}.detail-back{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;padding-bottom:24px;border-top:1px solid var(--line);font-size:12px}.detail-back>a{display:inline-flex;align-items:center;min-height:44px}.detail-back>span{color:var(--muted);font-size:11px}.detail-main .own-project{border-top:0;padding-top:40px}.detail-main .case-grid{align-items:start}.examples-heading{padding-top:var(--space-block)}.examples-heading h1{font-size:clamp(54px,6vw,90px);letter-spacing:-4px;margin:30px 0 var(--space-block)}.examples-heading>p{font-size:15px;line-height:1.9;max-width:var(--measure)}.example-jump{display:flex;gap:30px;flex-wrap:wrap;margin-top:28px}.example-jump a{font-size:12px;min-height:44px;display:flex;align-items:center;border-bottom:1px solid var(--wine)}.detail-main .case-top .eyebrow,.detail-main .case-status{font-size:10px}.case-tabs button{font-size:11px}.case-art small{font-size:9px;line-height:1.8}.case-swatches span{font-size:11px}.case-details article>span{font-size:10px}.case-details p{font-size:13px}.case-disclosure{font-size:12px}.studio-story>p:not(.large-copy){font-size:14px;line-height:1.9}.working-together p{font-size:13px;line-height:1.9}.founder>div:last-child>span{font-size:11px}.studio-facts{font-size:9px}.eyebrow{font-size:10px}.story-step .step-label{font-size:10px}.story-step p{font-size:14px;line-height:1.9}.faq-list details>p{font-size:13px}.form-note{font-size:11px}.contact-next>span{font-size:10px}.contact-next p{font-size:12px}.text-link{font-size:12px}.section{scroll-margin-top:20px}.detail-main .website-notes span,.detail-main .concept-label{font-size:9px;line-height:1.8}.detail-main .website-notes p,.detail-main .work-intro p{font-size:13px}.detail-main .form-note,.detail-main .micro{font-size:11px}
@media(max-width:1100px){.offers{gap:8%}.offers-intro h2{font-size:40px}.featured-identity{padding:35px}.featured-copy{padding:30px}.featured-identity>span{font-size:35px}.featured-identity strong{font-size:23px}.selected-heading h2{font-size:43px}}
@media(max-width:760px){.hero-top .eyebrow{font-size:8px}.hero .edition{display:none}.hero-foot>span{display:none}.hero-foot p{font-size:11px}.hero-actions{gap:16px}.hero-secondary{font-size:12px;min-height:44px;display:flex;align-items:center}.hero-intro .button{font-size:12px;min-height:48px}.hero .path-label{font-size:8px}.offers{grid-template-columns:1fr;gap:30px}.offers-intro h2{font-size:38px}.offers-intro>p{font-size:14px;max-width:450px}.offer-list h3{font-size:25px}.offer-list>article{padding:25px 0;gap:20px}.offer-list p{font-size:14px}.offer-list small{font-size:12px}.selected-heading{display:block}.selected-heading h2{font-size:38px}.selected-heading>p{max-width:450px;font-size:14px;margin-top:var(--space-block)}.featured-project{grid-template-columns:1fr}.featured-identity{padding:32px;min-height:290px;grid-template-columns:45px 1fr;gap:18px}.featured-identity svg{width:45px;height:48px}.featured-identity strong{font-size:23px}.featured-identity>span{font-size:34px;padding-top:28px}.featured-copy{padding:30px}.featured-copy h2,.featured-copy h3{font-size:30px}.featured-copy p{font-size:14px}.work-type{font-size:9px}.exploration-links{grid-template-columns:1fr;gap:23px;margin-top:23px}.exploration-links>a>div:last-child{padding:25px}.exploration-links img,.workflow-teaser{height:230px}.exploration-links h3{font-size:24px}.workflow-teaser>span{font-size:13px}.detail-back{padding-top:12px;padding-bottom:12px;font-size:11px}.detail-back>span{font-size:10px}.detail-main .own-project{padding-top:30px}.detail-main .case-top .eyebrow{font-size:8px}.detail-main .case-status{font-size:7px}.examples-heading h1{font-size:49px;letter-spacing:-2.5px}.examples-heading>p{font-size:14px}.example-jump{gap:20px}.example-jump a{font-size:12px}.studio-story>p:not(.large-copy){font-size:14px}.working-together p{font-size:13px}.eyebrow{font-size:9px}.detail-main .concept-label{font-size:8px}.case-tabs button{font-size:10px}.case-art small{font-size:8px}.detail-main .case-grid h2{font-size:38px}.story-step p{font-size:13px}.case-disclosure{font-size:12px}.story-step{min-height:300px}.faq-list details>p{font-size:13px}}
@media(max-width:390px){.offers-intro h2,.selected-heading h2{font-size:33px}.featured-identity{padding:25px}.featured-copy{padding:25px}.featured-identity>span{font-size:31px}.examples-heading h1{font-size:42px}.detail-main .case-grid h2{font-size:34px}.offer-list h3{font-size:23px}.eyebrow{font-size:8px}}
.detail-main .case-grid h1{font-size:50px;letter-spacing:-2px;line-height:1.1;margin:35px 0;color:var(--ink)}.detail-main .case-grid h1 em{color:var(--wine);font-family:Mont,'Mont Fallback',Arial,sans-serif;font-style:normal;font-weight:700}@media(max-width:1100px){.detail-main .case-grid h1{font-size:43px}}@media(max-width:760px){.detail-main .case-grid h1{font-size:38px}}@media(max-width:390px){.detail-main .case-grid h1{font-size:34px}}
/* V8 / an explicit offer and a composition built from the TF identity. */
.hero-v8 .hero-main{grid-template-columns:1.22fr 1fr;gap:7%;padding-top:45px;padding-bottom:35px;align-items:center}.hero-brandline{font-size:12px;color:var(--muted);margin:0 0 22px;letter-spacing:.2px}.hero-v8 h1,html[lang=nl] .hero-v8 h1{font-size:clamp(40px,4.1vw,64px);letter-spacing:-2.6px;line-height:1.08;max-width:740px}.hero-v8 h1>span,.hero-v8 h1>em{display:block}.hero-v8 h1>em{margin-top:16px;font-family:Georgia,serif;font-weight:400;letter-spacing:-1.8px}.hero-v8 .hero-intro{display:block;margin-top:27px}.hero-v8 .hero-intro>p{font-size:13px;max-width:480px;line-height:1.9}.hero-v8 .hero-actions{margin-top:25px;flex-direction:row;align-items:center;flex-wrap:wrap;gap:20px}.hero-v8 .hero-secondary{font-size:11px}.hero-object{background:#e7dfdb;border:1px solid #d0c0c7;position:relative;min-width:0;padding:20px}.object-heading{display:flex;justify-content:space-between;gap:15px;font-size:7px;letter-spacing:.8px;line-height:1.7;color:var(--muted)}.object-mark{height:205px;position:relative;display:flex;align-items:center;justify-content:center;margin:20px 0 16px;background:var(--wine);overflow:hidden}.object-mark>svg{width:170px;height:163px;color:var(--silver);position:relative;z-index:1}.object-axis{position:absolute;background:#cfd2d622}.axis-x{left:20px;right:20px;top:50%;height:1px}.axis-y{top:15px;bottom:15px;left:50%;width:1px}.object-coordinate{position:absolute;bottom:14px;right:15px;font-size:7px;color:#d3bcca;letter-spacing:1px}.object-tabs{display:flex;border-bottom:1px solid #c2aeb8}.object-tabs button{flex:1;padding:13px 5px;min-height:44px;border:0;border-bottom:2px solid transparent;background:none;font-size:11px;color:var(--muted)}.object-tabs button[aria-selected=true]{border-bottom-color:var(--wine);color:var(--wine);font-weight:700}.object-preview{padding:20px 23px;background:var(--paper);min-height:190px}.object-window{display:flex;justify-content:space-between;gap:18px;font-size:7px;line-height:1.6;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:12px}.object-window b{font-size:8px;color:var(--wine);letter-spacing:.5px}.object-preview>strong{display:block;font-size:26px;letter-spacing:-.8px;line-height:1.12;margin:17px 0;color:var(--wine)}.object-preview>strong em{font-family:Georgia,serif;font-weight:400}.object-preview>a{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;min-height:35px;border-top:1px solid var(--line);padding-top:10px}.object-record{display:flex;align-items:center;gap:13px;margin:24px 0;border-left:2px solid var(--wine);padding-left:13px;min-height:57px}.object-record>span{width:33px;height:33px;background:#e4d7df;color:var(--wine);font-size:9px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.object-record b{display:block;font-size:13px}.object-record small{display:block;font-size:9px;line-height:1.7;margin-top:5px;color:var(--muted)}.object-record>i{font-size:16px;font-style:normal;color:var(--wine);margin-left:auto}.object-caption{font-size:9px;color:var(--muted);margin:17px 0 0}.hero-v8 .path-picker{margin-top:0}.hero-v8 .hero-foot{padding-bottom:24px}.hero-v8+.selected-work{padding-top:65px;border-top:1px solid var(--line)}.hero-v8+.selected-work .selected-heading{margin-bottom:30px}.hero-v8+.selected-work .exploration-links img,.hero-v8+.selected-work .workflow-teaser{height:200px}.example-next{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid var(--line);padding-top:35px;margin-top:35px}.example-next h3{font-size:31px;letter-spacing:-1px;line-height:1.15;margin:18px 0}.example-next p{font-size:13px;line-height:1.9;max-width:560px;color:var(--muted)}.example-next .button{font-size:12px;min-height:48px;flex-shrink:0}.website-cta .text-link{font-size:12px;min-height:44px;display:flex;align-items:center}.enquiry-context{border:1px solid #b99da9;padding:17px 20px;margin-bottom:27px;background:#ffffff07}.enquiry-context>span{font-size:9px;letter-spacing:1px;color:#d7c2cd}.enquiry-context>div{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:6px}.enquiry-context strong{font-size:13px;font-weight:400;line-height:1.7}.enquiry-context button{background:transparent;border:0;border-bottom:1px solid #b99da9;color:var(--paper);font-size:11px;min-height:44px;padding:9px 0}.enquiry-context p{font-size:11px;line-height:1.8;margin:8px 0 0;color:#dfcdd5}
@media(max-width:1100px){.hero-v8 .hero-main{gap:5%;grid-template-columns:1.1fr 1fr}.hero-v8 h1,html[lang=nl] .hero-v8 h1{font-size:44px;letter-spacing:-2px}.hero-v8 .hero-actions{flex-direction:column;align-items:flex-start;gap:14px}.hero-object{padding:16px}.object-mark{height:185px}.object-mark>svg{width:150px;height:145px}.object-window{font-size:6px}.object-preview{padding:18px}.object-record{gap:9px;padding-left:9px}.object-record small{font-size:8px}.object-heading{font-size:6px}.example-next{gap:25px}.example-next h3{font-size:28px}}
@media(max-width:760px){.hero-v8 .hero-main{display:block;padding-top:28px}.hero-v8 h1,html[lang=nl] .hero-v8 h1{font-size:44px;letter-spacing:-1.8px;line-height:1.08;max-width:580px}.hero-v8 h1>em{margin-top:14px;letter-spacing:-1.1px}.hero-brandline{font-size:12px;margin-bottom:20px}.hero-v8 .hero-intro{margin-top:23px}.hero-v8 .hero-intro>p{font-size:14px;max-width:500px}.hero-v8 .hero-intro br{display:none}.hero-v8 .hero-actions{flex-direction:row;gap:15px;align-items:center;margin-top:22px}.hero-v8 .hero-secondary{font-size:12px}.hero-object{margin-top:30px;padding:17px;max-width:550px}.object-heading{font-size:7px}.object-mark{height:175px;margin:17px 0 10px}.object-mark>svg{width:140px;height:135px}.object-tabs button{font-size:12px}.object-preview{min-height:180px;padding:18px 20px}.object-window,.object-window b{font-size:8px}.object-window>span{font-size:7px}.object-preview>strong{font-size:28px}.object-preview>a{font-size:12px;min-height:44px}.object-record b{font-size:14px}.object-record small{font-size:10px}.object-record{margin:25px 0}.object-caption{font-size:10px}.hero-v8 .path-picker{margin:5px 0 18px}.hero-v8 .hero-foot{padding-bottom:5px}.hero-v8+.selected-work{padding-top:45px}.example-next{display:block;padding-top:28px;margin-top:30px}.example-next h3{font-size:29px}.example-next p{font-size:14px}.example-next .button{margin-top:15px;white-space:normal}.website-cta .text-link{font-size:12px;line-height:1.7}.enquiry-context{padding:16px}.enquiry-context strong{font-size:13px}.enquiry-context p{font-size:12px}.enquiry-context button{font-size:12px}}
@media(max-width:390px){.hero-v8 h1,html[lang=nl] .hero-v8 h1{font-size:37px;letter-spacing:-1.7px}.hero-object{padding:13px}.object-heading{font-size:6px}.object-mark{height:160px}.object-mark>svg{width:130px;height:125px}.object-preview{padding:16px}.object-window{gap:12px}.object-window b{font-size:7px}.object-window>span{font-size:6px}.object-record{padding-left:8px;gap:8px}.object-record small{font-size:8px}.hero-v8 .hero-actions{display:block}.hero-v8 .hero-secondary{margin-top:7px}.example-next h3{font-size:26px}}
/* Cross-page project links should land at the form without a long animated trip. */
html{scroll-behavior:auto}
@media(max-width:760px){.flow-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.flow-steps button{flex-direction:row;justify-content:flex-start;gap:10px;padding:12px;min-height:58px}.flow-steps button i{font-size:10px}.flow-steps button b{font-size:12px;text-align:left;line-height:1.4}.flow-note{display:block;padding-top:12px;margin-top:8px}.flow-note>span{font-size:8px}.flow-note p{font-size:11px;line-height:1.7;margin-top:6px}.workspace-label{font-size:8px;letter-spacing:.3px}.workflow-chrome{gap:10px;padding:0 12px}#reset-demo{font-size:10px;min-height:44px}.flow-content .button{font-size:12px;min-height:48px;gap:15px}.flow-content select,.record-fields input{font-size:16px;min-height:44px}.field-label,.record-fields label,.record-fields>div>span{font-size:12px}.record-fields strong{font-size:12px}.booking-days legend,.booking-times legend{font-size:12px;line-height:1.7}.booking-days button{font-size:10px}.booking-times button{font-size:12px;min-height:44px}.panel-intro{font-size:12px}.handover-summary>div{font-size:12px}.completion b{font-size:12px}.completion p,.completion small{font-size:11px}.enquiry-note>div small{font-size:10px}.journey-receipt{font-size:9px}}
@media(max-width:390px){.demo-badge{display:none}.flow-steps button{padding:10px;gap:8px}.flow-steps button b{font-size:11px}.workspace-label{font-size:7px}.record-fields{gap:14px}.flow-content .button{font-size:11px}}
/* V9 / real client work, a real person, and a concrete place to begin. */
.client-feature{grid-template-columns:1.3fr 1fr}.client-capture{background:#e9dedc;min-width:0;display:flex;flex-direction:column}.capture-bar{display:flex;justify-content:space-between;gap:20px;padding:15px 20px;color:var(--muted);font-size:8px;letter-spacing:1px;border-bottom:1px solid var(--line)}.client-capture img{width:100%;height:auto;display:block;margin:auto 0}.client-feature .featured-copy h2,.client-feature .featured-copy h3{font-size:33px}.project-secondary{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}.project-secondary>a{border:1px solid var(--line);min-width:0}.project-secondary>a>img{display:block;width:100%;height:270px;object-fit:cover;object-position:top;background:#ebe4de}.project-secondary>a>div{padding:27px 30px}.project-secondary h3{font-size:28px;line-height:1.15;letter-spacing:-1px;margin:17px 0 25px}.project-secondary>a>div>span:last-child{font-size:12px;border-bottom:1px solid var(--wine);padding-bottom:8px;display:inline-block}.project-secondary .concept-index-card{background:var(--ink);color:var(--paper);padding:38px;display:flex;flex-direction:column;justify-content:center}.concept-index-card .work-type{color:#d0bdc7}.concept-index-card h3{font-size:38px;margin:25px 0}.concept-index-card p{font-size:14px;line-height:1.9;color:var(--silver);max-width:380px}.concept-index-card .project-link{align-self:flex-start;border-color:#bc9eae;margin-top:24px}.project-secondary>a:hover{border-color:var(--wine)}.studio-v9{grid-template-columns:1fr 1.15fr;align-items:center;gap:10%}.studio-person{max-width:470px}.portrait{margin:0}.portrait img{display:block;width:100%;height:auto}.portrait figcaption{font-size:10px;line-height:1.8;color:var(--muted);margin-top:10px}.person-signature{display:flex;flex-direction:column;gap:10px;margin-top:26px}.person-signature strong{font-size:22px;letter-spacing:-.5px}.person-signature span{font-size:12px;color:var(--muted)}.studio-v9 .studio-story{padding-top:0}.studio-v9 h2{font-size:51px;letter-spacing:-2px;line-height:1.1;margin:25px 0}.studio-v9 .large-copy{font-size:22px;line-height:1.5;margin:25px 0}.studio-v9 .text-link{margin-top:15px}.first-step{background:#eae3de;display:grid;grid-template-columns:.8fr 1.7fr;gap:7%}.first-step-heading h2{font-size:41px;letter-spacing:-2px;line-height:1.1;margin:25px 0}.first-step-heading>p{font-size:14px;line-height:1.9;color:var(--muted)}.starting-options{display:grid;grid-template-columns:1fr 1fr;gap:30px}.starting-options>article{border-top:1px solid #bca8b3;padding-top:22px;display:flex;flex-direction:column;align-items:flex-start}.starting-options h3{font-size:25px;letter-spacing:-.7px;line-height:1.2;margin:20px 0 25px}.starting-options dl{margin:0 0 12px}.starting-options dl>div{padding:16px 0;border-top:1px solid #d0c2c8}.starting-options dt{font-size:11px;font-weight:700;color:var(--wine);margin-bottom:9px}.starting-options dd{font-size:12px;line-height:1.9;margin:0}.starting-options .text-link{font-size:11px;line-height:1.7;min-height:44px;display:flex;align-items:center;gap:15px;margin-top:auto}.footer-person{width:100%;font-size:12px!important;color:var(--muted);letter-spacing:.2px;padding-top:10px}.client-project-intro{display:grid;grid-template-columns:1.3fr .8fr;gap:12%;align-items:center;padding-top:var(--space-block)}.client-project-intro h1{font-size:69px;letter-spacing:-3px;line-height:1.05;margin:27px 0 var(--space-block);color:var(--ink)}.client-project-intro h1 em{color:var(--wine)}.client-project-intro>div>p{font-size:15px;line-height:1.9;max-width:var(--measure);margin:var(--space-block) 0}.project-facts{margin:0}.project-facts>div{padding:20px 0;border-top:1px solid var(--line)}.project-facts dt{font-size:10px;color:var(--muted);margin-bottom:10px}.project-facts dd{font-size:14px;line-height:1.7;margin:0}.client-project-screen{margin:0}.client-project-screen img{display:block;width:100%;height:auto;border:1px solid var(--line)}.client-project-screen figcaption{font-size:11px;color:var(--muted);line-height:1.9;margin-top:15px}.client-project-screen figcaption a{text-decoration:underline;text-underline-offset:3px}.client-project-notes{padding-top:40px}.client-project-notes h2{font-size:47px;letter-spacing:-2px;line-height:1.12}.project-provenance{font-size:11px;line-height:1.9;color:var(--muted);margin:30px 0;max-width:750px}
@media(max-width:1100px){.client-feature .featured-copy h2,.client-feature .featured-copy h3{font-size:29px}.project-secondary>a>img{height:240px}.project-secondary .concept-index-card{padding:30px}.concept-index-card h3{font-size:32px}.studio-v9 h2{font-size:43px}.studio-v9{gap:7%}.first-step{grid-template-columns:1fr;gap:30px}.first-step-heading>p{max-width:650px}.starting-options{gap:45px}.starting-options h3{font-size:28px}.starting-options dd{font-size:13px}.client-project-intro h1{font-size:57px}.client-project-intro{gap:8%}}
@media(max-width:760px){.client-feature{grid-template-columns:1fr}.client-feature .featured-copy h2,.client-feature .featured-copy h3{font-size:30px}.client-feature .featured-copy{padding:27px}.capture-bar{font-size:8px;padding:13px 16px}.project-secondary{grid-template-columns:1fr;gap:23px;margin-top:23px}.project-secondary>a>img{height:auto}.project-secondary>a>div{padding:25px}.project-secondary .concept-index-card{padding:29px}.concept-index-card h3{font-size:32px}.concept-index-card p{font-size:14px}.studio-v9{grid-template-columns:1fr;gap:40px}.studio-person{max-width:430px}.studio-v9 h2{font-size:39px}.studio-v9 .large-copy{font-size:22px}.portrait figcaption{font-size:11px}.person-signature strong{font-size:23px}.person-signature span{font-size:13px}.first-step{gap:28px}.first-step-heading h2{font-size:37px}.starting-options{grid-template-columns:1fr;gap:30px}.starting-options h3{font-size:28px}.starting-options dd{font-size:14px}.starting-options dt{font-size:12px}.starting-options .text-link{font-size:12px;margin-top:8px}.first-step-heading>p{font-size:14px}.client-project-intro{grid-template-columns:1fr;gap:25px}.client-project-intro h1{font-size:46px;letter-spacing:-2px}.client-project-intro>div>p{font-size:14px}.project-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.project-facts dd{font-size:12px;overflow-wrap:anywhere}.project-facts dt{font-size:10px}.client-project-notes h2{font-size:36px}.client-project-screen figcaption{font-size:10px}.project-provenance{font-size:12px}.footer-person{font-size:12px!important;line-height:1.8}}
@media(max-width:390px){.studio-v9 h2{font-size:34px}.first-step-heading h2{font-size:33px}.client-project-intro h1{font-size:39px}.client-project-notes h2{font-size:31px}.client-feature .featured-copy h2,.client-feature .featured-copy h3{font-size:27px}.project-secondary .concept-index-card{padding:24px}.concept-index-card h3{font-size:29px}}
/* The homepage team (app/team/team-content.ts): one member fills the left column, several share it as a grid; without members the story takes the full width. Uploads have no intrinsic size, so portraits are cropped square. Portraits have no background or border, so a transparent photo shows the section colour. */.studio-v9>.studio-story:only-child{grid-column:1/-1}.portrait img{aspect-ratio:1/1;object-fit:cover}.studio-team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-block) 24px;max-width:560px}.studio-team .studio-person{max-width:none;min-width:0}.studio-team .person-signature{margin-top:16px;gap:6px}.studio-team .person-signature strong{font-size:19px}.person-bio{font-size:13px;line-height:1.8;color:var(--muted);margin:14px 0 0;white-space:pre-line;max-width:var(--measure)}@media(max-width:760px){.studio-team{max-width:none}}@media(max-width:390px){.studio-team{grid-template-columns:1fr}}
.footer-person{flex-basis:100%}.footer-legal{flex-basis:100%;margin:0;font-size:10px;line-height:1.8;color:var(--muted);letter-spacing:.2px}
/* V10 / a shorter homepage and a single, quiet hero composition. */
.hero-v10 .hero-main{grid-template-columns:1.35fr .85fr;gap:9%;padding:var(--space-block) 0 0}.hero-v10 h1,html[lang=nl] .hero-v10 h1{font-size:clamp(43px,4.4vw,70px);letter-spacing:-2.7px;line-height:1.06}.hero-v10 h1>span,.hero-v10 h1>em{display:block}.hero-v10 h1>em{font-family:Georgia,serif;letter-spacing:-1.7px;font-weight:400;margin-top:17px}.hero-v10 .hero-intro{display:block;margin-top:var(--space-block)}.hero-v10 .hero-intro>p{font-size:14px;line-height:1.9;max-width:var(--measure)}.hero-v10 .hero-actions{display:flex;flex-direction:row;align-items:center;gap:25px;flex-wrap:wrap;margin-top:var(--space-block)}.hero-v10 .hero-secondary{font-size:12px}.hero-stamp{min-width:0}.hero-terminal{border-radius:12px;overflow:hidden;box-shadow:0 22px 50px rgb(36 38 41 / .18),0 0 0 1px rgb(36 38 41 / .06);background:var(--wine);color:var(--silver);font-family:var(--mono);font-size:13px;line-height:1.75}.terminal-bar{display:flex;gap:14px;margin:0;padding:12px 24px;border-bottom:1px solid rgb(207 210 214 / .3);font-size:11px;letter-spacing:1px}.terminal-screen,.terminal-pipeline{padding:20px 24px}.terminal-pipeline{border-top:1px solid rgb(207 210 214 / .3)}.terminal-line{margin:0;padding-left:2ch;text-indent:-2ch;overflow-wrap:anywhere}.terminal-line+.terminal-command,.pipeline-status{margin-top:10px}.terminal-command,.pipeline-status{color:var(--paper)}.pipeline-label{padding:0;text-indent:0;margin-bottom:6px;font-size:11px;letter-spacing:1px}.pipeline-pending,.pipeline-wait{opacity:.72}.terminal-hidden{visibility:hidden}.hero-v10+.selected-work{border-top:1px solid var(--line)}.selected-work .selected-heading h2{font-size:46px}.selected-work .selected-heading>p{font-size:13px}.more-work{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:25px}.more-work>a{display:grid;grid-template-columns:1fr auto;gap:10px 20px;align-items:center;border-top:1px solid var(--line);padding:20px 0;min-height:85px;font-size:13px;line-height:1.7}.more-work>a>span{grid-column:1/-1;font-size:8px;letter-spacing:1px;color:var(--muted)}.more-work i{font-style:normal;color:var(--wine)}.services-v10{background:#eae3de}.services-heading h2{font-size:45px;letter-spacing:-2px;line-height:1.12}.services-three{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px;margin-top:35px}.services-three>article{border-top:1px solid #c2aeb8;padding-top:22px;display:flex;flex-direction:column;align-items:flex-start}.services-three>article>span{font-size:10px;color:var(--muted)}.services-three h3{font-size:25px;letter-spacing:-.8px;line-height:1.2;margin:20px 0 17px}.services-three p{font-size:13px;line-height:1.9;margin:0 0 20px}.services-three .text-link{margin-top:auto;min-height:44px;display:flex;align-items:center;gap:30px}.services-foot{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:30px;border-top:1px solid #d1c3c9;padding-top:25px}.services-foot>p{font-size:12px;line-height:1.9;max-width:650px;margin:0;color:var(--muted)}.services-foot>a{min-height:44px;display:flex;align-items:center;gap:25px;flex-shrink:0}.studio-v9 .studio-story h2{font-size:60px}.studio-v9 .studio-story .large-copy{font-size:28px;letter-spacing:-.5px;line-height:1.4}.studio-v9 .studio-story>p:not(.large-copy){font-size:14px;line-height:1.9}.approach-intro{padding-top:var(--space-block)}.approach-intro h1{font-size:70px;letter-spacing:-3px;line-height:1.06;margin:25px 0 var(--space-block)}.approach-intro>p{font-size:15px;line-height:1.9;max-width:var(--measure)}.approach-links{display:flex;gap:30px;flex-wrap:wrap;margin-top:25px}.approach-links>a{font-size:12px;min-height:44px;display:flex;align-items:center;border-bottom:1px solid var(--wine)}.approach-end{background:var(--wine);color:var(--paper)}.approach-end h2{font-size:50px;line-height:1.1}.approach-end .button{background:var(--paper);color:var(--wine);font-size:12px;min-height:48px;margin-top:15px}.service-engagement{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#eae3de}.service-engagement h2{font-size:43px;line-height:1.1;letter-spacing:-2px;margin:25px 0}.service-engagement>div>p{font-size:13px;line-height:1.9;max-width:390px}.service-engagement dl{margin:0 0 25px}.service-engagement dl>div{padding:20px 0;border-top:1px solid #c7b5bf}.service-engagement dt{font-size:11px;font-weight:700;margin-bottom:10px;color:var(--wine)}.service-engagement dd{font-size:13px;line-height:1.9;margin:0}.service-engagement .button{font-size:12px;min-height:48px}
@media(max-width:1100px){.hero-v10 .hero-main{gap:7%}.hero-v10 h1,html[lang=nl] .hero-v10 h1{font-size:48px}.hero-terminal{font-size:12px}.terminal-bar{padding:12px 20px}.terminal-screen,.terminal-pipeline{padding:18px 20px}.services-three{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.services-three h3{font-size:22px}.services-heading h2{font-size:39px}.service-engagement h2{font-size:36px}}
@media(max-width:760px){.hero-v10 .hero-main{display:block}.hero-v10 h1,html[lang=nl] .hero-v10 h1{font-size:43px;letter-spacing:-1.8px;line-height:1.08}.hero-v10 h1>em{letter-spacing:-1px;margin-top:14px}.hero-v10 .hero-intro>p{font-size:14px}.hero-v10 .hero-actions{gap:20px;flex-direction:row}.hero-v10 .hero-actions .button{font-size:12px;min-height:48px}.hero-stamp{margin-top:30px}.selected-work .selected-heading h2{font-size:35px}.selected-work .selected-heading>p{font-size:13px}.more-work{grid-template-columns:1fr;gap:0;margin-top:20px}.more-work>a{font-size:13px;min-height:85px}.more-work>a>span{font-size:9px}.services-heading h2{font-size:36px}.services-three{grid-template-columns:1fr;gap:22px;margin-top:28px}.services-three h3{font-size:25px;margin:15px 0}.services-three p{font-size:14px}.services-three .text-link{font-size:12px;margin-top:0}.services-foot{display:block;margin-top:25px}.services-foot>p{font-size:13px}.services-foot>a{display:inline-flex;margin-top:12px}.studio-v9 .studio-story h2{font-size:46px}.studio-v9 .studio-story .large-copy{font-size:26px}.approach-intro h1{font-size:46px;letter-spacing:-2px}.approach-intro>p{font-size:14px}.approach-links{gap:16px}.approach-links>a{font-size:12px}.approach-end h2{font-size:36px}.service-engagement{grid-template-columns:1fr;gap:25px}.service-engagement h2{font-size:36px}.service-engagement dd{font-size:14px}.service-engagement dt{font-size:12px}.service-engagement>div>p{font-size:14px}}
@media(max-width:390px){.hero-v10 h1,html[lang=nl] .hero-v10 h1{font-size:37px}.hero-v10 .hero-actions{display:block}.hero-v10 .hero-secondary{margin-top:12px;display:flex;align-items:center;min-height:44px}.terminal-bar{padding:12px 16px}.terminal-screen,.terminal-pipeline{padding:16px}.selected-work .selected-heading h2{font-size:31px}.services-heading h2{font-size:31px}.approach-intro h1{font-size:40px}.service-engagement h2{font-size:31px}.studio-v9 .studio-story .large-copy{font-size:23px}}

/* V11 / stronger positioning, visible proof and a useful project note. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.site-thread{--thread-progress:0;position:fixed;right:14px;top:50%;z-index:30;width:62px;height:250px;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;color:#9a7d8a}.site-thread:before{content:'';position:absolute;right:10px;top:7px;bottom:7px;width:1px;background:#c7b5bd}.site-thread>i{position:absolute;right:9px;top:7px;width:3px;height:calc((100% - 14px)*var(--thread-progress));background:var(--wine);transform-origin:top}.site-thread span{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-right:22px;font-size:7px;letter-spacing:1px;min-height:20px;transition:color .2s}.site-thread span:before{content:attr(data-thread-label);opacity:0;transform:translateX(4px);transition:opacity .2s,transform .2s;font-size:6px;letter-spacing:.8px}.site-thread span:after{content:'';position:absolute;right:5px;width:9px;height:9px;border-radius:50%;background:var(--paper);border:1px solid #bda8b2}.site-thread span.active{color:var(--wine);font-weight:700}.site-thread span.active:before{opacity:1;transform:none}.site-thread span.active:after{background:var(--wine);border-color:var(--wine);box-shadow:0 0 0 4px var(--paper)}.site-thread span.passed:after{background:var(--wine);border-color:var(--wine)}.hero-v11 .hero-main{grid-template-columns:1.48fr .72fr}.hero-v11 h1,html[lang=nl] .hero-v11 h1{font-size:clamp(43px,4.25vw,68px);max-width:950px}.hero-v11 h1>span{max-width:790px}.hero-v11 h1>em{max-width:930px}.hero-v11 .hero-intro>p{max-width:var(--measure)}.proof-route{display:grid;grid-template-columns:auto auto auto auto auto;align-items:center;gap:7px;margin:0 0 27px;padding:14px 0;border-top:1px solid #d2c3c9;border-bottom:1px solid #d2c3c9;font-size:8px;line-height:1.5;color:var(--wine)}.proof-route i{font-style:normal;color:#9c7d8b}.studio-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0 18px;border-top:1px solid var(--line);padding-top:23px}.studio-principles dt{font-size:10px;font-weight:700;color:var(--wine);margin-bottom:9px}.studio-principles dd{font-size:10px;line-height:1.7;color:var(--muted);margin:0}.contact-v11{gap:9%;grid-template-columns:.85fr 1.15fr}.contact-v11>div{position:sticky;top:50px;align-self:start}.contact-v11>div>p{font-size:14px;max-width:430px}.contact-trust{display:grid;grid-template-columns:45px 1fr;gap:17px;align-items:center;border-top:1px solid #956a7e;border-bottom:1px solid #956a7e;padding:20px 0;margin-top:32px;max-width:470px}.contact-trust svg{width:40px;height:42px;color:var(--silver)}.contact-trust p{font-size:12px!important;line-height:1.8!important;margin:0!important;color:#e3d2db}.contact-trust strong{color:var(--paper)}.form-kicker{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #a57b8e;padding-bottom:18px;margin-bottom:25px}.form-kicker span{font-size:9px;font-weight:700;letter-spacing:1.4px}.form-kicker small{font-size:9px;color:#d7c1cc}.contact .brief-step{display:block;border:0;border-bottom:1px solid #8d6075;margin:0;padding:0 0 27px}.contact .brief-step+.brief-step{padding-top:27px}.contact .brief-step legend{display:block;width:100%;font-size:14px;line-height:1.6;font-weight:700;margin:0 0 18px;color:var(--paper)}.brief-step legend span{display:inline-flex;width:28px;height:28px;border:1px solid #aa8094;align-items:center;justify-content:center;margin-right:12px;font-size:8px;color:var(--silver);vertical-align:middle}.contact .brief-step select,.contact .brief-step textarea{margin-bottom:16px}.contact .brief-step textarea:last-child,.contact .brief-step input:last-child{margin-bottom:0}.contact .brief-step .form-pair input{margin-bottom:20px}.contact-v11 .enquiry-prompts{margin-bottom:13px}.contact-v11 .contact-next{margin-top:28px}.contact-v11 .button.light{font-size:11px;min-height:50px}.paused .site-thread span,.paused .site-thread span:before{transition:none}
@media(max-width:1350px){.site-thread{display:none}.hero-v11 .hero-main{grid-template-columns:1.35fr .75fr;gap:6%}.hero-v11 h1,html[lang=nl] .hero-v11 h1{font-size:52px}.studio-principles{gap:13px}}
@media(max-width:760px){.hero-v11 .hero-main{display:block}.hero-v11 h1,html[lang=nl] .hero-v11 h1{font-size:42px}.proof-route{grid-template-columns:1fr auto 1fr;gap:7px 8px}.proof-route span:last-child{grid-column:1/-1;border-top:1px solid #d2c3c9;padding-top:9px}.proof-route i:last-of-type{display:none}.studio-principles{grid-template-columns:1fr;margin-top:25px;gap:0}.studio-principles>div{padding:14px 0;border-bottom:1px solid var(--line)}.studio-principles dt{font-size:12px}.studio-principles dd{font-size:12px}.contact-v11{grid-template-columns:1fr;gap:42px}.contact-v11>div{position:static}.contact-v11>div>p{font-size:14px}.contact-trust p{font-size:12px!important}.form-kicker{align-items:flex-start}.form-kicker small{text-align:right;line-height:1.6}.contact .brief-step legend{font-size:15px}.contact .brief-step{padding-bottom:25px}.contact .brief-step+.brief-step{padding-top:25px}}
@media(max-width:390px){.hero-v11 h1,html[lang=nl] .hero-v11 h1{font-size:36px}.contact-trust{grid-template-columns:37px 1fr}.contact-trust svg{width:33px;height:35px}.form-kicker{display:block}.form-kicker small{display:block;text-align:left;margin-top:8px}.brief-step legend span{margin-right:8px}.contact .brief-step legend{font-size:14px}}

/* V12 / commercial clarity, fit and replacement-ready case studies. */
.site-thread{height:290px}.project-thread{height:230px}.more-work-v12{grid-template-columns:repeat(3,1fr)}.pricing-note{font-size:11px;line-height:1.8;color:var(--muted);max-width:570px;margin-top:16px}.service-quick{width:100%;margin:4px 0 20px;border-top:1px solid #d2c4c9}.service-quick>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #d2c4c9}.service-quick dt{font-size:9px;color:var(--muted)}.service-quick dd{font-size:10px;font-weight:700;color:var(--wine);margin:0}.fit{display:grid;grid-template-columns:.75fr 1.4fr;gap:9%;background:var(--ink);color:var(--paper)}.fit-heading h2{font-size:47px}.fit-heading>p{font-size:13px;line-height:1.9;color:#bfc1c4;max-width:390px}.fit-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px}.fit-columns article{border-top:1px solid #66696d;padding-top:22px}.fit-columns article:last-child{color:#bfc1c4}.fit-columns article>span{font-size:8px;letter-spacing:1.2px;color:var(--silver)}.fit-columns h3{font-size:24px;line-height:1.3;letter-spacing:-.7px;margin:20px 0}.fit-columns ul{list-style:none;padding:0;margin:0}.fit-columns li{font-size:12px;line-height:1.8;padding:14px 0 14px 22px;border-top:1px solid #46484b;position:relative}.fit-columns li:before{content:'↗';position:absolute;left:0;color:#b794a5}.engagement-meta{font-size:12px!important;font-weight:700;color:var(--wine)!important;border-top:1px solid #c7b5bf;padding-top:18px;margin-top:24px}.commercial-offer{display:grid;grid-template-columns:.8fr 1.3fr;gap:9%;border-top:1px solid var(--line)}.commercial-offer h2{font-size:43px}.commercial-offer>div>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:430px}.commercial-offer dl{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;margin:0}.commercial-offer dl>div{padding:20px 0;border-top:1px solid var(--line)}.commercial-offer dt{font-size:10px;font-weight:700;color:var(--wine);margin-bottom:10px}.commercial-offer dd{font-size:12px;line-height:1.85;margin:0}.placeholder-notice{margin:0 6%;padding:18px 22px;background:#eadfe4;border-left:4px solid var(--wine);display:flex;gap:30px;align-items:center}.placeholder-notice strong{font-size:9px;letter-spacing:1.2px;flex-shrink:0}.placeholder-notice p{font-size:11px;line-height:1.8;margin:0;max-width:900px;color:var(--muted)}.placeholder-hero{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-top:55px}.placeholder-hero h1{font-size:68px;letter-spacing:-3px;line-height:1.05}.placeholder-hero>div>p{font-size:14px;line-height:1.9;max-width:580px}.fragmented-board{position:relative;min-height:450px;background:var(--wine);padding:42px}.fragmented-board>div{position:absolute;background:var(--paper);color:var(--ink);padding:24px;width:62%;box-shadow:0 14px 30px #1f0b1425}.fragmented-board>div:nth-child(1){top:45px;left:35px;transform:rotate(-4deg)}.fragmented-board>div:nth-child(2){top:166px;right:31px;background:#ddd8d2;transform:rotate(5deg)}.fragmented-board>div:nth-child(3){bottom:35px;left:50px;transform:rotate(-2deg)}.fragmented-board span{font-size:7px;letter-spacing:1px;color:var(--muted)}.fragmented-board b{display:block;font-size:17px;margin:15px 0}.fragmented-board small{font-size:9px;color:var(--muted)}.case-chapter{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;border-top:1px solid var(--line);align-items:center}.chapter-number{font-size:9px;color:var(--wine);letter-spacing:1px}.case-chapter h2{font-size:47px}.case-chapter>div:first-child>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:var(--measure)}.case-honesty{font-size:10px!important;border-left:2px solid var(--wine);padding-left:14px;margin-top:25px}.decision-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:13px;align-items:center;background:#e8dfda;padding:35px}.decision-flow span{font-size:12px;line-height:1.6;background:var(--paper);border:1px solid var(--line);padding:20px}.decision-flow i{font-style:normal;color:var(--wine)}.decision-flow span:nth-of-type(3),.decision-flow i:nth-of-type(3){display:none}.kern-app{background:#f9f7f3;border:7px solid var(--ink);box-shadow:0 30px 60px #2b192217;min-width:0}.kern-top{height:58px;background:var(--ink);color:white;display:flex;align-items:center;gap:25px;padding:0 24px}.kern-top strong{font-size:14px;letter-spacing:2px}.kern-top span{font-size:7px;letter-spacing:1px;color:#c7b5bf}.kern-top b{margin-left:auto;width:29px;height:29px;border-radius:50%;background:var(--silver);color:var(--wine);display:flex;align-items:center;justify-content:center;font-size:8px}.kern-layout{display:grid;grid-template-columns:120px 1fr;min-height:490px}.kern-layout nav{display:flex;flex-direction:column;gap:8px;background:#ece7e2;padding:25px 16px;margin:0;border-right:1px solid var(--line)}.kern-layout nav span{font-size:9px;padding:12px}.kern-layout nav span:first-child{background:#ded0d7;color:var(--wine);font-weight:700}.kern-main{padding:30px;min-width:0}.kern-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.kern-heading small{font-size:7px;color:var(--muted);letter-spacing:1px}.kern-heading h3{font-size:27px;margin:12px 0 0}.kern-heading button{background:var(--wine);color:white;border:0;padding:12px 15px;font-size:8px}.kern-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.kern-stats>div{border:1px solid var(--line);padding:14px}.kern-stats span{font-size:6px;color:var(--muted)}.kern-stats b{display:block;font-size:24px;margin-top:8px}.kern-main article{display:grid;grid-template-columns:50px 1fr auto;gap:15px;align-items:center;padding:17px 0;border-top:1px solid var(--line)}.kern-main article>span{font-size:9px;color:var(--muted)}.kern-main article b{font-size:10px}.kern-main article small{display:block;font-size:7px;color:var(--muted);margin-top:6px}.kern-main article em{font-family:Mont,'Mont Fallback',Arial,sans-serif;font-size:7px;background:#e1e8dc;color:#42523c;padding:7px 9px}.kern-main article.needs em{background:#ead8df;color:var(--wine)}.chapter-value{align-items:start}.value-checks{margin:0}.value-checks>div{padding:22px 0;border-top:1px solid var(--line)}.value-checks dt{font-size:11px;font-weight:700;color:var(--wine);margin-bottom:10px}.value-checks dd{font-size:13px;line-height:1.9;margin:0}.chapter-value>.project-provenance,.chapter-value>.example-next{grid-column:1/-1}
@media(max-width:1100px){.more-work-v12{grid-template-columns:1fr 1fr}.fit{grid-template-columns:1fr;gap:35px}.commercial-offer{grid-template-columns:1fr;gap:30px}.placeholder-hero{gap:5%}.placeholder-hero h1{font-size:55px}.case-chapter{gap:5%}.kern-layout{grid-template-columns:95px 1fr}}
@media(max-width:760px){.more-work-v12{grid-template-columns:1fr}.fit-heading h2{font-size:37px}.fit-columns{grid-template-columns:1fr;gap:30px}.fit-columns h3{font-size:24px}.fit-columns li{font-size:13px}.service-quick dt,.service-quick dd{font-size:11px}.commercial-offer dl{grid-template-columns:1fr}.commercial-offer h2{font-size:36px}.commercial-offer dd{font-size:14px}.placeholder-notice{display:block;margin:0 6%;padding:18px}.placeholder-notice p{font-size:12px;margin-top:10px}.placeholder-hero,.case-chapter{grid-template-columns:1fr;gap:30px}.placeholder-hero h1{font-size:46px}.fragmented-board{min-height:390px;padding:25px}.case-chapter h2{font-size:37px}.case-chapter>div:first-child>p{font-size:14px}.decision-flow{padding:22px}.kern-layout{grid-template-columns:1fr}.kern-layout nav{display:none}.kern-main{padding:20px}.kern-heading h3{font-size:23px}.kern-stats{gap:6px}.kern-stats>div{padding:10px}.kern-main article{grid-template-columns:43px 1fr}.kern-main article em{grid-column:2}}
@media(max-width:390px){.placeholder-hero h1{font-size:39px}.fragmented-board>div{width:72%;padding:18px}.case-chapter h2{font-size:32px}.decision-flow{grid-template-columns:1fr;gap:8px}.decision-flow i{transform:rotate(90deg);text-align:center}.kern-heading{display:block}.kern-heading button{margin-top:15px}.kern-stats span{font-size:5px}.kern-stats b{font-size:20px}}
.decision-flow{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr}.decision-flow span:nth-of-type(3),.decision-flow i:nth-of-type(3){display:block}@media(max-width:390px){.decision-flow{grid-template-columns:1fr}}
.decision-flow{grid-template-columns:1fr;padding:28px;gap:10px}.decision-flow span{padding:16px 20px}.decision-flow i{transform:rotate(90deg);text-align:center}.fit em{color:var(--silver)}.kern-action{display:inline-block;background:var(--wine);color:white;padding:12px 15px;font-size:8px;white-space:nowrap}.case-reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.case-reveal.revealed,.paused .case-reveal{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.case-reveal{opacity:1;transform:none;transition:none}}@media(max-width:760px){.kern-action{margin-top:15px}.fit-heading h2{font-size:36px;letter-spacing:-1.8px}.commercial-offer dt{font-size:12px}}@media(max-width:390px){.fit-heading h2{font-size:30px}}
.case-chapter-nav{margin:20px 6% 0;display:flex;gap:28px;flex-wrap:wrap;justify-content:flex-start}.case-chapter-nav a{font-size:11px;min-height:44px;display:flex;align-items:center;border-bottom:1px solid var(--line)}@media(max-width:760px){.case-chapter-nav{gap:12px}.case-chapter-nav a{font-size:10px}}

/* V13: connection story and scoped budget guidance */
.brand-meaning{margin:28px 0;padding:24px;border-left:2px solid var(--wine);background:rgba(84,33,57,.035)}.brand-meaning h3{font-size:23px;line-height:1.3;margin:14px 0}.brand-meaning p{font-size:14px!important;line-height:1.8!important}.budget-heading{max-width:750px;margin-bottom:var(--space-block)}.budget-heading h2{font-size:clamp(32px,4.2vw,60px);letter-spacing:-1.5px;line-height:1.1;margin:22px 0 var(--space-block)}.budget-heading p{max-width:var(--measure)}.budget-heading p,.budget-aftercare p{font-size:14px;line-height:1.8}.budget-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.budget-cards article{border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;min-width:0}.budget-cards h3{font-size:23px;line-height:1.25;margin:20px 0}.budget-cards .budget-price{font-size:clamp(22px,2.4vw,34px);color:var(--wine);font-weight:700;line-height:1.3;letter-spacing:-1px;margin:0 0 8px}.budget-label{font-size:9px;letter-spacing:1px}.budget-cards article>p:not(.budget-price),.budget-extras p{font-size:13px;line-height:1.85}.budget-extras{border-top:1px solid var(--line);margin-top:12px;padding-top:18px}.budget-extras strong{font-size:11px}.budget-cards .text-link{margin-top:auto;padding-top:22px}.budget-disclaimer{font-size:13px;line-height:1.8;margin:22px 0 0;color:var(--muted)}.budget-aftercare{max-width:850px;margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}.budget-aftercare h3{font-size:24px}.service-quick dd{overflow-wrap:anywhere}.service-quick dd a{text-decoration:underline;text-underline-offset:3px}@media(max-width:1000px){.budget-cards{grid-template-columns:1fr}.budget-cards article{padding:25px}.budget-cards .budget-price{font-size:32px}}@media(max-width:390px){.budget-cards article{padding:20px}.budget-cards .budget-price{font-size:27px}.brand-meaning{padding:18px}}
.budget-cards .budget-price{font-family:Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.5px}

/* SEO / practical words and the established Tin Fox palette. */
.seo-teaser{display:flex;align-items:center;justify-content:space-between;gap:45px;border-top:1px solid #c7b5bf;margin-top:30px;padding-top:30px}.seo-teaser h3{font-size:28px;line-height:1.2;letter-spacing:-.7px;margin:15px 0}.seo-teaser p{font-size:14px;line-height:1.9;max-width:640px;color:var(--muted);margin:0}.seo-teaser>a{flex-shrink:0;min-height:44px;align-items:center}.seo-teaser.section{margin-top:0;padding-top:var(--space-section);background:#eae3de}.seo-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:center;padding-top:var(--space-block)}.seo-hero h1{font-size:clamp(46px,5.2vw,78px);letter-spacing:-3px;line-height:1.06;margin:25px 0 var(--space-block)}.seo-hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-2px}.seo-hero p{font-size:17px;line-height:1.8;max-width:var(--measure);margin:var(--space-block) 0}.seo-hero .button{font-size:12px;min-height:48px}.seo-signpost{padding:35px;background:var(--wine);color:var(--paper)}.seo-signpost>span{font-size:8px;letter-spacing:1px;color:var(--silver)}.seo-question{margin-top:25px;border:1px solid #a77a90;padding:20px;font-size:16px;line-height:1.7}.seo-connector{text-align:center;font-size:24px;color:var(--silver);padding:17px}.seo-answer{display:grid;grid-template-columns:30px 1fr;gap:13px;background:var(--paper);color:var(--wine);padding:27px}.seo-answer svg{width:27px;height:29px}.seo-answer>span{align-self:center;font-size:9px;letter-spacing:1px}.seo-answer strong{grid-column:1/-1;font-size:27px;line-height:1.3;letter-spacing:-.7px;margin-top:8px}.seo-signpost>small{display:block;font-size:8px;line-height:1.8;color:var(--silver);margin-top:22px}.seo-explained,.seo-ai,.seo-offer{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid var(--line)}.seo-page h2{font-size:45px;letter-spacing:-1.6px;line-height:1.15}.seo-page p{font-size:16px;line-height:1.9}.seo-keyline{padding:22px 0;border-top:1px solid var(--line);font-weight:700;color:var(--wine)}.seo-ai{background:#eae3de}.seo-expectation{border-left:2px solid var(--wine);padding-left:20px;color:var(--muted);font-size:13px!important;margin-top:28px}.seo-example{align-self:center;background:var(--paper);border:1px solid var(--line);padding:35px}.seo-example>span{font-size:9px;letter-spacing:1px;color:var(--muted)}.seo-example h3{font-family:Georgia,serif;font-size:34px;font-weight:400;color:var(--wine);line-height:1.3;margin:22px 0}.seo-example ul{padding-left:20px}.seo-example li{font-size:15px;line-height:1.8;margin:12px 0}.seo-example>strong{display:block;font-size:13px;color:var(--wine);margin-top:26px}.seo-example p{font-size:14px}.seo-price{border-top:1px solid var(--line);margin-top:35px;padding-top:25px}.seo-price>span{font-size:9px;letter-spacing:1px;color:var(--muted)}.seo-price>strong{display:block;font-size:23px;line-height:1.4;margin-top:15px;color:var(--wine)}.seo-price p{font-size:14px}.seo-includes>article{display:flex;gap:20px;border-top:1px solid var(--line);padding:25px 0}.seo-includes>article>span{font-size:11px;color:var(--wine);padding-top:6px}.seo-includes h3{font-size:24px;letter-spacing:-.5px;line-height:1.3;margin:0 0 14px}.seo-includes p{margin:0;font-size:14px}.seo-scope{font-size:12px!important;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.seo-next{background:var(--wine);color:var(--paper)}.seo-next h2 em{color:var(--silver)}.seo-next p{max-width:650px}.seo-next .button{font-size:12px;margin-top:15px;min-height:48px}
@media(max-width:1000px){.seo-hero{gap:6%}.seo-hero h1{font-size:55px}.seo-page h2{font-size:38px}.seo-signpost{padding:25px}.seo-example{padding:28px}.seo-teaser{gap:25px}.seo-teaser>a{flex-shrink:1}}
@media(max-width:760px){.seo-teaser{display:block}.seo-teaser>a{display:inline-flex;margin-top:18px}.seo-teaser h3{font-size:27px}.seo-hero,.seo-explained,.seo-ai,.seo-offer{grid-template-columns:1fr;gap:30px}.seo-hero h1{font-size:45px;letter-spacing:-1.8px}.seo-page h2{font-size:35px;letter-spacing:-1px}.seo-page p{font-size:15px}.seo-includes p{font-size:14px}.seo-example h3{font-size:29px}.seo-price>strong{font-size:23px}.seo-expectation{font-size:13px!important}.seo-signpost{padding:27px}.seo-answer strong{font-size:28px}.seo-scope{font-size:12px!important}.seo-hero .eyebrow{font-size:9px}}
@media(max-width:390px){.seo-hero h1{font-size:39px}.seo-page h2{font-size:31px}.seo-signpost{padding:22px}.seo-answer{padding:22px}.seo-example{padding:24px}.seo-example h3{font-size:27px}.seo-teaser h3{font-size:25px}}
.button.secondary{background:transparent;color:var(--wine)}
.client-project .project-facts,.project-steps .proof-route{max-width:760px}.project-steps .proof-route{display:flex;flex-wrap:wrap;gap:10px 14px;font-size:10px}.project-body p{font-size:15px;line-height:1.9;max-width:var(--measure)}
body:not(.admin-page) .eyebrow,body:not(.admin-page) .edition,body:not(.admin-page) .site-thread span,body:not(.admin-page) .service-scope article>span,body:not(.admin-page) .service-process article>span{font-family:var(--mono)}body:not(.admin-page) .eyebrow:before{content:"// ";content:"// "/"";color:#a88d9a;font-weight:400}.hero{background-image:radial-gradient(circle,rgba(84,33,57,.16) 1.2px,transparent 1.6px);background-size:24px 24px}.hero .hero-brandline:after{content:"";display:inline-block;width:.55em;height:1.15em;margin-left:4px;vertical-align:-.25em;background:var(--wine);animation:tf-cursor 1s steps(1) infinite}.hero-terminal .terminal-last:after,.hero-terminal .terminal-typing:after{content:"";display:inline-block;width:.6em;height:1.1em;margin-left:6px;text-indent:0;vertical-align:-.2em;background:var(--paper);animation:tf-cursor 1s steps(1) infinite}.hero-terminal.terminal-playing .terminal-last:after{content:none}@keyframes tf-cursor{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.hero .hero-brandline:after,.hero-terminal .terminal-last:after{animation:none}}
body:not(.admin-page) ::selection{background:var(--wine-select);color:var(--paper)}body:not(.admin-page) :is(.contact,.service-contact,.service-pricing,.website-work,.approach-end,.story-sticky,.fit,.hero-terminal,.featured-identity,.case-art) ::selection{background:var(--paper-select);color:var(--wine)}body:not(.admin-page) :is(a,button,summary,input,select,textarea):focus-visible{outline:2px solid var(--wine);outline-offset:4px}body:not(.admin-page) :is(.contact,.service-contact,.service-pricing,.website-work,.approach-end,.story-sticky,.fit,.hero-terminal,.featured-identity,.case-art) :is(a,button,summary,input,select,textarea):focus-visible{outline-color:var(--paper)}.path-crumb{max-width:1800px;margin:0 auto;padding:7px var(--gutter) 9px;font-family:var(--mono);font-size:11px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.work-overview>.selected-work{padding-top:var(--space-block)}@media(max-width:760px){.path-crumb{padding-top:4px;padding-bottom:8px}}.not-found-terminal{max-width:590px;margin:0 0 30px;padding:16px 20px;border:1px solid var(--line);border-left:3px solid var(--wine);font-family:var(--mono);font-size:13px;line-height:1.8;color:var(--wine);overflow-wrap:anywhere}.not-found-terminal p{margin:0}.not-found-terminal p+p{color:var(--muted)}
.project-spec{max-width:760px;padding:16px 20px;border:1px solid var(--line);font-family:var(--mono);font-size:13px;line-height:1.8;overflow-wrap:anywhere}.project-spec-label{margin:0 0 6px;font-size:10px;color:var(--muted)}.project-spec .project-facts{display:block;max-width:none}.project-spec .project-facts>div{padding:0 0 0 2ch;border-top:0;text-indent:-2ch}.project-spec .project-facts dt{display:inline;margin:0;font-size:inherit;color:var(--muted);text-transform:lowercase}.project-spec .project-facts dt::after{content:": "}.project-spec .project-facts dd{display:inline;margin:0;font-size:inherit;line-height:inherit;overflow-wrap:anywhere}@media(max-width:760px){.project-spec{padding:14px 16px;font-size:12px}}

/* Motion: the homepage hero entrance, typewriter brandline, staggered reveals and studio counters. Paused and reduced motion show the end state. */
@keyframes tf-enter{from{opacity:0;transform:translateY(14px)}}
.hero-v11 .hero-top,.hero-v11 .hero-brandline,.hero-v11 h1>span,.hero-v11 h1>em,.hero-v11 .hero-intro,.hero-v11 .hero-stamp{animation:tf-enter .6s cubic-bezier(.2,.7,.2,1) backwards}.hero-v11 .hero-brandline{animation-delay:.1s}.hero-v11 h1>span{animation-delay:.2s}.hero-v11 h1>em{animation-delay:.32s}.hero-v11 .hero-intro{animation-delay:.44s}.hero-v11 .hero-stamp{animation-delay:.56s}
.hero .hero-brandline{white-space:nowrap;min-height:1lh}
.case-reveal{transition-delay:calc(var(--reveal-index,0) * 90ms)}.featured-project.case-reveal{transition:opacity .65s ease,transform .65s ease,border-color .25s;transition-delay:calc(var(--reveal-index,0) * 90ms),calc(var(--reveal-index,0) * 90ms),0s}.paused .case-reveal{transition-delay:0s}
.studio-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 30px;padding:23px 0 0;border-top:1px solid var(--line);list-style:none}.studio-numbers li{min-width:0}.studio-numbers .count{display:inline-block;min-width:5ch;margin-bottom:8px;font-size:34px;line-height:1.1;letter-spacing:-1px;color:var(--wine);font-variant-numeric:tabular-nums;white-space:nowrap}.studio-numbers li>span{display:block;font-size:10px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}
@media(max-width:760px){.studio-numbers{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;padding-top:4px;border-top:0}.studio-numbers li>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero-v11 .hero-top,.hero-v11 .hero-brandline,.hero-v11 h1>span,.hero-v11 h1>em,.hero-v11 .hero-intro,.hero-v11 .hero-stamp{animation:none}.case-reveal,.featured-project.case-reveal{transition:none;transition-delay:0s}}
/* The shared site header and footer (app/site-nav.ts). public/nav.js adds .nav-ready and reveals the Diensten button and the phone Menu button; the Diensten link is the no-JS fallback. */
.site-header{position:relative;z-index:20;display:flex;align-items:center;gap:25px;padding:32px var(--gutter);max-width:1800px;margin:auto}.site-header .brand{flex-shrink:0;white-space:nowrap;font-size:20px;gap:14px}.site-header .brand svg{width:36px;height:38px}.site-header .language-switch{font-size:12px;gap:12px}@media(max-width:760px){.site-header .brand{font-size:16px;gap:10px}.site-header .brand svg{width:30px;height:32px}}@media(max-width:390px){.site-header .brand{font-size:15px}.site-header .brand svg{width:27px;height:29px}}.site-menu{display:flex;align-items:center;gap:28px;margin-left:auto}.site-header nav{display:flex;align-items:center;gap:32px;font-size:13px}.site-header nav a,.site-services-toggle{position:relative;white-space:nowrap}.site-header nav a:after,.site-services-toggle:after{content:'';height:1px;background:var(--wine);position:absolute;bottom:-6px;left:0;width:0;transition:width .25s}.site-header nav a:hover:after,.site-header nav a[aria-current]:after,.site-services-toggle:hover:after,.site-services-toggle[aria-current]:after{width:100%}.site-header nav a[aria-current],.site-services-toggle[aria-current]{color:var(--wine);font-weight:700}.site-header .nav-talk{display:inline-flex;align-items:center;min-height:40px;white-space:nowrap;background:var(--wine);border:1px solid var(--wine);color:var(--paper);padding:0 18px;font-weight:700;transition:background .2s,transform .2s}.site-header .nav-talk span{margin-left:14px}.site-header .nav-talk:hover{background:#71384f;transform:translateY(-2px)}.site-menu-toggle{display:none}.site-services{position:relative;display:flex;align-items:center;gap:2px}.site-services-toggle{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;cursor:pointer}.site-services-toggle[hidden],.nav-ready.site-header .site-services>a{display:none}.site-services-toggle span{font-size:11px;color:var(--wine);transition:transform .2s}.site-services-toggle[aria-expanded=true] span{transform:rotate(180deg)}#site-services{list-style:none;margin:0;padding:0}
@media(min-width:761px){#site-services{position:absolute;top:calc(100% + 16px);left:-20px;min-width:200px;padding:8px 0;background:var(--paper);border:1px solid var(--line);box-shadow:0 14px 34px rgba(36,38,41,.08);visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility 0s .2s}.site-services-toggle[aria-expanded=true]+#site-services{visibility:visible;opacity:1;transform:none;transition:opacity .2s,transform .2s}#site-services li{padding:9px 20px}}
@media(max-width:1100px){.site-header{gap:18px}.site-menu{gap:20px}.site-header nav{gap:20px}}
@media(max-width:760px){.site-header{flex-wrap:wrap;gap:14px;padding:24px var(--gutter)}.site-menu{width:100%;flex-wrap:wrap;gap:14px 22px;margin:0;padding-top:14px;border-top:1px solid var(--line)}.site-header nav{width:100%;flex-wrap:wrap;gap:12px 18px}.site-services{width:100%;flex-wrap:wrap;gap:12px 18px}#site-services{display:flex;flex-wrap:wrap;gap:12px 18px}.site-header nav a{display:inline-block;padding:4px 0}.site-header nav a:after{bottom:0}
.nav-ready.site-header{flex-wrap:nowrap}.nav-ready .site-menu-toggle{display:block;margin-left:auto;min-height:44px;padding:0 2px;border:0;border-bottom:1px solid var(--wine);background:none;font-size:11px;letter-spacing:1px;cursor:pointer}.nav-ready .site-menu{position:absolute;top:100%;left:0;right:0;z-index:30;flex-direction:column;align-items:flex-start;gap:0;padding:4px var(--gutter) 28px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(36,38,41,.06);visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility 0s .2s}.nav-ready .site-menu-toggle[aria-expanded=true]+.site-menu{visibility:visible;opacity:1;transform:none;transition:opacity .2s,transform .2s}.nav-ready .site-menu nav,.nav-ready .site-services,.nav-ready #site-services{flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:0}.nav-ready .site-menu nav a{display:flex;align-items:center;min-height:46px;padding:0;font-size:14px;border-bottom:1px solid var(--line)}.nav-ready .site-services-toggle{display:flex;justify-content:space-between;width:100%;min-height:46px;font-size:14px;border-bottom:1px solid var(--line)}.nav-ready .site-menu nav a:after,.nav-ready .site-services-toggle:after{display:none}.nav-ready #site-services{display:none}.nav-ready .site-services-toggle[aria-expanded=true]+#site-services{display:flex}.nav-ready #site-services a{padding-left:18px;font-size:13px}.nav-ready .site-menu .language-switch{gap:18px;padding:16px 0;font-size:13px}.nav-ready .site-menu .nav-talk{font-size:13px;margin-top:16px;min-height:46px}}
.paused .site-header *{transition:none!important}@media(prefers-reduced-motion:reduce){.site-header *{transition:none!important}}
.site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px 40px;padding:45px var(--gutter) 35px;max-width:1800px;margin:auto}.site-footer>:not(.site-footer-brand,nav){grid-column:1/-1;justify-self:start}.site-footer-brand{display:flex;flex-direction:column;gap:14px}.site-footer-brand>span{font-size:10px}.site-footer nav{display:grid;grid-template-columns:repeat(3,auto);gap:24px 80px;margin-bottom:14px}.site-footer-heading{margin:0 0 12px;font-family:var(--mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.site-footer ul{display:grid;gap:4px;list-style:none;margin:0;padding:0}.site-footer li a{display:inline-flex;align-items:center;min-height:28px;font-size:14px}.site-footer li a:hover{color:var(--wine)}.site-footer-language{display:flex;gap:12px}.site-footer-language a[aria-current=page]{color:var(--wine);font-weight:700}
@media(max-width:760px){.site-footer{grid-template-columns:minmax(0,1fr);padding:36px var(--gutter) 28px;gap:16px}.site-footer nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;margin:10px 0}.site-footer li a{min-height:32px;font-size:15px}}
/* The /werk overview: the homepage work heading as the page heading, and a gap between the stacked project cards. */
.work-overview .selected-heading h1{font-size:46px;letter-spacing:-3px;line-height:1.08;margin:20px 0 0}.work-overview .featured-project+.featured-project{margin-top:30px}.work-overview .featured-copy:only-child{grid-column:1/-1}.work-empty{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding-top:24px;border-top:1px solid var(--line)}.work-empty p{margin:0 0 8px;font-size:16px}
@media(max-width:1100px){.work-overview .selected-heading h1{font-size:43px}}@media(max-width:760px){.work-overview .selected-heading h1{font-size:35px;letter-spacing:-2px}.work-overview .featured-project+.featured-project{margin-top:22px}}@media(max-width:390px){.work-overview .selected-heading h1{font-size:31px}}
/* Public minimum text sizes: 11px for mono and uppercase labels, 12px for notes, captions and buttons. Owner pages keep their own sizes. */
body:not(.admin-page) :is(.eyebrow,.hero .edition,.project-spec-label,.budget-label,.chapter-number,.fit-columns article>span,.seo-signpost>span,.seo-signpost>small,.seo-answer>span,.seo-price>span,.seo-example>span,.service-process article>span,.service-scope article>span,.services-three>article>span,.step-label,.concept-label,.website-notes article>span,.website-controls>span,.work-outro>span,.small-label,.workspace-label,.demo-badge,.avatar,.contact-next>span,.form-kicker>span,.enquiry-prompts>span,.brief-step legend span,.service-preview-top,.service-system>div>span,.flow-steps button i){font-size:11px}body:not(.admin-page) :is(.button,.more-work>a>span,.text-link,.service-secondary,#motion-toggle,.footer-legal,.site-footer-brand>span,.detail-back,.detail-back span,.proof-route,.project-steps .proof-route,.capture-bar,.work-type,.client-project-screen figcaption,.portrait figcaption,.budget-extras strong,.commercial-offer dt,.service-engagement dt,.service-pricing p,.service-process article p,.service-section-heading>p,.pricing-note,.service-quick dt,.service-quick dd,.studio-principles dt,.studio-principles dd,.studio-numbers li>span,.field-label,.brief-step label,.enquiry-prompts button,.form-kicker small,.form-note,.detail-main .form-note,.detail-main .micro,.service-preview a,.service-system>a,.service-system>div:not(:first-child),.screen-sizes button,.website-cta>span,.website-intro p,.story-step .quiet,.work-intro p>span,.work-outro p,.workflow-chrome button,.flow-steps button small,.flow-steps button b,.flow-status,.flow-note p,.journey-receipt>div,.enquiry-note b,.enquiry-note small,.enquiry-note>div small,.enquiry-note p){font-size:12px}