:root{--paper:#faf9f6;--ink:#18212b;--muted:#6e7580;--line:#dedfdd;--accent:#d85b39;--dark:#17242f;--font:'Manrope','Noto Sans Thai',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 var(--font)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{color:inherit}img{max-width:100%}[hidden]{display:none!important}.skip{position:fixed;top:-80px;left:20px;background:var(--paper);padding:12px;z-index:200}.skip:focus{top:5px}.reading-progress{position:fixed;left:0;top:0;width:100%;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;z-index:100}.wrap{width:min(1300px,calc(100% - 100px));margin:auto}.topbar{height:90px;padding:0 50px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;background:var(--paper)}.brand{font-size:32px;letter-spacing:-2px;font-weight:800;display:flex;align-items:center;gap:23px}.brand span{font-size:9px;letter-spacing:1.2px;line-height:1.5;font-weight:500;max-width:110px}.topbar nav{display:flex;align-items:center;gap:30px;font-size:12px}.gallery-link{border:1px solid var(--line);padding:9px 15px}.hero{padding:44px 0 30px}.hero-label{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.3px}.hero-label>span:last-child{margin-left:auto;color:var(--muted);font-size:9px}.dot{width:7px;height:7px;background:var(--accent);border-radius:50%}.hero-body{display:grid;grid-template-columns:1.55fr 1fr;align-items:end;gap:35px;padding:36px 0}.hero h1{font-size:clamp(40px,4.8vw,69px);line-height:1.15;letter-spacing:-3.5px;font-weight:600;margin:0}.hero h1 span{display:block}.hero h1 .secondary{color:#868c90}.hero-copy{padding-left:35px}.hero-copy p{font-size:15px;line-height:1.85;margin:0 0 20px}.button-dark{display:inline-flex;align-items:center;justify-content:space-between;min-width:190px;gap:30px;background:var(--ink);color:var(--paper);padding:11px 17px;font-size:12px}.button-dark span{font-size:19px}.disciplines{display:flex;gap:30px;font-size:9px;font-weight:600;letter-spacing:1.5px;padding-top:25px;border-top:1px solid var(--line);color:var(--muted)}.chapter{padding-top:65px;padding-bottom:70px}.chapter-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.kicker{font-size:9px;font-weight:600;letter-spacing:1.5px;color:var(--muted);margin:0 0 15px}.chapter-heading h2{font-size:32px;line-height:1.45;letter-spacing:-1px;font-weight:600;margin:0}.chapter-heading>p{font-size:13px;line-height:1.85;color:var(--muted);margin:0;max-width:350px}.projects{display:grid;grid-template-columns:repeat(12,1fr);gap:45px 30px}.project{grid-column:span 6;min-width:0}.project-1{grid-column:span 7}.project-2{grid-column:span 5}.project-image{position:relative;display:block;overflow:hidden;background:#dfe3e3;isolation:isolate}.project-image img{width:100%;height:310px;object-fit:cover;object-position:top;display:block;transition:transform .5s}.project-1 .project-image img,.project-2 .project-image img{height:340px}.project-image:hover img{transform:scale(1.025)}.open-project{position:absolute;right:15px;bottom:15px;width:39px;height:39px;display:grid;place-items:center;background:var(--paper);color:var(--ink);font-size:23px}.project-meta{padding-top:17px}.project-meta .kicker{margin-bottom:6px;font-size:8px}.project-meta h3{font-size:23px;font-weight:600;letter-spacing:-.6px;margin:0}.project-meta>p:last-child{font-size:13px;color:var(--muted);margin:7px 0 0;max-width:500px}.variants{display:flex;gap:15px;margin-top:15px}.variants a{display:flex;align-items:center;gap:10px;font-size:10px}.variants img{width:58px;height:40px;object-fit:cover;object-position:top}.preview-inline{border:0;border-bottom:1px solid #c4c7c7;background:transparent;font-size:11px;padding:6px 0;margin-top:12px}.direction{background:#eeefeb}.direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 70px;margin-top:38px}.direction-grid article{position:relative;padding:0 0 0 45px}.direction-grid .index{position:absolute;left:0;top:4px;color:var(--accent);font-size:13px;font-weight:600}.direction-grid h3{font-size:25px;font-weight:500;letter-spacing:-.6px;margin:0 0 7px}.direction-grid h4{font-size:15px;font-weight:500;margin:0 0 12px}.direction-grid p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.swatches{display:flex;gap:6px;margin-top:15px}.swatches span{height:10px;width:50px;background:#172d40}.swatches span:nth-child(2){background:#fbfbf9;border:1px solid #d9dddf}.swatches span:nth-child(3){background:#23b4e6}.structure{background:var(--dark);color:#eef2f3}.structure .kicker,.structure .chapter-heading>p{color:#94a0ab}.architecture-grid{display:grid;grid-template-columns:.95fr 1.2fr;gap:65px;margin-top:42px}.source-map{border:1px solid #46515a;padding:23px 26px}.source-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;border-bottom:1px solid #46515a;padding-bottom:17px}.source-head span:last-child{color:#d99278}.source-row{display:flex;gap:25px;align-items:center;margin-top:21px}.source-row>span{color:#8594a1;font:11px monospace}.source-row b{font-size:15px;font-weight:500}.source-row small{display:block;color:#8395a4;font-size:11px}.source-map>p{border-top:1px solid #46515a;margin:24px 0 0;padding-top:18px;font-size:11px;color:#94a0ab;line-height:1.9}.tabs{display:flex;border-bottom:1px solid #46515a;gap:22px}.tabs button{font-size:13px;border:0;border-bottom:2px solid transparent;background:transparent;padding:0 0 13px;color:#8496a4}.tabs button[aria-selected=true]{color:#f7f6f2;border-bottom-color:#e89676}.tab-panel{padding-top:25px;min-height:405px}.panel-label{font-size:9px;color:#e4a286;letter-spacing:.8px;margin:0 0 13px}.tab-panel h3{font-size:25px;line-height:1.55;font-weight:500;letter-spacing:-.5px;margin:0 0 16px}.tab-panel>p:not(.panel-label){font-size:13px;color:#aebbc5;line-height:1.95}.tab-panel ul{font-size:12px;line-height:1.9;color:#bdc8d1;padding-left:18px}.tab-panel li{margin:7px 0}.code-caption{font-size:11px;color:#8c9fad;border-top:1px solid #46515a;padding-top:17px;margin-top:22px}.planned{border-left:2px solid #de9477;padding-left:17px;margin-top:20px}.planned b{font-size:13px;font-weight:500}.planned p{font-size:12px;color:#aebbc5;line-height:1.9}.content-flow{margin-top:55px;border-top:1px solid #46515a;padding-top:25px}.content-flow ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin:20px 0 0}.content-flow li{position:relative}.content-flow li:not(:last-child):after{content:'→';position:absolute;right:10px;top:0;color:#778e9d}.content-flow b{display:block;font-weight:500;font-size:17px}.content-flow span{font-size:11px;color:#91a4b2}.scope-list{border-top:1px solid var(--line)}.scope-detail{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;gap:23px;list-style:none;cursor:pointer;padding:22px 0;font-size:18px;font-weight:500}summary::-webkit-details-marker{display:none}.detail-number{font-size:10px;color:var(--muted)}.plus{margin-left:auto;font-size:23px;font-weight:400;color:#777}.scope-detail[open] .plus{transform:rotate(45deg)}.detail-body{padding:0 0 23px 40px;color:#586570;font-size:13px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px}.detail-body h3{font-size:15px;color:var(--ink);font-weight:600}.detail-body ul{padding-left:17px}.detail-body li{margin-bottom:7px}.detail-body p{line-height:1.9}.detail-body table{width:100%;border-collapse:collapse;text-align:left}.detail-body th,.detail-body td{border-bottom:1px solid var(--line);padding:8px 0}.detail-body .action{display:inline-block;text-decoration:underline;text-underline-offset:5px}.caption{font-size:11px;color:var(--muted);line-height:1.9}.status-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:45px}.pause{border-top:1px solid var(--line);padding-top:22px}.pause .status{font-size:10px;color:#b56143}.pause h3{font-size:20px;font-weight:500}.pause>p{font-size:13px;color:var(--muted)}.payment{padding:28px 35px;background:#e9edeb}.payment .eyebrow{font-size:9px;letter-spacing:1.5px;color:#668377;margin:0}.payment-label{font-size:14px;margin:20px 0 5px}.amount{font-size:60px;font-weight:500;letter-spacing:-2px;line-height:1.2;margin:0 0 15px;color:#285446}.amount span{font-size:18px;letter-spacing:0}.payment>p:not(.amount):not(.eyebrow){font-size:12px}.history{margin-top:30px}.history h3{font-size:15px;font-weight:500}.history ol{padding:0;list-style:none}.history li{display:grid;grid-template-columns:200px 1fr;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);gap:25px}.history b{font-weight:500;color:var(--ink)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:40px;padding:35px 0 45px}.footer-brand{font-size:38px;font-weight:800;letter-spacing:-2px;line-height:1.3}.footer-brand span{display:block;font-size:10px;font-weight:500;letter-spacing:0;margin-top:10px}footer>div{max-width:550px}footer p{font-size:11px;color:var(--muted);line-height:1.9;margin-top:0}footer button,footer>div>a{display:inline-block;font-size:11px;background:transparent;border:0;border-bottom:1px solid var(--line);padding:6px 0;margin-right:20px}.demo-dialog{width:min(1500px,96vw);height:94vh;max-height:94vh;max-width:96vw;padding:0;border:1px solid #687077;background:#edf0f0;overflow:hidden}.demo-dialog::backdrop{background:#101c28cf}.demo-toolbar{height:65px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 20px;background:var(--paper);border-bottom:1px solid var(--line)}.demo-toolbar h2{font-size:14px;margin:0;font-weight:600}.demo-controls{display:flex;align-items:center;gap:12px;font-size:11px}.demo-controls button,.demo-controls a{padding:6px 10px;background:transparent;border:1px solid var(--line);font-size:11px}.demo-controls button[aria-pressed=true]{background:var(--ink);color:white}.demo-stage{height:calc(100% - 65px);display:flex;justify-content:center;background:#d9dfe1}.demo-stage iframe{height:100%;width:100%;background:white;border:0;transition:width .25s;max-width:100%}.demo-stage.mobile iframe{width:390px}.demo-loading{position:absolute;top:90px;font-size:12px;color:var(--muted);pointer-events:none}.demo-dialog[data-loaded=true] .demo-loading{display:none}@media(max-width:1050px){.wrap{width:calc(100% - 60px)}.topbar{padding:0 30px}.hero h1{font-size:50px;letter-spacing:-2px}.hero-copy{padding-left:0}.hero-copy p{font-size:13px}.architecture-grid{gap:35px}.project-1 .project-image img,.project-2 .project-image img{height:280px}.tabs{gap:18px}.direction-grid{gap:35px}.chapter-heading h2{font-size:29px}}@media(max-width:700px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 36px)}.topbar{height:70px;padding:0 18px}.brand{font-size:29px;gap:13px}.brand span{font-size:7px;max-width:68px}.topbar nav{gap:14px;font-size:10px}.topbar nav a:nth-child(2),.topbar nav a:nth-child(3){display:none}.gallery-link{padding:7px 9px}.hero{padding:30px 0 10px}.hero-label{font-size:8px;letter-spacing:.6px}.hero-label>span:last-child{display:none}.hero-body{display:block;padding:22px 0}.hero h1{font-size:clamp(33px,8.8vw,48px);letter-spacing:-1.8px}.hero-copy{display:flex;gap:15px;align-items:end;justify-content:space-between;margin-top:24px}.hero-copy p{font-size:11px;line-height:1.9;margin:0}.button-dark{font-size:10px;padding:9px 11px;min-width:105px;gap:10px}.button-dark span{font-size:15px}.disciplines{gap:9px 18px;flex-wrap:wrap;font-size:7px;letter-spacing:.8px;padding-top:15px}.chapter{padding-top:40px;padding-bottom:42px}.chapter-heading{display:block;margin-bottom:22px}.chapter-heading h2{font-size:26px;letter-spacing:-.6px}.chapter-heading>p{font-size:11px;margin-top:12px}.chapter-heading>p br{display:none}.kicker{font-size:8px;letter-spacing:1px;margin-bottom:10px}.projects{grid-template-columns:1fr;gap:30px}.project,.project-1,.project-2{grid-column:auto}.project-image img,.project-1 .project-image img,.project-2 .project-image img{height:auto;aspect-ratio:1.6;object-fit:cover;object-position:top}.project-meta{padding-top:14px}.project-meta h3{font-size:21px}.project-meta>p:last-child{font-size:12px}.variants{gap:20px}.direction-grid{grid-template-columns:1fr;gap:30px;margin-top:28px}.direction-grid article{padding-left:30px}.direction-grid h3{font-size:23px}.direction-grid h4{font-size:13px}.direction-grid p{font-size:12px}.architecture-grid{grid-template-columns:1fr;gap:30px;margin-top:28px}.source-map{padding:18px 20px}.source-row{margin-top:15px}.source-row b{font-size:14px}.source-map>p{font-size:10px}.tabs{gap:0;justify-content:space-between}.tabs button{font-size:12px;padding:0 7px 12px}.tab-panel{padding-top:22px;min-height:0}.tab-panel h3{font-size:22px}.tab-panel>p:not(.panel-label){font-size:12px}.content-flow{margin-top:28px}.content-flow ol{grid-template-columns:1fr;gap:15px}.content-flow li{display:flex;align-items:center;gap:20px}.content-flow b{min-width:110px;font-size:15px}.content-flow li:not(:last-child):after{content:none}.two-columns{grid-template-columns:1fr;gap:10px}summary{font-size:15px;gap:14px;padding:19px 0;line-height:1.6}.detail-number{font-size:9px}.detail-body{padding-left:0;font-size:12px}.status-layout{grid-template-columns:1fr;gap:25px}.pause h3{font-size:18px}.pause>p{font-size:12px}.payment{padding:25px}.amount{font-size:53px}.history li{grid-template-columns:1fr;gap:4px;padding:12px 0}.history h3{font-size:14px}footer{display:block;padding:25px 0}.footer-brand{font-size:30px}.footer-brand span{margin:5px 0 22px}footer p{font-size:10px}.demo-dialog{width:100vw;max-width:100vw;height:96vh;max-height:96vh}.demo-toolbar{height:95px;display:block;padding:10px 12px}.demo-toolbar h2{font-size:12px;margin-bottom:8px}.demo-controls{gap:7px;justify-content:flex-end}.demo-controls button,.demo-controls a{font-size:10px;padding:4px 7px}.demo-stage{height:calc(100% - 95px)}.demo-loading{top:115px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}@media print{@page{size:A4;margin:15mm}.topbar,.reading-progress,.preview-inline,.demo-dialog,.button-dark{display:none}body{font-size:11px;background:white}.wrap{width:100%}.hero{padding:0}.hero h1{font-size:35px}.hero-body{padding:15px 0}.hero-copy p{font-size:11px}.chapter{padding:25px 0}.chapter-heading h2{font-size:22px}.projects{gap:20px}.project{break-inside:avoid}.project-image img,.project-1 .project-image img,.project-2 .project-image img{height:160px;object-fit:contain}.project-meta h3{font-size:17px}.project-meta>p:last-child{font-size:10px}.structure{background:#eef1f3;color:#17242f;print-color-adjust:exact}.structure p,.structure li,.structure small,.structure .kicker,.structure .chapter-heading>p,.tabs button,.source-row>span{color:#475964!important}.architecture-grid{gap:25px;grid-template-columns:1fr 1fr}.tab-panel{min-height:0}.tab-panel[hidden]{display:block!important;margin-top:20px}.tabs{display:none}.tab-panel h3{font-size:17px}.tab-panel>p:not(.panel-label),.planned p{font-size:10px}.source-map{break-inside:avoid}.content-flow{break-inside:avoid}.scope-detail{break-inside:avoid}.direction-grid article{break-inside:avoid}.direction-grid p{font-size:10px}.status-layout{break-inside:avoid}.history li{break-inside:avoid}footer{font-size:10px}footer button{display:none}}

.project-1 .project-image img{object-position:center}

/* Work overview and softer thumbnail edges */
.project-image{border-radius:18px;overflow:hidden}.project-image img{border-radius:18px}.variants img{border-radius:8px}.open-project{border-radius:10px}
.work-summary{padding:32px 0 40px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:20px 55px}.work-summary h2{font-size:28px;line-height:1.5;font-weight:600;letter-spacing:-.6px;margin:0}.summary-intro{color:var(--muted);font-size:13px;margin:12px 0 0}.work-summary ol{list-style:none;counter-reset:work;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:25px 35px}.work-summary li{counter-increment:work;padding-left:28px;position:relative}.work-summary li:before{content:counter(work,decimal-leading-zero);position:absolute;left:0;top:3px;color:var(--accent);font-size:10px}.work-summary strong{display:block;font-size:15px;font-weight:600;margin-bottom:5px}.work-summary li span{display:block;color:#626b73;font-size:13px;line-height:1.85}.summary-note{grid-column:2;margin:4px 0 0;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:15px}
@media(max-width:700px){.work-summary{grid-template-columns:1fr;padding:30px 0;gap:22px}.work-summary h2{font-size:25px}.work-summary ol{grid-template-columns:1fr;gap:20px}.summary-note{grid-column:1}.project-image,.project-image img{border-radius:14px}.work-summary li span{font-size:13px}}
@media print{.work-summary{break-inside:avoid;padding:20px 0;grid-template-columns:1fr 2fr}.work-summary strong{font-size:11px}.work-summary li span{font-size:10px}.work-summary ol{gap:12px}.summary-note{font-size:10px}}

/* Reading order: overview, work, direction, status, technical detail. */
.work-summary ol{gap:15px 28px}.work-summary li a{display:block;font-size:14px;line-height:1.8;min-height:32px}.work-summary li a:hover{text-decoration:underline;text-underline-offset:4px}.project{scroll-margin-top:110px}.project .scope-detail{margin-top:18px;border-top:1px solid var(--line)}.project summary{font-size:13px;padding:12px 0}.project .detail-body{padding:0 0 15px;font-size:12px}.project .two-columns{grid-template-columns:1fr;gap:0}.project .detail-body h3{font-size:13px;margin:12px 0 4px}.project .detail-body p{margin:0 0 8px}.history summary{font-size:14px;padding:16px 0}.history{border-top:1px solid var(--line)}.history ol{margin-top:0}@media(max-width:700px){.work-summary ol{gap:10px}.project{scroll-margin-top:90px}}

/* A4 document layout, independent of screen grids and motion. */
@media print{
 @page{size:A4;margin:12mm}
 html,body{width:auto!important;min-width:0!important;background:white!important;color:#18212b!important;overflow:visible!important}
 body{padding:8mm!important;font-size:10pt;line-height:1.6}
 main,.wrap{width:100%!important;max-width:none!important;margin:0!important}
 main *{transform:none!important;opacity:1!important;visibility:visible!important;animation:none!important;transition:none!important;box-shadow:none!important}
 .topbar,.reading-progress,.skip,.preview-inline,.demo-dialog,.button-dark,.open-project,.plus,.tabs,footer button,.disciplines{display:none!important}
 .hero{padding:0 0 5mm!important}.hero-body{display:block;padding:5mm 0!important}.hero h1{font-size:27pt!important;letter-spacing:-1px!important}.hero-copy{display:block;padding:0;margin-top:4mm}.hero-copy p{font-size:10pt!important}.hero-copy br{display:none}.hero-label{font-size:7pt!important}.hero-label>span:last-child{display:block;font-size:7pt!important}
 .work-summary{display:block!important;padding:5mm 0!important;break-inside:avoid}.work-summary h2{font-size:18pt!important}.summary-intro{margin:2mm 0 4mm!important}.work-summary ol{display:grid!important;grid-template-columns:1fr 1fr!important;gap:3mm 5mm!important}.work-summary li a{font-size:9pt!important;min-height:0}.work-summary li{padding-left:6mm}
 .chapter{padding:6mm 0!important}.chapter-heading{display:block!important;margin-bottom:5mm!important;break-after:avoid}.chapter-heading h2{font-size:19pt!important}.chapter-heading>p{font-size:9pt!important;max-width:none;margin-top:2mm!important}.kicker{font-size:7pt!important;margin-bottom:2mm!important}
 #projects{break-before:page}.projects{display:block!important}.project{display:block!important;width:100%!important;margin:0 0 7mm!important;break-inside:avoid;page-break-inside:avoid}.project-image{width:100%;background:#edf0f0!important;border-radius:3mm!important}.project-image img,.project-1 .project-image img,.project-2 .project-image img{width:100%!important;height:58mm!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;border-radius:3mm!important}.project-meta{padding-top:3mm!important}.project-meta h3{font-size:15pt!important}.project-meta>p:last-child{font-size:9pt!important;max-width:none!important}.variants{margin-top:3mm}.variants img{width:20mm;height:13mm}.variants a{font-size:8pt}
 .project .scope-detail{margin-top:3mm!important;break-inside:auto}.project summary{padding:2mm 0!important;font-size:9pt!important}.project .detail-body{padding:0 0 2mm!important}.project .two-columns{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5mm!important}.project .detail-body h3{font-size:9pt!important;margin:2mm 0 1mm!important}.project .detail-body p{font-size:8.5pt!important;line-height:1.6!important;margin:0!important}
 #direction,#status,#structure{break-before:page;background:white!important;color:#18212b!important}.direction-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8mm!important;margin-top:5mm!important}.direction-grid article{padding-left:6mm!important;break-inside:avoid}.direction-grid h3{font-size:15pt!important}.direction-grid h4{font-size:10pt!important}.direction-grid p{font-size:10pt!important;color:#46535d!important}
 .status-layout{display:block!important}.pause{padding:3mm 0!important}.pause h3{font-size:14pt!important}.pause>p{font-size:10pt!important}.payment{margin-top:5mm;padding:5mm!important;border:1px solid #bac8c0;break-inside:avoid}.amount{font-size:35pt!important}.history{margin-top:5mm}.history summary{font-size:11pt!important}.history li{display:block!important;font-size:9pt!important;padding:3mm 0}.history b{display:block}.history span{display:block}
 .architecture-grid{display:block!important;margin-top:5mm!important}.source-map{padding:4mm!important;border-color:#aeb7bc!important;break-inside:avoid}.source-head{font-size:8pt!important}.source-row{margin-top:2mm!important}.source-row b{font-size:10pt!important}.source-row small,.source-map>p{font-size:8pt!important}.source-map>p{margin-top:3mm!important;padding-top:3mm!important}.architecture-detail{margin-top:5mm!important}.tab-panel,.tab-panel[hidden]{display:block!important;min-height:0!important;margin:0!important;padding:4mm 0!important;break-inside:avoid}.tab-panel h3{font-size:14pt!important;margin-bottom:2mm!important}.tab-panel p,.tab-panel>p:not(.panel-label),.tab-panel li,.planned p{font-size:9pt!important;color:#46535d!important}.panel-label{font-size:7pt!important;margin-bottom:2mm!important}.tab-panel ul{margin:2mm 0!important}.code-caption{font-size:8pt!important;margin-top:3mm!important;padding-top:2mm!important;color:#46535d!important}.planned{margin-top:3mm!important}.structure .source-head,.structure .source-row b,.structure .planned b{color:#18212b!important}
 footer{display:block!important;margin-top:6mm!important;padding:4mm 0!important;break-inside:avoid}.footer-brand{font-size:20pt!important}.footer-brand span{margin:2mm 0!important}footer p{font-size:8pt!important}footer>div>a{font-size:8pt!important}
}
@media print{
 #projects,#direction,#status{break-before:auto}
 .project-image img,.project-1 .project-image img,.project-2 .project-image img{height:48mm!important}
 .project{margin-bottom:5mm!important}
 .direction{break-inside:avoid}
 footer .footer-brand,footer>div>a{display:none!important}
 footer{padding:2mm 0!important;margin-top:2mm!important}footer p{margin:0!important}
 .tab-panel,.tab-panel[hidden]{padding:3mm 0!important}.tab-panel li{margin:1mm 0!important}
}
@media print{
 #projects{break-before:page}
 .chapter-heading{break-inside:avoid!important;page-break-inside:avoid!important}
 .hero-copy br:after{content:' '}.hero-copy p{max-width:145mm}
 .project-image img,.project-1 .project-image img,.project-2 .project-image img{object-fit:contain!important}
}

#work-7{grid-column:1/-1}.banner-designs{display:grid;grid-template-columns:1fr 1fr;gap:22px}.banner-designs a{display:block;min-width:0}.banner-designs img{display:block;width:100%;height:auto;border-radius:16px}.banner-designs span{display:block;font-size:12px;margin-top:8px;color:var(--muted)}@media(max-width:700px){.banner-designs{grid-template-columns:1fr;gap:20px}.banner-designs img{border-radius:14px}}@media print{.banner-designs{grid-template-columns:1fr 1fr!important;gap:4mm!important}.banner-designs a{break-inside:avoid}.banner-designs span{font-size:8pt!important}.banner-designs img{border-radius:3mm!important}}