.header{padding-inline:clamp(20px,3.5vw,56px);gap:22px}.header-actions{display:flex;align-items:center;gap:25px}.desktop-nav{gap:20px}.language-switch{display:flex;align-items:center;gap:8px;font-size:10px;white-space:nowrap}.language-switch span{color:#a6a69e}.language-switch button{font-size:11px;background:none;padding:8px 2px;color:var(--muted)}.language-switch button[aria-pressed=true]{color:var(--blue)}.hero h1{font-size:clamp(62px,7.25vw,106px)}.hero-aside>p{max-width:290px}.hero-aside .hero-secondary{max-width:260px}.case-list{display:flex;flex-direction:column;gap:76px}.case-row{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(35px,5vw,75px);align-items:center}.case-row:nth-child(even){grid-template-columns:1fr 1.2fr}.case-row:nth-child(even) .case-media{order:2}.case-row:nth-child(even) .case-copy{order:1}.case-media{min-width:0}.case-media .project-visual{aspect-ratio:1.17;padding:34px}.case-media .visual-pirata{background:#dad9d4}.case-media .visual-pocci{background:#e6dec8}.case-copy{min-width:0}.case-copy>.section-label{color:var(--muted);font-size:10px}.case-copy h3{font-size:clamp(28px,3.5vw,46px);letter-spacing:-.05em;font-weight:400;margin-top:13px;margin-bottom:24px}.case-copy dl{margin:0}.case-copy dt{font-size:10px;color:var(--blue);letter-spacing:.02em;margin-bottom:7px}.case-copy dd{font-size:12px;line-height:1.85;color:var(--muted);margin:0 0 20px}.case-copy .button{margin-top:7px}.case-media-note{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);padding-top:13px}.layout-image{width:100%;border:0;cursor:pointer}.layout-open{background:none}.specimen-lab{display:grid;grid-template-columns:1fr 2fr;border:1px solid var(--line);padding:34px;gap:45px;margin-top:56px}.specimen-intro h3{font-weight:400;font-size:29px;line-height:1.2;letter-spacing:-.04em;margin-top:23px}.specimen-intro p{font-size:12px;line-height:1.8;color:var(--muted);max-width:270px;margin-top:19px}.specimen-controls{min-width:0}.specimen-controls>label,.specimen-control-label{font-size:10px;color:var(--muted);display:block}.specimen-controls>select{font-size:13px;color:var(--ink);width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:12px 25px 12px 0;margin-top:5px}.specimen-options{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:24px}.specimen-options>.size-control{font-size:10px;color:var(--muted)}.paper-switch{display:flex;gap:5px;margin-top:8px;flex-wrap:wrap}.paper-switch button{border:1px solid var(--line);background:none;padding:6px 9px;font-size:10px;color:var(--muted)}.paper-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.specimen-stage{background:#fff;height:220px;padding:15px;display:flex;align-items:center;justify-content:center;margin-top:25px;overflow:hidden}.specimen-stage img{width:100%;height:100%;max-height:none;object-fit:contain;flex-shrink:0;transform:scale(.8);transform-origin:center;transition:transform .2s}.specimen-stage[data-paper=cream]{background:#f0e4d2}.specimen-stage[data-paper=blue]{background:#deedf5}.specimen-caption{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:20px}.specimen-caption h4{margin:0;font-weight:400;font-size:19px;letter-spacing:-.03em}.specimen-caption span{font-size:10px}.specimen-controls>p:not(.specimen-note){font-size:12px;line-height:1.7;color:var(--muted);margin-top:10px}.specimen-controls>.text-link{margin-top:20px}.specimen-note{margin-top:18px;max-width:620px;font-size:10px;line-height:1.7}.demo-dialog{width:min(1440px,calc(100% - 36px));height:min(940px,calc(100svh - 36px));max-height:none;overflow:hidden;flex-direction:column;background:var(--paper)}.demo-dialog[open]{display:flex}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid var(--line);flex-shrink:0}.demo-identity>.section-label{font-size:9px;color:var(--muted)}.demo-identity h2{font-size:23px;letter-spacing:-.04em;margin-top:5px}.demo-tools{display:flex;align-items:center;gap:22px}.device-switch{display:flex;border:1px solid var(--line);padding:3px;gap:3px}.device-switch button{font-size:10px;color:var(--muted);background:none;padding:7px 11px}.device-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.demo-close{font-size:11px;background:none;display:flex;gap:15px;align-items:center;padding:8px 0 8px 8px}.demo-close span{font-size:23px}.demo-caption{padding:10px 24px;display:flex;gap:20px;justify-content:space-between;flex-shrink:0}.demo-caption p,.demo-caption>span{font-size:10px;line-height:1.6;color:var(--muted)}.demo-caption>span{white-space:nowrap;color:var(--blue)}.demo-surface{flex:1;min-height:0;display:flex;justify-content:center;padding:0 18px 14px;background:#e8e8e1}.demo-screen{width:100%;height:100%;background:white;position:relative}.demo-surface[data-device=mobile] .demo-screen{width:390px;max-width:100%}.demo-screen iframe{display:block;width:100%;height:100%;border:0;background:#fafafa}.demo-footer{display:flex;justify-content:space-between;gap:20px;padding:9px 24px;font-size:9px;line-height:1.5;color:var(--muted);flex-shrink:0}.lettering-dialog .text-link+.text-button{margin-left:25px}.lettering-dialog .type-note{margin-top:18px}
@media(max-width:1200px){.header-actions{gap:18px}.header-contact{display:none}.desktop-nav{gap:19px}.case-media .project-visual{padding:25px}.case-copy dd{font-size:11px;margin-bottom:17px}.case-copy h3{margin-bottom:18px}}
@media(max-width:820px){.header{padding-inline:24px}.header-actions{gap:24px}.hero h1{font-size:8.2vw}.case-row,.case-row:nth-child(even){grid-template-columns:1fr 1fr;gap:28px}.case-list{gap:52px}.case-copy h3{font-size:30px}.case-copy dd{font-size:11px;line-height:1.7}.case-media .project-visual{aspect-ratio:.85;padding:18px}.case-copy .button{font-size:11px;padding:13px 15px;gap:20px}.case-media-note{font-size:9px}.specimen-lab{grid-template-columns:.9fr 1.8fr;gap:27px;padding:25px}.specimen-intro h3{font-size:25px}.specimen-stage{height:190px}.specimen-options{gap:15px}.demo-tools{gap:14px}.demo-caption{gap:15px}.demo-caption>span{white-space:normal;text-align:right}.demo-toolbar{padding:14px 19px}}
@media(max-width:600px){.header{padding-inline:20px}.header-actions{gap:20px}.header .brand{font-size:20px}.language-switch{gap:7px}.language-switch button{font-size:10px}.menu-toggle{width:31px;padding-left:4px}.hero h1{font-size:clamp(40px,11.7vw,70px)}.hero-aside{display:block}.hero-aside>p{max-width:280px;font-size:14px}.hero-aside .hero-secondary{margin-top:15px;font-size:12px;max-width:280px}.hero-aside .button{margin-top:20px;font-size:11px;padding:14px 16px;gap:32px}.case-list{gap:47px}.case-row,.case-row:nth-child(even){grid-template-columns:1fr;gap:23px}.case-row:nth-child(even) .case-media,.case-row:nth-child(even) .case-copy{order:initial}.case-media .project-visual{aspect-ratio:1.18;padding:23px}.case-copy>.section-label{font-size:9px}.case-copy h3{font-size:32px;margin-top:10px;margin-bottom:22px}.case-copy dd{font-size:12px;line-height:1.8;margin-bottom:19px}.case-copy dt{font-size:10px}.case-copy .button{font-size:11px;padding:14px 18px;margin-top:1px}.case-media-note{font-size:9px}.specimen-lab{grid-template-columns:1fr;gap:26px;padding:22px;margin-top:38px}.specimen-intro h3{font-size:27px;margin-top:16px}.specimen-intro p{max-width:none;margin-top:15px;font-size:12px}.specimen-options{grid-template-columns:1fr;gap:18px}.specimen-stage{height:170px;padding:12px}.specimen-caption{gap:12px;flex-wrap:wrap}.specimen-caption h4{font-size:18px}.specimen-note{font-size:10px}.demo-dialog{width:calc(100% - 12px);height:calc(100svh - 12px)}.demo-toolbar{padding:12px;gap:8px;align-items:start}.demo-identity h2{font-size:19px}.demo-identity>.section-label{font-size:8px}.demo-tools{gap:7px;align-items:flex-end;flex-direction:column-reverse}.device-switch{padding:2px}.device-switch button{font-size:9px;padding:5px 8px}.demo-close{font-size:10px;padding-top:0;padding-bottom:3px;gap:8px}.demo-caption{padding:8px 12px;gap:6px;flex-direction:column}.demo-caption p,.demo-caption>span{font-size:9px;text-align:left}.demo-caption>span:empty{display:none}.demo-surface{padding:0 6px 6px}.demo-footer{padding:8px 12px;font-size:8px}.demo-footer>span:last-child{display:none}.lettering-dialog .text-link+.text-button{display:flex;width:fit-content;margin:20px 0 0}.footer{flex-wrap:nowrap}.footer .brand{font-size:20px}.hero-bottom a{font-size:0}.hero-bottom a>span{font-size:18px}}

.demo-footer button{background:none;color:var(--blue);font-size:9px;padding:0;white-space:nowrap;flex-shrink:0}.demo-footer button:disabled{opacity:.5}@media(max-width:600px){.demo-footer{gap:10px}.demo-footer button{font-size:8px}.demo-footer>span:first-child{max-width:65%}}
@media(max-width:420px){.header{padding-inline:16px;gap:12px}.header-actions{gap:12px}.header .brand{font-size:18px}.language-switch{gap:4px}.language-switch button{padding:8px 1px}}