dialog:has(.personal-intro),dialog:has(.technique-photo-view){width:min(1080px,calc(100% - 30px))}
dialog:has(.personal-intro)>.close{position:sticky;top:0;float:right;margin:-26px -25px 0 0;z-index:3;box-shadow:0 2px 9px #17304416}
.personal-intro{max-width:780px;font-size:16px;line-height:1.65;color:#52657a;margin:0 0 24px}
.technique-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 28px}
.technique-picker button{min-width:0;text-align:left;border:1px solid #deded6;background:#f7f5ef;border-radius:6px;padding:5px;transition:border-color .2s,transform .2s}
.technique-picker button:hover{transform:translateY(-3px);border-color:#f58b50}.technique-picker [aria-selected=true]{border-color:#ff5800;background:#fff3e7;box-shadow:0 2px 0 #ff5800}
.technique-art{display:block;background:url('assets/personalizacoes-ilustrativas.png') var(--tx) var(--ty)/300% 200% no-repeat;aspect-ratio:1;border-radius:3px}
.technique-picker button>span:last-child{display:flex;align-items:center;min-height:37px;padding:7px 4px 3px;font-size:11px;font-weight:650;line-height:1.3}
.technique-layout{display:grid;grid-template-columns:1fr 1.08fr;gap:30px;align-items:start}.technique-layout figure{margin:0;min-width:0}.technique-main{display:block;position:relative;padding:0;width:100%;overflow:hidden;border-radius:7px}.technique-main .technique-art{transition:transform .45s}.technique-main:hover .technique-art{transform:scale(1.025)}
.technique-zoom-label{position:absolute;bottom:13px;right:13px;background:#0b293eea;color:#fff;border:1px solid #ffffff60;padding:8px 12px;border-radius:4px;font-size:12px}
.technique-layout figcaption{font-size:11px;line-height:1.5;color:#75818d;margin-top:10px;max-width:400px}
.technique-count{font-size:10px;color:#b44a0f;letter-spacing:1.3px;font-weight:600}.technique-copy h3{font-size:27px;line-height:1.15;letter-spacing:-.6px;margin:12px 0}.technique-copy>p{font-size:15px;line-height:1.65;color:#52657a;margin:0 0 22px}.technique-copy .button{margin-top:22px;font-size:12px;padding:0 20px}
.technique-real{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;border-top:1px solid #e3e5df;padding-top:26px;margin-top:30px;align-items:center}.technique-real h3{font-size:21px;margin:9px 0}.technique-real p:not(.dialog-eyebrow){font-size:13px;line-height:1.6;color:#52657a}.technique-real button{text-align:left;background:#f4f2ec;border-radius:5px;padding:5px}.technique-real img{height:140px;width:100%;object-fit:cover;border-radius:3px}.technique-real button span{display:block;padding:8px 5px;font-size:12px}
.personal-help{margin-top:25px;padding:23px;background:#eff1eb;border-radius:6px}.personal-help strong{font-size:19px}.personal-help p{font-size:14px;line-height:1.65;color:#52657a;max-width:740px;margin:10px 0 17px}.personal-help .button{font-size:12px;padding:0 20px}
.technique-photo-view>.technique-art{max-width:650px;width:100%;margin:auto}.js-motion .technique-layout{animation:copy-arrive .3s ease both}
@media(max-width:700px){.technique-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:23px}.technique-picker button>span:last-child{font-size:10px;min-height:35px}.technique-layout{grid-template-columns:1fr;gap:22px}.technique-copy h3{font-size:24px}.technique-copy .button,.personal-help .button{width:100%;white-space:normal}.technique-real{grid-template-columns:1fr 1fr;gap:10px}.technique-real>div{grid-column:1/-1}.technique-real img{height:110px}.personal-help{padding:18px}.personal-intro{font-size:15px}dialog:has(.personal-intro)>.close{margin:-20px -9px 0 0}}
@media(min-width:901px){.technique-picker{grid-template-columns:repeat(7,minmax(0,1fr))}}

@media(min-width:901px){.technique-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.technique-picker .technique-art{max-width:135px;margin:auto}.technique-picker button>span:last-child{min-height:28px}}
