/* Keep the calligraphy and its movement separate from the landscape. */
.page-art{background-image:url('assets/landscape-clean.png');background-position:center top;background-size:cover}.page-art:after{background:linear-gradient(90deg,#041a1359,transparent 66%),linear-gradient(0deg,#051e17c9,transparent 26%)}
.composition{padding-top:44px;min-height:1400px}.introduction{width:59%;max-width:780px;padding-bottom:0}.introduction:before{inset:-40px -85px -40px -5vw;background:radial-gradient(ellipse at 31% 44%,#061e16ed 14%,#071f17bd 52%,transparent 78%)}
.eyebrow{font:500 .8rem/1.5 var(--sans);letter-spacing:.2em;margin-bottom:17px}h1{font-size:clamp(2.9rem,4.6vw,4.6rem);font-weight:400;line-height:1.02;letter-spacing:-.04em;max-width:800px}h1 em{font-size:.86em;line-height:1.15;letter-spacing:-.04em;margin-top:8px;white-space:normal}.lead{font-size:1.5rem;line-height:1.45;margin-top:25px;color:#f4e6c6;font-weight:400}.homepage-copy{font:400 1.0625rem/1.78 var(--sans);max-width:690px;margin-top:24px;color:#e0e4d6;scroll-margin-top:35px}.homepage-copy p+p{margin-top:19px}.care-promise{max-width:660px;margin-top:24px}.care-promise strong{font:400 1.55rem/1.4 var(--serif);color:#f1d293}.care-promise span{display:block;font:400 1rem/1.75 var(--sans);color:#e0e4d6;margin-top:10px}.intro-contact{margin-top:26px;max-width:615px}.intro-contact .whatsapp-button{font-size:2.3rem;min-height:86px;padding:17px 24px;border-radius:15px;gap:24px}.intro-contact .whatsapp-button>svg{width:47px;height:47px}.consultation-note{font:400 .875rem/1.6 var(--sans);color:#d9dccb;margin-top:15px;max-width:615px;text-align:center}
.floating-ink{position:absolute;z-index:35;top:24px;right:1.5%;width:36%;max-width:530px;pointer-events:none;transform:translate3d(var(--ink-x,0px),var(--ink-y,0px),0);transition:transform .65s cubic-bezier(.2,.7,.3,1);will-change:transform}.floating-ink img{width:100%;height:auto;display:block;filter:url(#ink-key) drop-shadow(0 26px 13px #00180fe0) drop-shadow(0 0 6px #ffd7802e);animation:ink-hover 7s ease-in-out infinite;transform-origin:50% 55%}.art-signature{top:665px;left:65%;right:3%;z-index:30}.art-signature>span{font-size:1.9rem;letter-spacing:.22em}.art-signature small{font:400 .7rem/1.6 var(--sans);letter-spacing:.28em}.messages{height:560px;bottom:38px}.message-one{left:12%;top:107px;width:33%;opacity:.7}.message-two{left:48%;top:17px;width:18%;opacity:.73}.message-three{left:70%;top:25px;width:18%;opacity:.69}
@keyframes ink-hover{0%,100%{transform:translate3d(0,0,0) rotate(-.7deg)}50%{transform:translate3d(0,-13px,0) rotate(.6deg)}}
@media(min-width:1550px){.composition{min-height:1440px}.messages{height:590px}.art-signature{top:715px}.page-art{background-size:cover}}
@media(max-width:1150px){.composition{min-height:1500px;padding-top:37px}.introduction{width:63%}.homepage-copy{font-size:1rem}.floating-ink{right:-3%;width:36%;top:65px}.art-signature{top:640px;left:70%;right:-2%}.art-signature>span{font-size:1.5rem}.art-signature small{font-size:.6rem}.intro-contact .whatsapp-button{font-size:2rem}.message-one{left:5%;width:37%;top:100px}.message-two{left:44%;width:23%;top:0}.message-three{left:72%;width:23%;top:35px}.messages{height:555px;bottom:38px}}
@media(max-width:850px){.composition{min-height:1500px}.introduction{width:72%}.floating-ink{right:-6%;width:33%;top:30px;opacity:.9}.art-signature{top:455px;left:76%;right:-4%}.art-signature>span{font-size:1.1rem}.art-signature small{font-size:.5rem;letter-spacing:.15em}.homepage-copy{line-height:1.75}.lead{font-size:1.3rem}.messages{height:500px}.message-one{top:90px}.message-two{top:0}.message-three{top:45px}}
@media(max-width:600px){.header-nav a[href="#approach"]{display:block;font-size:.85rem}.page-art{background-size:auto 1500px;background-position:54% top}.page-art:after{background:linear-gradient(0deg,#062218 3%,#062218aa 37%,transparent 85%)}.composition{padding-top:30px;min-height:0;padding-bottom:0}.introduction{width:100%;max-width:none}.introduction:before{inset:230px -18px -35px;background:linear-gradient(90deg,#061e16e8,#061e16c2 64%,#061e1673)}.eyebrow{font-size:.67rem;letter-spacing:.13em;max-width:220px;margin-bottom:18px}h1{font-size:clamp(2.1rem,8.9vw,3rem);line-height:1.07;letter-spacing:-.04em;width:70%;min-height:213px;max-width:380px}h1 em{font-size:.88em;line-height:1.17;margin-top:9px}.floating-ink{top:45px;right:-10px;width:37%;max-width:205px;opacity:1;z-index:25}.floating-ink img{animation-duration:8s;filter:url(#ink-key) drop-shadow(0 16px 8px #00170ff0) drop-shadow(0 0 4px #ffda8030)}.art-signature{display:none}.lead{font-size:1.27rem;line-height:1.45;margin-top:10px;max-width:none}.lead br{display:block}.homepage-copy{font-size:1rem;line-height:1.78;margin-top:24px}.homepage-copy p+p{margin-top:20px}.care-promise{margin-top:24px}.care-promise strong{font-size:1.4rem}.care-promise span{font-size:1rem;line-height:1.75}.intro-contact{margin-top:26px;max-width:none}.intro-contact .whatsapp-button{font-size:clamp(1.35rem,5.8vw,1.9rem);min-height:78px;gap:17px;padding:17px 13px}.intro-contact .whatsapp-button>svg{width:40px;height:40px}.consultation-note{font-size:.8rem;margin-top:13px}.messages{position:relative;height:calc(147vw + 155px);margin-top:35px;bottom:auto}.message-one{left:1%;top:75px;width:72%;opacity:.71}.message-two{left:51%;top:0;width:45%;opacity:.72}.message-three{left:30%;top:calc(66vw + 45px);width:53%;opacity:.7}.site-footer{margin-top:13px}.mobile-contact .whatsapp-button{font-size:1.1rem}}
@media(max-width:350px){h1{font-size:2rem;width:70%;min-height:219px}.floating-ink{right:-8px;width:37%;top:65px}.lead{font-size:1.18rem}.intro-contact .whatsapp-button{font-size:1.2rem;gap:12px}.intro-contact .whatsapp-button>svg{width:34px;height:34px}.header-nav a[href="#approach"]{font-size:.75rem}.mobile-contact .whatsapp-button{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.floating-ink{transform:none!important;transition:none!important;will-change:auto}.floating-ink img{animation:none!important}}
@media(max-width:600px){.introduction:before{inset:-30px -18px -35px}}

/* Let the page follow its content at every width and browser text size. */
.composition{min-height:0;padding-bottom:24px}
.messages{position:relative;left:auto;right:auto;bottom:auto;height:clamp(440px,43vw,680px);margin-top:-130px}
.intro-contact .whatsapp-button{white-space:normal;text-align:center}
.header-chat{min-width:44px;min-height:44px}
.header-nav a{min-height:44px;align-items:center}
@media(min-width:601px){.header-nav a{display:flex}.header-nav a:last-child{display:flex}}
@media(min-width:601px) and (max-width:850px){.header-nav a:last-child{display:none}.messages{height:440px;margin-top:-95px}}
@media(max-width:600px){
  .composition{padding-bottom:0}
  .header-nav a[href="#approach"]{display:flex}
  .brand{min-height:44px}
  .messages{height:auto;margin-top:30px;bottom:auto}
  .message-collage{display:flex;flex-direction:column;height:auto;padding:16px 8px 24px}
  .message{position:relative;left:auto;right:auto;top:auto;width:86%;flex:none}
  .message-one{width:96%;align-self:flex-start;margin:0;transform:rotate(-3deg)}
  .message-two{width:86%;align-self:flex-end;margin-top:-20px;transform:rotate(3deg)}
  .message-three{width:86%;align-self:flex-start;margin-top:-20px;transform:rotate(-3deg)}
  .site-footer{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){.header-nav{display:none}.header-chat{margin-left:auto}.floating-ink{right:-3px}.homepage-copy{overflow-wrap:break-word}}
@media(min-width:601px) and (max-width:1150px){.messages{height:clamp(440px,54vw,620px)}}

/* A loose, overlapping arrangement rather than three framed panels. */
.message-collage{isolation:isolate}
.message{padding:0;border:0;border-radius:7px;background:transparent;box-shadow:0 22px 38px -13px #00160fc2,0 4px 10px #00190e35}
.message img{border-radius:7px}
@media(min-width:601px){
  .messages{height:clamp(620px,64vw,915px);margin-top:-150px}
  .message-one{left:4%;top:142px;width:41%;transform:rotate(-10deg);z-index:1;opacity:.8}
  .message-two{left:40%;top:14px;width:25%;transform:rotate(4deg);z-index:3;opacity:.77}
  .message-three{left:63%;top:135px;width:25%;transform:rotate(11deg);z-index:2;opacity:.7}
}
@media(min-width:601px) and (max-width:850px){
  .messages{height:clamp(610px,76vw,670px);margin-top:-100px}
  .message-one{left:2%;top:136px;width:44%}
  .message-two{left:38%;width:28%;top:16px}
  .message-three{left:63%;width:29%;top:160px;transform:rotate(8deg)}
}
@media(max-width:600px){
  .messages{margin-top:35px}
  .message-collage{padding:24px 10px 38px}
  .message-one{width:92%;align-self:flex-start;transform:rotate(-8deg);margin:0 0 0 0;z-index:3;opacity:.8}
  .message-two{width:81%;align-self:flex-end;transform:rotate(6deg);margin-top:-58px;z-index:2;opacity:.77}
  .message-three{width:86%;align-self:flex-start;transform:rotate(-6deg);margin:-78px 0 0 7px;z-index:1;opacity:.73}
}