/* Portfolio shell follows /studio/'s CD1 direction. Tidy's CSS lives in its iframe. */
body.tidy-case{margin:0;background:var(--direction-paper);color:var(--direction-ink);font-family:'ZT Nature',Arial,sans-serif;font-size:18px;line-height:1.5}
.tidy-case *{box-sizing:border-box}.tidy-case a{color:inherit}.tidy-case .case-skip{position:fixed;top:8px;left:8px;z-index:1000;transform:translateY(-160%);padding:12px;background:#111217;color:white}.tidy-case .case-skip:focus{transform:none}.tidy-case :focus-visible{outline:3px solid #1f3fd0;outline-offset:5px}.tidy-case .direction-nav{position:relative}.tidy-case .direction-nav__links a{font-size:12px}.tidy-case main{max-width:1440px;margin:auto;border-inline:1px solid var(--direction-ink)}.te-heading{padding:54px clamp(22px,5vw,76px) 42px}.te-kicker{font:11px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;text-transform:uppercase;color:#656166;margin:0 0 28px}.te-heading h1{font-size:clamp(58px,10.6vw,150px);line-height:.97;letter-spacing:-.065em;font-weight:800;margin:0 0 36px}.te-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--direction-ink);padding-top:24px}.te-tags{font:11px/1.8 ui-monospace,SFMono-Regular,monospace;letter-spacing:.04em;text-transform:uppercase;color:#1f3fd0}.te-intro p{margin:0;font-size:clamp(17px,1.7vw,23px);line-height:1.45;max-width:42ch}.te-hero{margin:0;padding:0 24px}.te-hero img{display:block;width:100%;height:auto;border:1px solid #d6d3ca}.te-hero figcaption,.te-caption{display:flex;justify-content:space-between;gap:24px;color:#656166;font-size:13px;line-height:1.5;margin:14px 0 0}.te-section{padding:90px clamp(22px,5vw,76px) 0}.te-section-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:30px}.te-section h2{font-size:clamp(34px,4.1vw,58px);letter-spacing:-.05em;line-height:1.06;font-weight:700;margin:0;max-width:15ch}.te-section-head p{max-width:46ch;margin:0;align-self:end;color:#656166;font-size:17px}.te-section .te-kicker{margin-bottom:14px}.te-demo-shell{border:1px solid #cecfc4;background:#f1eee7}tidy-demo{display:block;width:100%;height:780px}tidy-demo iframe{display:block;border:0;width:100%;height:100%;background:#f1eee7}tidy-demo[view=refinement]{height:480px}.te-route-text{margin-top:20px;padding:14px 0;border-bottom:1px solid #aeb4b0;font-size:14px;color:#656166}.te-route-text summary{cursor:pointer;color:#111217;padding:5px 0}.te-route-text p{max-width:80ch}.te-refine{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}.te-refine h2{max-width:12ch}.te-refine p:not(.te-kicker){color:#656166;font-size:17px;max-width:34ch}.te-refine .te-caption{font-size:12px}.te-art-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.te-art-grid figure{margin:0;min-width:0}.te-art-grid img{display:block;width:100%;height:390px;object-fit:contain;background:#f1eee7}.te-art-grid figcaption{font-size:14px;color:#656166;padding:14px 0 0;max-width:46ch}.te-art-grid figcaption strong{display:block;color:#111217;margin-bottom:3px;font-weight:500}.te-art-grid .te-character{grid-column:1/-1}.te-art-grid .te-character img{height:420px}.te-compare{display:grid;grid-template-columns:2fr .78fr;align-items:start;gap:34px;padding:30px;background:#e8e6e1}.te-compare figure{margin:0;min-width:0}.te-compare img{display:block;width:100%;height:auto;border:1px solid #d5d3c9}.te-compare figcaption{font:11px/1.6 ui-monospace,SFMono-Regular,monospace;color:#565b51;margin-top:16px}.te-end{margin-top:80px;border-top:1px solid #111217;padding:26px clamp(22px,5vw,76px) 50px;display:flex;justify-content:space-between;gap:32px}.te-end p{font-size:12px;color:#656166;max-width:70ch;margin:0}.te-end a{font-size:14px;white-space:nowrap}.te-footer{max-width:1440px;margin:auto;padding:26px;display:flex;justify-content:space-between;font-size:12px}.te-card-link{display:block;border:1px solid #111217;text-decoration:none}.te-card-link img{display:block;width:100%;height:auto}.te-card-link span{display:flex;justify-content:space-between;padding:18px 22px;font-size:15px;background:#1f3fd0;color:white}.te-studio-feature{max-width:var(--direction-max);margin:0 auto;padding:60px var(--direction-pad);display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:center;border-top:1px solid #111217}.te-studio-feature h2{font-size:clamp(36px,5vw,68px);letter-spacing:-.05em;line-height:1;margin:14px 0 20px}.te-studio-feature p{max-width:37ch}.te-studio-feature img{width:100%;display:block}.te-studio-feature a{display:inline-block;margin-top:14px;color:#1f3fd0}
@media(min-width:1500px){tidy-demo{height:840px}}
@media(max-width:700px){.te-heading{padding-top:36px}.te-heading h1{margin-bottom:26px}.te-intro,.te-section-head,.te-refine{grid-template-columns:1fr;gap:20px}.te-kicker{font-size:10px}.te-tags{font-size:10px}.te-hero{padding:0 12px}.te-hero figcaption{display:block;padding:0 10px;font-size:12px}.te-hero figcaption span{display:block;margin-top:6px}.te-section{padding-top:58px}.te-section h2{max-width:15ch}.te-section-head p{font-size:16px}.te-demo-section{padding-inline:12px}.te-demo-section .te-section-head,.te-demo-section>.te-kicker{margin-inline:10px}tidy-demo{height:960px}tidy-demo[view=refinement]{height:370px}.te-refine{gap:24px}.te-refine-copy{grid-row:1}.te-art-grid{grid-template-columns:1fr;gap:28px}.te-art-grid img{height:auto}.te-art-grid .te-character img{height:300px}.te-compare{padding:12px;gap:12px;grid-template-columns:1.35fr 1fr}.te-compare figcaption{font-size:9px}.te-end{margin-top:55px;flex-direction:column}.te-studio-feature{grid-template-columns:1fr}.te-footer{font-size:10px}.te-caption{font-size:12px}}
@media(prefers-reduced-motion:reduce){.tidy-case *{scroll-behavior:auto!important;transition:none!important}}