@import"https://unpkg.com/open-props"layer(base);@layer theme{:root{--color-surface: hsl(23, 100%, 96%);--color-surface-variant: hsl(22, 34%, 73%);--color-primary: hsl(0, 100%, 28%);--color-secondary: hsl(150, 20%, 40%);--color-tertiary: hsl(190, 30%, 35%);--color-text: hsl(0, 5%, 8%);--color-graphics: hsl(0, 40%, 34%);--font-display: "Savoye Let";--font-body: "Inter", sans-serif}@font-face{font-family:Savoye Let;src:url(/fonts/savoyeletplain.ttf)}@font-face{font-family:Sulat Rizal;src:url(/fonts/SulatRizal.ttf)}@font-face{font-family:Inter;src:url(/fonts/Inter-VariableFont_opsz,wght.ttf)}}@layer component{.btn{display:inline-block;border:none;border-radius:var(--radius-round);background-color:var(--color-graphics);color:var(--color-surface);padding:var(--size-3) var(--size-6);cursor:pointer;font-weight:var(--font-weight-7);text-decoration:none;transition-property:background-color,color;transition-timing-function:ease-out;transition-duration:.15s}.btn:hover{background-color:color-mix(in oklch,var(--color-primary),var(--color-text) 60%)}.btn.btn-reverse{background-color:var(--color-surface);color:var(--color-graphics)}.btn.btn-reverse:hover{background-color:color-mix(in oklch,var(--color-primary),var(--color-text) 70%);color:var(--color-surface)}}@layer component{details{--_padding: var(--size-5);position:relative;max-inline-size:calc(2 * var(--size-14));inline-size:100%;padding:var(--_padding);border-radius:var(--radius-3);background-color:var(--color-surface);cursor:pointer}details summary{font-weight:var(--font-weight-7)}details summary:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0}details>:nth-child(2){margin-block-start:var(--size-3)}details>:nth-child(n+3){margin-block-start:var(--size-2)}details ul{list-style:inside;margin-inline-start:var(--size-1)}}@layer component{.message{--_border-color: var(--message-border-color, var(--color-text));--_bg-color: var(--message-bg-color, var(--color-surface));--_text-color: var(--message-text-color);background-color:var(--_bg-color);border-inline-start:var(--size-1) solid var(--_border-color);border-radius:0 var(--radius-3) var(--radius-3) 0;padding:var(--size-5);max-inline-size:calc(2 * var(--size-14));inline-size:100%;color:var(--_text-color)}.message h1,.message h2,.message h3,.message h4,.message h5,.message h6{margin-block-end:var(--size-3)}.message.message-danger{--_border-color: var(--color-primary);--_bg-color: color-mix(in oklab, red, white 90%);--_text-color: var(--color-primary)}}@layer feature{header{display:flex;justify-content:space-between;align-items:center;color:var(--color-primary);padding:var(--size-3) var(--size-5);background-color:var(--color-surface)}header h1{text-wrap:nowrap}header ul{display:flex;gap:var(--size-7)}}@layer feature{#landing{block-size:var(--section-block-size);display:grid;grid-template-rows:auto 1fr auto;justify-items:center;align-content:space-between;align-items:center;gap:var(--size-6)}#landing h1{font-size:calc(1.5 * var(--size-8))}#landing div{position:relative;inline-size:100%;block-size:100%}#landing div img{position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;max-block-size:100%;max-inline-size:100%}#landing q{text-align:center;font-size:var(--font-size-fluid-2);font-style:italic;font-weight:200;quotes:none;color:var(--color-primary)}@media screen and (orientation: landscape) and (height < 850px){#landing{grid-template-rows:unset;grid-template-columns:repeat(2,1fr);align-content:stretch;padding-block-end:calc(2 * var(--section-gutter))}#landing ui-banner{grid-column:1 / -1}#landing q{text-align:start}}}@layer feature{#massages #service-cards{justify-self:stretch;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--size-14),1fr));gap:var(--size-6)}#massages #service-cards app-service-card{grid-template-rows:subgrid;grid-row:span 3}@media screen and (width >= 850px){#massages #service-cards,#massages article#special-offer{margin-inline:var(--size-8)}}#massages article#special-offer{justify-items:center;border:1px solid var(--color-primary);border-radius:var(--radius-3);background-color:var(--color-surface-variant);padding:var(--size-6)}#massages article#special-offer p{text-align:center;text-wrap:balance}#massages article:not(#special-offer){display:grid;gap:var(--size-6)}#massages a{align-self:center}}@layer feature{#about{display:grid;justify-content:center;gap:var(--size-4) var(--size-8)}#about img{grid-row:span 2;inline-size:var(--size-14);aspect-ratio:var(--ratio-portrait);object-fit:cover;border-radius:var(--radius-4)}#about h2{margin-block-end:var(--size-3)}#about article{display:grid;gap:inherit}@media screen and (width >= 850px){#about{grid-template-columns:repeat(2,auto);justify-items:start}#about h2,#about p{text-align:start}}@media screen and (width < 850px){#about h2{margin-block-start:var(--size-4)}#about img{inline-size:100%}}}@layer feature{#faq{gap:var(--size-4)}#faq details:first-of-type{margin-block-start:var(--size-6)}#faq h5{font-size:var(--font-size-2);font-weight:var(--font-weight-6)}#faq a{font-weight:var(--font-weight-7)}#faq .message{margin-block-end:var(--size-8)}}@layer feature{#contact{background-color:var(--color-graphics);color:var(--color-surface)}#contact h2{color:inherit}@media screen and (width < 850px){#contact{row-gap:var(--size-8)}}#contact figure{display:grid;align-content:start;padding:var(--size-5);border-radius:var(--radius-3);background-color:color-mix(in oklch,var(--color-graphics),white 15%)}#contact figure iframe{max-inline-size:var(--size-15);inline-size:100%;aspect-ratio:var(--ratio-landscape)}#contact figure small{margin-block-start:var(--size-1);font-weight:var(--font-weight-3);font-style:italic}#contact .btn{align-self:center}#contact>small{max-inline-size:var(--size-content-3);text-align:center;font-style:italic;opacity:.9}}@layer reset{:not(app-service-card,ui-banner){box-sizing:border-box;margin:0;padding:0;text-wrap:pretty}ol,ul{list-style:none}a{color:inherit}a:has(h1){text-decoration:none}iframe{border:none}}@layer base{:root{scroll-behavior:smooth;--section-block-size: 100dvh;--section-block-start-gutter: calc(var(--size-9) + var(--section-gutter));--section-gutter: var(--size-5)}body{min-block-size:100dvh;background-color:var(--color-surface);color:var(--color-text)}h1{font-size:var(--font-size-6)}h2{font-size:var(--font-size-5)}:is(h1,h2){font-family:var(--font-display);font-weight:var(--font-weight-7);color:var(--color-primary);text-box:trim-both cap alphabetic}:not(:is(h1,h2)){font-family:var(--font-body)}p{line-height:var(--font-lineheight-3)}section{display:grid;gap:var(--size-8);justify-items:center;padding:var(--section-block-start-gutter) var(--section-gutter)}section:nth-child(2){padding-block-start:var(--size-3)}section:not(:nth-child(2)){min-block-size:100dvh}section:not(:first-child):nth-child(odd){background-color:color-mix(in oklch,var(--color-surface-variant),var(--color-surface) 60%)}section h2{text-align:center;text-transform:capitalize}section h2+p.intro{font-size:var(--font-size-3);margin-block-end:var(--size-3)}section>p,section article:not(.card,.group,.message) p{max-inline-size:calc(1.2 * var(--size-content-3));text-align:center}.text-nowrap{text-wrap:nowrap}}header{position:fixed;inset-inline:0;z-index:1000}
