@import url('./fonts.css?v=3');
:root{--bg:#0b080a;--ink:#f5edf0;--muted:#d0bfc7;--pink:#df9fb6;--line:#c690a34d;--serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;--sans:Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--serif);overflow-x:clip}button,input,select,textarea{font:inherit}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #ffd4e3;outline-offset:5px}img{max-width:100%}.content{width:min(1280px,calc(100% - 100px));margin-inline:auto}.masthead{position:relative;isolation:isolate;padding-bottom:36px;background:radial-gradient(ellipse at 80% 15%,#56233938,transparent 55%),#0a0709}.masthead:after{content:'';position:absolute;z-index:-1;inset:22% 0 -70px;background:url('./assets/silk.webp') center bottom/100% 100% no-repeat;opacity:.65;pointer-events:none}
.header{position:absolute;inset:0 0 auto;z-index:10;display:flex;justify-content:space-between;align-items:center;height:115px}.brand{width:170px;flex:none;display:flex;flex-direction:column;align-items:center;text-decoration:none;line-height:.75;color:#fce8f0}.brand>span{font-family:'Caveat','Segoe Script',cursive;font-weight:500;font-size:75px;transform:rotate(-6deg);letter-spacing:-3px}.brand>small{font:15px var(--sans);letter-spacing:.45em;margin:18px 0 0 12px}.header nav{display:flex;gap:36px;align-items:center}.header nav a{font-size:23px;text-decoration:none;transition:color .2s}.header nav a:hover{color:var(--pink)}.pill{display:inline-flex;align-items:center;justify-content:center;gap:40px;min-width:240px;min-height:61px;padding:12px 28px;border-radius:100px;border:1px solid #f6c7d7a3;background:linear-gradient(165deg,#e4a4b8 0%,#b86e88 43%,#88405b 100%);box-shadow:inset 0 2px 8px #ffdfec55,0 8px 25px #a84e6c24;color:#fff3f7;text-decoration:none;font-size:25px;transition:transform .22s,filter .22s,box-shadow .22s}.pill:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:inset 0 2px 10px #ffdfec55,0 10px 32px #b6668045}.header .pill{min-width:185px;min-height:54px;font-size:23px;gap:0}.menu-toggle{display:none}
.hero{position:relative;height:640px;max-height:850px;isolation:isolate;overflow:hidden}.portrait{position:absolute;z-index:-2;right:0;top:0;width:78%;height:100%;object-fit:cover;object-position:75% 0;mask-image:linear-gradient(90deg,transparent 0%,#000 25%,#000 93%,transparent 100%)}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b080a 0%,#0b080a80 34%,transparent 60%),linear-gradient(0deg,#0b080a,transparent 18%);pointer-events:none}.hero-text{position:relative;z-index:3;padding-top:162px;pointer-events:none}.hero-text>*{pointer-events:auto}.hero h1{font-size:clamp(60px,6.5vw,98px);font-weight:400;line-height:.91;letter-spacing:-.025em;margin:0;max-width:750px}.short-rule{display:block;width:135px;height:1px;background:#d0a1b3;margin:28px 0 19px}.hero-text p{font-size:29px;line-height:1.16;margin:0 0 32px;max-width:480px}.hero-silk{position:absolute;z-index:1;bottom:-160px;left:-5%;width:110%;height:620px;max-width:none;object-fit:fill;pointer-events:none;opacity:.83;mask-image:linear-gradient(0deg,#000 15%,#000 68%,transparent 97%)}.portrait-name{position:absolute;z-index:4;right:10%;bottom:47px;display:flex;align-items:baseline;gap:10px;font-size:26px;text-shadow:0 2px 12px #000,0 2px 8px #000}.portrait-name span{font-style:italic}.portrait-name strong{font-weight:400;letter-spacing:.03em}
.heading{font-size:clamp(42px,4.8vw,72px);font-weight:400;line-height:.96;letter-spacing:-.02em;margin:0;text-align:center}.heading-rule{display:flex;align-items:center;justify-content:center;gap:30px}.heading-rule:before,.heading-rule:after{content:'';height:1px;flex:1;max-width:130px;background:linear-gradient(90deg,transparent,#d49caf99)}.heading-rule:after{transform:rotate(180deg)}.works-panel{position:relative;z-index:4;margin-top:-8px;padding:24px 25px 20px;border:1px solid #bb90a04d;border-radius:28px;background:linear-gradient(140deg,#0a0809ed,#090608f5);box-shadow:0 20px 70px #0008}.works-panel .heading{font-size:60px;margin:0 0 25px}.gallery{position:relative}.gallery-window{overflow:hidden;border-radius:18px;touch-action:pan-y}.gallery-track{display:flex;gap:20px;will-change:transform}.work-card{flex:0 0 calc((100% - 40px)/3);min-width:0;margin:0}.work-card img{display:block;width:100%;height:265px;object-fit:cover;border-radius:17px;border:1px solid #b58c9b77}.work-card figcaption{display:flex;justify-content:space-around;padding:9px 12px 0;font-size:22px}.gallery-arrow{position:absolute;top:42%;z-index:5;border:1px solid #d7a8b9;background:#25151fe8;color:#f7d4e2;border-radius:50%;width:40px;height:40px;font-size:22px;display:grid;place-items:center;transition:background .2s}.gallery-arrow:hover{background:#96536d}.gallery-arrow.prev{left:-19px}.gallery-arrow.next{right:-19px}.works-note{font:11px var(--sans);letter-spacing:.06em;color:#ba9faa;text-align:center;margin:13px 0 0}.works-note span{margin-left:12px;color:#e6c1d0}
main{position:relative;isolation:isolate;background:radial-gradient(ellipse at 0 40%,#4d20321c,transparent 40%),#0b080a}.section{position:relative;padding:75px 0 85px;isolation:isolate}.section:after,.cta:after{content:'';position:absolute;z-index:-1;inset:0 0 -45px;pointer-events:none;background:url('./assets/silk.webp') center bottom/100% 115% no-repeat;opacity:.62;mask-image:linear-gradient(0deg,#000,transparent 46%)}.section:nth-child(even):after{transform:scaleX(-1)}.section>.content{position:relative;z-index:1}.services{padding-top:46px;padding-bottom:80px}.subheading{font-size:26px;line-height:1.25;text-align:center;margin:17px auto 33px;color:#deced5;max-width:960px}.service-list{padding-inline:20px}.service-row{display:grid;grid-template-columns:310px 1fr 72px;align-items:center;gap:36px;padding:18px 0;border-bottom:1px solid #b984984d}.service-row:last-child{border-bottom:0}.service-thumb{display:block;width:100%;height:143px;object-fit:cover;border:1px solid #ae839477;border-radius:14px}.service-name{font-size:39px;font-weight:400;line-height:1.05;margin:0 0 10px}.service-description{font-size:25px;line-height:1.2;color:var(--muted);margin:0;max-width:690px}.round-arrow{display:grid;place-items:center;border:1px solid #d7a0b5;border-radius:50%;width:60px;height:60px;color:#f1c4d5;background:linear-gradient(145deg,#4b2839,#170e14);font-size:29px;transition:transform .25s,background .25s}.round-arrow:hover{transform:translateX(4px);background:#82465f}.price-note{text-align:right;font-size:19px;color:#c2a8b4;margin:20px 20px 0}.about-grid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:56px;margin-top:35px}.salon-photo{width:100%;height:430px;object-fit:cover;border:1px solid #b68a9b88;border-radius:14px}.about-copy{font-size:35px;line-height:1.15;margin:0 0 48px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.value{text-align:center;color:#c9b7bf;font-size:18px;line-height:1.1}.value strong{display:block;color:#f5e5ec;font-size:23px;font-weight:400;margin:12px 0 8px}.value-icon{display:grid;place-items:center;margin:auto;width:70px;height:70px;border:1px solid #cc91a9;border-radius:50%;color:#e0a2b9;font-size:40px}.faq-section{padding-top:65px;padding-bottom:70px}.faq-list{max-width:1190px;margin:auto}.faq-item{margin:13px 0;border:1px solid #af7d9259;border-radius:15px;background:linear-gradient(120deg,#21151bcc,#110c10e8);overflow:hidden}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:19px 32px;font-size:27px;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.plus{position:relative;flex:none;width:24px;height:24px}.plus:before,.plus:after{content:'';position:absolute;left:50%;top:50%;width:18px;height:1px;background:#eab9cd;transform:translate(-50%,-50%)}.plus:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .25s}.faq-item[open] .plus:after{transform:translate(-50%,-50%)}.faq-item[open]{border-color:#b37690}.answer{padding:0 70px 24px 32px;font:16px/1.7 var(--sans);color:#d1bdc7;max-width:1000px}.cta{position:relative;isolation:isolate;padding:70px 50px 100px;text-align:center}.cta .heading{max-width:1250px;margin:auto}.cta p{font-size:26px;line-height:1.2;margin:20px auto 30px;max-width:800px}.cta:after{opacity:.9;inset:-80px 0 -25px;mask-image:linear-gradient(0deg,#000,transparent 80%)}.contacts-grid{display:grid;grid-template-columns:.73fr 1.27fr;gap:70px;align-items:center;margin-top:40px}.contact-list{display:grid;gap:25px}.contact-row{display:grid;grid-template-columns:53px 1fr;align-items:start;gap:17px}.contact-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #c78da5;border-radius:50%;color:#edbcd0;font-size:26px}.contact-row strong{display:block;font-size:27px;font-weight:400;line-height:1.1;margin-bottom:8px}.contact-row div>span{display:block;font:16px/1.5 var(--sans);color:#c7b2bd}.map-embed{position:relative;min-height:340px;border-radius:16px;border:1px solid #b4869a66;overflow:hidden;background:repeating-linear-gradient(30deg,transparent 0 70px,#8e6a7c33 72px 74px,transparent 76px 120px),repeating-linear-gradient(125deg,#20151d 0 67px,#9c798733 68px 70px,#20151d 71px 116px)}.map-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.map-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;font-size:26px;color:#e6cfda}.map-fallback b{font-size:18px;font-weight:400}.map-link{position:absolute;z-index:2;left:50%;bottom:24px;transform:translateX(-50%);white-space:nowrap;border:1px solid #c695ac;border-radius:50px;background:#291822ed;color:#f9e4ed;text-decoration:none;font:13px var(--sans);padding:13px 20px}.map-link:hover{background:#7b4059}footer{position:relative;width:min(1320px,calc(100% - 70px));margin:auto;border-top:1px solid #ba83994d;min-height:130px;display:flex;align-items:center;justify-content:space-between;gap:35px;font-size:21px}footer .brand{transform:scale(.73);transform-origin:left center}footer>a:last-child{font-size:17px;color:#cdaaba;text-underline-offset:4px}
/* All content is visible without JavaScript. Motion is an enhancement only. */
.reveal-visible{animation:appear .8s cubic-bezier(.2,.7,.2,1) both}@keyframes appear{from{opacity:.2;transform:translateY(24px)}to{opacity:1;transform:none}}body.modal-open{overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
dialog{width:min(900px,calc(100% - 32px));max-height:90svh;padding:0;border:1px solid #a8718a;border-radius:23px;background:radial-gradient(ellipse at 100% 0,#59304744,transparent 60%),#160e13;color:#f4e8ed;box-shadow:0 35px 120px #000b;overflow:auto}dialog::backdrop{background:#080508db;backdrop-filter:blur(8px)}.modal-inner{padding:42px;position:relative}.modal-close{position:absolute;z-index:3;right:16px;top:16px;width:38px;height:38px;border:1px solid #c98ca6;border-radius:50%;background:#2b1923;color:#f9dcea;font:27px var(--sans)}.eyebrow{font:10px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#d79eb5;margin:0 45px 14px 0}.modal-title{font-size:48px;line-height:1;margin:0 35px 16px 0;font-weight:400}.modal-intro{font-size:22px;line-height:1.35;color:#d3bcc8;margin:0 0 27px}.service-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.service-modal-grid img{display:block;width:100%;height:330px;object-fit:cover;border-radius:13px}.service-modal-copy{font:15px/1.6 var(--sans);color:#d9c3ce}.service-modal-copy p{margin-top:0}.service-modal-copy h3{color:#f4d9e6;font:26px var(--serif);margin:20px 0 10px}.service-modal-copy ul{padding-left:20px}.service-meta{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.meta-chip{padding:7px 10px;border:1px solid #9d697d70;border-radius:25px;font-size:10px}.service-modal-copy .pill{min-width:0;width:100%;font-size:21px}.booking-dialog{width:min(670px,calc(100% - 28px))}.booking-form{display:grid;gap:17px}.field{display:grid;gap:8px}.field label{font:12px var(--sans);color:#ebd1de}.field input,.field select,.field textarea{width:100%;min-width:0;padding:13px 14px;background:#0c080c;border:1px solid #80556a;border-radius:9px;color:#f7eaf1;font:15px var(--sans)}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #ca8ca8;outline-offset:1px}.field textarea{height:80px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.optional-label{color:#a88c9c}.consent{display:flex;align-items:flex-start;gap:9px;font:11px/1.5 var(--sans);color:#bfa4b4}.consent input{accent-color:#c98ba5}.submit-row .pill{min-width:0;width:100%;font-size:22px}.form-note,.form-result{font:11px/1.5 var(--sans);color:#b99aaa}.form-result{display:none}.form-result.show{display:block}
@media(min-width:1600px){.hero{height:700px}.portrait{width:74%;object-position:75% 0}.hero-text{padding-top:185px}}
@media(max-width:1100px){.content{width:calc(100% - 64px)}.header nav{gap:20px}.header nav a{font-size:20px}.header .pill{min-width:140px}.brand{width:140px}.brand>span{font-size:65px}.hero{height:580px}.hero-text{padding-top:150px}.hero h1{font-size:76px}.hero-text p{font-size:26px}.portrait{width:85%;right:-8%}.portrait-name{right:5%;font-size:22px}.service-row{grid-template-columns:245px 1fr 55px;gap:25px}.service-name{font-size:33px}.service-description{font-size:22px}.round-arrow{width:50px;height:50px}.work-card img{height:215px}.about-grid{gap:35px}.about-copy{font-size:30px}.salon-photo{height:360px}.value{font-size:15px}.value strong{font-size:21px}.contacts-grid{gap:35px}.contact-row div>span{font-size:14px}}
@media(max-width:760px){.content{width:calc(100% - 36px)}.header{height:86px}.brand{width:112px}.brand>span{font-size:54px}.brand>small{font-size:10px;letter-spacing:.43em;margin-top:12px}.menu-toggle{display:flex;position:relative;z-index:12;width:43px;height:43px;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid #d6a0b56e;border-radius:50%;background:#1a1017d9}.menu-toggle span{width:18px;height:1px;background:#f2c6d9;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.header nav{display:none;position:absolute;top:78px;left:0;right:0;padding:20px;border-radius:17px;border:1px solid #a76c865e;background:#170e15f7;box-shadow:0 15px 60px #0009}.header nav.is-open{display:flex;align-items:stretch;flex-direction:column;gap:0}.header nav a{padding:10px 0;font-size:24px;border-bottom:1px solid #b37b9130}.header nav .pill{margin-top:17px}.hero{height:745px;max-height:none}.hero-text{padding-top:117px}.hero h1{font-size:clamp(46px,10.5vw,70px);line-height:.94;letter-spacing:-.025em}.hero-text p{font-size:23px;line-height:1.15;max-width:270px;margin:0 0 21px}.short-rule{margin:20px 0 15px;width:82px}.pill{min-height:51px;min-width:202px;font-size:22px;padding:10px 22px;gap:28px}.portrait{width:140%;height:480px;top:auto;bottom:0;right:-20%;object-fit:cover;object-position:80% top;mask-image:linear-gradient(0deg,transparent 0%,#000 12%,#000 70%,transparent 99%)}.hero:after{background:linear-gradient(0deg,#0b080a 0%,transparent 12%,transparent 50%,#0b080a44 62%,#0b080a 81%)}.hero-silk{bottom:-88px;left:-30%;width:160%;height:430px;opacity:.76;mask-image:linear-gradient(0deg,#000,transparent 91%)}.portrait-name{right:22px;bottom:43px;gap:6px;font-size:23px;text-shadow:0 2px 9px #000,0 2px 8px #000}.masthead{padding-bottom:20px}.masthead:after{inset:52% -25% -50px;background-size:100% 100%;opacity:.5}.works-panel{width:calc(100% - 24px);padding:19px 21px 16px;border-radius:19px;margin-top:-9px}.works-panel .heading{font-size:40px;margin-bottom:20px}.heading-rule{gap:12px}.heading-rule:before,.heading-rule:after{max-width:50px}.work-card{flex-basis:100%}.work-card img{height:auto;aspect-ratio:1.42}.gallery-track{gap:16px}.gallery-window{border-radius:12px}.work-card figcaption{font-size:19px;padding-top:8px}.gallery-arrow{width:34px;height:34px;font-size:18px}.gallery-arrow.prev{left:-17px}.gallery-arrow.next{right:-17px}.works-note{font-size:9px;line-height:1.4;letter-spacing:.02em}.heading{font-size:clamp(37px,8.6vw,54px);line-height:1.02}.section{padding:48px 0 56px}.section:after{inset:0 -20% -35px;background-size:100% 110%;opacity:.47;mask-image:linear-gradient(0deg,#000,transparent 30%)}.subheading{font-size:20px;line-height:1.2;margin:14px auto 24px}.services{padding-top:33px}.service-list{padding:0}.service-row{grid-template-columns:92px minmax(0,1fr) 32px;gap:13px;padding:19px 0;align-items:center}.service-thumb{height:98px;border-radius:10px}.service-name{font-size:25px;line-height:1.03;margin-bottom:8px}.service-description{font-size:17px;line-height:1.2}.round-arrow{width:32px;height:32px;font-size:21px}.price-note{font-size:15px;margin:16px 0 0}.about-grid{grid-template-columns:1fr;gap:25px;margin-top:25px}.salon-photo{height:295px;border-radius:12px}.about-copy{font-size:29px;line-height:1.15;margin-bottom:26px}.values{gap:10px}.value{font-size:16px;line-height:1.15}.value strong{font-size:21px;margin-top:10px}.value-icon{width:55px;height:55px;font-size:32px}.faq-item{border-radius:11px;margin:9px 0}.faq-item summary{font-size:22px;line-height:1.1;padding:17px 17px}.plus{width:20px}.answer{font-size:13px;line-height:1.6;padding:0 20px 18px}.cta{padding:42px 20px 70px}.cta p{font-size:21px;line-height:1.2;margin:17px auto 25px}.cta:after{inset:0 -22% -25px;background-size:100% 110%;opacity:.75}.contacts-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}.contact-list{gap:21px}.contact-row{grid-template-columns:40px 1fr;gap:14px}.contact-icon{width:38px;height:38px;font-size:23px}.contact-row strong{font-size:24px;margin-bottom:4px}.contact-row div>span{font-size:14px}.map-embed{min-height:255px}.map-link{font-size:11px;padding:12px 16px;bottom:18px}.map-fallback{font-size:23px}footer{width:calc(100% - 36px);padding:24px 0;min-height:0;display:grid;grid-template-columns:115px 1fr;gap:16px;font-size:17px}footer .brand{grid-row:span 2;transform:scale(.9)}footer>a:last-child{font-size:14px}.modal-inner{padding:30px 22px}.modal-title{font-size:36px;margin-right:24px}.modal-intro{font-size:20px}.modal-close{right:10px;top:10px;width:32px;height:32px;font-size:23px}.service-modal-grid{grid-template-columns:1fr;gap:22px}.service-modal-grid img{height:205px}.form-row{grid-template-columns:1fr}.service-modal-copy{font-size:14px}.eyebrow{font-size:9px}}
@media(max-width:360px){.hero{height:705px}.hero h1{font-size:43px}.hero-text p{font-size:21px}.hero-text{padding-top:110px}.portrait{height:430px}.portrait-name{font-size:20px}.service-row{grid-template-columns:78px minmax(0,1fr) 30px;gap:10px}.service-name{font-size:23px}.service-description{font-size:16px}.service-thumb{height:90px}.heading{font-size:35px}.heading-rule{gap:7px}.works-panel .heading{font-size:35px}.salon-photo{height:250px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep ornamental layers inside the page and between content blocks. */
.masthead,main{overflow:clip}
.header nav a{text-shadow:0 1px 7px #000,0 2px 10px #000}
.section:after{inset:auto 0 -85px;height:340px;background-size:100% auto;background-position:center bottom;opacity:.65;mask-image:linear-gradient(0deg,#000 10%,#000 55%,transparent 100%)}
.work-preview{display:block;width:100%;padding:0;border:0;border-radius:17px;background:transparent;color:inherit}
@media(max-width:760px){.section:after{inset:auto -20% -60px;height:210px;background-size:100% auto;opacity:.5}.portrait{mask-image:linear-gradient(0deg,transparent 0%,#000 12%,#000 70%,transparent 99%),linear-gradient(90deg,transparent 0%,#000 24%,#000 86%,transparent 100%);mask-composite:intersect}}

/* R4: independent comparisons, complete service photos and stable vector icon */
.work-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.work-card .work-pair img{display:block;width:100%;height:auto;aspect-ratio:190/262;object-fit:contain;border-radius:10px}.work-card figcaption{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:10px}.service-row{grid-template-columns:260px 1fr 72px}.service-thumb{height:auto;aspect-ratio:524/776;object-fit:contain}.service-modal-grid img{height:auto;max-height:none;aspect-ratio:524/776;object-fit:contain}.detail-star{display:block;width:36px;height:36px;flex:none}.bot-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.pill:disabled{opacity:.55;cursor:wait}
@media(max-width:760px){.service-list{padding-inline:0}.service-row{grid-template-columns:minmax(0,1fr) 44px;gap:18px;padding:25px 0}.service-thumb{grid-column:1/-1;width:min(100%,300px);height:auto;justify-self:center;aspect-ratio:524/776}.service-row>div{grid-column:1}.service-row>.round-arrow{grid-column:2;width:40px;height:40px}.service-name{font-size:30px}.service-description{font-size:21px}.work-card .work-pair img{height:auto;aspect-ratio:190/262}.detail-star{width:30px;height:30px}}

.service-thumb[src$="service-haircut.svg"],.service-modal-grid img[src$="service-haircut.svg"]{aspect-ratio:516/644}

/* R5: comparison arrow is interface, separate from the photos. */
.work-pair{position:relative}.comparison-arrow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid #d7a8b9;background:#25151ff5;color:#f7d4e2;box-shadow:0 2px 12px #0008;pointer-events:none}.comparison-arrow svg{width:27px;height:27px;display:block}.work-pair>img{grid-row:1}.work-pair>img:first-of-type{grid-column:1}.work-pair>img:last-of-type{grid-column:2}
@media(max-width:760px){.comparison-arrow{width:37px;height:37px}.comparison-arrow svg{width:25px;height:25px}}