:root{--ink:#242424;--muted:#72716d;--rule:#deddd9;--plum:#3d3345;--blossom:#f1e9e5;--serif:'Newsreader',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:14px/1.6 Arial,Helvetica,sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #4e65ab;outline-offset:5px}button{border:0;background:none;padding:0;color:inherit}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-weight:400;line-height:1.1;letter-spacing:-.035em}p{color:var(--muted)}img{display:block;width:100%;height:100%;object-fit:cover}a{text-underline-offset:4px}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;background:#fff;padding:12px;z-index:100}.skip:focus{top:10px}.study-nav{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:13px 3.5vw;background:#f4f3f0;border-bottom:1px solid var(--rule);font-size:10px}.study-nav>a{color:#666;text-decoration:none}.study-nav nav{display:flex;gap:25px}.study-nav button{color:#777;padding:4px 0;border-bottom:1px solid transparent;font-size:10px}.study-nav button[aria-pressed=true]{color:#222;border-color:#222}.study-nav>span{font-size:8px;letter-spacing:.06em;color:#777}.prototype-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:37px 5vw}.wordmark{font-size:34px;letter-spacing:-.075em;font-weight:700;text-decoration:none;line-height:1}.prototype-header>span{font-size:11px;color:#777}.prototype-header>a:last-child{font-size:11px;text-decoration:none;border-bottom:1px solid #333;padding-bottom:5px}.prototype-header>a:last-child span{margin-left:14px}.first-screen{display:grid;grid-template-columns:.8fr 1.5fr;gap:6%;padding:20px 5vw 0;min-height:680px}.screen-copy{padding-top:28px;display:flex;flex-direction:column;align-items:start}.screen-copy h1{font-size:clamp(34px,3.4vw,54px);line-height:1.12;letter-spacing:-.045em}.screen-explanation{max-width:320px;margin-top:32px}.screen-explanation p{font-size:13px;line-height:1.8;margin-bottom:17px}.screen-explanation p:first-child{color:#4c4c47}.plain-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:43px;padding:10px 0;border-bottom:1px solid #292929;font-size:12px;text-decoration:none;text-align:left}.plain-button:hover{color:#53639b;border-color:#53639b}.copy-foot{font-size:10px;color:#777;line-height:1.7;margin-top:45px}.screen-work{min-width:0}.work-visual{position:relative;display:grid;grid-template-columns:1.2fr .75fr;grid-template-rows:370px auto;gap:0;background:#efe8e4;min-height:540px}.atelier-photo{grid-column:1;grid-row:1/3;position:relative;min-width:0;overflow:hidden}.atelier-photo img{object-position:50% 38%}.atelier-photo figcaption{position:absolute;bottom:12px;left:15px;right:15px;color:white;font-size:7px;text-shadow:0 1px 5px #0008}.work-caption{grid-column:2;grid-row:1;padding:28px 25px;background:var(--plum);color:#f1e9e5;display:flex;flex-direction:column;justify-content:space-between;gap:30px;min-height:0}.work-caption>span:first-child{font:35px/1.1 var(--serif);letter-spacing:-.035em}.work-caption>span:last-child{font-size:7px;opacity:.65}.pluk-card{grid-column:2;grid-row:1/3;position:relative;align-self:end;background:#f1e9e5;color:var(--plum);padding:25px 22px;margin-top:150px;min-height:355px;display:flex;flex-direction:column;justify-content:space-between;border-top:1px solid #ffffff40}.pluk-logo{font:72px/.75 var(--serif);letter-spacing:-.085em;display:inline-flex;flex-direction:column;gap:14px}.pluk-logo>span{font:8px/1.1 Arial,sans-serif;letter-spacing:.08em;padding-left:3px}.pluk-card-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.pluk-card .pluk-logo{font-size:58px}.pluk-card-top>span:last-child{font:16px/1.1 var(--serif);letter-spacing:-.03em;padding-top:2px}.botanical{width:100%;height:180px;color:#756574}.botanical svg{height:100%;width:100%}.pluk-card-bottom{display:grid;gap:15px}.pluk-card-bottom>span:first-child{font:14px/1.35 var(--serif)}.pluk-card-bottom>span:last-child{font-size:7px;letter-spacing:.02em}.project-caption{display:flex;justify-content:space-between;align-items:start;gap:30px;padding-top:18px;font-size:9px}.project-caption strong{font-weight:400;color:#333}.project-caption p{line-height:1.7}.project-caption button{font-size:9px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px;padding-top:3px}.screen-end{margin:45px 5vw 0;padding:20px 0 30px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:25px;font-size:9px;color:#8a8985}.screen-end button{font-size:10px;text-decoration:underline;text-underline-offset:4px}.view{animation:appear .25s ease}.case-header{display:flex;justify-content:space-between;gap:25px;padding:25px 5vw;border-bottom:1px solid var(--rule);font-size:10px;color:#777}.case-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:65px 8vw 55px;align-items:end}.small-label{font-size:8px;letter-spacing:.08em;display:block;margin-bottom:25px;color:#777}.case-intro h1{font-size:clamp(48px,5.5vw,85px);line-height:1.03}.case-intro p{font-size:13px;line-height:1.8;margin-top:15px;max-width:440px}.case-disclosure{display:block;font-size:9px;color:#8b8984;border-left:1px solid #d8d3cc;padding-left:12px;margin-top:20px;max-width:390px}.case-source{display:grid;grid-template-columns:1.3fr 1fr;gap:7%;padding:0 8vw 70px;align-items:center}.case-source>figure{height:500px;position:relative}.case-source img{object-position:50% 50%}.case-source figcaption{font-size:7px;padding-top:10px;color:#888;line-height:1.5}.source-note{color:var(--plum)}.source-note>.pluk-logo{font-size:100px;margin:10px 0 25px}.source-note>p{font-size:12px;line-height:1.75;max-width:330px}.source-note dl{margin:28px 0 0;font-size:10px;max-width:350px}.source-note dl>div{padding:10px 0;border-bottom:1px solid var(--rule);display:grid;grid-template-columns:75px 1fr;gap:10px}.source-note dt{color:#929088}.source-note dd{margin:0;display:flex;align-items:center;gap:8px}.source-note dd i{width:14px;height:14px;border:1px solid #0001}.source-note code{font-size:8px;color:#999;margin-left:auto}.source-principle{margin-top:20px!important;font-size:10px!important;color:#555!important}.preserve-demo{padding:65px 8vw;background:#f3f2ef}.preserve-heading{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;margin-bottom:35px}.preserve-heading h2{font-size:38px}.preserve-heading>p{font-size:12px;line-height:1.8;max-width:380px}.demo-controls{display:flex;gap:25px;align-items:center;border-block:1px solid #d9d7d1;padding:15px 0}.demo-controls>button{font-size:10px;color:#949087;min-height:30px;border-bottom:1px solid transparent}.demo-controls>button[aria-pressed=true]{color:#333;border-color:#333}.demo-controls .play-control{margin-left:auto;color:#555}.demo-canvas{display:grid;grid-template-columns:1fr 140px;gap:40px;align-items:center;padding:50px 7%;min-height:640px;background:#e8e3dd;margin-top:30px}.demo-object{width:min(100%,440px);justify-self:center;animation:appear .45s ease}.brand-card{background:#f1e9e5;color:var(--plum);padding:35px;min-height:490px;display:flex;flex-direction:column;align-items:start;position:relative}.brand-card h3{font:42px/1 var(--serif);letter-spacing:-.04em;margin-top:50px;z-index:1}.brand-card p{font:17px/1.4 var(--serif);color:var(--plum);margin-top:auto;padding-top:110px;z-index:1}.brand-card>span:last-child{font:8px Arial,sans-serif;margin-top:25px}.stem-drawing{position:absolute;right:30px;top:110px;width:160px;height:230px;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.75}.constant-rules{align-self:center;padding:20px 0;color:#5e5464}.constant-rules>span:first-child{font-size:7px;letter-spacing:.06em}.constant-rules>div{display:flex;gap:5px;margin-top:20px}.constant-rules i{width:25px;height:30px;border:1px solid #0001}.constant-rules>p{font-size:8px;margin-top:10px;color:#8d858f}.constant-type{font:40px var(--serif);display:block;margin-top:25px}.constant-rules blockquote{font:19px/1.15 var(--serif);margin-top:25px}.demo-description{font-size:10px;margin-top:18px;min-height:20px}.pluk-mail{background:white;color:var(--plum)}.mail-envelope{padding:13px 20px;background:#f8f6f4;border-bottom:1px solid #e5e0db;display:grid;gap:5px;font-size:7px;color:#8b8580}.mail-content{padding:25px}.mail-content>.pluk-logo{font-size:52px}.mail-content>.pluk-logo>span{font-size:6px;gap:10px}.mail-content>img{height:170px;margin-top:25px;object-position:50% 50%}.mail-content>h3{font:33px/1.03 var(--serif);letter-spacing:-.035em;margin-top:22px}.mail-content p{font-size:10px;line-height:1.8;margin-top:15px;color:#6b646e}.pluk-link{font-size:9px;border-bottom:1px solid var(--plum);display:inline-block;padding-bottom:5px;margin-top:20px}.pluk-flyer{background:#f1e9e5;color:var(--plum);padding:30px}.flyer-identity{display:flex;justify-content:space-between;align-items:start;gap:20px}.flyer-identity .pluk-logo{font-size:50px}.flyer-identity .pluk-logo>span{font-size:6px}.flyer-identity>span:last-child{font-size:6px;line-height:1.5;letter-spacing:.04em;padding-top:5px}.pluk-flyer h3{font:53px/.98 var(--serif);letter-spacing:-.04em;margin-top:35px}.pluk-flyer>img{height:190px;margin-top:25px;object-position:50% 40%}.flyer-info{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-top:20px}.flyer-info>p{font:18px/1.15 var(--serif);color:var(--plum)}.flyer-info>span{font-size:7px;line-height:1.8}.flyer-register{font-size:7px;border-top:1px solid #3d334540;padding-top:13px;margin-top:20px}.case-process{padding:70px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:10%}.case-process h2{font-size:37px;margin-bottom:25px}.case-process>div>p{font-size:13px;max-width:350px}.case-process ol{margin:0;padding-left:20px}.case-process li{padding:0 0 25px 12px;font-size:11px;color:#999}.case-process strong{font-size:13px;color:#333;font-weight:400}.case-process li p{font-size:11px;line-height:1.8;margin-top:9px}.markdown-details{margin:0 8vw 60px;border-block:1px solid var(--rule)}.markdown-details summary{display:flex;justify-content:space-between;cursor:pointer;padding:20px 0;font-size:12px;list-style:none}.markdown-details summary::-webkit-details-marker{display:none}.markdown-details pre{font:11px/1.8 monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:25px;background:#f5f4f1;max-height:450px;overflow:auto}.markdown-details>button{background:#333;color:white;font-size:10px;padding:13px 17px;margin:5px 0 25px}.markdown-details>span{font-size:10px;margin-left:15px}.case-credits{padding:0 8vw 70px;max-width:900px}.case-credits h2{font-size:25px;margin-bottom:20px}.case-credits p{font-size:11px;line-height:1.8}.case-credits .plain-button{margin-top:25px}.board{padding:65px 5vw}.board-intro{max-width:850px;margin-bottom:55px}.board-intro h1{font-size:clamp(36px,4.5vw,66px);line-height:1.08;margin-bottom:25px}.board-intro p{font-size:13px;line-height:1.8;max-width:550px}.reference-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px}.reference>a{text-decoration:none}.reference-image{aspect-ratio:16/11;background:#ecebe7;position:relative}.reference-image img{object-fit:cover}.image-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:25px;font-size:12px;color:#555;text-align:center}.reference-credit{font-size:8px;color:#999;display:block;margin-top:12px}.reference h2{font-size:33px;line-height:1.05;letter-spacing:-.035em;margin-top:22px}.reference p{font-size:12px;line-height:1.8;margin-top:15px}.reference strong{display:block;font-weight:400;font-size:10px;line-height:1.8;margin-top:17px;color:#333}.photo-contact-sheet{display:grid;grid-template-columns:.8fr 1fr .8fr;gap:30px;margin:80px 0;align-items:center}.photo-contact-sheet h2{font-size:36px}.photo-contact-sheet p{font-size:12px;max-width:235px;line-height:1.8;margin-top:20px}.photo-contact-sheet figure{height:330px}.photo-contact-sheet figure:last-child{height:420px}.photo-contact-sheet figcaption{font-size:8px;color:#888;margin-top:10px}.image-plan{padding:50px 0;border-top:1px solid var(--rule)}.image-plan h2{font-size:40px;margin-bottom:35px}.plan-row{display:grid;grid-template-columns:1fr 2fr 1.3fr;gap:40px;padding:23px 0;border-bottom:1px solid var(--rule);font-size:12px}.plan-row>span:not(:first-child){color:#777}.plan-head{padding:12px 0;font-size:9px;color:#999}.motion-plan{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:50px 0}.motion-plan h2{font-size:36px}.motion-plan p{font-size:12px;line-height:1.8;max-width:410px;margin-top:25px}.motion-plan .plain-button{margin-top:20px}.motion-plan h3{font-size:21px;margin-top:5px}.motion-plan ul{font-size:12px;color:#777;padding-left:18px;margin-top:25px}.motion-plan li{padding-bottom:15px}.production-boundary{border-top:1px solid var(--rule);padding-top:40px;max-width:850px}.production-boundary h2{font-size:29px;margin-bottom:25px}.production-boundary p{font-size:12px;line-height:1.9;margin-top:15px}.study-footer{margin:0 5vw;border-top:1px solid var(--rule);padding:25px 0;display:flex;justify-content:space-between;gap:25px;font-size:9px;color:#888}.study-footer>div{display:flex;gap:20px}.study-footer button{font-size:9px}.study-footer button:hover{text-decoration:underline}@keyframes appear{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.first-screen{max-width:1600px;margin:auto}.work-visual{min-height:620px;grid-template-rows:420px auto}.pluk-card{min-height:400px;padding:30px}.botanical{height:220px}.screen-copy{padding-top:40px}.screen-explanation{margin-top:40px}.screen-explanation p{font-size:15px}.project-caption{font-size:10px}.prototype-header{padding-inline:max(5vw,calc((100vw - 1440px)/2))}}
@media(max-width:1100px){.study-nav>span{display:none}.first-screen{grid-template-columns:.9fr 1.3fr;gap:5%;padding-inline:4vw}.prototype-header{padding:30px 4vw}.screen-copy h1{font-size:40px}.screen-explanation p{font-size:12px}.work-visual{grid-template-columns:1.1fr .85fr;min-height:520px}.work-caption{padding:22px 18px}.work-caption>span:first-child{font-size:29px}.pluk-card{padding:23px 17px}.pluk-card-top{flex-direction:column;gap:20px}.pluk-card-top>span:last-child{font-size:15px}.pluk-card .pluk-logo{font-size:53px}.botanical{height:140px}.pluk-card-bottom>span:first-child{font-size:13px}.project-caption{gap:20px;flex-wrap:wrap}.case-intro,.case-source,.preserve-demo,.case-process{padding-inline:5vw}.demo-canvas{padding:40px 5%;gap:25px;grid-template-columns:1fr 120px}.reference-grid{gap:25px}.reference h2{font-size:28px}.reference p{font-size:11px}.photo-contact-sheet{gap:25px}.photo-contact-sheet h2{font-size:31px}.photo-contact-sheet figure{height:290px}.photo-contact-sheet figure:last-child{height:360px}.case-source>figure{height:470px}}
@media(max-width:760px){.study-nav{padding:10px 18px;display:block}.study-nav>a{font-size:9px;display:inline-block;margin-bottom:10px}.study-nav nav{gap:20px;justify-content:space-between}.study-nav button{font-size:9px;min-height:30px}.prototype-header{padding:25px 20px}.wordmark{font-size:29px}.prototype-header>span{display:none}.prototype-header>a:last-child{font-size:9px;padding-bottom:4px}.prototype-header>a:last-child span{margin-left:8px}.first-screen{grid-template-columns:1fr;gap:35px;padding:10px 20px 0;min-height:0}.screen-copy{padding-top:10px}.screen-copy h1{font-size:43px;line-height:1.1}.screen-explanation{margin-top:25px;max-width:100%}.screen-explanation p{font-size:12px;line-height:1.85;max-width:420px}.plain-button{font-size:11px}.copy-foot{margin-top:20px;font-size:9px}.work-visual{grid-template-columns:1fr .9fr;min-height:420px;grid-template-rows:200px auto}.work-caption{padding:20px 15px}.work-caption>span:first-child{font-size:25px}.work-caption>span:last-child{font-size:6px}.atelier-photo figcaption{font-size:5px;left:8px;right:8px;bottom:8px}.pluk-card{padding:20px 15px;min-height:290px;margin-top:135px}.pluk-card-top{gap:15px}.pluk-card .pluk-logo{font-size:44px;gap:10px}.pluk-logo>span{font-size:6px}.pluk-card-top>span:last-child{font-size:14px}.botanical{height:110px}.pluk-card-bottom>span:first-child{font-size:11px}.pluk-card-bottom>span:last-child{font-size:6px}.project-caption{font-size:8px;gap:12px;flex-direction:column}.project-caption button{font-size:9px}.screen-end{margin:30px 20px 0;padding:20px 0;flex-direction:column;gap:12px;font-size:8px}.screen-end button{font-size:9px;text-align:left}.case-header{padding:20px;flex-direction:column;gap:6px;font-size:9px}.case-intro{grid-template-columns:1fr;gap:25px;padding:40px 20px}.small-label{font-size:7px;margin-bottom:20px}.case-intro h1{font-size:54px}.case-intro p{font-size:12px;max-width:100%}.case-disclosure{font-size:8px;max-width:100%}.case-source{grid-template-columns:1fr;gap:45px;padding:0 20px 45px}.case-source>figure{height:330px}.case-source figcaption{font-size:6px}.source-note>.pluk-logo{font-size:90px;margin-bottom:25px}.source-note>p{max-width:100%;font-size:12px}.source-note dl{max-width:100%;font-size:10px}.source-note dl>div{padding:11px 0;grid-template-columns:70px 1fr}.preserve-demo{padding:40px 20px}.preserve-heading{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.preserve-heading h2{font-size:33px}.preserve-heading>p{font-size:11px}.demo-controls{gap:10px;flex-wrap:wrap;padding:10px 0}.demo-controls>button{font-size:8px;min-height:30px}.demo-controls .play-control{margin-left:0;flex-basis:100%;text-align:left;font-size:9px}.demo-canvas{grid-template-columns:1fr;padding:25px 17px;gap:25px;min-height:530px;margin-top:22px}.constant-rules{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px 15px;align-items:center;position:relative;border-top:1px solid #d3cbd2;padding:25px 0 0}.constant-rules>span:first-child{position:absolute;top:8px;font-size:6px}.constant-rules>div{grid-column:1;grid-row:1;margin-top:10px}.constant-rules>p:nth-of-type(1){grid-column:1;grid-row:2}.constant-type{grid-column:2;grid-row:1;margin:5px 0 0;font-size:30px}.constant-rules>p:nth-of-type(2){grid-column:2;grid-row:2}.constant-rules blockquote{grid-column:3;grid-row:1;margin:7px 0 0;font-size:15px}.constant-rules>p:nth-of-type(3){grid-column:3;grid-row:2}.constant-rules>p{font-size:7px;margin-top:0}.constant-rules i{height:24px;width:20px}.brand-card{padding:27px;min-height:420px}.brand-card .pluk-logo{font-size:65px}.brand-card h3{font-size:35px;margin-top:35px}.brand-card p{font-size:15px;padding-top:90px}.stem-drawing{height:190px;width:130px;right:15px;top:105px}.demo-description{font-size:9px;line-height:1.7}.mail-content{padding:20px}.mail-content>.pluk-logo{font-size:49px}.mail-content>img{height:150px}.mail-content>h3{font-size:30px}.mail-content p{font-size:10px}.pluk-flyer{padding:22px}.flyer-identity .pluk-logo{font-size:45px}.pluk-flyer h3{font-size:42px;margin-top:30px}.pluk-flyer>img{height:170px;margin-top:20px}.flyer-info{gap:15px}.flyer-info>p{font-size:16px}.flyer-info>span{font-size:6px}.flyer-register{font-size:6px;line-height:1.7}.case-process{grid-template-columns:1fr;gap:30px;padding:45px 20px}.case-process h2{font-size:32px;margin-bottom:20px}.case-process>div>p{font-size:12px;max-width:100%}.case-process ol{padding-left:15px}.markdown-details{margin:0 20px 40px}.markdown-details summary{font-size:11px}.markdown-details pre{font-size:9px;padding:17px}.markdown-details>button{font-size:9px}.markdown-details>span{display:block;font-size:9px;margin:0 0 20px}.case-credits{padding:0 20px 45px}.case-credits h2{font-size:25px}.case-credits p{font-size:10px}.board{padding:40px 20px}.board-intro{margin-bottom:35px}.board-intro h1{font-size:37px;line-height:1.1}.board-intro p{font-size:12px}.reference-grid{grid-template-columns:1fr;gap:40px}.reference-image{aspect-ratio:16/10}.reference h2{font-size:32px;margin-top:20px}.reference p{font-size:12px;margin-top:14px}.reference strong{font-size:10px}.reference-credit{font-size:7px}.photo-contact-sheet{grid-template-columns:1fr 1fr;gap:25px 15px;margin:55px 0}.photo-contact-sheet>div{grid-column:1/-1}.photo-contact-sheet h2{font-size:33px}.photo-contact-sheet p{font-size:12px;max-width:100%;margin-top:20px}.photo-contact-sheet figure{height:230px}.photo-contact-sheet figure:last-child{height:280px}.photo-contact-sheet figcaption{font-size:6px;line-height:1.5}.image-plan{padding:35px 0}.image-plan h2{font-size:33px}.plan-row{grid-template-columns:1fr;gap:10px;padding:22px 0;font-size:11px}.plan-head{display:none}.plan-row>span:first-child{font-size:13px}.plan-row>span:last-child{font-size:10px;color:#43433f}.motion-plan{grid-template-columns:1fr;gap:35px;padding:30px 0 40px}.motion-plan h2{font-size:31px}.motion-plan p{font-size:12px}.motion-plan h3{font-size:22px}.motion-plan ul{font-size:11px}.production-boundary h2{font-size:28px}.production-boundary p{font-size:11px}.study-footer{margin:0 20px;padding:20px 0;flex-direction:column;gap:15px;font-size:8px}.study-footer button{font-size:8px}.study-footer>div{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:760px){.screen-copy h1{font-size:35px;line-height:1.12;letter-spacing:-.04em}.screen-explanation{margin-top:22px}.screen-explanation p{margin-bottom:14px}.copy-foot{margin-top:18px}}
/* Vormvast: readable, direct and more assertive. Example identities stay scoped. */
body{font-size:17px;color:#171717}.study-nav{background:#171717;color:#fff;border:0;padding:14px 3.5vw;font-size:12px}.study-nav>a{color:#ccc}.study-nav button{font-size:13px;color:#bbb;min-height:32px}.study-nav button[aria-pressed=true]{color:#fff;border-color:#eced71}.study-nav>span{font-size:10px;color:#c5c5bd}.prototype-header{border-bottom:2px solid #171717;margin:0 5vw;padding:30px 0}.wordmark{font-size:47px;font-weight:800;letter-spacing:-.08em}.prototype-header>span{font-size:14px;color:#444;max-width:235px;line-height:1.4}.prototype-header>a:last-child{font-size:14px;font-weight:700;border:2px solid #171717;padding:12px 16px}.first-screen{padding-top:45px;grid-template-columns:1fr 1.4fr;gap:5%;min-height:760px}.screen-copy{padding-top:5px}.screen-copy h1{font-size:clamp(52px,5.1vw,82px);font-weight:750;letter-spacing:-.065em;line-height:.98}.screen-explanation{max-width:420px;margin-top:30px}.screen-explanation p{font-size:17px;line-height:1.65;color:#50504a;margin-bottom:20px}.plain-button{font-size:15px;min-height:48px;font-weight:700;border-bottom:2px solid #171717}.copy-foot{font-size:13px;color:#555;margin-top:30px}.screen-end{font-size:12px;padding:22px 0;border-top:2px solid #171717}.screen-end button{font-size:13px}.project-caption{font-size:12px;padding-top:20px}.project-caption strong{font-weight:700}.project-caption button{font-size:12px;white-space:normal;max-width:150px;text-align:left;line-height:1.6}.work-visual{min-height:640px;grid-template-columns:1.1fr 1fr;grid-template-rows:390px auto}.atelier-photo figcaption{font-size:10px;line-height:1.5}.work-caption>span:last-child{font-size:10px}.pluk-card{min-height:410px;padding:27px 22px;margin-top:180px}.pluk-card .pluk-logo{font-size:64px}.pluk-card .pluk-logo>span{font-size:10px}.pluk-card-top>span:last-child{font-size:19px}.pluk-card-bottom>span:first-child{font-size:18px;line-height:1.4}.pluk-card-bottom>span:last-child{font-size:10px}.botanical{height:190px}.case-header{background:#f0f04e;color:#171717;border-bottom:2px solid #171717;font-size:13px;font-weight:700;padding:22px 5vw}.case-intro h1,.board-intro h1{font-weight:750;letter-spacing:-.06em}.case-intro h1{font-size:clamp(55px,6.1vw,88px)}.case-intro p{font-size:17px;max-width:520px;line-height:1.7}.small-label{font-size:12px;color:#50504a;font-weight:700;letter-spacing:.03em}.case-disclosure{font-size:12px;color:#62625b;max-width:500px;margin-top:23px;line-height:1.6}.case-source>figure{height:580px}.case-source figcaption{font-size:11px;line-height:1.6}.source-note>.pluk-logo{font-size:110px}.source-note>.pluk-logo>span{font-size:12px}.source-note>p{font-size:16px;max-width:420px}.source-note dl{font-size:14px;max-width:460px}.source-note dl>div{grid-template-columns:85px 1fr;padding:13px 0}.source-note dt{color:#6b646d}.source-note code{font-size:11px;color:#777}.source-note dd{flex-wrap:wrap}.source-principle{font-size:14px!important;margin-top:23px!important}.preserve-heading h2,.case-process h2,.motion-plan h2{font-size:45px;font-weight:700;letter-spacing:-.045em}.preserve-heading>p,.case-process>div>p,.motion-plan p{font-size:16px;max-width:460px}.demo-controls{border-color:#888;gap:24px}.demo-controls>button{font-size:13px;min-height:38px;font-weight:600;color:#777}.demo-controls>button[aria-pressed=true]{color:#171717;border-bottom-width:2px}.demo-canvas{grid-template-columns:1fr 180px;padding:50px 5%;gap:45px;min-height:730px}.demo-object{width:min(100%,560px)}.brand-card{min-height:530px;padding:40px}.brand-card .pluk-logo{font-size:88px}.pluk-logo>span{font-size:11px}.brand-card h3{font-size:50px}.brand-card p{font-size:23px}.brand-card>span:last-child{font-size:12px}.stem-drawing{width:190px;height:270px;top:135px}.constant-rules>span:first-child{font-size:11px;letter-spacing:.04em}.constant-rules>p{font-size:13px;color:#746a77}.constant-rules i{height:40px;width:35px}.constant-type{font-size:50px}.constant-rules blockquote{font-size:25px}.demo-description{font-size:14px;line-height:1.6}.mail-envelope{font-size:11px;padding:17px 25px}.mail-content{padding:30px}.mail-content>.pluk-logo{font-size:66px}.mail-content>.pluk-logo>span{font-size:10px}.mail-content>img{height:210px}.mail-content>h3{font-size:43px}.mail-content p{font-size:15px;line-height:1.75}.pluk-link{font-size:14px;margin-top:25px}.pluk-flyer{padding:35px}.flyer-identity .pluk-logo{font-size:65px}.flyer-identity .pluk-logo>span{font-size:10px}.flyer-identity>span:last-child{font-size:10px}.pluk-flyer h3{font-size:65px;margin-top:35px}.pluk-flyer>img{height:250px}.flyer-info>p{font-size:24px}.flyer-info>span{font-size:12px}.flyer-register{font-size:12px;line-height:1.6}.case-process strong{font-size:18px;font-weight:700}.case-process li{font-size:14px;padding-bottom:30px}.case-process li p{font-size:15px}.markdown-details{border-color:#777}.markdown-details summary{font-size:16px;font-weight:700}.markdown-details pre{font-size:14px}.markdown-details>button{font-size:14px;padding:15px 20px}.markdown-details>span{font-size:13px}.case-credits h2,.production-boundary h2{font-size:32px;font-weight:700}.case-credits p{font-size:14px;line-height:1.8}.board-intro p{font-size:17px;max-width:700px}.reference h2{font-size:37px;font-weight:650}.reference p{font-size:16px}.reference strong{font-size:13px;line-height:1.7}.reference-credit{font-size:11px;line-height:1.5}.image-fallback{font-size:15px}.photo-contact-sheet h2{font-size:40px;font-weight:700}.photo-contact-sheet p{font-size:16px}.photo-contact-sheet figcaption{font-size:11px;line-height:1.6}.image-plan h2{font-weight:700;font-size:45px}.plan-row{font-size:16px;gap:30px}.plan-head{font-size:12px}.motion-plan h3{font-size:27px;font-weight:700}.motion-plan ul{font-size:16px;line-height:1.7}.production-boundary p{font-size:15px}.study-footer{border-top:2px solid #171717;font-size:12px}.study-footer button{font-size:12px}
@media(max-width:1100px){.prototype-header>span{display:none}.first-screen{grid-template-columns:1fr 1.2fr}.screen-copy h1{font-size:57px}.screen-explanation p{font-size:16px}.work-visual{grid-template-columns:1fr 1fr}.pluk-card-top{gap:20px}.pluk-card .pluk-logo{font-size:56px}.work-caption>span:first-child{font-size:32px}.pluk-card-bottom>span:first-child{font-size:17px}.demo-canvas{grid-template-columns:1fr 150px;gap:30px}.demo-controls{flex-wrap:wrap;gap:15px 25px}.demo-controls .play-control{margin-left:0}.source-note dl{font-size:13px}}
@media(max-width:760px){.study-nav{padding:12px 18px}.study-nav>a{color:#ccc;font-size:11px}.study-nav nav{gap:13px}.study-nav button{font-size:11px;min-height:36px}.prototype-header{margin:0 20px;padding:24px 0}.wordmark{font-size:36px}.prototype-header>a:last-child{font-size:11px;padding:10px 12px}.first-screen{grid-template-columns:1fr;padding-top:30px;gap:35px}.screen-copy h1{font-size:clamp(50px,13.5vw,70px);line-height:.98}.screen-explanation{margin-top:25px}.screen-explanation p{font-size:16px;line-height:1.65;margin-bottom:18px}.plain-button{font-size:14px;min-height:46px}.copy-foot{font-size:12px;margin-top:24px}.work-visual{min-height:535px;grid-template-columns:1fr 1fr;grid-template-rows:240px auto}.work-caption{padding:20px 15px}.work-caption>span:first-child{font-size:26px}.work-caption>span:last-child{font-size:9px}.pluk-card{padding:22px 15px;min-height:365px;margin-top:170px}.pluk-card .pluk-logo{font-size:47px}.pluk-card .pluk-logo>span{font-size:9px}.pluk-card-top>span:last-child{font-size:17px}.pluk-card-bottom>span:first-child{font-size:15px}.pluk-card-bottom>span:last-child{font-size:9px}.botanical{height:145px}.atelier-photo figcaption{font-size:9px;line-height:1.5}.project-caption{font-size:12px;gap:12px}.project-caption button{font-size:12px;max-width:none}.screen-end{font-size:11px}.screen-end button{font-size:12px}.case-header{font-size:11px;padding:18px 20px;line-height:1.6}.small-label{font-size:11px}.case-intro h1{font-size:57px}.case-intro p{font-size:16px}.case-disclosure{font-size:12px}.case-source>figure{height:350px;margin-bottom:15px}.case-source figcaption{font-size:10px;line-height:1.5}.source-note>.pluk-logo{font-size:95px}.source-note>.pluk-logo>span{font-size:11px}.source-note>p{font-size:16px}.source-note dl{font-size:13px}.source-note dl>div{grid-template-columns:62px 1fr;gap:10px}.source-note code{font-size:10px;margin-left:0}.source-principle{font-size:13px!important}.preserve-heading h2,.case-process h2,.motion-plan h2{font-size:34px}.preserve-heading>p,.case-process>div>p,.motion-plan p{font-size:16px}.demo-controls{gap:12px 20px}.demo-controls>button{font-size:12px;min-height:38px}.demo-controls .play-control{font-size:13px}.demo-canvas{grid-template-columns:1fr;padding:25px 14px;gap:25px;min-height:0}.brand-card{padding:25px;min-height:460px}.brand-card .pluk-logo{font-size:70px}.pluk-logo>span{font-size:10px}.brand-card h3{font-size:36px}.brand-card p{font-size:19px;padding-top:115px}.brand-card>span:last-child{font-size:11px}.stem-drawing{width:140px;height:210px;right:10px;top:120px}.constant-rules{padding-top:30px}.constant-rules>span:first-child{font-size:10px}.constant-rules>p{font-size:10px;line-height:1.4}.constant-rules i{height:28px;width:24px}.constant-type{font-size:35px}.constant-rules blockquote{font-size:18px}.demo-description{font-size:13px}.mail-envelope{font-size:10px;padding:13px 17px}.mail-content{padding:21px}.mail-content>.pluk-logo{font-size:55px}.mail-content>.pluk-logo>span{font-size:9px}.mail-content>h3{font-size:33px}.mail-content p{font-size:14px;line-height:1.7}.pluk-link{font-size:12px}.mail-content>img{height:175px}.pluk-flyer{padding:22px}.flyer-identity .pluk-logo{font-size:50px}.flyer-identity .pluk-logo>span{font-size:8px}.flyer-identity>span:last-child{font-size:9px}.pluk-flyer h3{font-size:43px}.pluk-flyer>img{height:190px}.flyer-info{flex-direction:column;gap:15px}.flyer-info>p{font-size:22px}.flyer-info>span{font-size:12px}.flyer-register{font-size:11px}.case-process strong{font-size:17px}.case-process li p{font-size:15px}.markdown-details summary{font-size:14px;gap:15px}.markdown-details pre{font-size:12px;padding:18px}.markdown-details>button{font-size:12px}.markdown-details>span{font-size:12px}.case-credits h2,.production-boundary h2{font-size:29px}.case-credits p{font-size:13px}.board-intro h1{font-size:39px}.board-intro p{font-size:16px}.reference h2{font-size:33px}.reference p{font-size:16px}.reference strong{font-size:13px}.reference-credit{font-size:11px}.photo-contact-sheet h2{font-size:34px}.photo-contact-sheet p{font-size:16px}.photo-contact-sheet figcaption{font-size:10px}.image-plan h2{font-size:34px}.plan-row{font-size:15px}.plan-row>span:first-child{font-size:17px;font-weight:700}.plan-row>span:last-child{font-size:14px}.motion-plan h3{font-size:26px}.motion-plan ul{font-size:15px}.production-boundary p{font-size:14px}.study-footer{font-size:11px}.study-footer button{font-size:11px}.study-footer>div{gap:15px;flex-wrap:wrap}}
.contrast-case{padding:75px 5vw;border-bottom:2px solid #171717}.contrast-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end;margin-bottom:35px}.contrast-heading h2{font-size:45px;font-weight:700;letter-spacing:-.045em}.contrast-heading p{font-size:16px;max-width:470px;line-height:1.75}.omloop-world{background:#d3dfe1;color:#172f3b;display:grid;grid-template-columns:1.8fr 1fr;gap:30px;padding:35px;align-items:center}.omloop-site{background:#f6f8f6;border:1px solid #172f3b}.omloop-nav{padding:25px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #172f3b;gap:20px}.omloop-logo{font:900 38px/.9 Arial,Helvetica,sans-serif;letter-spacing:-.08em;display:inline-flex;flex-direction:column;gap:10px}.omloop-logo>span{font:700 11px/1 Arial,sans-serif;letter-spacing:.05em}.omloop-nav>span:last-child{font-size:11px;line-height:1.5;font-weight:700}.omloop-hero{display:grid;grid-template-columns:1fr 1fr}.omloop-hero>div{padding:25px}.omloop-label{font-size:10px;line-height:1.5;font-weight:700;display:block}.omloop-hero h3{font:800 clamp(40px,4.2vw,62px)/.93 Arial,Helvetica,sans-serif;letter-spacing:-.065em;margin:25px 0}.omloop-hero p{font-size:14px;line-height:1.65;color:#4b6069}.omloop-action{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;font-size:13px;font-weight:700;border-top:2px solid #172f3b;margin-top:25px}.omloop-action>b{font-size:22px}.omloop-hero figure{position:relative;min-width:0;min-height:430px}.omloop-hero img{object-position:48% center}.omloop-hero figcaption{position:absolute;bottom:12px;left:12px;right:12px;color:white;text-shadow:0 1px 4px black;font-size:10px;line-height:1.5}.omloop-services{display:grid;grid-template-columns:1fr 1fr 1fr;background:#b8e4ef;border-top:2px solid #172f3b}.omloop-services>span{font-size:10px;font-weight:700;padding:17px 13px;border-right:1px solid #172f3b}.omloop-services>span:last-child{border:0}.omloop-job{padding:28px;background:#b8e4ef;color:#172f3b;border:2px solid #172f3b}.job-top{display:flex;justify-content:space-between;align-items:start;gap:20px;border-bottom:2px solid #172f3b;padding-bottom:23px}.job-top .omloop-logo{font-size:31px}.job-top .omloop-logo>span{font-size:9px}.job-top>span:last-child{font:12px ui-monospace,monospace;white-space:nowrap}.job-status{font:800 clamp(25px,2.7vw,39px)/1 Arial,sans-serif;letter-spacing:-.05em;margin:30px 0}.omloop-job dl{font-size:12px;margin:0}.omloop-job dl>div{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #172f3b66}.omloop-job dt{color:#486572}.omloop-job dd{margin:0}.omloop-job>p{font-size:14px;line-height:1.7;color:#365564;margin-top:25px}.job-end{display:block;font-size:10px;font-weight:700;margin-top:30px;border-top:2px solid #172f3b;padding-top:17px}.contrast-notes{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:30px}.contrast-notes strong{font-size:18px}.contrast-notes p{font-size:15px;margin-top:10px;max-width:470px;line-height:1.75}.contrast-credit{font-size:12px;line-height:1.7;margin-top:25px;color:#666}
@media(max-width:1100px){.omloop-world{grid-template-columns:1.4fr 1fr;padding:25px;gap:25px}.omloop-hero{grid-template-columns:1fr}.omloop-hero figure{height:260px;min-height:0}.omloop-hero>div{padding:23px}.omloop-hero h3{font-size:57px}.omloop-nav{padding:23px}.omloop-services>span{font-size:9px;padding:14px 10px}.omloop-job{padding:24px}.job-top{flex-wrap:wrap;gap:15px}.omloop-job dl>div{grid-template-columns:1fr;gap:5px}.contrast-heading{gap:7%}}
@media(max-width:760px){.contrast-case{padding:45px 20px}.contrast-heading{grid-template-columns:1fr;gap:20px}.contrast-heading h2{font-size:34px}.contrast-heading p{font-size:16px}.omloop-world{grid-template-columns:1fr;padding:20px 15px;gap:25px}.omloop-nav{padding:20px}.omloop-logo{font-size:34px}.omloop-logo>span{font-size:10px}.omloop-nav>span:last-child{font-size:9px}.omloop-hero>div{padding:22px}.omloop-label{font-size:10px}.omloop-hero h3{font-size:57px}.omloop-hero p{font-size:15px}.omloop-action{font-size:14px}.omloop-hero figure{height:320px}.omloop-hero figcaption{font-size:10px}.omloop-services{grid-template-columns:1fr}.omloop-services>span{font-size:11px;padding:13px 20px;border-right:0;border-bottom:1px solid #172f3b55}.omloop-job{padding:25px}.job-top{flex-wrap:nowrap}.job-top .omloop-logo{font-size:30px}.job-top .omloop-logo>span{font-size:9px}.job-top>span:last-child{font-size:11px}.job-status{font-size:34px}.omloop-job dl{font-size:14px}.omloop-job dl>div{grid-template-columns:1fr;gap:5px}.omloop-job>p{font-size:15px}.job-end{font-size:11px}.contrast-notes{grid-template-columns:1fr;gap:25px}.contrast-notes p{font-size:15px}.contrast-credit{font-size:12px}}
/* Production page — Vormvast owns the typography; demonstration brands own theirs. */
:root{--ink:#171717;--muted:#5e5e57;--rule:#c9cac2;--accent:#eced71}html{scroll-padding-top:30px}body{font:17px/1.65 Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none}p{color:var(--muted)}.wrap{width:min(1360px,90%);margin-inline:auto}.section{padding-block:95px}h2{font-size:clamp(38px,4vw,62px);font-weight:700;letter-spacing:-.05em;line-height:1.04}h2 em{font:inherit;font-style:normal}h3{font-size:27px;font-weight:700;letter-spacing:-.035em;line-height:1.12}.eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.035em;margin-bottom:25px}.site-header{padding:0 5vw}.site-nav{width:100%;display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:110px;border-bottom:2px solid var(--ink)}.site-nav .wordmark{font-size:48px}.site-nav>nav{display:flex;gap:27px;font-size:14px}.site-nav>nav a{padding:10px 0}.site-nav>nav a:hover{text-decoration:underline;text-underline-offset:6px}.nav-contact{font-size:14px;font-weight:700;border:2px solid var(--ink);padding:12px 17px}.nav-contact:hover{background:var(--ink);color:white}#menu-toggle{display:none}.mobile-menu{display:none}.first-screen{padding-top:50px;min-height:750px}.project-caption a{font-size:12px;text-decoration:underline;text-underline-offset:4px;max-width:150px;line-height:1.6}.compatibility{display:flex;justify-content:space-between;gap:25px;border-block:2px solid var(--ink);padding:22px 0;margin-top:50px;font-size:13px}.compatibility>span:last-child{color:#666}.section-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:12%;align-items:end;margin-bottom:45px}.section-heading>p,.section-heading>div>p{font-size:17px;line-height:1.75;max-width:470px}.section-heading>div>p+p{margin-top:20px}.problem{background:#f1f1e9;margin-top:0;border-bottom:1px solid #b5b7ab}.comparison{border:1px solid #91958a;background:white}.comparison-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 25px;border-bottom:1px solid #91958a;background:#e3e5da}.comparison-toolbar>span{font-size:11px;font-weight:700;max-width:370px;line-height:1.6}.segmented{display:flex;border:1px solid #8b9180;padding:4px;gap:4px;flex-shrink:0}.segmented button{padding:10px 13px;font-size:13px;color:#555}.segmented button[aria-pressed=true]{background:var(--ink);color:#fff}.comparison-output{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:stretch;background:#eeeee6;padding:35px}.compare-card{display:flex;flex-direction:column;gap:18px;padding:25px;min-width:0;min-height:300px;animation:appear .3s ease}.channel-label{font-size:10px;letter-spacing:.025em;line-height:1.6}.mini-brand{font-size:23px}.compare-card h3{font-size:28px;line-height:1.08}.compare-card p{font-size:15px;line-height:1.6;color:inherit}.card-cta{margin-top:auto;font-size:13px;display:inline-block;align-self:start;padding-top:10px;border-top:1px solid currentColor}.comparison-output[data-state=before] .compare-card:nth-child(1){background:#dcd4ee;color:#4d346a;transform:rotate(-2deg);font-family:Georgia,serif}.comparison-output[data-state=before] .compare-card:nth-child(2){background:#f4d964;color:#273b5c;transform:rotate(1deg);border:2px dashed #273b5c}.comparison-output[data-state=before] .compare-card:nth-child(2) h3{font-weight:800}.comparison-output[data-state=before] .compare-card:nth-child(3){background:white;color:#333;font-family:Georgia,serif}.comparison-output[data-state=after] .compare-card{background:#f1e9e5;color:#3d3345;font-family:Arial,sans-serif;border-top:6px solid #3d3345}.comparison-output[data-state=after] .compare-card:nth-child(2){background:#3d3345;color:#f1e9e5}.comparison-output[data-state=after] .compare-card:nth-child(3){background:#ebe0e6}.comparison-output[data-state=after] .mini-brand{font:50px/.9 var(--serif);letter-spacing:-.08em}.comparison-output[data-state=after] h3{font:35px/1 var(--serif);letter-spacing:-.035em}.comparison-caption{display:flex;justify-content:space-between;gap:20px;padding:18px 25px;border-top:1px solid #c4c8b9;font-size:13px}.example-label{font-size:12px;color:#737669}.pain-notes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;margin-top:40px}.pain-notes>div{border-left:1px solid #b8beaa;padding-left:25px}.pain-notes>div:first-child{border:0;padding-left:0}.pain-notes>div>span{font-size:12px;color:#6e765e}.pain-notes h3{font-size:24px;margin:14px 0}.pain-notes p{font-size:16px;line-height:1.7}.definition-section{padding:95px 0 75px}.definition-section>.section-heading{margin-inline:8vw}.definition-section .case-source{padding-bottom:0}.definition-section .small-label{font-size:11px}.preserve-demo{border-block:1px solid #a5aa9a}.preserve-heading h2{font-size:clamp(38px,4vw,58px)}.preserve-heading>p{font-size:17px;line-height:1.75}.contrast-case{padding-block:90px}.contrast-heading h2{font-size:clamp(38px,4vw,58px)}.contrast-heading p{font-size:17px;line-height:1.75}.usage{background:#f0f1e8;border-bottom:1px solid #adb4a1}.usage-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center}.usage-steps{display:grid}.usage-steps button{display:flex;gap:18px;align-items:start;text-align:left;padding:25px 0;border-bottom:1px solid #b8c0ad;color:#818774}.usage-steps button>span:last-child{margin-left:auto}.usage-steps button[aria-pressed=true]{color:#171717}.step-number{display:grid;place-items:center;width:28px;height:28px;border:1px solid #aeb8a0;font-size:11px;flex-shrink:0}.usage-steps button[aria-pressed=true] .step-number{background:var(--ink);color:white;border-color:var(--ink)}.usage-steps strong{font-size:20px;font-weight:700;line-height:1.3;display:block}.usage-steps small{font-size:15px;line-height:1.7;display:block;margin-top:10px;max-width:340px}.usage-preview{padding:30px;background:#dce1d2;min-height:410px;display:grid;align-items:center}.usage-window{background:white;border:1px solid #8f9b81;animation:appear .3s ease}.usage-title{display:flex;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid #d3d8ca;font-size:12px}.usage-body{padding:25px}.attachment{display:inline-block;background:#f2ed97;border:1px solid #d8d075;padding:10px 13px;font-size:13px}.chat-question{margin:20px 0 25px 25px;background:#eeeee7;padding:17px;font-size:14px;line-height:1.7}.ai-answer{font-size:17px;line-height:1.75;color:#3d3345}.ai-answer strong{display:block;font-size:11px;color:#8e8390;margin-bottom:12px;letter-spacing:.025em}.usage-body .quiet-note{font-size:11px;margin-top:22px;display:block;line-height:1.6}.preview-guide-title{font-size:36px;line-height:1.05;margin:22px 0;font-weight:700}.preview-badges{display:flex;gap:8px;flex-wrap:wrap}.preview-badges>span{padding:8px 11px;font-size:12px;background:#f1e9e5;color:#3d3345}.tiny-label{font-size:11px;line-height:1.6}.handoff-file{display:flex;justify-content:space-between;gap:15px;border:1px solid #cbd2c1;padding:20px;font-size:16px;margin:20px 0}.usage-body>.pluk-logo{font-size:62px}.md-explainer{display:grid;grid-template-columns:60px 1fr 150px;gap:25px;align-items:center;border-top:1px solid #a9b39b;padding-top:35px;margin-top:50px}.file-icon{font:700 20px Arial,sans-serif;border:1px solid #8e9b7e;padding:20px 8px;position:relative;min-height:70px}.file-icon span{position:absolute;top:0;right:5px;font-size:14px}.md-explainer h3{font-size:27px;margin-bottom:15px}.md-explainer p{font-size:16px;line-height:1.75}.md-explainer .quiet-note{font-size:12px;margin-top:15px;display:block;line-height:1.6}.text-link{font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:5px;background:none;border:0;padding:8px 0;line-height:1.6}.text-link:hover{color:#5c6a3e}.md-explainer .text-link{justify-self:end;text-align:left}.usage pre{font:13px/1.85 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:480px;overflow:auto;padding:30px;border:1px solid #a6b297;background:#fff;margin-top:25px}.deliverables{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.deliverable-index{font-size:11px;font-weight:700;line-height:1.6;display:block;min-height:36px}.deliverable-art{min-height:260px;margin:18px 0 27px;display:grid;place-items:center;background:#efefe9;border:1px solid #c1c5b6;overflow:hidden}.deliverables article h3{font-size:27px;margin-bottom:18px}.deliverables article p{font-size:16px;line-height:1.75}.file-art{background:#ececd3}.paper-file{background:white;padding:25px;width:210px;border:1px solid #a8aa95;display:grid;gap:18px}.paper-file>span{font-size:11px;color:#6b6c61}.paper-file>b{font-size:24px;font-weight:700}.paper-file>i{height:3px;width:90%;background:#d7dacd}.paper-file>i:nth-last-child(2){width:60%}.guide-art{background:#e2dadd}.mini-guide{width:260px;max-width:90%;padding:25px;background:#f1e9e5;color:#3d3345;border:1px solid #c2b6bd}.mini-guide-nav{display:flex;justify-content:space-between;font-size:12px;border-bottom:1px solid #cfc3cb;padding-bottom:12px}.mini-guide h4{font:40px/.98 var(--serif);letter-spacing:-.04em;margin-top:20px}.mini-colors{display:flex;gap:6px;margin:20px 0}.mini-colors i{width:33px;height:25px;background:#3d3345}.mini-colors i:nth-child(2){background:#b8a8b6}.mini-colors i:nth-child(3){background:#fff}.mini-guide>span{font-size:10px}.tools-art{background:#e2e7ec;display:flex;flex-direction:column;justify-content:center;gap:12px}.tools-art>span{width:70%;background:white;border:1px solid #aab6c0;padding:13px 17px;display:flex;justify-content:space-between;font-size:18px}.tools-art b{font-weight:400}.examples-link{border-block:1px solid var(--ink);padding:25px 0;margin-top:45px;display:flex;align-items:center;gap:12px 25px;flex-wrap:wrap}.examples-link p{font-size:16px;color:#333}.examples-link>span{font-size:13px;color:#777;flex-basis:100%}.process{background:#171717;color:#fff}.process .eyebrow{color:#eced71}.process-line{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;gap:25px;align-items:start;padding-top:20px}.process-line>div>span{font-size:13px;color:#b2bb9e}.process-line h3{font-size:28px;line-height:1.15;margin:18px 0}.process-line p{font-size:16px;line-height:1.75;color:#b6b9ad}.process-arrow{font-size:28px;color:#eced71;padding-top:60px}.pricing{display:grid;grid-template-columns:1fr 1.3fr;gap:30px}.pricing article{border:1px solid #171717;padding:40px}.pricing h3{font-size:40px;letter-spacing:-.05em;line-height:1.05;margin-bottom:25px}.pricing article p{font-size:16px;line-height:1.75}.price{font-size:40px;font-weight:700;letter-spacing:-.04em;display:block;margin:25px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:50px;padding:14px 18px;font-size:14px;font-weight:700;line-height:1.5;border:2px solid #171717;background:#171717;color:#fff;text-decoration:none}.button:hover{background:#3b4034;border-color:#3b4034}.button>span{font-size:20px}.button.outline{background:transparent;color:#171717}.button.outline:hover{background:#f0f1e8}.pricing .button{width:100%}.pricing small{font-size:12px;line-height:1.7;display:block;margin-top:17px;color:#777}.bespoke{background:#eceec7}.bespoke ul{list-style:none;padding:0;margin:25px 0;display:grid;gap:12px;font-size:16px}.bespoke li{position:relative;padding-left:24px}.bespoke li:before{content:'✓';position:absolute;left:0;top:0}.generator-section{background:#171717;color:white;padding:85px 0}.generator-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;align-items:center}.generator-layout h2{font-size:clamp(36px,4vw,58px);line-height:1.06}.generator-layout>div>p{font-size:17px;color:#c7ccba;line-height:1.75;margin-top:25px}.demo-note{border-top:1px solid #545b47;padding-top:25px;margin-top:30px}.demo-note>strong{font-size:14px;font-weight:700;color:#eced71}.demo-note p{font-size:14px;line-height:1.75;color:#adb4a0;margin-top:10px}.generator-panel{padding:30px;background:#fff;color:#171717;min-width:0}.generator-panel label{font-size:16px;display:block;font-weight:700;margin-bottom:16px}.prompt-input{display:flex;gap:8px;border:1px solid #aaa;padding:5px;background:white}.prompt-input input{width:100%;flex:1;min-width:0;border:0;background:white;padding:12px;font-size:15px;line-height:1.5;color:#171717}.prompt-input .button{font-size:25px;padding:8px 15px;min-height:44px}.quiet-note{font-size:12px;color:#777;line-height:1.7;display:block}.generator-panel form>.quiet-note{margin-top:13px;font-size:12px}#generator-empty{text-align:center;padding:45px 0 20px}.empty-file{display:grid;place-items:center;width:80px;height:105px;border:1px solid #b0b7a3;margin:0 auto 20px;font-size:32px;font-weight:700;color:#758263}#generator-empty p{font-size:16px;line-height:1.65}.result-title{display:flex;justify-content:space-between;align-items:start;gap:15px;font-size:13px;margin-top:30px}#generated-md-output{font:12px/1.85 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;background:#f1f2e9;border:1px solid #b8c0a9;margin:18px 0 0;padding:20px}.result-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:22px}#generator-status{font-size:13px;margin-top:17px;line-height:1.7}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:0 10%}.faq>.eyebrow{grid-column:1/-1}.faq-list{border-top:1px solid var(--ink)}.faq details{border-bottom:1px solid #c3c7b9}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:start;gap:25px;padding:25px 0;font-size:18px;line-height:1.45}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:25px;color:#6f7d58;line-height:1}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:16px;line-height:1.8;padding:0 25px 25px 0}.closing{padding:60px;background:#eceec7;border:2px solid #171717;text-align:left;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:end}.closing>.eyebrow{grid-column:1/-1;margin:0}.closing h2{font-size:clamp(40px,4.8vw,70px)}.closing .button{align-self:end;margin-bottom:7px}.site-footer{padding:65px 0 35px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-top .wordmark{font-size:54px}.footer-top>a:last-child{font-size:16px;border-bottom:1px solid #171717;padding-bottom:5px}.site-footer>p{font-size:14px;margin-top:25px}.footer-bottom{font-size:12px;border-top:1px solid #171717;margin-top:35px;padding-top:22px;color:#777}.image-credits{margin-top:25px;border-top:1px solid #c8ccbe;padding-top:17px}.image-credits summary{cursor:pointer;list-style:none;font-size:13px;display:flex;justify-content:space-between;gap:25px}.image-credits p{font-size:13px;line-height:1.8;max-width:900px;margin-top:20px}.image-credits a{border-bottom:1px solid #aaa}.image-credits summary::-webkit-details-marker{display:none}.omloop-action,.pluk-link,.flyer-register{cursor:default}.case-source img{aspect-ratio:auto}.source-note dd{overflow-wrap:anywhere}#demo-description{max-width:900px}.image-credits:target{border-color:#171717}.compatibility b{font-weight:400}
@media(max-width:1100px){.site-nav{gap:20px}.site-nav .wordmark{font-size:42px}.site-nav>nav{gap:18px;font-size:13px}.nav-contact{font-size:12px;padding:11px 13px}.first-screen{grid-template-columns:1fr 1.15fr}.screen-copy h1{font-size:57px}.screen-explanation p{font-size:16px}.section-heading{gap:7%}.comparison-toolbar{gap:20px;padding:18px}.comparison-toolbar>span{font-size:10px}.segmented button{font-size:12px}.comparison-output{gap:20px;padding:25px}.compare-card{padding:20px}.compare-card h3{font-size:25px}.compare-card p{font-size:14px}.usage-layout{gap:30px}.usage-preview{padding:20px}.usage-title{font-size:11px;padding:15px 18px}.usage-body{padding:20px}.deliverables{gap:22px}.deliverable-art{min-height:240px}.deliverables article h3{font-size:25px}.deliverables article p{font-size:15px}.generator-layout{gap:6%}.pricing article{padding:30px}.pricing h3{font-size:36px}.closing{padding:45px}.closing .button{font-size:13px}.process-line{gap:18px}.process-line h3{font-size:25px}.process-line p{font-size:15px}}
@media(max-width:760px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}body{font-size:16px}.section{padding-block:60px}.site-header{padding:0 20px}.site-nav{min-height:90px;gap:18px}.site-nav .wordmark{font-size:38px}.site-nav>nav,.nav-contact{display:none}#menu-toggle{display:inline-block;font-size:14px;font-weight:700;min-height:42px;padding:7px 0 7px 15px}.mobile-menu:not([hidden]){display:grid;padding:18px 0 22px;gap:0;border-bottom:2px solid #171717}.mobile-menu a{font-size:16px;padding:12px 0;border-bottom:1px solid #e0e2d9}.mobile-menu a:last-child{border:0}.first-screen{padding:30px 20px 0;grid-template-columns:1fr;min-height:0;gap:35px}.screen-copy h1{font-size:clamp(50px,13.5vw,70px)}.screen-explanation p{font-size:16px}.compatibility{margin-top:35px;flex-direction:column;gap:12px;padding:20px 0;font-size:12px;line-height:1.7}.compatibility>span:last-child{font-size:12px}.project-caption a{font-size:12px;max-width:none}.section-heading{grid-template-columns:1fr;gap:23px;margin-bottom:30px}.section-heading>p,.section-heading>div>p{font-size:16px;max-width:100%}h2{font-size:clamp(34px,8.7vw,48px)}.eyebrow{font-size:11px;margin-bottom:20px}.comparison-toolbar{flex-direction:column;align-items:start;padding:18px;gap:15px}.comparison-toolbar>span{font-size:10px;max-width:100%}.segmented{width:100%}.segmented button{font-size:12px;flex:1;padding:10px 8px}.comparison-output{grid-template-columns:1fr;padding:23px;gap:22px}.compare-card{padding:22px;min-height:0;gap:17px}.compare-card h3{font-size:28px}.compare-card p{font-size:15px}.channel-label{font-size:10px}.card-cta{font-size:13px}.comparison-output[data-state=before] .compare-card:nth-child(1){transform:rotate(-1deg)}.comparison-output[data-state=before] .compare-card:nth-child(2){transform:rotate(1deg)}.comparison-output[data-state=after] h3{font-size:34px}.comparison-caption{padding:18px;flex-direction:column;gap:8px;font-size:12px}.example-label{font-size:11px}.pain-notes{grid-template-columns:1fr;gap:27px;margin-top:30px}.pain-notes>div,.pain-notes>div:first-child{border:0;padding:0 0 0 30px;position:relative}.pain-notes>div>span{position:absolute;left:0;top:4px;font-size:11px}.pain-notes h3{font-size:23px;margin:0 0 13px}.pain-notes p{font-size:15px}.definition-section{padding:60px 0 45px}.definition-section>.section-heading{margin-inline:20px}.definition-section .case-source{padding:0 20px;gap:50px}.definition-section .small-label{font-size:10px}.preserve-demo{padding:45px 20px}.preserve-heading h2{font-size:34px}.preserve-heading>p{font-size:16px}.contrast-case{padding:50px 20px}.contrast-heading h2{font-size:34px}.contrast-heading p{font-size:16px}.usage-layout{grid-template-columns:1fr;gap:25px}.usage-steps button{padding:22px 0;gap:15px}.usage-steps strong{font-size:19px}.usage-steps small{font-size:15px;max-width:100%}.usage-preview{padding:16px;min-height:0}.usage-title{font-size:11px;padding:15px;gap:15px;flex-wrap:wrap}.usage-body{padding:20px}.attachment{font-size:12px;padding:10px}.chat-question{font-size:13px;padding:15px;margin:20px 0 22px 10px}.ai-answer{font-size:16px}.ai-answer strong{font-size:10px}.usage-body .quiet-note{font-size:11px}.preview-guide-title{font-size:31px}.preview-badges>span{font-size:11px}.handoff-file{font-size:13px;padding:15px}.md-explainer{grid-template-columns:45px 1fr;gap:20px;padding-top:30px;margin-top:35px}.file-icon{font-size:17px;padding:18px 5px;min-height:60px}.file-icon span{font-size:12px}.md-explainer h3{font-size:23px}.md-explainer p{font-size:15px}.md-explainer .quiet-note{font-size:11px}.md-explainer .text-link{grid-column:2;justify-self:start;font-size:13px}.usage pre{padding:20px;font-size:12px}.deliverables{grid-template-columns:1fr;gap:35px}.deliverable-index{font-size:11px;min-height:0}.deliverable-art{min-height:270px;margin:15px 0 23px}.deliverables article h3{font-size:26px}.deliverables article p{font-size:16px}.paper-file{width:220px}.mini-guide{width:270px}.mini-guide h4{font-size:42px}.tools-art>span{width:70%;font-size:18px}.examples-link{margin-top:30px;gap:12px;padding:22px 0}.examples-link p{font-size:15px}.examples-link .text-link{font-size:14px}.examples-link>span{font-size:12px}.process-line{grid-template-columns:1fr;gap:0;padding-top:10px}.process-line>div{padding-top:20px;border-top:1px solid #4f5744}.process-line h3{font-size:27px;margin:14px 0}.process-line p{font-size:16px}.process-arrow{padding:10px 0;transform:rotate(90deg);justify-self:center}.pricing{grid-template-columns:1fr;gap:22px}.pricing article{padding:26px}.pricing h3{font-size:35px}.pricing article p{font-size:16px}.price{font-size:36px}.pricing small{font-size:12px}.bespoke ul{font-size:15px;gap:13px}.button{font-size:13px;padding:13px 16px;gap:15px}.generator-section{padding:55px 0}.generator-layout{grid-template-columns:1fr;gap:30px}.generator-layout h2{font-size:36px}.generator-layout>div>p{font-size:16px}.demo-note{padding-top:22px;margin-top:25px}.demo-note>strong{font-size:14px}.demo-note p{font-size:14px}.generator-panel{padding:23px}.generator-panel label{font-size:16px}.prompt-input input{font-size:14px;padding:9px}.prompt-input .button{font-size:22px;padding:8px 12px}.generator-panel form>.quiet-note{font-size:11px}#generator-empty{padding:35px 0 10px}.result-title{font-size:12px;gap:15px;flex-direction:column}.result-title .example-label{font-size:10px}#generated-md-output{font-size:11px;padding:17px}.result-actions{gap:20px}.result-actions .text-link{font-size:13px}#generator-status{font-size:12px}.faq{grid-template-columns:1fr;gap:25px}.faq>.eyebrow{margin:0}.faq h2{margin-bottom:5px}.faq summary{font-size:17px;gap:20px;padding:23px 0}.faq details p{font-size:15px;padding:0 0 23px}.closing{grid-template-columns:1fr;padding:30px 23px;gap:25px}.closing>.eyebrow{font-size:10px}.closing h2{font-size:39px}.closing .button{justify-self:start;margin:0;font-size:13px}.site-footer{padding:45px 0 25px}.footer-top{gap:20px;align-items:start;flex-wrap:wrap}.footer-top .wordmark{font-size:42px}.footer-top>a:last-child{font-size:14px}.site-footer>p{font-size:13px;margin-top:23px}.footer-bottom{font-size:11px;gap:20px;align-items:start}.image-credits summary{font-size:12px}.image-credits p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.example-intro{padding:70px 0}.example-intro h1{font-size:clamp(50px,6vw,84px);font-weight:750;line-height:.98;letter-spacing:-.065em}.example-intro p{font-size:18px;max-width:650px;margin:30px 0;line-height:1.75}.example-end{padding:40px 0 55px;display:flex;justify-content:space-between;gap:30px;align-items:center}.example-end h2{font-size:40px}@media(max-width:760px){.example-intro{padding:45px 0}.example-intro h1{font-size:50px}.example-intro p{font-size:16px}.example-end{flex-direction:column;align-items:start;padding:30px 0 45px}.example-end h2{font-size:34px}}
/* Task-led homepage and five brand examples. */
.service-hero{grid-template-columns:1.15fr 1fr;gap:7%;min-height:0;padding-bottom:45px}.service-hero .screen-copy h1{font-size:clamp(45px,4.5vw,68px);line-height:1.02;max-width:680px}.hero-subtitle{font-size:25px;line-height:1.3;font-weight:700;color:#171717;max-width:500px;margin-top:25px;letter-spacing:-.025em}.service-hero .screen-explanation{max-width:580px;margin-top:24px}.service-hero .screen-explanation p{font-size:17px;line-height:1.7}.service-hero .screen-explanation strong{font-weight:700;color:#333}.service-hero .copy-foot{font-size:13px;line-height:1.6;margin-top:25px}.hero-transport{min-width:0;padding-top:5px}.hero-example-label{font-size:10px;font-weight:700;letter-spacing:.025em;display:block;margin-bottom:17px;line-height:1.7}.hero-example-note{font-size:13px;line-height:1.75;margin-top:18px}.hero-example-note a{display:inline-block;text-decoration:underline;text-underline-offset:4px;color:#333}.hero-example-note small{display:block;font-size:11px;margin-top:12px;color:#888}.quick-result{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;border-block:2px solid #171717;padding:40px 0;margin-bottom:0}.quick-result h2{font-size:34px;line-height:1.1}.quick-result>div>p{font-size:16px;line-height:1.75;margin-bottom:15px}.quick-result strong{color:#171717}.quick-result .text-link{font-size:14px}.everyday-scene{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px}.everyday-scene>div{border-left:1px solid #abb19e;padding-left:25px}.everyday-scene>div:first-child{padding-left:0;border:0}.everyday-scene>div>span{font-size:11px;font-weight:700;color:#6d7560;letter-spacing:.02em}.everyday-scene h3{font-size:28px;line-height:1.15;margin:18px 0}.everyday-scene p{font-size:16px;line-height:1.75}.problem-conclusion{font-size:19px;color:#171717;max-width:760px;border-top:1px solid #b6beaa;padding-top:27px;margin-top:35px;line-height:1.6}.job-section{padding:90px 0;border-bottom:2px solid #171717}.example-switch{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #171717;margin-bottom:35px}.example-switch button{padding:20px 17px;border-right:1px solid #b8bcae;text-align:left;display:grid;gap:9px;align-content:start;min-width:0}.example-switch button:last-child{border:0}.example-switch button>span{font-size:11px;color:#888}.example-switch button>strong{font-size:15px;line-height:1.4;letter-spacing:-.02em}.example-switch button>small{font-size:12px;color:#777}.example-switch button[aria-pressed=true]{background:#171717;color:white}.example-switch button[aria-pressed=true]>span,.example-switch button[aria-pressed=true]>small{color:#b9c29f}.example-switch button:hover:not([aria-pressed=true]){background:#eef0e3}.job-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end;margin-bottom:30px}.job-intro #job-sector{font-size:12px;color:#777;display:block;margin-bottom:12px}.job-intro h3{font-size:29px;line-height:1.15}.job-intro>p{font-size:16px;line-height:1.7}.job-workbench{display:grid;grid-template-columns:.85fr 1.2fr;border:1px solid #adb49e;align-items:start}.job-instructions{padding:35px;position:sticky;top:20px}.job-instructions>section+section{border-top:1px solid #b5bca9;padding-top:25px;margin-top:30px}.job-step{font-size:11px;font-weight:700;letter-spacing:.025em;line-height:1.7;display:block;color:#5c6353}.job-file{display:block;padding:13px 15px;background:#edf0e1;border:1px solid #c2cbb2;font-size:15px;margin-top:20px;overflow-wrap:anywhere}.job-instructions ul{padding-left:18px;font-size:15px;line-height:1.7;color:#68695e;margin:22px 0 0}.job-instructions li{padding-bottom:13px}.job-instructions #job-prompt{font-size:16px;line-height:1.8;color:#333;margin-top:20px}.job-human{font-size:13px;line-height:1.75;border-top:1px solid #c5ccb8;padding-top:22px;margin-top:25px}.job-instructions>.text-link{font-size:13px;text-align:left;margin-top:15px}.job-result{padding:28px 35px;background:#e9eae3;border-left:1px solid #b5bca9;min-width:0}.job-result>.job-step{margin-bottom:20px}#job-output{max-width:550px;margin:auto}#job-output>article{animation:appear .3s ease}#job-outcome{font-size:14px;line-height:1.8;margin-top:25px}.job-result>.text-link{font-size:13px;display:inline-block;margin-top:12px}.job-disclosure{font-size:12px;line-height:1.7;margin-top:20px;color:#84877a}.explain-system{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.explain-system>div>p{font-size:17px;line-height:1.8;max-width:470px;margin-top:25px}.explain-system .text-link{display:inline-block;margin-top:20px}.system-file{background:#f1f1e9;padding:35px;border:1px solid #a6b298}.system-file>span{display:block;font:14px ui-monospace,monospace;color:#6a7659;border-bottom:1px solid #bfc9b4;padding-bottom:18px}.system-file>h3{font-size:30px;line-height:1.1;margin-top:25px}.system-file dl{margin:28px 0 0}.system-file dl>div{display:grid;grid-template-columns:85px 1fr;gap:15px;border-top:1px solid #c8cfbe;padding:16px 0;font-size:15px}.system-file dt{font-weight:700;color:#383d32}.system-file dd{margin:0;color:#73796a}.system-file>p{font-size:13px;line-height:1.7;margin-top:20px}#generator-template{width:100%;padding:13px 12px;font-size:15px;border:1px solid #aaa;color:#171717;background:white;min-height:48px;margin-bottom:25px}.brand-index{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid #171717;margin-top:40px}.brand-index a{padding:20px 15px;border-right:1px solid #bdc2b5;display:grid;gap:10px}.brand-index a:last-child{border:0}.brand-index a:hover{background:#eff0df}.brand-index a>span{font-size:11px;color:#8c9381}.brand-index strong{font-size:18px}.brand-index small{font-size:12px;color:#777}.brand-case{padding:70px 0;border-top:1px solid #b6bfac;scroll-margin-top:25px}.brand-case-heading{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-bottom:35px;align-items:end}.brand-case-heading h2{font-size:55px}.brand-case-heading p{font-size:16px;line-height:1.75;margin-top:20px;max-width:470px}.brand-case-heading>div:last-child>strong{font-size:12px;display:block;margin-top:20px}.brand-case-heading>div:last-child>p{margin-top:8px}.brand-case-materials{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:35px;background:#e9eae3;align-items:start}.brand-case-materials>div{min-width:0}.material-label{font-size:10px;font-weight:700;line-height:1.7;margin-bottom:17px;display:block;color:#67715c;min-height:34px}.brand-case-rules{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:35px}.brand-case-rules h3{font-size:27px}.brand-case-rules ul{padding-left:18px;color:#717568;font-size:16px;line-height:1.8}.brand-case-rules li{padding-bottom:12px}.brand-case-rules blockquote{font-size:16px;line-height:1.8;margin-top:17px;color:#333}.brand-case-rules .text-link{font-size:14px;text-align:left;margin-top:18px}.brand-case-credit{font-size:12px;line-height:1.75;padding-top:22px;border-top:1px solid #c8cebf;margin-top:25px}.brand-case-credit a{text-decoration:underline}.brand-case-materials .pluk-flyer,.brand-case-materials .pluk-mail{width:100%}.theme-pluk{background:#e5dcdf}.theme-route{background:#d9dad5}.theme-table{background:#e7ddcb}.theme-kader{background:#dce1e4}.theme-omloop{background:#d3dfe1}.brand-case-materials .omloop-site{border:1px solid #172f3b}.brand-case-materials .omloop-hero{grid-template-columns:1fr}.brand-case-materials .omloop-hero figure{min-height:0;height:270px}.brand-case-materials .omloop-hero h3{font-size:62px}.brand-case-materials .omloop-services{grid-template-columns:1fr}.brand-case-materials .omloop-services>span{border:0;border-top:1px solid #172f3b55}.brand-download-status:not(:empty){position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#171717;color:white;padding:13px 20px;font-size:13px;z-index:50;max-width:90%;line-height:1.6}
/* Route 17 — narrow, practical transport typography and explicit information. */
.route-vacancy{background:#f2f0e9;color:#242621;border:1px solid #242621}.route-brand{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px;border-bottom:1px solid #b1b2a9}.route-brand>strong{font:700 46px/.8 'Barlow Condensed',Arial,sans-serif;letter-spacing:-.04em;display:inline-flex;align-items:center;gap:8px}.route-brand>strong>span{background:#a74d32;color:#fff;padding:6px 7px;line-height:.9;font-size:32px}.route-brand>span{font-size:10px;letter-spacing:.025em;font-weight:700;max-width:130px;line-height:1.6}.route-photo{position:relative;height:220px;overflow:hidden}.route-photo img{object-position:center}.route-photo>span{position:absolute;bottom:0;left:0;background:#a74d32;color:white;font:600 13px 'Barlow Condensed',Arial,sans-serif;letter-spacing:.04em;padding:9px 13px}.route-job{padding:28px}.route-job>span:first-child{font-size:11px;font-weight:700;letter-spacing:.03em}.route-job h3{font:700 55px/.95 'Barlow Condensed',Arial,sans-serif;letter-spacing:-.025em;margin:20px 0}.route-job>p{font-size:15px;color:#5b5e52;line-height:1.7}.route-job dl{font-size:13px;margin:25px 0}.route-job dl>div{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:12px 0;border-top:1px solid #bcc0b2}.route-job dt{color:#797f6e}.route-job dd{margin:0}.route-cta{display:block;background:#242621;color:white;padding:13px;font-size:13px;line-height:1.6}.route-baseline{font:600 12px 'Barlow Condensed',Arial,sans-serif;letter-spacing:.04em;padding:15px 28px;background:#a74d32;color:white}.hero-route .route-brand{padding:20px 25px}.hero-route .route-photo{height:230px}.hero-route .route-job{padding:24px 25px}.hero-route .route-job h3{font-size:52px}.hero-route .route-job>p{font-size:15px}.hero-route .route-brand>strong{font-size:43px}.route-mail{background:white;color:#242621;padding:0 28px 30px;border:1px solid #c2c5b8}.route-mail>.route-brand{padding:25px 0;border-bottom:3px solid #a74d32}.doc-subject{font-size:11px;line-height:1.7;display:block;padding:18px 0;color:#7d8173;border-bottom:1px solid #d5d9ca}.route-mail h3{font:600 38px/1 'Barlow Condensed',Arial,sans-serif;margin:25px 0}.route-mail p{font-size:15px;line-height:1.8;color:#5e6455;margin-top:18px}.route-mail dl{font-size:13px;margin:25px 0}.route-mail dl>div{display:grid;grid-template-columns:95px 1fr;gap:15px;padding:13px 0;border-block-start:1px solid #d6daca}.route-mail dt{color:#8b9180}.route-mail dd{margin:0}.route-mail>span:last-child{font-size:13px;line-height:1.7;display:block;margin-top:30px}
/* De Lange Tafel — a personal, photo-led community invitation, not a business brochure. */
.table-poster{background:#fff4d9;color:#6f2f1b;padding:30px;border:1px solid #d9bd9c}.table-logo{font:500 36px/.85 'Caveat',cursive;letter-spacing:-.035em;display:inline-flex;flex-direction:column}.table-logo>b{font:inherit;font-size:67px;line-height:.8}.table-logo>span{font:700 9px/1.4 Arial,sans-serif;letter-spacing:.07em;margin-top:16px}.table-photo{height:230px;margin-top:28px}.table-photo img{object-position:50% 45%}.table-invite{padding:25px 0 0;position:relative}.table-hand{font:500 33px/1.1 'Caveat',cursive;color:#9e4b26}.table-invite h3{font:700 49px/.96 Arial,sans-serif;letter-spacing:-.055em;color:#963f25;margin:17px 0}.table-invite>p{font-size:16px;line-height:1.7;color:#855b40}.table-date{display:flex;gap:25px;align-items:center;padding:22px 0;border-block:1px solid #ccaa7b;margin-top:24px}.table-date b{font-size:17px;letter-spacing:-.03em}.table-date>span{font-size:13px;line-height:1.7}.table-footer{font-size:12px;line-height:1.7;display:block;margin-top:20px;color:#855b40}.table-mail{background:#fffaf0;color:#643820;padding:30px;border-top:12px solid #c96435}.table-mail-top{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #dfc8a8;padding-bottom:20px}.table-mail-top>span:first-child{font:500 32px/.9 'Caveat',cursive}.table-mail-top>span:last-child{font-size:9px;font-weight:700;letter-spacing:.04em}.table-mail h3{font-size:39px;font-weight:600;letter-spacing:-.05em;line-height:1.05;margin:30px 0}.table-mail p{font-size:15px;line-height:1.8;color:#805c43;margin-top:18px}.table-help{display:grid;gap:13px;background:#f6e5b5;padding:22px;margin:25px 0;font-size:15px;line-height:1.7}.table-help strong{font-weight:700}.table-mail>.table-hand{display:block;margin-top:30px}
/* Kader — formal correspondence and a structured onboarding publication. */
.kader-mail{background:#fff;color:#17344d;padding:30px;border:1px solid #b4c1ca}.kader-logo{font:700 26px/1 'Libre Baskerville',Georgia,serif;letter-spacing:.08em;display:inline-flex;flex-direction:column;gap:12px}.kader-logo>span{font:11px/1.4 Arial,sans-serif;letter-spacing:.055em}.kader-mail .doc-subject{border-color:#c4d0d7;color:#758691;font-size:11px;margin-top:20px}.kader-mail h3{font:400 32px/1.17 'Libre Baskerville',Georgia,serif;letter-spacing:-.04em;margin:28px 0}.kader-mail p{font-size:15px;line-height:1.85;color:#667785;margin-top:18px}.kader-mail ol{font-size:14px;line-height:1.8;padding-left:23px;margin:25px 0;border-block:1px solid #cbd5dc;padding-top:20px;padding-bottom:10px}.kader-mail li{padding:0 0 12px 8px}.kader-signature{font-size:13px;line-height:1.7;display:block;border-top:1px solid #b7c7d1;padding-top:20px;margin-top:30px}.kader-book{background:#e7edf0;color:#17344d;padding:30px;border:1px solid #b9c6cd}.kader-edition{font-size:10px;letter-spacing:.06em;display:block;border-top:1px solid #9caeba;margin-top:30px;padding-top:18px}.kader-book h3{font:400 37px/1.12 'Libre Baskerville',Georgia,serif;letter-spacing:-.045em;margin:30px 0}.kader-book>img{height:240px}.kader-book-foot{display:flex;justify-content:space-between;align-items:start;gap:25px;border-top:1px solid #9bafbb;margin-top:25px;padding-top:22px}.kader-book-foot>p{font-size:16px;line-height:1.7;color:#17344d}.kader-book-foot>span{font-size:11px;line-height:1.8;color:#6b8292}.job-result .pluk-flyer{max-width:480px;margin:auto}.job-result .omloop-job{max-width:480px;margin:auto}.job-result .table-poster{max-width:480px;margin:auto}
@media(max-width:1100px){.service-hero{grid-template-columns:1.1fr 1fr;gap:5%}.service-hero .screen-copy h1{font-size:52px}.hero-subtitle{font-size:23px}.service-hero .screen-explanation p{font-size:16px}.hero-route .route-photo{height:210px}.hero-route .route-job h3{font-size:47px}.example-switch button{padding:17px 13px}.example-switch button>strong{font-size:13px}.job-instructions{padding:25px}.job-result{padding:25px}.job-workbench{grid-template-columns:.9fr 1.1fr}.job-intro{gap:7%}.route-brand{padding:22px}.route-brand>strong{font-size:40px}.route-job{padding:24px}.route-job h3{font-size:48px}.brand-case-materials{padding:25px;gap:25px}.brand-index strong{font-size:16px}.brand-index small{font-size:11px}.kader-book h3{font-size:31px}.kader-mail h3{font-size:29px}.table-invite h3{font-size:44px}.table-poster,.table-mail,.kader-book,.kader-mail{padding:25px}}
@media(max-width:760px){.service-hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:35px;gap:35px}.service-hero .screen-copy h1{font-size:clamp(42px,10.8vw,58px);line-height:1.04}.hero-subtitle{font-size:23px;margin-top:20px;line-height:1.35}.service-hero .screen-explanation{margin-top:23px}.service-hero .screen-explanation p{font-size:16px}.service-hero .copy-foot{font-size:12px;margin-top:22px}.hero-example-label{font-size:10px;line-height:1.7}.hero-example-note{font-size:13px}.hero-example-note small{font-size:10px}.hero-route .route-photo{height:200px}.hero-route .route-brand{padding:20px}.hero-route .route-job{padding:22px}.hero-route .route-job h3{font-size:45px}.quick-result{grid-template-columns:1fr;gap:23px;padding:30px 0}.quick-result h2{font-size:31px}.quick-result>div>p{font-size:16px}.everyday-scene{grid-template-columns:1fr;gap:27px}.everyday-scene>div,.everyday-scene>div:first-child{border-left:0;padding:0 0 25px;border-bottom:1px solid #b8c0a9}.everyday-scene>div:last-child{padding-bottom:0;border:0}.everyday-scene h3{font-size:27px;margin:15px 0}.everyday-scene p{font-size:16px}.problem-conclusion{font-size:17px;margin-top:30px}.job-section{padding:55px 0}.example-switch{grid-template-columns:1fr 1fr}.example-switch button{border-bottom:1px solid #b8bcae;padding:17px 14px;gap:7px}.example-switch button:nth-child(2n){border-right:0}.example-switch button:last-child{grid-column:1/-1;border-top:0;display:grid;grid-template-columns:20px 1fr;gap:6px 13px}.example-switch button:last-child>small{grid-column:2}.example-switch button>strong{font-size:14px}.example-switch button>small{font-size:12px}.job-intro{grid-template-columns:1fr;gap:18px}.job-intro h3{font-size:27px}.job-intro>p{font-size:16px}.job-intro #job-sector{font-size:12px}.job-workbench{grid-template-columns:1fr}.job-instructions{position:static;padding:23px}.job-step{font-size:10px}.job-file{font-size:14px}.job-instructions ul{font-size:15px}.job-instructions #job-prompt{font-size:16px}.job-human{font-size:13px}.job-instructions>.text-link{font-size:13px}.job-result{padding:23px 16px;border-left:0;border-top:1px solid #b5bca9}#job-outcome{font-size:14px}.job-result>.text-link{font-size:13px}.job-disclosure{font-size:11px}.explain-system{grid-template-columns:1fr;gap:30px}.explain-system>div>p{font-size:16px}.system-file{padding:25px}.system-file>span{font-size:13px}.system-file>h3{font-size:28px}.system-file dl>div{grid-template-columns:70px 1fr;gap:12px;font-size:14px}.system-file>p{font-size:12px}#generator-template{font-size:14px;margin-bottom:23px}.brand-index{grid-template-columns:1fr 1fr}.brand-index a{padding:17px 13px;border-bottom:1px solid #bdc2b5}.brand-index a:nth-child(2n){border-right:0}.brand-index a:last-child{grid-column:1/-1}.brand-index strong{font-size:18px}.brand-index small{font-size:12px}.brand-case{padding:45px 0}.brand-case-heading{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.brand-case-heading h2{font-size:45px}.brand-case-heading p{font-size:16px}.brand-case-materials{grid-template-columns:1fr;padding:23px 16px;gap:30px}.material-label{font-size:10px;min-height:0;margin-bottom:15px}.brand-case-rules{grid-template-columns:1fr;gap:22px;padding-top:28px}.brand-case-rules h3{font-size:26px}.brand-case-rules ul{font-size:15px}.brand-case-rules blockquote{font-size:15px}.brand-case-credit{font-size:11px}.brand-download-status:not(:empty){font-size:12px;width:calc(100% - 40px)}.route-brand{padding:22px 20px}.route-brand>strong{font-size:40px}.route-brand>strong>span{font-size:29px}.route-brand>span{font-size:9px;max-width:100px}.route-photo{height:195px}.route-photo>span{font-size:12px}.route-job{padding:23px 20px}.route-job h3{font-size:45px}.route-job>span:first-child{font-size:10px}.route-job>p{font-size:15px}.route-job dl{font-size:12px}.route-job dl>div{grid-template-columns:75px 1fr;gap:10px}.route-cta{font-size:12px;padding:12px}.route-baseline{font-size:11px;padding:14px 20px}.route-mail{padding:0 22px 25px}.route-mail>.route-brand{padding:23px 0}.route-mail h3{font-size:35px}.route-mail p{font-size:14px}.route-mail dl{font-size:12px}.route-mail dl>div{grid-template-columns:80px 1fr;gap:10px}.route-mail>span:last-child{font-size:12px}.doc-subject{font-size:10px}.table-poster,.table-mail,.kader-book,.kader-mail{padding:23px}.table-logo{font-size:33px}.table-logo>b{font-size:63px}.table-photo{height:210px}.table-hand{font-size:31px}.table-invite h3{font-size:43px}.table-invite>p{font-size:15px}.table-date{gap:20px}.table-date b{font-size:15px}.table-date>span{font-size:12px}.table-footer{font-size:11px}.table-mail-top{gap:15px}.table-mail-top>span:first-child{font-size:30px}.table-mail-top>span:last-child{font-size:8px}.table-mail h3{font-size:35px}.table-mail p{font-size:14px}.table-help{font-size:14px;padding:20px}.kader-logo{font-size:25px}.kader-logo>span{font-size:10px}.kader-mail .doc-subject{font-size:10px}.kader-mail h3{font-size:28px}.kader-mail p{font-size:14px}.kader-mail ol{font-size:13px;padding-left:19px}.kader-signature{font-size:12px}.kader-book h3{font-size:31px}.kader-book>img{height:200px}.kader-book-foot{flex-direction:column;gap:15px}.kader-book-foot>p{font-size:16px}.kader-book-foot>span{font-size:12px}.brand-case-materials .omloop-hero h3{font-size:55px}}
