@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-opsz-normal-Czevyj-6.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-opsz-normal-CJcjJNj7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-opsz-normal-DihXLNYH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-opsz-italic-DxWqP7Ku.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-opsz-italic-CGbN9UgK.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-opsz-italic-lSdLDfvT.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(./ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(./ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(./ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(./ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(./ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2) format("woff2"),url(./ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2) format("woff2"),url(./ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2) format("woff2"),url(./ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2) format("woff2"),url(./ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(./ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bone: #F6F2EC;--bone-2: #FBF8F3;--greige: #EAE3D8;--driftwood: #A89A88;--pine: #2E3830;--pine-deep: #232B25;--ink: #1C1B18;--muted: #6B6156;--line: rgba(28, 27, 24, .12);--line-strong: rgba(28, 27, 24, .22);--bone-on-dark: #F4F0E9;--disp: "Fraunces Variable", Georgia, serif;--sans: "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--pad: clamp(22px, 5vw, 72px);--maxw: 1320px;--sec: clamp(90px, 14vh, 170px);--hd-h: 72px;--ease-out: cubic-bezier(.23, 1, .32, 1);--brand-purple: #A46BCB;--brand-purple-light: #C9A0DE;--brand-lilac: #ECC6EE;--brand-gold: #C4AE8C;--brand-plum-deep: #2C1638}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}body{background:var(--bone);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.65;font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%;height:auto}a{color:var(--pine);text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}ul[role=list]{list-style:none}address{font-style:normal}::selection{background:var(--pine);color:var(--bone)}:focus-visible{outline:2px solid var(--pine);outline-offset:3px;border-radius:2px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.skip-link{position:fixed;top:-60px;left:var(--pad);z-index:9999;background:var(--pine);color:var(--bone);font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:12px 18px;border-radius:2px;transition:top .25s var(--ease-out)}.skip-link:focus{top:12px}.container{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:400}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--pine);display:flex;align-items:center;gap:16px;margin-bottom:clamp(20px,3vh,34px)}.eyebrow:before{content:"";width:42px;height:1px;background:var(--driftwood);flex:none}.eyebrow-light{color:var(--driftwood)}.display{font-family:var(--disp);font-size:clamp(2.6rem,6vw,5.2rem);font-weight:340;font-variation-settings:"opsz" 144;line-height:1.05;letter-spacing:-.015em;color:var(--ink)}.display em{font-style:italic;font-weight:320;color:var(--pine)}.arr{display:inline-block;margin-left:.55em;transition:transform .3s var(--ease-out)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 28px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;border-radius:2px;border:1px solid transparent;transition:background .3s,color .3s,border-color .3s,transform .15s var(--ease-out);cursor:pointer;text-align:center}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--pine);color:var(--bone-on-dark);border-color:var(--pine)}.btn-primary:hover{background:var(--pine-deep);border-color:var(--pine-deep)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn-ghost:hover{border-color:var(--pine);color:var(--pine)}.btn-lg{min-height:56px;padding:16px 36px}.link-quiet{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:inherit;border-bottom:1px solid var(--line-strong);padding-bottom:4px;transition:border-color .3s,color .3s}.link-quiet:hover{border-color:currentColor}.link-quiet:hover .arr{transform:translate(4px)}[data-reveal]{will-change:transform,opacity}.site-header{position:fixed;inset:0 0 auto;z-index:4000;border-bottom:1px solid transparent;transition:background .35s,border-color .35s,backdrop-filter .35s}.site-header.hd-scrolled{background:#f6f2ece6;-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);border-bottom-color:var(--line)}.hd-inner{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad);height:var(--hd-h);display:flex;align-items:center;justify-content:space-between;gap:28px}.site-header:not(.hd-scrolled) .hd-brand,.site-header:not(.hd-scrolled) .hd-nav a,.site-header:not(.hd-scrolled) .hd-phone{color:var(--bone-on-dark);text-shadow:0 1px 16px rgba(28,27,24,.45)}.site-header:not(.hd-scrolled) .hd-brand-sub{color:#f4f0e9c7}.site-header:not(.hd-scrolled) .hd-nav a:after{background:var(--bone-on-dark)}.site-header:not(.hd-scrolled) .hd-phone,.site-header:not(.hd-scrolled) .hd-burger{border-color:#f4f0e973}.site-header:not(.hd-scrolled) .hd-burger span{background:var(--bone-on-dark)}.hd-brand{display:flex;flex-direction:column;line-height:1.15;color:var(--ink);z-index:4600}.hd-brand-name{font-family:var(--disp);font-size:20px;font-weight:380;letter-spacing:.01em}.hd-brand-sub{font-family:var(--mono);font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-top:3px}.hd-nav{display:flex;gap:clamp(18px,2.4vw,34px)}.hd-nav a{position:relative;color:var(--ink);font-size:14px;font-weight:500;padding:6px 2px;letter-spacing:.01em}.hd-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--pine);transition:right .35s cubic-bezier(.2,.7,.3,1)}.hd-nav a:hover:after,.hd-nav a.active:after{right:0}.hd-actions{display:flex;align-items:center;gap:14px}.hd-phone{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line-strong);border-radius:2px;color:var(--ink);transition:border-color .3s,color .3s,background .3s}.hd-phone:hover{border-color:var(--pine);color:var(--pine)}.hd-cta{min-height:44px;padding:11px 22px}.menu-toggle{position:absolute;opacity:0;pointer-events:none}.hd-burger{display:none;z-index:4600;width:44px;height:44px;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;border:1px solid var(--line-strong);border-radius:2px}.hd-burger span{display:block;width:18px;height:1.5px;background:var(--ink);transition:transform .35s var(--ease-out)}body:has(#menuToggle:checked) .hd-burger span:first-child{transform:translateY(4.25px) rotate(45deg)}body:has(#menuToggle:checked) .hd-burger span:last-child{transform:translateY(-4.25px) rotate(-45deg)}.mobile-menu{position:fixed;inset:0;z-index:4500;background:var(--bone);display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--hd-h) + 28px) var(--pad) 40px;transform:translate(103%);transition:transform .5s var(--ease-out);visibility:hidden}body:has(#menuToggle:checked) .mobile-menu{transform:translate(0);visibility:visible}body:has(#menuToggle:checked){overflow:hidden}body:has(#menuToggle:checked) .site-header .hd-brand{color:var(--ink);text-shadow:none}body:has(#menuToggle:checked) .site-header .hd-brand-sub{color:var(--muted)}body:has(#menuToggle:checked) .site-header .hd-phone{color:var(--ink);border-color:var(--line-strong);text-shadow:none}body:has(#menuToggle:checked) .site-header .hd-burger{border-color:var(--line-strong)}body:has(#menuToggle:checked) .site-header .hd-burger span{background:var(--ink)}.mm-nav{display:flex;flex-direction:column;gap:4px}.mm-nav a{font-family:var(--disp);font-size:clamp(28px,7.5vw,40px);font-weight:340;color:var(--ink);padding:9px 0;border-bottom:1px solid var(--line);transition:color .3s,padding-left .35s var(--ease-out)}.mm-nav a:hover{color:var(--pine);padding-left:10px}.mm-foot{display:flex;flex-direction:column;gap:12px}.mm-address{color:var(--muted);line-height:1.8;margin-top:8px}.hero{position:relative;min-height:100svh;overflow:hidden;background:var(--brand-plum-deep)}.hero-grid{min-height:100svh;display:grid;grid-template-columns:54% 46%;align-items:stretch}.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--hd-h) + clamp(28px,6vh,56px)) clamp(24px,5vw,64px) clamp(40px,6vh,64px) clamp(24px,6vw,72px);overflow:hidden}.hero-copy:before{content:"";position:absolute;z-index:-1;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(236,198,238,.16),transparent 68%);top:-180px;left:-220px;pointer-events:none}.hero-media{position:relative;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform-origin:center;will-change:transform;background:var(--brand-plum-deep)}.hero-media-scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--brand-plum-deep) 0%,transparent 16%),linear-gradient(0deg,rgba(28,10,36,.5) 0%,transparent 32%)}.hero-cap{position:absolute;right:clamp(14px,2.4vw,28px);bottom:18px;z-index:2;color:var(--bone-on-dark);background:#2c1638ad;padding:8px 12px;border-radius:2px;letter-spacing:.2em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-eyebrow{color:var(--brand-gold)}.hero-eyebrow:before{background:#c4ae8c99}.hero-h1{font-family:var(--disp);font-size:clamp(2.5rem,4.6vw,4.4rem);font-weight:340;font-variation-settings:"opsz" 144;line-height:1.06;letter-spacing:-.015em;color:var(--bone-on-dark);max-width:13em}.hero-h1 em{font-style:italic;font-weight:310;color:var(--brand-lilac)}.hero-h1 .ln{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.hero-h1 .ln>span{display:block;transition:transform 1.1s var(--ease-out)}html.motion-ok .hero:not(.on) .hero-h1 .ln>span{transform:translateY(108%)}.hero-h1 .ln:nth-child(2)>span{transition-delay:.12s}.hero-sub{margin-top:clamp(18px,3vh,28px);max-width:36em;font-size:clamp(16px,1.3vw,18px);line-height:1.7;color:#f6f2eceb}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(24px,4vh,40px)}.btn-hero-primary{background:var(--brand-gold);color:var(--brand-plum-deep);border-color:var(--brand-gold)}.btn-hero-primary:hover{background:var(--brand-lilac);border-color:var(--brand-lilac)}.btn-hero-ghost{background:transparent;color:var(--bone-on-dark);border-color:#f4f0e973}.btn-hero-ghost:hover{border-color:var(--bone-on-dark);color:#fff}html.motion-ok .hero:not(.on) .hero-sub,html.motion-ok .hero:not(.on) .hero-actions,html.motion-ok .hero:not(.on) .hero-eyebrow,html.motion-ok .hero:not(.on) .hero-foot{opacity:0;transform:translateY(18px)}.hero-sub,.hero-actions,.hero-eyebrow,.hero-foot{transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}.hero-sub{transition-delay:.35s}.hero-actions{transition-delay:.48s}.hero-eyebrow{transition-delay:.25s}.hero-foot{transition-delay:.7s}.hero-foot{position:relative;z-index:2;width:100%;margin-top:clamp(32px,6vh,64px)}.hero-hint{display:flex;align-items:center;gap:14px;color:#f6f2eccc;letter-spacing:.3em}.hero-hint-line{position:relative;width:52px;height:1px;background:#f4f0e94d;overflow:hidden;display:inline-block}.hero-hint-line:after{content:"";position:absolute;inset:0;background:var(--brand-gold);transform:translate(-100%);animation:sweep 2.4s var(--ease-out) infinite}@keyframes sweep{0%{transform:translate(-100%)}55%{transform:translate(0)}to{transform:translate(102%)}}@media(max-width:900px){.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:calc(var(--hd-h) + 32px) var(--pad) 40px}.hero-media{height:46svh;order:2}.hero-media-scrim{background:linear-gradient(0deg,var(--brand-plum-deep) 0%,transparent 26%),linear-gradient(180deg,rgba(28,10,36,.4) 0%,transparent 30%)}}.trust{border-bottom:1px solid var(--line);background:var(--bone)}.trust-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px 26px;padding-top:26px;padding-bottom:26px}.trust-item{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);display:flex;align-items:center;gap:8px}.trust-item a{color:var(--pine);border-bottom:1px solid transparent;transition:border-color .25s}.trust-item a:hover{border-bottom-color:var(--pine)}.trust-stars{color:var(--pine);letter-spacing:.18em;font-size:12px}.trust-sep{width:1px;height:16px;background:var(--line-strong)}.credo{padding:var(--sec) 0;background:var(--bone)}.credo-lit{font-family:var(--disp);font-size:clamp(1.8rem,3.6vw,3.1rem);font-weight:350;font-variation-settings:"opsz" 100;line-height:1.32;letter-spacing:-.01em;max-width:22em;color:var(--ink)}.credo-lit .w{display:inline-block;transition:opacity .45s ease}html.motion-ok .credo-lit .w:not(.lit){opacity:.14}.credo-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(36px,6vw,96px);align-items:end;margin-top:clamp(56px,9vh,110px)}.img-frame{overflow:hidden;border-radius:4px}.img-frame img{width:100%;height:auto;will-change:transform}.credo-figure figcaption{margin-top:14px;color:var(--muted);letter-spacing:.22em}.credo-body p{max-width:34em}.credo-body p+p{margin-top:1.3em}.credo-marks{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.credo-marks li{border:1px solid var(--line-strong);border-radius:2px;padding:9px 16px;color:var(--pine);letter-spacing:.16em;transition:border-color .3s,background .3s}.credo-marks li:hover{border-color:var(--pine);background:#2e38300d}.tx{background:var(--greige);padding:var(--sec) 0}.tx-head{width:100%;margin-bottom:clamp(24px,4vh,48px)}.tx .display{font-size:clamp(2.4rem,5vw,4.4rem)}.tx-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap;border-bottom:1px solid var(--line-strong);padding-bottom:26px}.tx-head-note{max-width:26em;color:var(--muted);font-size:15.5px;line-height:1.7;padding-bottom:10px}.tx-list{border-top:1px solid var(--line)}.tx-item{border-bottom:1px solid var(--line)}.tx-h{font-size:1rem;font-weight:400}.tx-btn{position:relative;display:grid;width:100%;grid-template-columns:3.4rem 1fr auto 3rem;align-items:center;column-gap:clamp(1rem,2.5vw,2.4rem);padding:clamp(1.6rem,3.2vh,2.4rem) 0;text-align:left;cursor:pointer;background:transparent;border:0;transition:padding-left .4s var(--ease-out)}.tx-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--pine);transition:width .35s var(--ease-out)}.tx-btn:hover{padding-left:1.3rem}.tx-btn:hover:before,.tx-item.open .tx-btn:before{width:3px}.tx-item.open .tx-btn{padding-left:1.3rem}.tx-no{color:var(--driftwood);font-size:.75rem;letter-spacing:.3em}.tx-main{display:flex;flex-direction:column;gap:.55rem;min-width:0}.tx-name{font-family:var(--disp);font-weight:440;line-height:1.1;font-size:clamp(1.5rem,3.2vw,2.5rem);color:var(--ink);transition:color .25s}.tx-btn:hover .tx-name{color:var(--pine)}.tx-desc{display:block;color:var(--muted);font-size:14.5px;line-height:1.55;max-width:56ch;margin-top:2px}.tx-tags{display:flex;flex-wrap:wrap;gap:.45rem;letter-spacing:.18em;margin-top:4px}.tx-tags span{border:1px solid var(--line-strong);padding:5px 10px;color:var(--driftwood);font-size:9.5px}.tx-price{color:var(--pine);font-size:13px;letter-spacing:.1em;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:500}.tx-plus{position:relative;width:2.6rem;height:2.6rem;border:1px solid var(--line-strong);justify-self:end;transition:border-color .25s,background-color .25s;flex:none}.tx-plus:before,.tx-plus:after{content:"";position:absolute;left:50%;top:50%;background:var(--pine);transition:transform .4s var(--ease-out),background-color .25s}.tx-plus:before{width:15px;height:1.5px;transform:translate(-50%,-50%)}.tx-plus:after{width:1.5px;height:15px;transform:translate(-50%,-50%)}.tx-btn:hover .tx-plus{border-color:var(--pine)}.tx-item.open .tx-plus{background:var(--pine)}.tx-item.open .tx-plus:before,.tx-item.open .tx-plus:after{background:var(--bone-on-dark)}.tx-item.open .tx-plus:after{transform:translate(-50%,-50%) rotate(90deg)}.tx-panel{overflow:hidden}html.js .tx-item:not(.open) .tx-panel{height:0}.tx-panel-in{background:var(--bone-2);padding:clamp(1.8rem,4vw,3.2rem);margin-bottom:clamp(1.6rem,3.2vh,2.4rem);border:1px solid var(--line)}.tx-cols{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(2rem,4.5vw,4rem);align-items:start}@media(max-width:860px){.tx-cols{grid-template-columns:1fr}}.tx-lede{font-family:var(--disp);font-style:italic;font-weight:380;font-size:clamp(1.05rem,1.8vw,1.3rem);line-height:1.45;color:var(--ink);margin-bottom:1.4rem}.tx-meta{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.8rem;letter-spacing:.12em}.tx-meta span{display:block;border:1px solid var(--line-strong);padding:.6rem .85rem;font-size:10.5px;color:var(--muted);background:var(--bone)}.tx-meta b{display:block;font-size:13px;color:var(--ink);font-weight:500;letter-spacing:.06em;margin-bottom:.25rem;font-variant-numeric:tabular-nums}.tx-fig{margin:2rem 0 .5rem}.tx-fig img,.tx-fig video{width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:4px;display:block}.tx-fig-video video{aspect-ratio:480 / 854;max-width:320px;margin:0 auto}.tx-fig figcaption{margin-top:10px;color:var(--muted);letter-spacing:.18em;font-family:var(--mono);font-size:10.5px}.tx-col-info h4,.tx-col-price h4{font-family:var(--disp);font-size:19px;font-weight:380;margin:32px 0 12px;letter-spacing:0;color:var(--ink)}.tx-col-info h4:first-child,.tx-col-price h4:first-child{margin-top:0}.tx-col-info p,.tx-col-price p,.dx p{font-size:15px;line-height:1.7;color:var(--ink)}.tx-col-info p+p,.tx-col-price p+p,.dx p+p{margin-top:1em}.dx-pills{display:flex;flex-wrap:wrap;gap:8px}.dx-pills li{border:1px solid var(--line-strong);border-radius:2px;padding:8px 13px;font-size:13px;color:var(--ink);line-height:1.4}.ptable table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;margin-bottom:26px}.ptable caption{text-align:left;color:var(--pine);letter-spacing:.24em;padding-bottom:10px;border-bottom:1px solid var(--line-strong);font-size:10.5px}.ptable td{padding:11px 0;font-size:14.5px;border-bottom:1px solid var(--line);vertical-align:top}.ptable td:last-child{text-align:right;font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;white-space:nowrap;color:var(--ink);font-weight:500;padding-left:18px}.ptable tr{transition:background .25s}.ptable tbody tr:hover{background:#2e38300b}.dx-pnote{color:var(--muted);font-size:13px;line-height:1.65;border-left:2px solid var(--driftwood);padding-left:14px}.dx-faq details{border-bottom:1px solid var(--line)}.dx-faq summary{list-style:none;cursor:pointer;padding:15px 26px 15px 0;font-weight:500;font-size:14.5px;position:relative;transition:color .25s}.dx-faq summary:hover{color:var(--pine)}.dx-faq summary::-webkit-details-marker{display:none}.dx-faq summary:after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:16px;color:var(--pine);transition:transform .3s var(--ease-out)}.dx-faq details[open] summary:after{transform:translateY(-50%) rotate(45deg)}.dx-faq-body{padding:0 0 18px}.dx-faq-body p{color:var(--ink)}.dx-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.results{padding:var(--sec) 0;background:var(--bone)}.results-note{max-width:34em;color:var(--muted);margin-top:22px;font-size:15.5px}.results-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(20px,2.6vw,36px);margin-top:clamp(48px,7vh,80px);align-items:start}.case{grid-column:span 5}.case:nth-child(2){grid-column:7 / span 5;margin-top:clamp(40px,6vh,90px)}.case:nth-child(3){grid-column:span 5;margin-top:clamp(20px,3vh,50px)}.case-video{grid-column:8 / span 4;margin-top:clamp(50px,8vh,110px)}.case-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.case-img{position:relative;overflow:hidden;border-radius:4px}.case-img img{width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;transition:transform .8s var(--ease-out)}.case:hover .case-img img{transform:scale(1.03)}.case-chip{position:absolute;left:10px;bottom:10px;background:#1c1b18c7;color:var(--bone-on-dark);padding:6px 10px;border-radius:2px;letter-spacing:.16em;font-size:9.5px}.case-clip{position:relative;overflow:hidden;border-radius:4px}.case-clip video{width:100%;height:auto;aspect-ratio:480 / 854;object-fit:cover;display:block;background:var(--greige)}.case-title{font-family:var(--disp);font-size:20px;font-weight:380;margin-top:18px}.case-foot{color:var(--muted);font-size:12.5px;line-height:1.6;margin-top:8px;max-width:40em}.cmp{border:1px solid var(--line);padding:clamp(6px,.8vw,10px);background:var(--bone-2);border-radius:4px}.cmp-frame{position:relative;overflow:hidden;border-radius:2px;touch-action:pan-y}.cmp-frame img{width:100%;aspect-ratio:4 / 5;object-fit:cover;display:block}.cmp-before-clip{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.cmp-before-clip img{position:absolute;inset:0;height:100%}.cmp-chip{position:absolute;top:10px;z-index:3;pointer-events:none;background:#1c1b18c7;color:var(--bone-on-dark);padding:6px 10px;border-radius:2px;letter-spacing:.16em;font-size:9.5px}.cmp-chip-l{left:10px}.cmp-chip-r{right:10px}.cmp-line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;z-index:2;background:var(--bone-on-dark);transform:translate(-1px);pointer-events:none;box-shadow:0 0 0 1px #1c1b182e}.cmp-handle{position:absolute;top:50%;left:1px;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:var(--pine);color:var(--bone-on-dark);display:flex;align-items:center;justify-content:center}.cmp-range{position:absolute;inset:0;z-index:4;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}.cmp-range:focus-visible~.cmp-line .cmp-handle{outline:2px solid var(--bone);outline-offset:3px}.cmp:has(.cmp-range:focus-visible){outline:2px solid var(--pine);outline-offset:3px}.cmp-cap{margin-top:12px;padding:0 4px}.voices{background:var(--pine);color:var(--bone-on-dark);padding:var(--sec) 0;position:relative;overflow:hidden}.voices:before{content:"";position:absolute;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(168,154,136,.16),transparent 66%);top:-220px;right:-160px;pointer-events:none}.voices .display{color:var(--bone-on-dark)}.voices-rating{margin-top:26px;font-size:15px;color:#f4f0e9d9;display:flex;align-items:center;gap:12px}.voices-rating strong{font-family:var(--disp);font-size:26px;font-weight:380;color:var(--bone-on-dark)}.voices-stars{color:var(--driftwood);letter-spacing:.22em;font-size:15px}.voices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,32px);margin-top:clamp(44px,7vh,72px)}.voice{border:1px solid rgba(244,240,233,.16);border-radius:2px;padding:clamp(24px,2.6vw,36px);display:flex;flex-direction:column;gap:22px;transition:border-color .35s,transform .35s var(--ease-out),background .35s;background:#f4f0e905}.voice:hover{border-color:#f4f0e961;transform:translateY(-4px);background:#f4f0e90d}.voice p{font-family:var(--disp);font-size:clamp(17px,1.5vw,20px);font-weight:350;line-height:1.5;color:var(--bone-on-dark)}.voice footer{color:var(--driftwood);letter-spacing:.22em;margin-top:auto}.voices-link{margin-top:clamp(36px,5vh,56px)}.voices-link .link-quiet{color:var(--bone-on-dark);border-color:#f4f0e94d}.voices-link .link-quiet:hover{border-color:var(--bone-on-dark)}.glimpse{padding:var(--sec) 0;background:var(--bone);overflow:hidden}.glimpse-head{margin-bottom:clamp(40px,6vh,64px)}.gal-rail{display:flex;gap:clamp(16px,1.8vw,26px);overflow-x:auto;scroll-snap-type:x mandatory;cursor:grab;padding:4px var(--pad) 20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.gal-rail::-webkit-scrollbar{display:none}.gal-rail.drag{cursor:grabbing;scroll-snap-type:none}.gal-item{flex:none;scroll-snap-align:start}.gal-item img{height:clamp(300px,46vh,440px);width:auto;border-radius:4px;filter:saturate(.88) brightness(.97);transition:filter .6s;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.gal-item:hover img{filter:saturate(1) brightness(1)}.gal-item figcaption{margin-top:12px;color:var(--muted);letter-spacing:.22em}.gal-featured img.arc{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L58,0 C78,0 100,10 100,34 L100,100 L0,100 Z' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L58,0 C78,0 100,10 100,34 L100,100 L0,100 Z' fill='%23fff'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;border-radius:0}.loc{padding:var(--sec) 0;background:var(--greige)}.loc-intro{max-width:30em;margin-top:22px;font-size:17px;color:var(--ink)}.loc-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,5vw,80px);margin-top:clamp(44px,7vh,76px);align-items:start}.facts{display:flex;flex-direction:column}.fact{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:15px 0;border-top:1px solid var(--line-strong);transition:border-color .35s,padding-left .35s var(--ease-out)}.fact:hover{border-top-color:var(--pine)}.fact dt{color:var(--muted);letter-spacing:.2em;padding-top:3px}.fact dd{font-size:15.5px;line-height:1.6}.fact a{border-bottom:1px solid transparent;transition:border-color .25s}.fact a:hover{border-bottom-color:var(--pine)}.loc-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.map-stage{position:relative;aspect-ratio:76 / 64;border-radius:4px;overflow:hidden;border:1px solid var(--line);background:#f1ebe2}.map-svg{position:absolute;inset:0;width:100%;height:100%}.map-label{font-family:var(--mono);font-size:11px;letter-spacing:.22em;fill:var(--muted)}.map-label-strong{fill:var(--pine);font-weight:500}.map-label-water{fill:#97a08f}.map-pin circle:first-child{animation:pinPulse 3s ease-in-out infinite;transform-origin:452px 300px}@keyframes pinPulse{0%,to{opacity:.14;transform:scale(1)}50%{opacity:.05;transform:scale(1.35)}}.map-pin-label{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;fill:var(--bone)}.map-consent{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px;background:linear-gradient(180deg,transparent,rgba(246,242,236,.92) 42%)}.map-note{color:var(--muted);letter-spacing:.1em;text-transform:none;text-align:center}.map-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.faq{padding:var(--sec) 0;background:var(--bone)}.faq-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(36px,5vw,90px);align-items:start}.faq-head{position:sticky;top:calc(var(--hd-h) + 40px)}.faq-note{color:var(--muted);margin-top:22px;max-width:22em;font-size:15.5px}.faq-list details{border-bottom:1px solid var(--line-strong)}.faq-list details:first-child{border-top:1px solid var(--line-strong)}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;font-family:var(--disp);font-size:clamp(17px,1.6vw,21px);font-weight:380;line-height:1.35;transition:color .25s,padding-left .35s var(--ease-out)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:hover{color:var(--pine);padding-left:8px}.faq-icon{position:relative;flex:none;width:34px;height:34px;border:1px solid var(--line-strong);border-radius:2px;transition:border-color .3s,background .3s}.faq-icon:before,.faq-icon:after{content:"";position:absolute;top:50%;left:50%;background:currentColor;transition:transform .35s var(--ease-out)}.faq-icon:before{width:12px;height:1.5px;transform:translate(-50%,-50%)}.faq-icon:after{width:1.5px;height:12px;transform:translate(-50%,-50%)}.faq-list details[open] .faq-icon:after{transform:translate(-50%,-50%) rotate(90deg)}.faq-list details[open] .faq-icon{border-color:var(--pine);background:#2e38300f}.faq-body{overflow:hidden}.faq-body p{padding:0 0 26px;max-width:42em;color:var(--ink);font-size:16px}.book{padding:var(--sec) 0;background:var(--greige);border-top:1px solid var(--line)}.book-inner{display:flex;flex-direction:column;align-items:flex-start}.book-sub{max-width:33em;margin-top:24px;font-size:17px}.book-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(30px,5vh,48px)}.book-meta{margin-top:30px;color:var(--muted);letter-spacing:.16em}.footer{background:var(--bone);border-top:1px solid var(--line);padding-top:clamp(56px,8vh,90px)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:clamp(30px,4vw,60px);padding-bottom:clamp(48px,7vh,72px)}.footer-logo{font-family:var(--disp);font-size:26px;font-weight:360}.footer-logo-sub{color:var(--muted);letter-spacing:.3em;margin-top:4px}.footer-brand address{margin-top:22px;color:var(--ink);font-size:15px;line-height:1.9}.footer-brand a{color:var(--ink);border-bottom:1px solid transparent;transition:color .25s,border-color .25s}.footer-brand a:hover{color:var(--pine);border-bottom-color:var(--pine)}.footer-head{color:var(--muted);letter-spacing:.26em;margin-bottom:18px}.footer-col{display:flex;flex-direction:column;align-items:flex-start}.footer-col a{color:var(--ink);font-size:15px;padding:5px 0;border-bottom:1px solid transparent;transition:color .25s,padding-left .3s var(--ease-out)}.footer-col a:hover{color:var(--pine);padding-left:6px}.footer-hours{font-size:15px;line-height:2}.footer-legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding-top:24px;padding-bottom:28px;font-size:13px;color:var(--muted)}.footer-legal-links{display:flex;gap:22px}.footer-legal-btn{font-size:13px;color:var(--muted);border-bottom:1px solid transparent;transition:color .25s,border-color .25s;padding:4px 0}.footer-legal-btn:hover{color:var(--pine);border-bottom-color:var(--pine)}.mbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:3800;grid-template-columns:1.4fr 1fr;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:var(--bone)}.mbar a{display:flex;align-items:center;justify-content:center;min-height:56px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;transition:background .3s,color .3s}.mbar-book{background:var(--pine);color:var(--bone-on-dark)}.mbar-book:active,.mbar-book:hover{background:var(--pine-deep)}.mbar-call{background:var(--bone);color:var(--ink)}.mbar-call:active,.mbar-call:hover{color:var(--pine)}.legal-overlay{position:fixed;inset:0;z-index:7000;display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,40px)}.legal-overlay[hidden]{display:none}.legal-backdrop{position:absolute;inset:0;background:#1c1b1873;cursor:pointer}.legal-panel{position:relative;background:var(--bone-2);border:1px solid var(--line);border-radius:4px;width:min(720px,100%);max-height:min(84vh,100%);overflow-y:auto;overscroll-behavior:contain;padding:clamp(28px,5vw,56px);box-shadow:0 40px 90px -30px #1c1b1866}.legal-panel h2{font-family:var(--disp);font-size:clamp(26px,3vw,34px);font-weight:350;margin-bottom:10px}.legal-panel h3{font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--pine);margin:30px 0 10px;font-weight:500}.legal-panel p{font-size:15px;line-height:1.75}.legal-panel a{border-bottom:1px solid var(--line-strong);transition:border-color .25s;overflow-wrap:anywhere}.legal-panel a:hover{border-bottom-color:var(--pine)}.legal-note{margin-top:28px;color:var(--muted);font-size:13px;border-left:2px solid var(--driftwood);padding-left:12px}.legal-close{position:sticky;top:0;float:right;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line-strong);border-radius:2px;background:var(--bone-2);color:var(--ink);transition:border-color .3s,color .3s,transform .3s var(--ease-out);margin:-8px -8px 0 16px}.legal-close:hover{border-color:var(--pine);color:var(--pine);transform:rotate(90deg)}@media(max-width:1080px){.hd-nav{display:none}.hd-burger{display:flex}.results-grid{grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,40px)}.case,.case:nth-child(2),.case:nth-child(3),.case-video{grid-column:auto;margin-top:0}.faq-grid{grid-template-columns:1fr}.faq-head{position:static}}@media(max-width:900px){body{padding-bottom:0}.hd-cta{display:none}.mbar{display:grid}.footer-legal{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.credo-grid{grid-template-columns:1fr;gap:44px;align-items:start}.voices-grid,.loc-grid{grid-template-columns:1fr}.tx-btn{grid-template-columns:2rem 1fr 2.4rem;grid-template-areas:"no price plus" "main main main";row-gap:.85rem;column-gap:.7rem}.tx-no{grid-area:no}.tx-main{grid-area:main}.tx-price{grid-area:price;justify-self:end;align-self:start}.tx-plus{grid-area:plus;width:2.2rem;height:2.2rem}.tx-btn:hover,.tx-item.open .tx-btn{padding-left:0}.tx-btn:before{display:none}}@media(max-width:640px){body{font-size:16px}.results-grid{grid-template-columns:1fr}.case-video{margin-top:0}.hero-actions .btn{flex:1 1 100%}.book-actions{width:100%}.book-actions .btn{flex:1 1 100%}.dx-cta{flex-direction:column;align-items:stretch}.dx-meta{grid-template-columns:1fr}.case-pair{gap:6px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}.fact{grid-template-columns:92px 1fr;gap:12px}.loc-actions .btn{flex:1 1 100%}.trust-sep{display:none}.trust-inner{flex-direction:column;gap:12px}}@media(max-width:400px){.footer-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}html.motion-ok .hero:not(.on) .hero-h1 .ln>span{transform:none}html.motion-ok .hero:not(.on) .hero-sub,html.motion-ok .hero:not(.on) .hero-actions,html.motion-ok .hero:not(.on) .hero-eyebrow,html.motion-ok .hero:not(.on) .hero-foot{opacity:1;transform:none}html.motion-ok .credo-lit .w:not(.lit){opacity:1}.hero-hint-line:after{animation:none}.map-pin circle:first-child{animation:none}}@media print{.site-header,.mbar,.mobile-menu,.hero-hint,.map-consent{display:none!important}}@media(max-width:480px){.hd-brand-sub{white-space:nowrap;font-size:8px;letter-spacing:.22em}}
/* ============================================================
Korrekturen v4-fix
1) Vergleichsslider: das obere Bild wurde ueber height:100%
gestreckt statt beschnitten -> bei ungleichem Seiten-
verhaeltnis entstand ein Rand. Jetzt deckungsgleich.
2) Instagram-Knopf in der Kopfzeile, gleiche Form wie Telefon.
============================================================ */
.cmp-frame img,.cmp-before-clip img{
position:absolute;inset:0;width:100%;height:100%;
object-fit:cover;object-position:center;display:block}
.cmp-after{position:relative!important}
.cmp-frame{aspect-ratio:4/5}
.hd-ig{display:inline-flex;align-items:center;justify-content:center;
width:38px;height:38px;border:1px solid var(--line-strong);border-radius:2px;
color:var(--ink);transition:background .25s,color .25s,border-color .25s}
.hd-ig:hover,.hd-ig:focus-visible{
background:linear-gradient(45deg,#F9A03C,#E4405F 48%,#8A3AB9);
border-color:transparent;color:#fff}
.hd-ig svg{display:block}
/* ══════════════════════════════════════════════════════════════
REDESIGN — Creative-Direction-Durchgang
Leitlinie: ruhig, editorial, medizinisch. Keine Farbflaechen,
keine Karten, keine runden Kaesten, kein Grün.
Marke: Pflaume #2C1638 · Violett #A46BCB · Gold #C4AE8C
══════════════════════════════════════════════════════════════ */
:root{ --doc-blue:#1A73C4; --doc-blue-dark:#12569A; --gold:#C4AE8C; --gold-deep:#A98F63; }
/* ─── 1 · HERO ────────────────────────────────────────────────
Randloses Bild statt Farbfeld. Der Verlauf ist unten links am
dichtesten, genau dort steht die Schrift. Kein Halbbild mehr. */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;
justify-content:flex-end;overflow:hidden;background:#180C1E}
.hero-frame{position:absolute;inset:0;z-index:0}
.hero-img{width:100%;height:100%;object-fit:cover;object-position:62% 62%;
transform:scale(1.04);will-change:transform}
.hero-veil{position:absolute;inset:0;
background:
linear-gradient(to top, rgba(24,12,30,.94) 0%, rgba(24,12,30,.78) 24%, rgba(24,12,30,.42) 52%, rgba(24,12,30,.20) 76%, rgba(24,12,30,.34) 100%),
linear-gradient(to right, rgba(24,12,30,.80) 0%, rgba(24,12,30,.46) 34%, rgba(24,12,30,.06) 66%, rgba(24,12,30,.30) 100%)}
/* feines Korn nimmt dem Verlauf das Digitale */
.hero-grain{position:absolute;inset:0;opacity:.055;mix-blend-mode:overlay;
background-image:url("data:image/svg+xml;utf8,")}
.hero-body{position:relative;z-index:2;padding-bottom:clamp(28px,5vh,54px);max-width:var(--maxw)}
.hero-kicker{display:flex;align-items:center;gap:14px;color:var(--gold);
font-size:10.5px;letter-spacing:.34em;text-transform:uppercase;margin:0 0 clamp(18px,3vh,30px)}
.hero-rule{width:clamp(28px,4vw,56px);height:1px;background:var(--gold);opacity:.85;flex:none}
.hero-h1{font-family:var(--disp);color:#fff;font-weight:300;
font-size:clamp(2.9rem,7.4vw,6.6rem);line-height:.98;letter-spacing:-.022em;margin:0;
text-wrap:balance;text-shadow:0 2px 40px rgba(24,12,30,.45)}
.hero-h1 em{font-style:italic;font-weight:300;color:var(--brand-lilac)}
.hero-sub{color:rgba(255,255,255,.94);font-size:clamp(1rem,1.32vw,1.16rem);line-height:1.62;
max-width:36rem;margin:clamp(20px,3.2vh,32px) 0 0;text-shadow:0 1px 24px rgba(24,12,30,.5)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(26px,4vh,40px)}
.hero-base{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;
gap:20px;padding-bottom:clamp(18px,3vh,30px);max-width:var(--maxw)}
.hero-addr{color:rgba(255,255,255,.72);font-size:10px;letter-spacing:.26em;text-transform:uppercase;margin:0}
.hero-hint{color:rgba(255,255,255,.72)}
@media(max-width:900px){ .hero-img{object-position:66% 58%} .wide-only{display:none} .hero-addr{display:none} }
/* ─── 2 · KOPFZEILE ───────────────────────────────────────────
Echtes Logo. Marke und Navigation ruecken nach links.
Lesbarkeit ueber jedem Bild durch einen Verlauf von oben —
keine Box, keine Flaeche. */
.site-header:before{content:"";position:absolute;inset:0 0 auto;height:132px;pointer-events:none;
background:linear-gradient(to bottom,rgba(24,12,30,.62),rgba(24,12,30,.28) 46%,transparent);
transition:opacity .35s;z-index:-1}
.site-header.hd-scrolled:before{opacity:0}
.hd-inner{justify-content:flex-start;gap:clamp(20px,3vw,44px)}
.hd-left-end{flex:0 0 clamp(10px,2vw,34px)}
.hd-actions{margin-left:auto}
.hd-logo{display:block;width:auto;height:clamp(30px,3.1vw,38px)}
.hd-logo-dark{display:none}
.hd-scrolled .hd-logo-light{display:none}
.hd-scrolled .hd-logo-dark{display:block}
.hd-nav a{color:#fff;text-shadow:0 1px 18px rgba(24,12,30,.6);font-size:14px;letter-spacing:.005em}
.hd-scrolled .hd-nav a{color:var(--ink);text-shadow:none}
.hd-nav a:after{background:currentColor}
/* drei Schaltflaechen, ein System: gleiche Hoehe, gleiche Radien */
.hd-actions .hd-ig,.hd-actions .hd-phone{width:44px;height:44px;border-radius:2px;flex:none}
.hd-actions .hd-ig svg,.hd-actions .hd-phone svg{width:19px;height:19px}
.hd-cta.hd-doc{height:44px;display:inline-flex;align-items:center;border-radius:2px;
background:var(--doc-blue);border:1px solid var(--doc-blue);color:#fff;
padding:0 clamp(14px,1.5vw,22px);font-size:11px;letter-spacing:.16em;text-decoration:none;
transition:background .25s,border-color .25s,transform .25s}
.hd-cta.hd-doc:hover,.hd-cta.hd-doc:focus-visible{background:var(--doc-blue-dark);border-color:var(--doc-blue-dark);transform:translateY(-1px)}
/* Telefon bekommt einen sichtbaren Hover */
.hd-actions .hd-phone{border:1px solid rgba(255,255,255,.42);color:#fff;transition:background .25s,color .25s,border-color .25s,transform .25s}
.hd-scrolled .hd-actions .hd-phone{border-color:var(--line-strong);color:var(--ink)}
.hd-actions .hd-phone:hover,.hd-actions .hd-phone:focus-visible{
background:var(--brand-plum-deep);border-color:var(--brand-plum-deep);color:#fff;transform:translateY(-1px)}
.hd-actions .hd-ig{border:1px solid rgba(255,255,255,.42);color:#fff}
.hd-scrolled .hd-actions .hd-ig{border-color:var(--line-strong);color:var(--ink)}
/* ─── 3 · BEWERTUNGSBAND unter dem Hero ───────────────────────
Imposant durch Groesse und Weissraum, nicht durch Kaesten.
Goldene Sterne, eine grosse Zahl, ein laufendes Zitat. */
.rev{background:var(--bone);border-bottom:1px solid var(--line)}
.rev-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;
gap:clamp(28px,5vw,72px);padding-top:clamp(38px,6vh,62px);padding-bottom:clamp(38px,6vh,62px)}
.rev-score{display:flex;flex-direction:column;gap:6px;flex:none}
.rev-stars{color:var(--gold);font-size:clamp(17px,1.5vw,21px);letter-spacing:.22em;margin:0;line-height:1}
.rev-num{margin:0;display:flex;align-items:baseline;gap:12px}
.rev-big{font-family:var(--disp);font-weight:300;font-size:clamp(3rem,5.4vw,4.6rem);
line-height:.9;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.rev-meta{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0}
.rev-g{color:var(--ink)}
.rev-quotes{position:relative;min-height:104px;border-left:1px solid var(--line);
padding-left:clamp(24px,3.4vw,48px)}
.rev-q{margin:0;position:absolute;inset:0 0 auto;opacity:0;transform:translateY(8px);
transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);pointer-events:none;
padding-left:clamp(24px,3.4vw,48px)}
.rev-q.is-on{opacity:1;transform:none;pointer-events:auto}
.rev-q blockquote{margin:0;font-family:var(--disp);font-weight:300;font-style:italic;
font-size:clamp(1.02rem,1.5vw,1.34rem);line-height:1.5;color:var(--ink);max-width:44rem}
.rev-q figcaption{margin-top:12px;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.rev-dots{position:absolute;left:clamp(24px,3.4vw,48px);bottom:-4px;display:flex;gap:7px}
.rev-dots button{width:22px;height:2px;border:0;padding:0;background:var(--line-strong);cursor:pointer;
transition:background .3s}
.rev-dots button[aria-selected="true"]{background:var(--gold-deep)}
.rev-link{flex:none;color:var(--ink);border-bottom:1px solid var(--line-strong);padding-bottom:4px;
font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;white-space:nowrap;
transition:border-color .3s}
.rev-link:hover{border-color:var(--ink)}
.rev-link .arr{margin-left:8px;display:inline-block;transition:transform .3s}
.rev-link:hover .arr{transform:translateX(4px)}
@media(max-width:1080px){
.rev-inner{grid-template-columns:1fr;gap:26px}
.rev-quotes{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:24px;min-height:118px}
.rev-q{padding-left:0}
.rev-dots{left:0}
}
/* ─── 4 · STIMMEN: Grün raus, Pflaume rein ────────────────────*/
.voices{background:var(--brand-plum-deep);position:relative}
.voices:before{content:"";position:absolute;inset:0;pointer-events:none;
background:radial-gradient(120% 90% at 12% 0%,rgba(164,107,203,.20),transparent 62%)}
.voices>*{position:relative}
.voices-stars,.voices-rating strong{color:var(--gold)}
.voices .voice{border-color:rgba(244,240,233,.16)}
.voices .eyebrow-light{color:var(--gold)}
/* ─── 5 · TEAM kompakter, Bild groesser ───────────────────────*/
.credo{padding-top:clamp(64px,9vh,110px);padding-bottom:clamp(64px,9vh,110px)}
.credo-lit{font-size:clamp(1.24rem,2.3vw,2.05rem);line-height:1.34;max-width:52rem}
.credo-grid{grid-template-columns:1.35fr .95fr;gap:clamp(28px,4vw,64px);align-items:center}
.credo-body p{font-size:.96rem;line-height:1.68}
.credo-body p+p{margin-top:.8em}
.credo-figure .img-frame{aspect-ratio:4/3}
.credo-figure img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){ .credo-grid{grid-template-columns:1fr} }
/* ─── 6 · VERGLEICHS-SLIDER: exakt gleiche Hoehe ──────────────
Beide Karten sitzen im selben Raster, das Bildfenster hat ein
festes Verhaeltnis. Kein Nachvergroessern der Aufnahmen. */
.results-grid{align-items:start}
.results-grid .case{display:flex;flex-direction:column;height:100%}
.cmp,.case .cmp{margin:0}
.cmp-frame{aspect-ratio:4/5;position:relative;overflow:hidden}
.cmp-frame img,.cmp-before-clip img{position:absolute;inset:0;width:100%;height:100%;
object-fit:cover;object-position:center;display:block;transform:none}
.case figcaption{margin-top:14px}
/* ─── 7 · Feinschliff ─────────────────────────────────────────*/
.eyebrow{color:var(--gold-deep)}
.display em{color:var(--brand-purple)}
.btn-hero-primary{background:#fff;color:var(--brand-plum-deep);border:1px solid #fff}
.btn-hero-primary:hover{background:var(--brand-lilac);border-color:var(--brand-lilac)}
.btn-hero-ghost{border:1px solid rgba(255,255,255,.5);color:#fff}
.btn-hero-ghost:hover{background:rgba(255,255,255,.12);border-color:#fff}
/* ─── 8 · Korrekturen aus dem Durchgang ───────────────────────*/
/* Hero-Fusszeile echt spreizen */
.hero-base{width:100%;margin:0 auto}
.hero-base .hero-hint{margin:0}
/* Kicker etwas heller, damit er auch ueber hellem Stein traegt */
.hero-kicker{color:#E8D8B8}
.hero-rule{background:#E8D8B8}
/* Mobile Kopfzeile: Logo bekommt Luft, Doctolib-Knopf entfaellt —
die feste Leiste unten uebernimmt ihn bereits. */
@media(max-width:780px){
.hd-cta.hd-doc{display:none}
.hd-logo{height:30px}
.hd-inner{gap:12px}
.hd-actions{gap:9px}
.hd-actions .hd-ig,.hd-actions .hd-phone{width:40px;height:40px}
.hero-kicker{font-size:9.5px;letter-spacing:.26em}
.hero-body{padding-bottom:22px}
}
/* Sehr schmal: nur noch Logo und Menue */
@media(max-width:430px){
.hd-actions .hd-ig{display:none}
.hd-logo{height:28px}
}
.hero-kicker{color:#F2E7D2}
.hero-rule{background:#F2E7D2}
/* ─── 9 · Restliche Kontraste ─────────────────────────────────
.w ist der Ruhezustand der Wort-Aufhellung. Bei 14% war der
Text unlesbar, falls die Animation nicht ausloest. Angehoben.
.tx-no sind die Ziffern 01–06 der Behandlungsliste. */
.credo-lit .w,.split .w,.w{opacity:.42!important}
.credo-lit .w.lit,.split .w.lit,.w.lit{opacity:1!important}
.credo-lit .w.lit,.split .w.lit,.w.lit{opacity:1}
.tx-no,.tx-card-idx,.it-m{color:var(--muted)}
.tx-tags span{color:var(--muted)}
html.motion-ok .credo-lit .w:not(.lit){opacity:.42}
/* ─── 10 · Ergebnisse: zwei Slider, exakt auf einer Linie ─────
Der redaktionelle Versatz der zweiten Karte ist raus — er las
sich als Ausrichtungsfehler statt als Gestaltung. */
.results-grid{grid-template-columns:1fr 1fr;align-items:start}
.results-grid .case,
.results-grid .case:nth-child(1),
.results-grid .case:nth-child(2),
.results-grid .case:nth-child(3){grid-column:auto;margin-top:0}
.results-grid .case{display:flex;flex-direction:column}
.results-grid .cmp{margin:0}
.results-grid .cmp-frame{aspect-ratio:4/5}
.results-grid figcaption{margin-top:16px}
@media(max-width:820px){ .results-grid{grid-template-columns:1fr} }
/* ─── 11 · HIFU als eigener Abschnitt ─────────────────────────
Ein Bild, kein Vergleich. Die Bildunterschrift benennt den
Zeitpunkt, nicht ein Ergebnis. */
.spot{padding:clamp(70px,10vh,120px) 0;background:var(--bone-2);
border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.spot-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(30px,5vw,72px);align-items:center}
.spot-media{margin:0;position:relative}
.spot-media img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}
.spot-cap{position:absolute;left:0;bottom:0;background:#1c1b18c9;color:var(--bone-on-dark);
padding:9px 14px;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase}
.spot-body .display{margin:12px 0 0}
.spot-lede{margin-top:18px;font-size:1.02rem;line-height:1.66;max-width:34rem;color:var(--ink)}
.spot-facts{display:grid;grid-template-columns:repeat(3,auto);gap:clamp(18px,3vw,42px);
margin:clamp(26px,4vh,38px) 0 0;padding-top:22px;border-top:1px solid var(--line);justify-content:start}
.spot-facts dt{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.spot-facts dd{margin:6px 0 0;font-size:13.5px;color:var(--ink)}
.spot-note{margin-top:22px;font-size:12px;line-height:1.6;color:var(--muted);max-width:34rem}
.spot-body .btn{margin-top:26px}
@media(max-width:900px){
.spot-grid{grid-template-columns:1fr;gap:28px}
.spot-facts{grid-template-columns:1fr 1fr}
}
/* ─── 12 · Feinschliff-Durchgang ──────────────────────────────*/
/* Hero heller. Der Schleier traegt jetzt nur noch dort, wo Schrift
steht — links unten. Rechts bleibt die Fassade offen. */
.hero-veil{
background:
linear-gradient(to top, rgba(24,12,30,.86) 0%, rgba(24,12,30,.62) 26%, rgba(24,12,30,.24) 54%, rgba(24,12,30,.06) 78%, rgba(24,12,30,.16) 100%),
linear-gradient(to right, rgba(24,12,30,.78) 0%, rgba(24,12,30,.40) 30%, rgba(24,12,30,.04) 58%, rgba(24,12,30,0) 100%)}
.hero-img{object-position:70% 60%}
/* Text weiter nach links und schmaler gesetzt */
.hero-body,.hero-base{padding-left:clamp(22px,4.2vw,64px)}
.hero-h1{max-width:15ch}
.hero-sub{max-width:31rem}
/* Logo praesenter */
.hd-logo{height:clamp(36px,3.9vw,48px)}
@media(max-width:780px){ .hd-logo{height:34px} }
/* HIFU-Abschnitt mit Vergleich */
.spot-media .cmp{margin:0}
.spot-media .cmp-frame{aspect-ratio:4/5}
.spot-proto{margin-top:12px;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.spot-facts{grid-template-columns:repeat(3,auto)}
@media(max-width:900px){ .spot-facts{grid-template-columns:1fr 1fr} }
/* Bildmarke als ruhiger Akzent, nicht als Dekoration */
.book{position:relative;overflow:hidden}
.book-mark{position:absolute;right:clamp(-40px,-2vw,0px);bottom:-6%;width:clamp(180px,22vw,340px);
height:auto;opacity:.07;pointer-events:none;user-select:none}
@media(max-width:820px){ .book-mark{width:190px;opacity:.05} }
/* ─── 13 · Hero B: Fassade links, Behandlung rechts ───────────
Beide Haelften sind Fotografie — kein Farbfeld, keine Kante
aus Volltonflaeche. Der Uebergang laeuft weich aus. */
.hero-aside{position:absolute;top:0;right:0;bottom:0;width:clamp(280px,38vw,560px);
margin:0;z-index:1;overflow:hidden}
.hero-clip{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero-aside-edge{position:absolute;inset:0;pointer-events:none;
background:linear-gradient(to right,rgba(24,12,30,.95) 0%,rgba(24,12,30,.55) 22%,rgba(24,12,30,.10) 55%,rgba(24,12,30,.22) 100%)}
/* der Fassaden-Schleier darf rechts jetzt zurueckgenommen werden */
.hero-veil{background:
linear-gradient(to top, rgba(24,12,30,.88) 0%, rgba(24,12,30,.64) 26%, rgba(24,12,30,.26) 54%, rgba(24,12,30,.08) 80%, rgba(24,12,30,.18) 100%),
linear-gradient(to right, rgba(24,12,30,.82) 0%, rgba(24,12,30,.46) 34%, rgba(24,12,30,.12) 62%, rgba(24,12,30,0) 100%)}
.hero-body{max-width:min(var(--maxw), 62vw)}
@media(max-width:900px){
.hero-aside{display:none}
.hero-body{max-width:var(--maxw)}
}
/* SkinPen-Rahmen an die neue Bildgroesse */
.results-grid .cmp-frame{aspect-ratio:4/5}
/* ─── 14 · Hero B: weiche Naht statt harter Kante ─────────────*/
.hero-aside{
-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.55) 14%,#000 34%);
mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.55) 14%,#000 34%)}
.hero-aside-edge{background:linear-gradient(to right,
rgba(24,12,30,.92) 0%,rgba(24,12,30,.60) 20%,rgba(24,12,30,.22) 48%,rgba(24,12,30,.10) 74%,rgba(24,12,30,.30) 100%)}
/* Adresse lag im Video — sie steht ohnehin schon in der Kopfzeile */
.hero-addr{display:none}
.hero-base{justify-content:flex-start}
/* ─── 15 · Ergebnisse praesenter, zweiter Ausgangsbefund ──────*/
.results{padding-top:clamp(70px,10vh,130px)}
.results .display{font-size:clamp(2.4rem,5.2vw,4.4rem)}
.results-grid{margin-top:clamp(40px,6vh,68px)}
.case-extra{display:grid;grid-template-columns:132px 1fr;gap:16px;align-items:start;
margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.case-extra-item{margin:0}
.case-extra-item img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}
.case-extra-item figcaption{margin-top:8px;font-size:9px;letter-spacing:.16em;
text-transform:uppercase;color:var(--muted);line-height:1.5}
.case-extra-note{margin:0;font-size:12px;line-height:1.65;color:var(--muted);align-self:center}
@media(max-width:520px){ .case-extra{grid-template-columns:104px 1fr} }
/* ─── 16 · Ruhigere Kopfzeile, Hero ohne Kollision ────────────
Ziel: weniger Elemente, ein Blickpunkt, Schrift und Gesicht
ueberlagern sich nicht mehr. */
/* Kopfzeile: nur noch Logo, vier Ziele, ein Knopf.
Der Doctolib-Knopf ist ueber dem Foto eine ruhige Kontur und
wird erst solide, wenn die Leiste weiss wird. */
.site-header:not(.hd-scrolled) .hd-cta.hd-doc{
background:transparent;border:1px solid rgba(255,255,255,.60);
color:#fff;box-shadow:none}
.site-header:not(.hd-scrolled) .hd-cta.hd-doc:hover,
.site-header:not(.hd-scrolled) .hd-cta.hd-doc:focus-visible{
background:rgba(255,255,255,.16);border-color:#fff;color:#fff;transform:none}
.hd-nav{gap:clamp(20px,2.6vw,40px)}
.hd-nav a{font-size:14px;letter-spacing:.01em}
.hd-actions{gap:14px}
/* Hero: die Textspalte endet vor dem Video, nicht darin. */
.hero-body{max-width:min(760px,58vw)}
.hero-h1{font-size:clamp(2.6rem,5.4vw,5.2rem);line-height:1.02}
.hero-sub{max-width:34em}
/* Ein Hauptweg, ein Nebenweg — statt zwei gleich lauten Knoepfen */
.hero-actions{align-items:center;gap:clamp(18px,2.4vw,34px)}
.hero-link{display:inline-flex;align-items:center;gap:.6em;
font-size:14px;letter-spacing:.02em;color:#F4EAF6;text-decoration:none;
padding:6px 2px;border-bottom:1px solid rgba(244,234,246,.34);
transition:border-color .25s ease,color .25s ease}
.hero-link:hover{color:#fff;border-bottom-color:#fff}
.hero-link .arr{transition:transform .25s ease}
.hero-link:hover .arr{transform:translateX(4px)}
/* Fassade tritt zurueck: weniger Detail, mehr Ruhe hinter der Schrift */
.hero-img{filter:saturate(.72) contrast(.94)}
.hero-veil{background:
linear-gradient(to top, rgba(24,12,30,.90) 0%, rgba(24,12,30,.70) 26%, rgba(24,12,30,.34) 54%, rgba(24,12,30,.14) 80%, rgba(24,12,30,.26) 100%),
linear-gradient(to right, rgba(24,12,30,.88) 0%, rgba(24,12,30,.62) 30%, rgba(24,12,30,.30) 58%, rgba(24,12,30,.06) 84%, rgba(24,12,30,0) 100%)}
/* Video etwas schmaler, damit rechts Luft bleibt */
.hero-aside{width:clamp(260px,34vw,500px)}
@media(max-width:900px){
.hero-body{max-width:var(--maxw)}
.hero-actions{flex-direction:column;align-items:stretch;gap:16px}
.hero-link{justify-content:center;border-bottom:none;
border:1px solid rgba(244,234,246,.34);padding:14px 18px}
}
/* ─── 17 · Zweite Aufnahmen unter den Reglern ────────────────
Zwei Bilder nebeneinander, eine Zeile Text. Was man sieht,
muss man nicht erklaeren. */
.case-second{margin:clamp(34px,4.4vh,56px) 0 0;padding-top:clamp(24px,3vh,34px);
border-top:1px solid var(--line);
display:grid;grid-template-columns:repeat(2,minmax(0,clamp(200px,22vw,300px)));
gap:clamp(14px,2vw,22px);align-items:start;justify-content:start}
.cs-item{margin:0}
.cs-item img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}
.cs-item figcaption{margin-top:10px;font-size:10px;letter-spacing:.18em;
text-transform:uppercase;color:var(--muted)}
.cs-note{grid-column:1/-1;margin:clamp(14px,2vh,20px) 0 0;
font-size:12px;letter-spacing:.06em;color:var(--muted);line-height:1.7;max-width:56ch}
@media(max-width:520px){
.case-second{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* ─── 18 · Credo: gedimmter Zustand bleibt lesbar ─────────────
Die Woerter hellen beim Scrollen auf. Der Ausgangszustand lag
bei 2,58:1 und war damit unter der Schwelle fuer grosse Schrift
(3,0:1) — ohne JavaScript blieb der Text dauerhaft zu blass. */
.credo-lit .w,.split .w,.w{opacity:.52!important}
html.motion-ok .credo-lit .w:not(.lit){opacity:.52!important}
.credo-lit .w.lit,.split .w.lit,.w.lit{opacity:1!important}
@media(max-width:900px){
/* auf dem Handy ist die Credo-Schrift kleiner — dort gilt 4,5:1 */
.credo-lit .w,.split .w,.w{opacity:.66!important}
html.motion-ok .credo-lit .w:not(.lit){opacity:.66!important}
.credo-lit .w.lit,.split .w.lit,.w.lit{opacity:1!important}
}
/* ─── 19 · Menue-Knopf: Beschriftung fuer Screenreader ────────
Das