@import url('/fonts/tongaw-fonts.css');
:root{color-scheme:dark;--black:#090909;--white:#f3f1ea;--muted:#aaa9a4;--line:#ffffff35}*{box-sizing:border-box}body{margin:0;background:var(--black);color:var(--white);font:16px/1.65 'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{background:none;border:0;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e3e0d7;outline-offset:6px}header{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:34px 5%}.brand{font:500 25px/1 Manrope;letter-spacing:.035em}.contact-link{display:flex;align-items:center;gap:24px;font-size:14px;padding:7px 0;border-bottom:1px solid transparent;transition:border-color .25s}.contact-link:hover{border-color:var(--muted)}.contact-link>span{font-size:22px}.experience{height:100svh;min-height:730px;position:relative;overflow:hidden}.portrait{position:absolute;inset:0;pointer-events:none;transform:translate3d(var(--px,0px),var(--py,0px),0);will-change:transform}.portrait img{position:absolute;width:81%;height:100%;right:-1%;object-fit:contain;object-position:right center;mask-image:linear-gradient(180deg,transparent 0%,black 11%,black 77%,transparent 97%)}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#09090930,transparent 50%),linear-gradient(0deg,#090909 0%,#090909cc 14%,transparent 37%)}.opening{position:absolute;left:7%;top:32%;z-index:1;animation:enter 1.1s both}.opening h1{font:300 clamp(60px,6.25vw,103px)/1.13 Manrope,sans-serif;letter-spacing:-.065em;margin:0}.opening em{font-family:Georgia,serif;letter-spacing:-.055em;font-weight:400;font-size:1.12em}.paths{position:absolute;left:7%;right:7%;bottom:13.5%;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;z-index:2;animation:enter 1s .2s both}.paths button{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:24px 0 16px;border-top:1px solid var(--line);transition:border-color .25s}.paths button:hover{border-color:var(--white)}.path-name{font:400 clamp(17px,1.6vw,25px)/1.4 Manrope;letter-spacing:-.025em}.path-arrow{font-size:25px;color:#a8a7a0;transition:transform .25s,color .25s}.paths button:hover .path-arrow{transform:translate(3px,-3px);color:var(--white)}footer{position:absolute;top:max(calc(100svh - 58px),672px);left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#aaa9a4;z-index:3}footer button{padding:0;font-size:12px}footer button:hover{color:var(--white)}dialog{background:#121212;color:var(--white);border:1px solid #ffffff28;width:min(560px,calc(100% - 28px));max-height:90svh;padding:68px 48px 46px;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#000b;backdrop-filter:blur(9px)}.close{position:absolute;top:18px;right:22px;font-size:20px;line-height:1;padding:8px}.label{font-size:11px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin:0 0 22px}dialog h2{font:400 clamp(34px,4vw,52px)/1.08 Manrope;letter-spacing:-.055em;margin:0 0 27px}dialog p{margin:0 0 23px;color:#bfbeb8;font-size:16px;line-height:1.7}.action{background:var(--white);color:#141414;padding:14px 23px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:25px;margin-top:16px;transition:background .2s}.action:hover{background:#d8d5cd}.secondary-action{display:inline-block;font-size:13px;padding:10px 0;border-bottom:1px solid #777;margin-top:10px}.tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin:8px 0 28px}.tabs button{padding:12px 18px 12px 0;margin-right:20px;color:#8b8b86;font-size:14px;position:relative}.tabs button[aria-selected=true]{color:var(--white)}.tabs button[aria-selected=true]:after{content:'';position:absolute;left:0;right:18px;bottom:-1px;height:1px;background:var(--white)}.tab-content{min-height:90px}.tab-content h3{font:400 21px/1.35 Manrope;letter-spacing:-.025em;margin:0 0 12px}.tab-content p{font-size:15px;margin:0}.fine{font-size:12px!important;color:#92938d!important;margin-top:24px!important;line-height:1.5!important}.form-label{display:block;font-size:13px;color:#bfbeb8;margin:20px 0 8px}input{display:block;width:100%;border:1px solid #666;background:#191919;color:var(--white);padding:12px;border-radius:0}input:focus{outline:1px solid #eee;outline-offset:1px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form .action{width:100%;margin-top:28px}.back-link{padding:0;color:#aaa;font-size:12px;margin:0 0 24px}.about-portrait{display:block;width:100%;max-height:220px;object-fit:cover;object-position:80% 40%;margin-bottom:28px}.about-title{margin-top:12px!important}.no-scroll{overflow:hidden}@keyframes enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:1000px){.paths{gap:28px}.portrait img{width:94%;right:-8%}.opening{top:34%}.opening h1{font-size:7vw}.paths{bottom:14%}.path-name{font-size:18px}}@media(max-width:650px){header{padding:25px 7%}.brand{font-size:22px}.contact-link{font-size:12px;gap:15px}.experience{min-height:780px}.portrait img{width:160%;height:80%;right:-41%;top:0;object-fit:contain;object-position:right top;mask-image:linear-gradient(180deg,transparent 0%,black 12%,black 64%,transparent 95%)}.shade{background:linear-gradient(90deg,#09090955,transparent 75%),linear-gradient(0deg,#090909 0%,#090909 24%,transparent 68%)}.opening{left:7%;right:7%;top:37%}.opening h1{font-size:clamp(42px,10.4vw,67px);line-height:1.1}.paths{grid-template-columns:1fr;gap:0;bottom:12%;left:7%;right:7%}.paths button{padding:16px 0 15px}.path-name{font-size:18px}.path-arrow{font-size:23px}footer{top:max(calc(100svh - 51px),729px);left:7%;right:7%;font-size:10px}footer button{font-size:11px}dialog{padding:62px 27px 35px}dialog h2{font-size:39px}.tabs button{font-size:13px;padding-right:10px;margin-right:12px}.form-row{grid-template-columns:1fr;gap:0}.tab-content{min-height:110px}}@media(max-height:650px) and (min-width:651px){.experience{min-height:650px}.opening{top:26%}.opening h1{font-size:70px}.paths{bottom:14%}footer{top:max(calc(100svh - 50px),600px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.portrait{transform:none!important}}
@media(max-width:650px){.portrait img{width:150%;right:-4%;top:3%}}

/* Quatre entrées, une seule image. */
.portrait{margin:0;transform:none;will-change:auto}.portrait img{width:78%;right:-2%;object-position:right center}.opening{top:31%;left:7%}.opening h1{font-size:clamp(52px,5.7vw,92px);line-height:1.14}.opening em{font-weight:400}.paths{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;bottom:13%}.paths button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:22px 0;transition:color .3s,border-color .3s}.path-name{font-size:clamp(16px,1.4vw,23px)}.path-detail{font-size:12px;color:#aaa9a4;letter-spacing:.025em;transition:color .3s}.paths button:hover .path-detail{color:#f3f1ea}.paths button:after{content:'';position:absolute;top:-1px;left:0;width:0;height:1px;background:#f3f1ea;transition:width .35s}.paths button:hover:after{width:100%}.contact-link{border-bottom:1px solid #ffffff55;padding-bottom:8px}.shade{background:linear-gradient(90deg,#09090955,transparent 55%),linear-gradient(0deg,#090909 0%,#090909e0 14%,transparent 40%)}
@media(max-width:1000px) and (min-width:651px){.paths{gap:20px}.path-name{font-size:17px}.opening h1{font-size:7vw}.portrait img{width:90%;right:-8%}}
@media(max-width:650px){.experience{height:100svh;min-height:860px}.portrait img{width:150%;height:73%;right:-4%;top:3%;object-position:right top}.opening{top:37%;left:7%;right:7%}.opening h1{font-size:clamp(40px,10.4vw,65px)}.paths{grid-template-columns:1fr 1fr;gap:10px 22px;bottom:11%;}.paths button{padding:17px 0;gap:6px}.path-name{font-size:16px;line-height:1.4}.path-detail{font-size:11px}footer{top:max(calc(100svh - 51px),809px)}.shade{background:linear-gradient(0deg,#090909 0%,#090909 27%,transparent 66%)}}
@media(max-height:650px) and (min-width:651px){.opening{top:25%}.opening h1{font-size:66px}}

/* Signature dessinée et titre éditorial. */
.brand{display:block;line-height:0}.wordmark{display:block;width:164px;height:34px}.opening{top:29%}.opening h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(66px,7.1vw,112px);line-height:.98;letter-spacing:-.045em}.opening h1>span{font-size:.82em;letter-spacing:-.045em}.opening h1 em{display:inline-block;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.36em;font-weight:400;letter-spacing:-.06em;line-height:1.12;margin-top:4px}.brand:focus-visible{outline-offset:10px}
@media(max-width:1000px) and (min-width:651px){.opening h1{font-size:8.5vw}.wordmark{width:145px}}
@media(max-width:650px){.wordmark{width:126px;height:27px}.opening{top:38%}.opening h1{font-size:clamp(55px,14.5vw,85px);line-height:1}.opening h1>span{font-size:.86em}.opening h1 em{font-size:1.3em;margin-top:0}}
@media(max-height:650px) and (min-width:651px){.opening{top:25%}.opening h1{font-size:80px}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.portrait{transform:translate3d(var(--px,0px),var(--py,0px),0);will-change:transform}}

/* Une voix directe, une typographie contemporaine. */
.wordmark{width:auto;height:auto;font-family:'DM Sans',sans-serif;font-size:36px;font-weight:700;line-height:1;letter-spacing:-.065em}.brand-dot{color:#a8a7a0}.opening{top:34%}.opening h1{font-family:'DM Sans',sans-serif;font-weight:500;font-size:clamp(46px,4.7vw,76px);line-height:1.12;letter-spacing:-.055em}.opening h1>span{font-size:1em;letter-spacing:inherit;color:#aaa9a4}.path-name{font-family:'DM Sans',sans-serif;letter-spacing:-.025em}
@media(max-width:1000px) and (min-width:651px){.opening h1{font-size:5.4vw}.wordmark{font-size:32px}}
@media(max-width:650px){.wordmark{font-size:29px;width:auto;height:auto}.opening{top:40%}.opening h1{font-size:clamp(34px,9vw,55px);line-height:1.16}.opening h1>span{font-size:1em}}
@media(max-height:650px) and (min-width:651px){.opening{top:29%}.opening h1{font-size:58px}}

/* Une apparition en trois temps : signature, présence, invitation. */
.wordmark{display:flex}.wordmark>span{display:inline-block;transform-origin:50% 90%;animation:signature-in .85s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(.08s + var(--i)*.065s);transition:transform .5s cubic-bezier(.2,.7,.2,1),color .4s;transition-delay:calc(var(--i)*.025s)}
.brand:hover .wordmark>span{transform:translateY(-3px);color:#c2bfb5}.brand:hover .wordmark>span:nth-child(even){transform:translateY(2px)}
.portrait img{animation:portrait-in 2.4s cubic-bezier(.16,.65,.25,1) both;animation-delay:.12s;transform-origin:72% 45%}
.opening{animation:none}.opening h1>.title-line{display:block;overflow:hidden;color:var(--white);font-size:1em;padding-bottom:.13em;margin-bottom:-.13em}.opening h1>.title-line+ .title-line{color:#aaa9a4}.title-line>span{display:block;animation:type-in 1.25s cubic-bezier(.16,1,.3,1) both;animation-delay:.55s}.title-line:nth-child(2)>span{animation-delay:.73s}
.paths{animation:none}.paths button{animation:path-in .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(1.7s + var(--entry)*.22s);isolation:isolate;overflow:hidden}.paths button:nth-child(1){--entry:0}.paths button:nth-child(2){--entry:1}.paths button:nth-child(3){--entry:2}.paths button:nth-child(4){--entry:3}.path-name{transition:transform .4s cubic-bezier(.2,.7,.2,1)}.paths button:hover .path-name,.paths button:focus-visible .path-name{transform:translateX(6px)}.paths button:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at var(--hover-x,50%) 0%,#ffffff0d,transparent 75%);opacity:0;transition:opacity .4s}.paths button:hover:before{opacity:1}.paths button:focus-visible:after{width:100%}
dialog[open]{animation:panel-in .45s cubic-bezier(.2,.7,.2,1) both}dialog[open]::backdrop{animation:backdrop-in .4s both}
@keyframes signature-in{from{opacity:0;transform:translateY(12px) rotateX(-65deg);filter:blur(5px)}to{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0)}}
@keyframes portrait-in{0%{opacity:0;filter:blur(12px) brightness(.35);transform:scale(1.045)}55%{opacity:.85}100%{opacity:1;filter:blur(0) brightness(1);transform:scale(1)}}
@keyframes type-in{from{opacity:0;transform:translateY(105%) rotate(2deg);filter:blur(4px)}to{opacity:1;transform:translateY(0) rotate(0);filter:blur(0)}}
@keyframes path-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes panel-in{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.brand:hover .wordmark>span,.paths button:hover .path-name,.paths button:focus-visible .path-name{transform:none}}

/* Laisser le regard se poser avant de proposer un chemin. */
.wordmark>span{animation-duration:1.4s;animation-delay:calc(.15s + var(--i)*.12s)}
.portrait img{animation-duration:3.6s;animation-delay:1s}
.opening h1{font-size:clamp(42px,4.35vw,70px)}
.title-line>span{animation-duration:1.8s;animation-delay:3s}
.title-line:nth-child(2)>span{animation-delay:4.3s}
.paths button{animation-duration:1.3s;animation-delay:calc(7s + var(--entry)*.8s)}
.paths button:focus-visible{animation:none}
@media(max-width:1000px) and (min-width:651px){.opening h1{font-size:4.8vw}}
@media(max-width:650px){.opening h1{font-size:clamp(29px,7.6vw,46px)}}
@media(max-height:650px) and (min-width:651px){.opening h1{font-size:52px}}

.opening h1{font-size:clamp(48px,5.2vw,84px)}
@media(max-width:650px){.opening h1{font-size:clamp(39px,10.5vw,63px)}}

/* Trois phrases, une progression plus fluide. */
.wordmark>span{animation-duration:.9s;animation-delay:calc(.05s + var(--i)*.07s)}
.portrait img{animation-duration:2.3s;animation-delay:.3s}
.opening{top:33%}.opening h1{font-size:clamp(30px,3.15vw,51px);line-height:1.3;letter-spacing:-.045em}
.title-line>span{animation-duration:1.15s;animation-delay:1s}
.title-line:nth-child(2)>span{animation-delay:1.5s}
.title-line:nth-child(3)>span{animation-delay:2s}
.opening h1>.title-line:nth-child(2){color:#c7c6c0}.opening h1>.title-line:nth-child(3){color:#a7a6a1}
.paths button{animation-duration:.9s;animation-delay:calc(3.3s + var(--entry)*.3s)}
@media(max-width:1000px) and (min-width:651px){.opening h1{font-size:3.5vw}}
@media(max-width:650px){.opening{top:41%}.opening h1{font-size:clamp(22px,6.15vw,36px);line-height:1.4;letter-spacing:-.04em}}
@media(max-height:650px) and (min-width:651px){.opening{top:29%}.opening h1{font-size:36px}}

/* Un titre graphique, en deux temps. */
.opening h1{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(46px,5vw,80px);line-height:1.08;letter-spacing:-.065em}
.opening h1>.title-line:nth-child(2){color:var(--white)}
@media(max-width:1000px) and (min-width:651px){.opening h1{font-size:5.8vw}}
@media(max-width:650px){.opening h1{font-size:clamp(36px,9.8vw,58px);line-height:1.12}}
@media(max-height:650px) and (min-width:651px){.opening h1{font-size:58px}}

.footer-links{display:flex;align-items:center;gap:28px}.footer-links button{transition:color .25s}.footer-links button:hover{color:var(--white)}@media(max-width:650px){.footer-links{gap:20px}}

/* Keep the completed hairstyle visible at every breakpoint. */
.portrait img{mask-image:linear-gradient(180deg,black 0%,black 72%,transparent 99%)}
@media(max-width:650px){.portrait img{object-position:right top}}

/* Balance the complete portrait against the headline on larger screens. */
@media(min-width:1001px){.portrait img{width:78%;height:100%;right:-2%;top:0;object-position:right center}}
@media(min-width:651px) and (max-width:1000px){.portrait img{width:90%;height:100%;right:-4%;top:0;object-position:right center}}
@media(min-width:651px){.portrait img{mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent),linear-gradient(180deg,transparent,black 5%,black 72%,transparent 99%);mask-composite:intersect}}

/* Match the editorial title typography while keeping the index entrance. */
.opening h1{font-family:Manrope,sans-serif;font-weight:400;letter-spacing:-.035em;line-height:1.2}

.header-actions{display:flex;align-items:center;gap:24px}.music-toggle{font-size:12px;color:#bcbcb6;padding:10px 0;min-height:44px;white-space:nowrap}.music-toggle:hover{color:#fff}@media(max-width:650px){.header-actions{gap:12px}#chapter .chapter-top{padding-left:5%;padding-right:5%}#chapter .chapter-top .music-toggle{font-size:10px}}

/* Icon-only music control, shared by the home and chapter headers. */
.header-actions .music-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #ffffff38;border-radius:50%;color:#e5e5df;background:#ffffff05;transition:color .25s,border-color .25s,background .25s}
.header-actions .music-toggle:hover{color:#fff;border-color:#ffffff80;background:#ffffff0d}
.header-actions .music-toggle:focus-visible{outline:2px solid #fff;outline-offset:4px}
.music-toggle .music-icon{display:block;width:22px;height:22px;pointer-events:none}

/* Home footer actions share typography regardless of link/button semantics. */
.footer-links>a,.footer-links>button{display:inline-flex;align-items:center;justify-content:center;font:400 12px/1.65 'DM Sans',sans-serif;letter-spacing:normal;color:inherit;margin:0;padding:8px 0;border:0;background:none;text-decoration:none;transition:color .25s}
.footer-links>a:hover,.footer-links>button:hover,.footer-links>a:focus-visible,.footer-links>button:focus-visible{color:var(--white)}
@media(max-width:650px){.footer-links>a,.footer-links>button{font-size:11px}}

/* Restrained colour on the home portrait. */
.portrait{filter:saturate(.55)}

.contact-access{display:grid;gap:26px;margin-top:28px}.contact-access section+section{border-top:1px solid #ffffff20;padding-top:24px}.contact-access h3{font:500 20px/1.3 'Space Grotesk',sans-serif;letter-spacing:-.025em;margin:0 0 14px}.contact-access a{display:block;width:fit-content;max-width:100%;overflow-wrap:anywhere;padding:7px 0;font-size:16px;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.contact-access address{font-style:normal;font-size:16px;line-height:1.8;color:#c5c7bf}.contact-access .contact-directions{margin-top:10px;font-size:14px}.contact-access a:hover{color:#fff}.footer-links{flex-wrap:wrap;gap:12px 28px}@media(max-width:650px){footer{flex-wrap:wrap;gap:8px}.footer-links{gap:5px 18px}.contact-access{gap:22px}}
/* Contact and access uses the same glass language as the care gallery. */
#panel[data-view="coordonnees"]{width:min(680px,92vw);max-width:680px;max-height:88svh;padding:34px;border:1px solid #ffffff25;border-radius:20px;background:linear-gradient(145deg,#ffffff07,transparent 65%),rgba(13,16,14,.72);backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #ffffff0a,0 30px 100px #0005;scrollbar-width:thin}
#panel[data-view="coordonnees"][open]{animation:contact-glass-enter .45s cubic-bezier(.2,.7,.2,1) both}
#panel[data-view="coordonnees"]::backdrop{background:rgba(5,7,6,.3);backdrop-filter:blur(2px)}
#panel[data-view="coordonnees"]>.close{display:none}
#panel[data-view="coordonnees"] #panel-title{font:500 clamp(30px,4vw,42px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.045em;margin:0 0 24px}
#panel[data-view="coordonnees"] #panel-title:focus{outline:none}
#panel[data-view="coordonnees"] .label{font-size:10px;letter-spacing:.13em;margin:0 0 18px}
#panel[data-view="coordonnees"] .contact-access{margin-top:0;gap:24px}
#panel[data-view="coordonnees"] .contact-access h3{font-size:18px;margin-bottom:10px}
#panel[data-view="coordonnees"] .contact-access a{font-size:15px;text-decoration-color:#ffffff50;transition:color .25s,text-decoration-color .25s,translate .25s}
#panel[data-view="coordonnees"] .contact-access address{font-size:15px}
#panel[data-view="coordonnees"] .contact-directions{font-size:13px;font-weight:700}
body:has(#panel[data-view="coordonnees"][open])>header,body:has(#panel[data-view="coordonnees"][open])>footer,body:has(#panel[data-view="coordonnees"][open]) .experience :is(.opening,.paths){visibility:hidden}
@keyframes contact-glass-enter{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){#panel[data-view="coordonnees"] .contact-access a:hover{color:#fff;text-decoration-color:#fff;translate:2px 0}}
@media(max-width:500px){#panel[data-view="coordonnees"]{padding:27px 24px;border-radius:16px}}
@media(prefers-reduced-motion:reduce){#panel[data-view="coordonnees"][open]{animation:none}#panel[data-view="coordonnees"] .contact-access a{transition:none;translate:none!important}}

/* Neutral black shared by the public site and the private spaces. */
:root{--black:#090909}body,#chapter,#panel,.chapter-body{background-color:#090909}.paths button{justify-content:flex-start}.paths .path-detail{margin-top:0;align-self:flex-start}.chapter-back,.chapter-footer button[data-previous]{font-size:28px;line-height:1;min-width:44px;min-height:44px}.chapter-back:before{content:none!important}@media(max-width:650px){.paths button{justify-content:flex-start;align-items:flex-start;gap:6px}.paths .path-name{min-height:0}.paths .path-detail{margin:0!important;line-height:1.5}}

/* Touch feedback without the native flash; keyboard focus remains visible. */
:where(a,button,summary,[role="button"],input,select,textarea){-webkit-tap-highlight-color:transparent}
:where(a,button,summary,[role="button"]):focus:not(:focus-visible){outline:none}
:where(a,button,summary,[role="button"]):focus-visible{outline:2px solid #d7c9ad;outline-offset:4px}