section.type-lab{background:#e9e7df;color:#171b18;padding:clamp(72px,8vw,130px) var(--gutter);overflow:hidden}
.type-lab *{box-sizing:border-box}
.tl-top{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #7c8579;padding-top:13px;color:#435044;font-size:11px;font-weight:800;letter-spacing:.15em}
.tl-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:end;gap:clamp(35px,6vw,100px);margin:70px 0 48px}
.tl-intro h2{font-family:"Arial Black",Arial,sans-serif;font-size:clamp(45px,6vw,94px);line-height:1;letter-spacing:-.065em;margin:0;text-wrap:balance}
.tl-intro h2 em{font-family:Georgia,serif;font-weight:400;color:#586a44}
.tl-intro>p{font-size:clamp(17px,1.4vw,21px);line-height:1.5;max-width:430px;margin:0 0 7px}
.tl-workbench{display:grid;grid-template-columns:minmax(250px,.38fr) minmax(0,1fr);gap:clamp(24px,4vw,68px);align-items:start}
.tl-controls{display:grid;gap:21px;padding:30px;border:1px solid #afb8a7;border-radius:4px;background:#f6f5ee}
.tl-controls label{display:grid;gap:9px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.tl-controls input{width:100%;min-height:48px;border:1px solid #8f9a89;border-radius:3px;background:#fff;color:#171b18;padding:11px 13px;font:500 17px/1.3 Arial,Helvetica,sans-serif;letter-spacing:normal;text-transform:none}
.tl-controls input:focus-visible,.tl-choices button:focus-visible{outline:3px solid #536f27;outline-offset:3px}
.tl-controls>p{font-size:13px;line-height:1.5;color:#4e584b;margin:0}
.tl-choices{display:grid;gap:8px;padding-top:6px}
.tl-choices button{min-height:44px;text-align:left;padding:10px 12px;border:1px solid #a9b5a2;border-radius:3px;background:transparent;color:#1a2319;font:800 13px/1.2 Arial,Helvetica,sans-serif;cursor:pointer}
.tl-choices button[aria-pressed="true"]{background:#171b18;border-color:#171b18;color:#e8ffad}
.tl-stage{min-width:0}
.tl-canvas{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:455px;padding:clamp(28px,5vw,74px);overflow:hidden;background:#171b18;color:#f6f4eb;border-radius:4px;isolation:isolate}
.tl-canvas:before{content:"0911 / TYPE STUDY";position:absolute;top:19px;left:clamp(28px,5vw,74px);font:800 10px/1 Arial,sans-serif;letter-spacing:.17em;color:#a6b698}
.tl-canvas:after{content:"";position:absolute;right:-4%;top:-25%;width:42%;aspect-ratio:1;border:1px solid #d8ff3e33;border-radius:50%;pointer-events:none;z-index:-1}
.tl-canvas .tl-lead,.tl-canvas .tl-focus{display:block;max-width:100%;overflow-wrap:anywhere}
.tl-canvas .tl-lead{font:700 clamp(22px,2.1vw,36px)/1.14 Arial,Helvetica,sans-serif;letter-spacing:-.045em}
.tl-canvas .tl-focus{font:900 clamp(52px,6.2vw,104px)/.97 "Arial Black",Arial,sans-serif;letter-spacing:-.08em;color:#d8ff3e;text-wrap:balance}
.tl-canvas[data-mode="keyword"] .tl-lead{margin-bottom:15px}
.tl-canvas[data-mode="italic"] .tl-lead{font:900 clamp(37px,4.6vw,78px)/1 "Arial Black",Arial,sans-serif;letter-spacing:-.065em}
.tl-canvas[data-mode="italic"] .tl-focus{font:italic 400 clamp(52px,6vw,100px)/1 Georgia,serif;letter-spacing:-.055em;color:#d8ff3e;margin-top:10px}
.tl-canvas[data-mode="offset"] .tl-lead{font:900 clamp(35px,4.4vw,72px)/1.06 "Arial Black",Arial,sans-serif;text-transform:uppercase;letter-spacing:-.055em}
.tl-canvas[data-mode="offset"] .tl-focus{font:900 clamp(50px,5.9vw,96px)/.98 "Arial Black",Arial,sans-serif;margin-left:clamp(0px,8vw,120px);margin-top:12px}
.tl-meta{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #85917f;color:#42503f;font-size:11px;font-weight:700;letter-spacing:.08em}
.tl-note{font-size:16px;line-height:1.55;max-width:780px;margin:25px 0 0;color:#3d483b}
@media(max-width:900px){.tl-intro,.tl-workbench{grid-template-columns:1fr}.tl-intro{margin:55px 0 40px}.tl-controls{grid-template-columns:1fr 1fr;gap:20px}.tl-choices{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.tl-controls>p{grid-column:1/-1}}
@media(max-width:600px){.tl-top span:last-child{display:none}.tl-intro h2{font-size:clamp(42px,10vw,60px)}.tl-controls{grid-template-columns:1fr;padding:20px}.tl-choices{grid-column:auto;grid-template-columns:1fr}.tl-controls>p{grid-column:auto}.tl-canvas{min-height:320px}.tl-canvas[data-mode="offset"] .tl-focus{margin-left:0}.tl-meta{flex-direction:column;gap:6px}}