/* Pachu: the demos prove the service; they are never sold as templates. */
.hero-intro{max-width:380px}.hero-intro p{font-size:17px}.hero-title{gap:5vw}.design-principles{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding-block:90px}.design-principles h2{font-size:clamp(34px,4vw,58px);margin:18px 0 28px;line-height:1.1}.design-principles p{max-width:49ch;font-size:16px}.section-kicker{font-size:13px!important;color:var(--quiet)}.principle-list{display:grid;gap:30px}.principle-list article{padding-bottom:25px;border-bottom:1px solid #d9ddd6}.principle-list h3{font-size:25px;margin-bottom:13px}.principle-list p{color:var(--quiet)}.reference-caption .demo-consult{display:inline-flex;min-height:44px;align-items:center;font-size:14px;color:#254fa8;text-decoration:underline;text-underline-offset:5px;margin-top:12px}.reference-caption span{display:block}.reference-grid{gap:70px 46px}.reference-image .native-window{height:460px}.reference-visit{min-height:44px}.scene-picks button{touch-action:manipulation}.scene-current strong{font-size:26px}.scene-actions button{min-height:44px!important}.web-experience .reference-disclosure{align-items:center}.web-experience .reference-disclosure a{min-height:44px;align-items:center}.showcase-head p{font-size:17px}.scope-note{font-size:12px;line-height:1.7}.seo-note{border-left:2px solid #a3b09e;padding-left:18px}.price-tile{border:1px solid #3b3e3a}.contact-bottom p{max-width:54ch}.service-panel .native-window{min-height:360px}.preview-dialog{max-height:94dvh;overscroll-behavior:contain}.preview-dialog .modal-tour-host{min-width:0}.demo-consult:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:900px){.design-principles{gap:45px}.reference-grid{gap:50px 28px}.hero-intro{max-width:none}}
@media(max-width:650px){.design-principles{grid-template-columns:1fr;gap:35px;padding-block:60px}.web-experience .stage{aspect-ratio:auto;height:490px!important}.web-experience .native-window{height:calc(100% - 26px)}.reference-image .native-window{height:470px}.reference-grid{gap:55px}.reference-caption p{font-size:15px}.service-panel .native-window{min-height:460px}.service-preview{max-height:none}.service-tabs{overflow-x:auto}.scene-picks button{font-size:13px!important;min-height:48px!important}.web-experience .scene-toolbar{gap:18px}.drag-hint{display:none}.reference-disclosure p{font-size:12px}.showcase-head{gap:24px}.hero-intro p{font-size:16px}.contact-bottom p{font-size:16px}.preview-dialog .native-window{height:65dvh!important}.custom-project-body{min-height:0;padding:30px}.reference-visit{bottom:12px;right:12px;font-size:13px}.services-copy>p{font-size:16px}}
@media(hover:hover) and (pointer:fine){.demo-consult:hover{color:#132d67}.reference-visit{transition:background 180ms,color 180ms}.principle-list article{transition:border-color 200ms}.principle-list article:hover{border-color:#697eae}}
@media(hover:none){.button:hover{transform:none}.web-experience .scene-picks button:hover{background:transparent}.price-tile:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.scroll-reveal{opacity:1!important;transform:none!important}}

/* Device choice belongs to the preview, independently of the visitor's screen. */
.native-window .preview-tools{position:absolute;inset:0 0 auto;height:48px;display:flex;align-items:center;gap:4px;padding:0 12px;background:#f8f9f7;border-bottom:1px solid #e0e3de;z-index:3;font-family:inherit}
.preview-tools>span{margin-right:auto;font-size:11px;letter-spacing:.04em;color:#6b716b}
.native-window .preview-tools button{min-width:58px;min-height:36px;padding:7px 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:#656b65;font:500 12px/1.2 inherit;cursor:pointer;transition:background 160ms,color 160ms}
.native-window .preview-tools button[aria-pressed=true]{background:#202621;color:#fff;border-color:#202621}
.native-window .preview-tools button:focus-visible{outline:2px solid #245bff;outline-offset:2px}
.native-window .preview-canvas{position:absolute;inset:48px 0 0;overflow:hidden;background:#e9ece7}
.native-window .preview-canvas iframe{position:absolute;top:0;max-width:none;border:0;background:white;box-shadow:0 0 0 1px #d9ded7}
.native-window[data-device=mobile] .preview-canvas iframe{border-radius:12px}
.reference-image{border:1px solid #dfe3dc;border-radius:14px;overflow:hidden}
.reference-image .native-window{height:420px;aspect-ratio:auto}
.reference-project:nth-child(even){margin-top:0}
.gallery-play,.service-play{padding:10px 0;font-size:12px;text-underline-offset:4px}
.reference-caption{padding-top:20px}.service-preview{border-radius:14px}.scene-picks button{border-radius:8px!important}
@media(hover:hover){.native-window .preview-tools button:not([aria-pressed=true]):hover{background:#e7ebe4;color:#202621}}
@media(max-width:650px){.web-experience .stage{height:330px!important}.service-panel .native-window{min-height:320px}.reference-image .native-window{height:330px}.native-window .preview-tools{height:48px;padding-inline:8px}.native-window .preview-tools button{min-height:40px}.reference-grid{gap:40px}.preview-dialog .native-window{height:65dvh!important}}