@import url('./angle-fonts.css');
:root{--ink:oklch(99% .002 245);--back:oklch(55% .015 245);--muted:oklch(99% .002 245)}*{box-sizing:border-box}body{margin:0;background:var(--back);color:var(--ink);font-family:Angle Sans,Arial,sans-serif;font-weight:500}button,input,select{font:inherit}a{color:inherit;text-underline-offset:5px}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e2f2fb;outline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}
.angle-hero{position:relative;isolation:isolate;height:100svh;min-height:620px;overflow:hidden;background:#6b737a}.angle-stage{position:absolute;inset:0;z-index:-1;background:#6b737a}.angle-stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.angle-fallback{width:100%;height:100%;object-fit:cover;display:block}.angle-hero[data-live=true] .angle-fallback{visibility:hidden}.angle-header{position:absolute;inset:0 4.5% auto;height:102px;display:flex;align-items:center;justify-content:space-between;gap:24px}.angle-brand{font-family:Angle Display,Arial,sans-serif;font-size:36px;font-weight:600;letter-spacing:-.03em;text-decoration:none}.angle-nav{display:flex;align-items:center;gap:36px;font-family:Angle Nav,Arial,sans-serif;font-weight:500;font-size:17px;letter-spacing:.01em}.angle-nav button{padding:12px 0;border:0;background:none}.angle-nav button:hover{text-decoration:underline;text-underline-offset:7px}.angle-title{position:absolute;left:5%;right:5%;top:50%;transform:translateY(-50%);margin:0;text-align:center;font-family:Angle Display,Arial,sans-serif;font-size:clamp(52px,7.333vw,88px);font-weight:600;letter-spacing:-.02em;line-height:1.02;text-wrap:balance;pointer-events:none}.angle-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 4.5%;font-size:12px;color:var(--muted)}.angle-footer p{margin:0}
.angle-dialog{width:min(550px,calc(100% - 32px));max-height:90svh;border:1px solid #abb4ba;background:#eef0f2;color:#141b20;padding:clamp(24px,5vw,50px)}.angle-dialog::backdrop{background:rgb(0 4 8 / .75)}.angle-close{display:block;margin:0 0 35px auto;padding:8px 0;border:0;background:none}.angle-dialog h2{font-size:36px;line-height:1.1;letter-spacing:-.025em;margin:0 0 25px;font-weight:700}.angle-dialog p{line-height:1.6}.angle-dialog .angle-note{font-size:12px;color:#48545b}.angle-action{border:0;background:#141b20;color:#f7f8f9;padding:15px 22px;font-weight:700}.angle-dialog label{display:block;margin:24px 0 9px}.angle-dialog input,.angle-dialog select{width:100%;padding:14px;border:1px solid #77848d;background:#f7f8f9;color:#141b20;color-scheme:light}.angle-booking .angle-action{margin-top:25px}.angle-message{min-height:24px;font-size:14px}
@media(max-width:800px){.angle-hero{min-height:620px}.angle-header{inset-inline:6%;height:84px;gap:18px}.angle-brand{font-size:30px;letter-spacing:-.03em}.angle-nav{gap:22px;font-size:14px}.angle-nav [data-open=atelier]{display:none}.angle-title{top:50%;font-size:clamp(42px,11.5vw,64px);left:6%;right:6%;line-height:.95}.angle-footer{padding:24px 6%;align-items:flex-start;font-size:11px}.angle-footer a{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.angle-stage canvas[hidden]{display:none}


.angle-footer-actions{display:flex;gap:22px;align-items:center}.angle-credit{background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:5px}

.angle-dialog :focus-visible{outline-color:#265a75}