:root{--paper:#eef0f3;--surface:#fff;--ink:#131b26;--muted:#647184;--line:#c8d0dc;--soft:#e1e6ee;--accent:#164cff;--on-accent:#fff;--serif:Oswald,Arial,sans-serif;font-family:Manrope,Arial,sans-serif;color-scheme:light}html[data-theme=dark]{--paper:#10151e;--surface:#19212c;--ink:#f1f5fc;--muted:#a3b1c7;--line:#344253;--soft:#243145;--accent:#92b1ff;--on-accent:#101b32;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0;background:none}button:disabled{opacity:.4;cursor:not-allowed}img,svg{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.05;letter-spacing:-.025em}h1 em,h2 em{font-style:normal;color:var(--accent)}h2{font-size:clamp(42px,5.3vw,78px)}h2 em{display:block}h3{font-size:28px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:-70px;background:var(--accent);padding:12px;z-index:100}.skip:focus{top:0}.site-shell{min-height:100vh}.rail{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:35px;padding:0 32px;min-height:86px;background:var(--surface);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;flex:none}.brand>svg{width:33px;stroke:var(--accent);fill:none;stroke-width:2}.brand>span{font-family:Oswald,sans-serif;font-size:35px;font-weight:600;letter-spacing:-.04em;line-height:1}.brand small{display:block;font-family:Manrope,sans-serif;font-size:7px;letter-spacing:.16em;margin-top:5px}.rail nav{display:flex;flex:1;justify-content:flex-end;gap:22px}.rail nav a{font-size:11px;display:flex;align-items:center;gap:5px;min-height:85px;border-bottom:3px solid transparent}.rail nav a>span{font-size:8px;color:var(--muted)}.rail nav a>i{display:none}.rail nav a[aria-current=page]{border-color:var(--accent);color:var(--accent)}#plan-badge{display:inline!important;font-size:9px;font-style:normal;background:var(--accent);color:var(--on-accent);padding:1px 5px}.rail-bottom,#menu{display:none}.topbar{height:49px;display:flex;align-items:center;gap:18px;padding:0 32px;border-bottom:1px solid var(--line)}.topbar>p{font-size:8px;letter-spacing:.12em;margin-right:auto}.topbar small{font-size:8px;letter-spacing:0;margin-left:18px;color:var(--muted)}.topbar br{display:none}.live-dot{display:inline-block;width:5px;height:5px;background:var(--accent);margin-right:7px}.topbar select{font-size:10px;border:0;background:transparent}.top-info{border:1px solid var(--line);width:24px;height:24px}.panel{max-width:1440px;margin:auto;padding:45px 5vw 55px;min-height:calc(100dvh - 195px)}.folio{font-size:10px;letter-spacing:.13em;color:var(--muted)}.object-panel{max-width:none;padding:0;position:relative;min-height:calc(100dvh - 135px);background:#121923;color:#fff;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.object-heading{position:relative;z-index:2;padding:45px 5vw 0;pointer-events:none}.object-heading .folio{color:#ced6e3}.object-heading h1{font-size:clamp(90px,12.5vw,190px);line-height:.95;letter-spacing:-.04em;margin-top:25px;font-weight:600;max-width:700px}.object-heading h1 em{color:#a9c1ff}.vertical-label{position:absolute;right:35px;top:50px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em}.object-composition{position:absolute;inset:0;z-index:0}.main-print{position:absolute;inset:0}.main-print:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,15,28,.8),transparent 85%),linear-gradient(0deg,rgba(7,15,28,.85),transparent 50%);pointer-events:none}.main-print .image-open{width:100%;height:100%;padding:0}.main-print img{width:100%;height:100%;object-fit:cover;object-position:center 58%}.print-top,.detail-print,.handwritten,.atelier-stamp{display:none}.main-print figcaption{position:absolute;bottom:16px;right:30px;font-size:8px;z-index:2;color:#b9c7da}.main-print figcaption span:first-child{display:none}.object-bottom{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:20px;padding:40px 5vw 55px;align-items:end}.object-bottom p{font-size:14px;line-height:1.8}.round-action{padding:22px 28px;background:#164cff;color:white;font-size:14px;display:flex;align-items:center;gap:45px;text-transform:uppercase;font-weight:700}.round-action br{display:none}.round-action span{font-size:26px}.object-note{font-size:8px;color:#b9c7da;grid-column:1/-1}.page-title{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:end;margin-bottom:40px}.page-title .folio{grid-column:1/-1}.page-title p{font-size:12px;color:var(--muted);justify-self:end}.procedure-workspace{display:grid;grid-template-columns:1.1fr 1fr;gap:45px}.procedure-menu button{display:grid;grid-template-columns:25px 1fr auto;width:100%;text-align:left;border-top:1px solid var(--line);padding:22px 0;gap:8px;align-items:center}.procedure-menu button[aria-pressed=true]{color:var(--accent)}.procedure-menu button>span:first-child{font-size:10px}.procedure-menu h3{font-size:27px}.procedure-menu button small,.procedure-menu button>span:nth-last-child(2){grid-column:2;font-size:9px}.procedure-menu button>span:last-child{grid-column:3;grid-row:1/3;font-size:25px}.procedure-detail{background:var(--surface);padding:20px}.procedure-detail img{width:100%;height:220px;object-fit:cover}.procedure-detail>span{font-size:8px;display:block;margin:8px 0 22px;color:var(--muted)}.procedure-detail h3{margin:18px 0}.procedure-detail p{font-size:12px}.procedure-detail ul{padding:0;list-style:none;font-size:11px;margin:20px 0}.procedure-detail li{padding:5px 0}.pill-button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;background:var(--accent);color:var(--on-accent);font-size:12px;padding:16px 22px;min-width:210px;font-weight:700}.procedure-detail .pill-button{width:100%}.footnote{font-size:9px;line-height:1.8;color:var(--muted);margin-top:25px;max-width:850px}fieldset{border:0;padding:0;margin:0}legend{font-size:13px;font-weight:700;margin-bottom:15px}legend small{font-weight:400;color:var(--muted);margin-left:20px;font-size:10px}.class-line{padding:20px 0;border-top:1px solid var(--line)}.class-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.class-buttons label{display:flex;align-items:center;gap:15px;padding:18px;background:var(--surface);cursor:pointer}.class-buttons label:has(:checked){background:var(--soft);color:var(--accent)}.class-buttons small{display:block;font-size:9px;color:var(--muted)}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:17px;height:17px;flex:none}.plan-services{margin-top:22px}#service-options{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.service-choice{display:grid;grid-template-columns:20px 1fr auto;gap:4px 12px;padding:20px 0;border-top:1px solid var(--line);align-items:center;font-size:12px;cursor:pointer}.service-choice small{grid-column:2/-1;font-size:9px;color:var(--muted)}.service-choice strong{font-size:12px}.condition-line{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px;align-items:center;margin:25px 0}.condition-line p{grid-column:2;font-size:9px;color:var(--muted)}input,select,textarea{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:0;padding:12px;min-width:0}input::placeholder,textarea::placeholder{color:var(--muted)}.plan-total{display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--ink);color:var(--paper);padding:30px}.plan-total .folio{color:inherit}.plan-total strong{display:block;font-family:Oswald,sans-serif;font-size:76px;line-height:1.2}.plan-total p{font-size:11px}.plan-actions{display:flex;flex-direction:column;gap:10px}.text-button{font-size:11px;text-decoration:underline;text-underline-offset:5px}.breakdown{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.breakdown summary{display:flex;justify-content:space-between;font-size:12px}#estimate-lines{font-size:12px}#estimate-lines>div{display:flex;justify-content:space-between;padding:6px 0}dd{margin:0}.album-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.album-top h2{margin-top:15px}.album-top p{font-size:11px;color:var(--muted)}.album-view{display:grid;grid-template-columns:45px 1fr 45px;gap:15px;align-items:center}.album-arrow{width:45px;height:45px;background:var(--accent);color:var(--on-accent);font-size:24px}.album-view figure{background:var(--surface);padding:12px}.album-view figure button{padding:0;width:100%}#album-image{width:100%;height:440px;object-fit:contain;background:#111820}.album-view figcaption{display:flex;justify-content:space-between;font-size:9px;padding:10px 0}.album-thumbs{display:flex;justify-content:center;gap:10px;margin-top:20px}.album-thumbs button{padding:3px;border:2px solid transparent}.album-thumbs button[aria-pressed=true]{border-color:var(--accent)}.album-thumbs img{width:75px;height:52px;object-fit:cover}.approach-list article{display:grid;grid-template-columns:85px 1fr 180px;gap:25px;border-top:1px solid var(--line);padding:26px 0}.approach-list article>span{font:52px Oswald;color:var(--accent)}.approach-list p{font-size:12px;margin-top:12px;max-width:600px}.approach-list small{font-size:9px;color:var(--muted);text-align:right}.inline-action{display:inline-block;color:var(--accent);font-family:Oswald;font-size:30px;margin-top:20px}.faq-list details{border-top:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;gap:30px;font-family:Oswald;font-size:28px;padding:25px 0}.faq-list summary>span{font:10px Manrope;color:var(--accent)}.faq-list summary>i{margin-left:auto;font-style:normal}.faq-list details p{max-width:800px;font-size:13px;padding:0 40px 25px}.letter-paper{max-width:850px;margin:auto;background:var(--surface);padding:40px;border-top:7px solid var(--accent)}.letter-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.letter-mark{font-family:Oswald;font-size:25px;color:var(--accent)}.letter-intro{font-size:12px;color:var(--muted);margin:25px 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}form label:not(.service-choice,.consent,.class-buttons label){display:block;font-size:11px}#contact-form label:not(.consent),#order-form label:not(.consent){margin-bottom:14px}#contact-form input:not([type=checkbox]),#contact-form textarea,#order-form input:not([type=checkbox]){display:block;width:100%;margin-top:6px}textarea{resize:vertical}.consent{display:flex;align-items:center;gap:10px;font-size:10px;margin:20px 0}.error{display:block;color:#d44848;font-size:10px}.form-status{font-size:12px;margin-top:15px}.letter-footer{display:flex;justify-content:space-between;gap:20px;font-size:7px;color:var(--muted);margin-top:30px;padding-top:15px;border-top:1px solid var(--line)}.bottom-bar{display:flex;justify-content:space-between;gap:15px;padding:20px 32px;border-top:1px solid var(--line);font-size:9px}.bottom-bar>span:nth-child(2){color:var(--muted)}.bottom-bar a span{margin-left:20px}#chat-open{position:fixed;right:22px;bottom:22px;z-index:25;background:var(--accent);color:var(--on-accent);padding:12px 18px;font-size:10px;box-shadow:0 5px 30px #0002}#chat-open span{margin-right:10px}#chat{position:fixed;right:22px;bottom:80px;width:340px;max-width:calc(100% - 30px);z-index:30;background:var(--surface);border:1px solid var(--line);padding:20px}.chat-header{display:flex;justify-content:space-between}.chat-header small{display:block;font-size:8px;color:var(--muted)}.chat-header button{font-size:25px}.chat-messages{max-height:280px;overflow:auto}.chat-bubble{font-size:12px;background:var(--soft);padding:12px;margin-top:12px}.chat-questions{display:flex;gap:8px;margin-top:15px}.chat-questions button{font-size:10px;border:1px solid var(--line);padding:8px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);z-index:100;padding:12px 20px;font-size:11px}.lock{overflow:hidden}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:45px;width:600px;max-width:calc(100% - 30px);max-height:90dvh;overflow:auto}dialog::backdrop{background:#09111edb;backdrop-filter:blur(6px)}dialog h2{font-size:45px;margin:15px 0 25px}.close{position:absolute;right:12px;top:8px;font-size:27px}#order-summary{font-size:12px;margin-bottom:20px}#credits-dialog p,#credits-list{font-size:12px}#credits-list>div{padding:10px 0;border-bottom:1px solid var(--line)}#credits-list a{color:var(--accent)}.photo-dialog{width:1000px;padding:12px}.photo-dialog>img{width:100%;height:70dvh;object-fit:contain;background:#101820}.lightbox-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:12px;font-size:11px}.lightbox-bottom button{font-size:25px;padding:0 12px}
@media(max-width:1050px){.rail{gap:20px;padding-inline:22px}.rail nav{gap:12px}.rail nav a{font-size:10px}.rail nav a>span{display:none}.procedure-workspace{gap:25px}.object-heading h1{font-size:14vw}}
@media(max-width:760px){.rail{min-height:72px;justify-content:space-between;padding:14px 20px}.brand>span{font-size:30px}.brand>svg{width:28px}#menu{display:block;font-size:11px}#menu span{margin-left:18px}.rail nav{display:none;position:absolute;left:0;right:0;top:72px;background:var(--surface);border-bottom:1px solid var(--line);padding:15px 20px;flex-direction:column;gap:0}.rail nav.open{display:flex}.rail nav a{min-height:45px;font-size:13px;border-bottom-width:1px}.rail nav a>span{display:inline}.topbar{padding-inline:20px;height:50px;gap:12px}.topbar>p{font-size:7px}.topbar small{display:block;margin-left:0;font-size:6px}.topbar select{width:85px;padding:5px;font-size:9px}.panel{padding:30px 20px 45px;min-height:calc(100dvh - 185px)}.object-panel{padding:0;min-height:calc(100dvh - 122px)}.object-heading{padding:35px 20px 0}.object-heading h1{font-size:21vw;margin-top:25px}.object-heading .folio{font-size:8px}.vertical-label{right:15px;top:40px;font-size:7px}.main-print img{object-position:58% center}.main-print:after{background:linear-gradient(0deg,#07101dee,transparent 70%),linear-gradient(90deg,#07101d88,transparent)}.object-bottom{display:block;padding:35px 20px 65px;margin-top:140px}.object-bottom p{font-size:12px}.round-action{display:flex;width:100%;justify-content:space-between;margin-top:25px;padding:15px 20px;font-size:12px}.object-note{display:block;margin-top:18px;font-size:7px}.main-print figcaption{font-size:6px;right:20px;bottom:15px}.page-title{display:block;margin-bottom:25px}.page-title h2{margin:15px 0;font-size:45px}.page-title p{font-size:11px}.procedure-workspace{grid-template-columns:1fr}.procedure-menu button{padding:16px 0}.procedure-menu h3{font-size:23px}.procedure-detail img{height:230px}.class-buttons label{display:block;text-align:center;padding:13px 6px}.class-buttons input{margin-bottom:8px}.class-buttons small{font-size:7px}.class-buttons span{font-size:10px}#service-options{grid-template-columns:1fr}.condition-line{grid-template-columns:1fr}.condition-line p{grid-column:auto}.plan-total{display:block;padding:25px 20px}.plan-total strong{font-size:65px}.plan-actions{margin-top:20px}.plan-actions .pill-button{width:100%}.album-top{display:block}.album-top h2{font-size:48px}.album-top p{margin-top:20px;font-size:10px}.album-view{grid-template-columns:25px 1fr 25px;gap:5px}.album-arrow{width:25px;height:35px;font-size:18px}.album-view figure{padding:6px}#album-image{height:330px}.album-view figcaption{font-size:7px;gap:8px}.album-thumbs{gap:5px}.album-thumbs img{width:55px;height:40px}.approach-list article{grid-template-columns:40px 1fr;gap:15px}.approach-list article>span{font-size:35px}.approach-list h3{font-size:25px}.approach-list p{font-size:11px}.approach-list small{grid-column:2;text-align:left}.faq-list summary{font-size:23px;gap:15px;padding:20px 0}.faq-list details p{padding:0 0 20px;font-size:12px}.letter-panel{padding-inline:12px}.letter-paper{padding:25px 18px}.letter-paper h2{font-size:43px}.form-row{grid-template-columns:1fr;gap:0}input,textarea{font-size:16px}.letter-footer{font-size:6px}.bottom-bar{padding:18px 20px 70px;font-size:8px}.bottom-bar>span:nth-child(2){display:none}#chat-open{right:15px;bottom:15px}.toast{width:max-content;max-width:90%;bottom:75px}dialog{padding:40px 22px}dialog h2{font-size:36px}.photo-dialog{padding:6px}.lightbox-bottom{font-size:9px}.photo-dialog>img{height:60dvh}}
@media(prefers-reduced-motion:no-preference){.panel:not([hidden]){animation:reveal .3s ease-out}@keyframes reveal{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}}

.service-lab,.team-section{margin-top:65px;border-top:1px solid var(--line);padding-top:35px}.lab-heading{max-width:650px;margin-bottom:25px}.lab-heading h3{font-size:38px;margin:15px 0}.lab-heading p,.wash-guide p{font-size:12px;color:var(--muted)}.bundle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.bundle-grid article{border:1px solid var(--line);background:var(--surface);padding:25px;display:flex;flex-direction:column}.bundle-grid h3{font-size:29px;margin:20px 0 10px}.bundle-grid p{font-size:11px;color:var(--muted);min-height:36px}.bundle-grid article>div{font-size:11px;border-top:1px solid var(--line);padding-top:15px;margin-top:18px;min-height:65px}.bundle-grid strong{font:38px Oswald;margin-top:20px}.bundle-grid small{font-size:8px;color:var(--muted);margin:8px 0 20px}.bundle-grid button{min-width:0;width:100%;margin-top:auto}.compare-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:45px 0 20px}.compare-head label{font-size:10px}.compare-head select{display:block;margin-top:8px;max-width:100%;font-size:12px}.class-comparison{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.class-comparison article{padding:24px;border-right:1px solid var(--line)}.class-comparison article:last-child{border:0}.class-comparison span,.class-comparison small{display:block;font-size:10px;color:var(--muted)}.class-comparison strong{font:35px Oswald;display:block;margin:12px 0}.wash-guide{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:45px;padding:30px;background:var(--surface)}.wash-guide h3{margin:15px 0}.stage-buttons{display:flex;flex-direction:column;align-items:stretch;margin-top:20px}.stage-buttons button{text-align:left;border-top:1px solid var(--line);padding:13px 0;font-size:11px}.stage-buttons button[aria-pressed=true]{color:var(--accent);font-weight:700}#stage-detail{background:var(--soft);padding:30px;align-self:stretch}#stage-detail>span{font:70px Oswald;color:var(--accent)}#stage-detail small{display:block;font-size:9px;color:var(--muted);margin-top:35px}.team-section figure{margin-top:25px}.team-section img{width:100%;max-height:570px;object-fit:cover}.team-section figcaption{font-size:9px;color:var(--muted);padding:10px 0}.team-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:20px}.team-roles article>span{font-size:9px;color:var(--accent)}.team-roles h3{font-size:24px;margin:12px 0}.team-roles p{font-size:11px;color:var(--muted)}
@media(max-width:760px){.service-lab,.team-section{margin-top:40px}.lab-heading h3{font-size:30px}.bundle-grid{grid-template-columns:1fr}.bundle-grid article{padding:22px}.bundle-grid p,.bundle-grid article>div{min-height:0}.compare-head{display:block}.compare-head h3{font-size:26px}.compare-head label{display:block;margin-top:20px}.compare-head select{width:100%}.class-comparison article{padding:15px 8px}.class-comparison span{font-size:8px;min-height:30px}.class-comparison strong{font-size:25px}.class-comparison small{font-size:7px}.wash-guide{grid-template-columns:1fr;padding:20px;gap:15px}#stage-detail{padding:20px}.team-roles{grid-template-columns:1fr;gap:20px}.team-roles article{border-top:1px solid var(--line);padding-top:15px}.team-section img{min-height:220px;object-position:center}.bundle-grid button{font-size:12px}}
.team-section img{object-position:center 20%}
/* Softer geometry, with the technical grid kept intact. */
:root{--radius-card:18px;--radius-control:10px}
.procedure-detail,.bundle-grid article,.wash-guide,.letter-paper,#stage-detail{border-radius:var(--radius-card)}
.procedure-detail img,.album-view figure,.album-view img,.team-section img{border-radius:14px}
input:not([type=checkbox]):not([type=radio]),select,textarea,.class-buttons,.class-comparison{border-radius:var(--radius-control)}
.class-buttons,.class-comparison{overflow:hidden}
.pill-button,.round-action,.album-arrow,.top-info,.chat-questions button,#chat-open{border-radius:var(--radius-control)}
#chat,dialog,.toast{border-radius:var(--radius-card)}
.chat-bubble{border-radius:12px 12px 12px 3px}
.album-thumbs button,.album-thumbs img{border-radius:7px}
.faq-list details{border-radius:10px;padding-inline:14px}
.faq-list details[open]{background:var(--surface)}
.stage-buttons button{border-radius:7px;padding-inline:10px}
.stage-buttons button[aria-pressed=true]{background:var(--soft)}
@media(prefers-reduced-motion:no-preference){
html{scroll-behavior:smooth}
body,.rail,.topbar,.letter-paper,.procedure-detail,.bundle-grid article,.faq-list details,input,select,textarea{transition:background-color .25s ease,border-color .25s ease,color .25s ease}
.pill-button,.round-action,.album-arrow,.chat-questions button,#chat-open,.album-thumbs button{transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease}
.pill-button>span,.round-action>span,.inline-action>span{display:inline-block;transition:transform .25s ease}
.pill-button:active,.round-action:active,.album-arrow:active,#chat-open:active{transform:scale(.97)}
.procedure-menu button,.stage-buttons button{transition:color .2s ease,background-color .2s ease,padding .2s ease}
.class-buttons label{transition:background-color .25s ease,color .25s ease}
.faq-list summary>i{transition:transform .25s ease}
.faq-list details[open] summary>i{transform:rotate(45deg)}
.faq-list details[open]>p{animation:detail-in .3s ease-out}
.panel:not([hidden]){animation:panel-in .45s cubic-bezier(.2,.7,.2,1)}
.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.reveal-ready.is-seen{opacity:1;transform:none}
#stage-detail.is-changing,.procedure-detail.is-changing{animation:detail-in .35s ease-out}
#chat:not([hidden]){animation:chat-in .25s ease-out}
dialog[open]{animation:dialog-in .25s ease-out}
dialog[open]::backdrop{animation:backdrop-in .25s ease-out}
@keyframes panel-in{from{opacity:.25;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes detail-in{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes chat-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@keyframes dialog-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.pill-button:hover,.round-action:hover,#chat-open:hover{transform:translateY(-3px);box-shadow:0 9px 24px #164cff25}
.pill-button:hover>span,.round-action:hover>span,.inline-action:hover>span{transform:translate(3px,-3px)}
.album-arrow:hover,.chat-questions button:hover{transform:translateY(-2px)}
.album-thumbs button:hover{transform:translateY(-4px)}
.procedure-menu button:hover{padding-left:8px}
.stage-buttons button:hover{background:var(--soft)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}