/* Waterline Quiet: a fluid Banani wellness identity using marine blue, mineral hues and soft coral. */
:root{--marine:#063a59;--deep:#032940;--ocean:#0b5d7b;--mint:#d9f0ee;--foam:#edf8f7;--shell:#f8f2ea;--coral:#f27c66;--coral-pale:#ffd2c9;--ink:#123344;--slate:#5b7280;--line:rgba(6,58,89,.16);--white:#fff;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--mono:"DM Mono",monospace;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--shell);color:var(--ink);font:16px/1.7 var(--sans)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;object-fit:cover}.skip-link{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:1rem;top:1rem;width:auto;height:auto;padding:.7rem 1rem;background:var(--white);z-index:50;border:2px solid var(--marine)}
.site-header{height:90px;padding:0 clamp(1.2rem,4vw,5rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--shell);position:relative;z-index:20}.brand{display:inline-flex;align-items:center;gap:.7rem;line-height:1}.brand-s{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;color:transparent;background:linear-gradient(135deg,var(--ocean),#67c7d0 55%,var(--coral));font:600 1.3rem var(--serif);background-clip:text;-webkit-background-clip:text;border:1px solid #8bcbd2;position:relative}.brand-s:after{content:"";position:absolute;inset:2px;border:1px solid rgba(255,255,255,.65);border-radius:11px}.brand b,.brand em{display:block;font:500 .7rem var(--mono);letter-spacing:.12em}.brand em{font-size:.53rem;margin-top:.38rem;color:var(--slate);font-style:normal}.nav-links{display:flex;gap:1.7rem;font:500 .64rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:1px;background:var(--coral);transition:width .25s var(--ease)}.nav-links a:hover:after{width:100%}.header-cta{font:500 .64rem var(--mono);letter-spacing:.1em;border-bottom:1px solid var(--coral);padding-bottom:.25rem}.header-cta span{color:var(--coral);font-size:1rem}.menu-toggle{display:none;border:0;background:transparent;color:var(--ink);font:500 .64rem var(--mono);letter-spacing:.1em;align-items:center;gap:.5rem}.menu-toggle span{height:8px;width:20px;border-top:1px solid;border-bottom:1px solid}
.hero{background:var(--deep);color:var(--white);display:grid;grid-template-columns:1.03fr .97fr;min-height:calc(100vh - 90px)}.hero-copy{padding:clamp(4.5rem,9vw,9.3rem) clamp(1.2rem,7vw,8rem);align-self:center}.eyebrow{font:500 .64rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ocean);margin:0 0 1.2rem}.eyebrow.light{color:#a9dbdf}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(3rem,5.4vw,6.4rem)/.98 var(--serif);letter-spacing:-.055em;max-width:10ch;margin-bottom:1.65rem}h1 i,h2 i{font-weight:500;color:#83d1d3}.hero-intro{max-width:33rem;color:#cfdee4;font-size:1.04rem;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:1.6rem;margin:2.2rem 0}.button{display:inline-flex;align-items:center;gap:1.25rem;padding:.9rem 1.35rem;font:500 .68rem var(--mono);letter-spacing:.1em;text-transform:uppercase;transition:transform .18s var(--ease),background .18s var(--ease)}.button:hover{transform:translateY(-3px)}.button:active{transform:scale(.97)}.button-coral{background:var(--coral);color:var(--deep)}.button-light{background:var(--foam);color:var(--marine)}.button span{font-size:1rem}.quiet-link{font:500 .67rem var(--mono);letter-spacing:.1em;border-bottom:1px solid var(--coral);padding-bottom:.32rem}.quiet-link span{color:var(--coral);font-size:1rem}.light-link{color:var(--white)}.hero-meta{font:400 .59rem var(--mono);letter-spacing:.1em;color:#98b5c1}.hero-image{position:relative;margin:0;overflow:hidden;min-height:600px}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--deep),transparent 32%,rgba(3,41,64,.1))}.hero-image img{width:100%;height:100%;position:absolute}.hero-image figcaption{position:absolute;z-index:2;right:2rem;bottom:1.9rem;color:var(--white);font:500 .58rem var(--mono);letter-spacing:.12em}.hero-image figcaption span{color:#a9dbdf;margin-left:1rem}
.approach-section{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:clamp(3rem,9vw,12rem);align-items:center;padding:clamp(5rem,10vw,10rem) clamp(1.2rem,10vw,11rem)}.vertical-photo{margin:0}.vertical-photo img{width:100%;height:min(690px,70vw);filter:saturate(.9)}.vertical-photo figcaption{font:500 .62rem/1.5 var(--mono);letter-spacing:.13em;color:var(--slate);margin-top:.8rem}.vertical-photo figcaption span{color:var(--coral)}.approach-copy h2,.section-heading h2,.pricing-intro h2,.guide-title h2,.faq-section h2{font:500 clamp(2.5rem,4.7vw,5.1rem)/1.02 var(--serif);letter-spacing:-.055em;margin-bottom:1.55rem}.approach-copy>p:not(.eyebrow){color:#405b68;max-width:43rem;margin-bottom:1.25rem}.check-list{list-style:none;padding:0;margin:2rem 0}.check-list li{padding:.65rem 0;border-bottom:1px solid var(--line);font-size:.9rem}.check-list li:before{content:"~";font:600 1.1rem var(--serif);color:var(--coral);padding-right:.75rem}
.session-section{padding:clamp(5rem,10vw,10rem) clamp(1.2rem,6vw,7rem);background:var(--foam)}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;column-gap:5rem;max-width:1100px;margin-bottom:4rem}.section-heading .eyebrow,.section-heading h2{grid-column:1}.section-heading>p{grid-column:2;grid-row:2;align-self:end;color:#46616e;max-width:27rem}.session-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,6rem);max-width:1380px;margin:auto}.featured-session{position:relative;min-height:510px;margin:0;overflow:hidden;background:var(--marine);color:var(--white)}.featured-session>img{position:absolute;width:100%;height:100%;opacity:.68}.featured-session:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,41,64,.97),rgba(3,41,64,.04) 75%)}.featured-session>div{position:absolute;z-index:1;bottom:0;padding:2rem;max-width:28rem}.featured-session span,.session-list article>span{font:500 .62rem var(--mono);letter-spacing:.1em;color:#a9dbdf}.featured-session h3,.session-list h3{font:500 2rem/1.1 var(--serif);margin:.45rem 0}.featured-session p{margin:0 0 1rem;font-size:.92rem;color:#d7e5ea}.featured-session b,.session-list b{font:500 .62rem var(--mono);letter-spacing:.1em}.session-list{border-top:1px solid var(--line)}.session-list article{display:grid;grid-template-columns:3rem 1fr auto;gap:1rem;align-items:start;padding:1.18rem 0;border-bottom:1px solid var(--line)}.session-list h3{font-size:1.28rem;margin:0 0 .22rem}.session-list p{font-size:.88rem;line-height:1.55;color:#4d6875;max-width:28rem;margin:0}.session-list b{text-align:right;white-space:nowrap;color:#1a495c}
.image-statement{background:var(--marine);color:var(--white);display:grid;grid-template-columns:.8fr 1.2fr;min-height:480px}.image-statement>img{width:100%;height:100%;min-height:380px;filter:saturate(.8)}.image-statement>div{align-self:center;padding:clamp(3rem,8vw,8rem);max-width:700px}.image-statement h2{font:500 clamp(2.6rem,4.5vw,5rem)/1 var(--serif);letter-spacing:-.05em;margin:0 0 1.35rem}.image-statement>div>p:last-child{color:#cfe1e5;max-width:35rem}
.pricing-section{padding:clamp(5rem,10vw,10rem) clamp(1.2rem,6vw,7rem)}.pricing-intro{max-width:780px;margin-bottom:3.3rem}.pricing-intro>p:not(.eyebrow){color:#48616e}.price-table{border-top:1px solid var(--marine);max-width:1300px}.price-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:1rem;padding:1.05rem .65rem;border-bottom:1px solid var(--line);align-items:center}.price-row.labels{font:500 .6rem var(--mono);letter-spacing:.1em;color:var(--slate)}.price-row strong{font:500 1.1rem var(--serif)}.price-row span{font-size:.9rem;color:#405966}.rate-note{font:400 .7rem var(--mono);color:var(--slate);max-width:55rem;margin:1rem 0 0}
.guide-section{padding:clamp(5rem,10vw,10rem) clamp(1.2rem,6vw,7rem);background:var(--foam)}.guide-title{max-width:870px;margin-bottom:4rem}.guide-title>p:not(.eyebrow){color:#47616e;max-width:37rem}.guide-grid{display:grid;grid-template-columns:minmax(230px,.43fr) minmax(0,1fr);gap:clamp(3rem,7vw,9rem);max-width:1280px}.guide-grid aside img{width:100%;height:480px}.guide-grid aside>p{font:500 .61rem/1.5 var(--mono);letter-spacing:.12em;color:var(--slate);margin-top:.8rem}.guide-grid aside span{color:var(--coral)}.long-copy{max-width:750px}.long-copy h3{font:500 1.72rem/1.18 var(--serif);letter-spacing:-.02em;margin:2.85rem 0 .75rem}.long-copy h3:first-child{margin-top:0}.long-copy p{font-size:1rem;line-height:1.88;color:#3a5663;margin-bottom:1.22rem}.long-copy strong{color:var(--ink);font-weight:600}
.gallery-band{display:grid;grid-template-columns:1.08fr .92fr;min-height:500px;background:var(--deep);color:var(--white)}.gallery-band>img{width:100%;height:100%;min-height:420px;filter:saturate(.78)}.gallery-band>div{padding:clamp(3rem,7vw,7rem);align-self:center}.gallery-band h2{font:500 clamp(2.4rem,4vw,4.5rem)/1 var(--serif);letter-spacing:-.05em;margin:0 0 1.25rem}.gallery-band>div>p:not(.eyebrow){color:#cbdde2;max-width:31rem;margin-bottom:2rem}
.faq-section{padding:clamp(5rem,10vw,8rem) clamp(1.2rem,6vw,7rem);display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(3rem,10vw,12rem)}.faq-section>div:first-child>p:not(.eyebrow){color:#4d6571;max-width:25rem}.faq-list{border-top:1px solid var(--marine)}.faq-list details{border-bottom:1px solid var(--line);padding:1.15rem 0}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:2rem;font:500 1.1rem var(--serif)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-family:var(--mono);color:var(--coral)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{margin:1rem 3rem .2rem 0;color:#4c6571;font-size:.93rem}
.micro-guide{padding:clamp(5rem,9vw,9rem) clamp(1.2rem,10vw,11rem);display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(3rem,9vw,10rem);background:var(--shell)}.micro-guide h2{font:500 clamp(2.4rem,4.2vw,4.6rem)/1.03 var(--serif);letter-spacing:-.05em}.micro-guide article{max-width:730px}.micro-guide h3{font:500 1.7rem/1.16 var(--serif);letter-spacing:-.02em;margin:0 0 .8rem}.micro-guide h3:not(:first-child){margin-top:2.7rem}.micro-guide p{color:#3d5865;font-size:1rem;line-height:1.88;margin-bottom:1.2rem}
.visit-section{background:var(--marine);color:var(--white);display:grid;grid-template-columns:.88fr 1.12fr;min-height:620px}.visit-copy{padding:clamp(3rem,7vw,7rem);align-self:center}.visit-copy h2{font:500 clamp(2.7rem,4.4vw,4.9rem)/1 var(--serif);letter-spacing:-.05em;margin:0 0 2rem}.visit-copy address{font:400 1.02rem/1.8 var(--sans);color:#d8e6e9;font-style:normal;margin-bottom:2.3rem}.visit-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.8rem}.visit-actions a{font:500 .6rem/1.6 var(--mono);letter-spacing:.1em;color:#b8d2d6;border-top:1px solid rgba(255,255,255,.3);padding-top:.7rem}.visit-actions a b{font:500 .73rem var(--mono);color:#adf0ec;letter-spacing:.03em}.map-frame,.map-frame iframe{width:100%;min-height:500px}.map-frame iframe{display:block;height:100%;filter:grayscale(.7) contrast(1.05) brightness(.88)}
.site-footer{padding:3rem clamp(1.2rem,6vw,7rem);background:#02253a;color:#b9d0d5;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}.footer-brand{color:var(--white)}.site-footer nav{display:flex;gap:1.1rem;font:500 .59rem var(--mono);letter-spacing:.09em;text-transform:uppercase}.copyright{grid-column:1;font:400 .63rem var(--mono);letter-spacing:.04em;margin:0}.copyright a{color:#a9dbdf;text-decoration:underline}.back-top{grid-column:2;grid-row:2;font:500 .61rem var(--mono);letter-spacing:.09em;color:#a9dbdf}
.floating-call,.floating-right{position:fixed;z-index:15;bottom:1.3rem}.floating-call{left:1.3rem;display:flex;align-items:center;gap:.5rem;background:var(--coral);color:var(--deep);padding:.72rem .8rem;border-radius:3px;font:500 .61rem var(--mono);letter-spacing:.1em;box-shadow:0 8px 22px rgba(0,0,0,.2)}.floating-call span{font-size:1rem}.floating-right{right:1.3rem;display:flex;flex-direction:column;gap:.55rem;align-items:flex-end}.floating-telegram,.floating-whatsapp{display:flex;align-items:center;gap:.5rem;padding:.68rem .78rem;border-radius:3px;color:var(--white);font:500 .58rem var(--mono);letter-spacing:.08em;box-shadow:0 8px 22px rgba(0,0,0,.2)}.floating-telegram{background:#298bbd}.floating-whatsapp{background:#278b63}.floating-telegram span,.floating-whatsapp span{font-size:.84rem;font-weight:700}.floating-call:hover,.floating-telegram:hover,.floating-whatsapp:hover{transform:translateY(-2px)}
@media(max-width:900px){.site-header{height:76px}.nav-links{position:absolute;top:76px;left:0;right:0;display:none;flex-direction:column;gap:1rem;padding:1.15rem 1.2rem;background:var(--shell);border-bottom:1px solid var(--line)}.nav-links.is-open{display:flex}.menu-toggle{display:flex}.header-cta{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:5.2rem 1.2rem 4.3rem}.hero-image{min-height:440px}.hero-image:after{background:linear-gradient(0deg,var(--deep),transparent 35%)}.approach-section,.session-layout,.image-statement,.gallery-band,.faq-section,.micro-guide,.visit-section{grid-template-columns:1fr}.approach-section{padding:5rem 1.2rem;gap:3rem}.vertical-photo img{height:530px}.session-section,.pricing-section,.guide-section{padding:5rem 1.2rem}.section-heading{display:block;margin-bottom:3rem}.section-heading>p{max-width:32rem}.image-statement>div{padding:4.5rem 1.2rem}.guide-grid{grid-template-columns:1fr;gap:3rem}.guide-grid aside{display:grid;grid-template-columns:150px 1fr;gap:1.2rem;align-items:end}.guide-grid aside img{height:210px}.gallery-band>div{padding:4.5rem 1.2rem}.faq-section,.micro-guide{padding:5rem 1.2rem;gap:2rem}.visit-copy{padding:4.5rem 1.2rem}.visit-actions{grid-template-columns:1fr 1fr}.map-frame,.map-frame iframe{min-height:400px}.site-footer{grid-template-columns:1fr;padding:2.5rem 1.2rem}.site-footer nav{flex-wrap:wrap}.back-top{grid-column:1;grid-row:auto}.floating-call,.floating-right{bottom:1rem}.floating-call{left:1rem}.floating-right{right:1rem}.floating-call,.floating-telegram,.floating-whatsapp{width:42px;height:42px;padding:0;justify-content:center;border-radius:50%}.floating-call b,.floating-telegram b,.floating-whatsapp b{display:none}}
@media(max-width:550px){h1{font-size:3.05rem}.hero-actions{flex-wrap:wrap;gap:1rem}.hero-image{min-height:360px}.hero-copy{padding-top:4.2rem}.approach-copy h2,.section-heading h2,.pricing-intro h2,.guide-title h2,.faq-section h2{font-size:2.55rem}.featured-session{min-height:440px}.session-list article{grid-template-columns:2rem 1fr}.session-list b{grid-column:2;text-align:left;margin-top:.4rem}.price-row{grid-template-columns:1.35fr .78fr .78fr .78fr;gap:.35rem;padding:.82rem .1rem}.price-row.labels{font-size:.49rem}.price-row strong{font-size:.83rem}.price-row span{font-size:.69rem}.guide-grid aside{grid-template-columns:110px 1fr}.guide-grid aside img{height:165px}.long-copy p{font-size:.96rem}.faq-list summary{font-size:1.01rem}.faq-list p{margin-right:0}.visit-copy h2{font-size:2.7rem}.visit-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){.button,.floating-call,.floating-telegram,.floating-whatsapp{transition:transform .18s var(--ease),background .18s var(--ease)}}