.looks{background:var(--ink);color:var(--paper);border-top:1px solid var(--line)}
.looks-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.look-photo{aspect-ratio:1;background-image:url('assets/looks.webp');background-size:200% 200%;background-repeat:no-repeat;background-color:#6c675c}
.look-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}
.look-heading h3{font-size:21px;font-weight:500;letter-spacing:-.5px;margin:0}
.look-heading>span{font-size:10px;color:var(--muted)}
.look-card p{font-size:12px;line-height:1.6;color:var(--muted);margin:10px 0 0}
.looks-note{font-size:13px;line-height:1.7;color:var(--muted);margin:29px 0 0}
.master-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.master-options label{position:relative;cursor:pointer;min-width:0}
.master-options input{position:absolute;opacity:0;width:1px;height:1px}
.master-choice{display:flex;align-items:center;gap:13px;min-height:90px;padding:14px;border:1px solid #aaa991;transition:background .15s}
.master-choice strong{display:block;font-size:15px;font-weight:500}
.master-choice small{display:block;font-size:11px;margin-top:7px;color:#6e745f;line-height:1.5}
.master-photo,.master-any{height:47px;width:47px;border-radius:50%;flex-shrink:0}
.master-photo{background-image:url('assets/masters.webp');background-size:200% 200%;background-repeat:no-repeat;background-color:#55584b}
.master-any{display:flex;align-items:center;justify-content:center;background:#ccceba;color:#444b35;font-weight:900;font-size:18px;letter-spacing:-1px}
.master-options input:checked+.master-choice{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.master-options input:checked+.master-choice small{color:#babdae}
.master-options input:focus-visible+.master-choice{outline:2px solid var(--rust);outline-offset:3px}
.customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.customer-grid label{font-size:13px;color:#454b3b;line-height:1.6;min-width:0}
.customer-grid input{display:block;width:100%;margin-top:9px;border:1px solid #aaa991;padding:15px 13px;font-size:16px;line-height:1.4;background:#eeeade;color:var(--ink);border-radius:0;min-height:54px}
.customer-grid input::placeholder{color:#747967;font-size:13px}
.customer-grid input:focus{outline:2px solid var(--rust);outline-offset:2px}
.customer-fields{margin-bottom:0}
.customer-fields .field-note{font-size:12px;max-width:560px;line-height:1.7}
.demo-note{font-size:12px;max-width:100%;align-items:flex-start}
.location{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid #20221e2b}
.location-copy>.eyebrow{color:#727766;margin-bottom:27px}
.location h2{margin-bottom:35px}
.location-detail{border-top:1px solid #20221e2b;padding:18px 0}
.location-detail>span{font-size:11px;color:#717764}
.location-detail p{font-size:20px;line-height:1.5;letter-spacing:-.3px;margin:10px 0 0}
.location-note{font-size:12px;line-height:1.8;color:#737968;max-width:380px;margin:8px 0 25px}
.location-art{position:relative;overflow:hidden;min-height:520px;background:#d6d5c4}
.map-road{position:absolute;background:#ececdf;box-shadow:0 0 0 1px #b8bda6}
.road-one{width:130%;height:45px;left:-15%;top:42%;transform:rotate(-25deg)}
.road-two{width:45px;height:120%;left:62%;top:-10%;transform:rotate(15deg)}
.road-three{width:120%;height:28px;left:-10%;top:12%;transform:rotate(12deg)}
.map-block{position:absolute;background:#b4b99f;border:5px solid #c6cbb5}
.block-one{left:9%;top:21%;height:85px;width:25%;transform:rotate(-25deg)}
.block-two{right:5%;top:51%;height:130px;width:17%;transform:rotate(15deg)}
.block-three{left:13%;bottom:16%;height:80px;width:28%;transform:rotate(-25deg)}
.block-four{right:8%;top:10%;height:80px;width:17%;transform:rotate(15deg)}
.map-pin{position:absolute;left:51%;top:45%;width:66px;height:66px;border-radius:50%;background:var(--rust);color:var(--paper);display:flex;align-items:center;justify-content:center;font-size:31px;font-weight:900;box-shadow:0 8px 25px #3334;transform:translate(-50%,-50%)}
.map-pin>span{position:absolute;top:78px;left:50%;transform:translateX(-50%);font-size:13px;letter-spacing:2px;color:var(--ink)}
.map-caption{position:absolute;bottom:24px;left:25px;font-size:9px;letter-spacing:1px;color:#6a725d}
#dialog-details{overflow-wrap:anywhere}
@media(max-width:1000px){.looks-grid{gap:15px}.look-heading h3{font-size:18px}.master-choice{padding:12px;gap:10px}.master-choice strong{font-size:14px}.master-choice small{font-size:10px}.master-photo,.master-any{height:40px;width:40px}.customer-grid{grid-template-columns:1fr}.location{gap:35px}}
@media(max-width:700px){.looks-grid{grid-template-columns:1fr 1fr;gap:28px 13px}.look-heading{margin-top:14px}.look-heading h3{font-size:18px}.look-card p{font-size:11px}.looks-note{font-size:12px;margin-top:25px}.master-choice{padding:12px 10px;gap:8px;min-height:96px;align-items:flex-start;flex-direction:column}.master-choice strong{font-size:14px}.master-choice small{font-size:10px;margin-top:4px}.master-photo,.master-any{width:43px;height:43px}.customer-grid{gap:18px}.customer-fields{margin-bottom:30px}.customer-fields .field-note{font-size:11px}.demo-note{font-size:11px}.location{grid-template-columns:1fr;gap:30px}.location h2{font-size:48px;letter-spacing:-2.5px}.location-art{min-height:360px}.location-detail p{font-size:19px}.map-caption{font-size:8px;left:20px}.booking-summary{top:20px}}
.master-choice strong{font-size:19px;line-height:1.3}.master-choice small{font-size:14px;line-height:1.5}.master-choice{min-height:100px}@media(max-width:1000px){.master-choice strong{font-size:18px}.master-choice small{font-size:13px}}@media(max-width:700px){.master-choice strong{font-size:17px}.master-choice small{font-size:13px}.master-choice{min-height:138px}}
@media(hover:hover) and (pointer:fine){.button,.service,.service-options label>span,.master-choice,.date,.time,.closing>a{transition:transform .2s ease,background .2s ease,border-color .2s ease;transform-origin:center}.button:hover{transform:scale(1.035)}.service:hover{transform:scale(1.012);padding-left:0}.service-options label:hover>span,.master-options label:hover>.master-choice{transform:scale(1.025)}.date:hover,.time:hover,.closing>a:hover{transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.button:hover,.service:hover,.service-options label:hover>span,.master-options label:hover>.master-choice,.date:hover,.time:hover,.closing>a:hover{transform:none!important}}