@import "https://fonts.cdnfonts.com/css/pp-neue-montreal";@import "https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Great+Vibes&display=swap";:root{--hero:#16291f;--deep:#16291f;--cream:#1d3528;--ink:#eef3ec;--light:#eef3ec;--accent:#c9a96e;--accent-dark:#c9a96e;--on-accent:#102018;--card:#22402f;--zellige:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23c9a96e' stroke-opacity='0.08'%3E%3Crect x='24' y='24' width='32' height='32'/%3E%3Crect x='24' y='24' width='32' height='32' transform='rotate(45 40 40)'/%3E%3Ccircle cx='40' cy='40' r='6'/%3E%3C/g%3E%3C/svg%3E");--pink:#e8a0b4}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:clip}body{background-color:var(--deep);color:var(--light);font-family:PP Neue Montreal,sans-serif}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,h4{letter-spacing:-.02em;font-family:Cormorant Garamond,serif;font-weight:500;line-height:1}h1{font-size:clamp(3rem,8vw,10rem)}h1 em,h2 em,h3 em{color:var(--accent);font-style:italic}h2{margin-bottom:3rem;font-size:clamp(2.5rem,5vw,6rem)}h3{font-size:clamp(2.2rem,4vw,5rem)}h4{letter-spacing:0;margin-bottom:.75rem;font-size:1.9rem}p,li,address{font-size:1.15rem;line-height:1.5}.ar{direction:rtl;unicode-bidi:isolate;font-family:Amiri,serif}section{width:100%;color:var(--light);padding:2rem;position:relative;overflow:hidden}.eyebrow,.tagline{text-transform:uppercase;letter-spacing:.15rem;color:var(--accent);margin-bottom:1.5rem;font-size:.85rem}.eyebrow .ar,.tagline .ar{letter-spacing:0;text-transform:none;font-size:1.2rem}.ar-title{color:var(--accent);margin-top:1.5rem;font-size:clamp(1.5rem,3vw,2.5rem);display:block}.signature{color:var(--accent);font-family:Great Vibes,cursive;font-size:clamp(3rem,5vw,4.5rem);line-height:1}.page-transition{z-index:200;background-color:var(--accent);pointer-events:none;position:fixed;inset:0}.nav{z-index:100;width:100%;color:var(--light);justify-content:space-between;align-items:center;gap:2rem;padding:1.25rem 2rem;transition:background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;top:0;left:0}.nav.scrolled{background-color:color-mix(in srgb, var(--deep) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.logo{white-space:nowrap;align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo-text{flex-direction:column;gap:.2rem;display:flex}.logo-name{color:var(--accent);font-family:Great Vibes,cursive;font-size:2.3rem;line-height:.9;transition:opacity .3s}.logo:hover .logo-name{opacity:.8}.logo-sub{text-transform:uppercase;letter-spacing:.2rem;opacity:.65;font-size:.6rem}.nav-links{gap:2rem;display:flex}.nav-links a,.menu a{text-transform:uppercase;font-size:.95rem;text-decoration:none;position:relative}.nav-links a:after{content:"";background-color:var(--accent);transform-origin:100%;width:100%;height:1px;transition:transform .4s cubic-bezier(.65,0,.35,1);position:absolute;bottom:-.3rem;left:0;transform:scaleX(0)}.nav-links a:hover:after,.nav-links a.active:after{transform-origin:0;transform:scaleX(1)}.nav-links a.active,.menu a.active{color:var(--accent)}.nav-cta{padding:.7rem 1.4rem}.burger{cursor:pointer;background:0 0;border:none;width:2.5rem;height:2.5rem;display:none;position:relative}.burger span{background-color:var(--light);width:1.7rem;height:2px;transition:transform .4s,top .4s;position:absolute;left:.4rem}.burger span:first-child{top:.95rem}.burger span:last-child{top:1.45rem}.burger.open span:first-child{top:1.2rem;transform:rotate(45deg)}.burger.open span:last-child{top:1.2rem;transform:rotate(-45deg)}.menu{z-index:90;background-color:var(--hero);clip-path:inset(0% 0% 100%);flex-direction:column;justify-content:center;gap:1.5rem;padding:2rem 1rem;display:flex;position:fixed;inset:0}.menu a{text-transform:none;font-family:Cormorant Garamond,serif;font-size:clamp(2.5rem,12vw,4rem);line-height:1;display:block}.btn{background-color:var(--accent);color:var(--on-accent);text-transform:uppercase;cursor:pointer;border:none;border-radius:999px;padding:1rem 2rem;font-family:inherit;font-size:.95rem;text-decoration:none;transition:background-color .3s;display:inline-block}.btn:hover{background-color:color-mix(in srgb, var(--accent) 80%, var(--deep))}.btn.outline{color:inherit;background-color:#0000;border:1px solid;transition:background-color .3s,color .3s}.btn.outline:hover{background-color:var(--ink);color:var(--on-accent)}.hero{background-color:var(--hero);height:150svh;padding-top:7rem}.hero h1{max-width:14ch}.hero>:not(canvas){z-index:1;position:relative}.hero .ar-title{text-align:left}.about{background-color:var(--deep);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:100svh;display:flex}.about p{opacity:.8;max-width:40rem}.rating{color:var(--accent);font-size:1.5rem}.rating span{opacity:.7;font-size:1rem}.marquee{background-color:var(--ink);color:var(--on-accent);white-space:nowrap;padding:2.5rem 0;overflow:hidden}.marquee-track{display:inline-flex}.marquee-track span{padding-right:3rem;font-family:Cormorant Garamond,serif;font-size:clamp(2rem,4.5vw,4.5rem);font-style:italic}.block-section{min-height:100svh;padding:8rem 2rem}.light{background-color:var(--cream);color:var(--ink)}.dark{background-color:var(--deep)}.cards,.blocks{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.card{border-top:2px solid;padding:2rem;text-decoration:none;transition:background-color .3s;display:block}a.card:hover{background-color:color-mix(in srgb, var(--accent) 8%, transparent)}.num{color:var(--accent);margin-bottom:2rem;font-size:3rem;display:block}.more{text-transform:uppercase;color:var(--accent);margin-top:1rem;font-size:.85rem;display:inline-block}.blocks{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.block{border:1px solid color-mix(in srgb, var(--light) 20%, transparent);border-radius:1rem;padding:2.5rem}.block.pink{border-color:var(--pink)}.label{text-transform:uppercase;background-color:var(--accent);color:var(--on-accent);border-radius:999px;margin-bottom:1.5rem;padding:.3rem .8rem;font-size:.85rem;display:inline-block}.pink .label{background-color:var(--pink);color:#2a1d26}.community{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.big{color:var(--accent);font-family:Cormorant Garamond,serif;font-size:clamp(5rem,16vw,16rem);line-height:.9}.community h2{margin:1rem 0}.handle{opacity:.7;margin-bottom:3rem}.tips{margin-bottom:3rem;list-style:none}.tips li{border-bottom:1px solid #80808040;padding:.75rem 0}.cta{text-align:center;background:var(--zellige) var(--hero);flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:80svh;padding-top:6rem;padding-bottom:6rem;display:flex}.cta h2{margin-bottom:0}.cta .portrait{border-radius:999px 999px 1rem 1rem;width:min(220px,50vw);margin-bottom:1rem}.light .num,.light .more,.light .eyebrow{color:var(--accent-dark)}.page-hero{background:var(--zellige) var(--hero);grid-template-columns:1.2fr 1fr;align-items:end;gap:3rem;min-height:100svh;padding:10rem 2rem 4rem;display:grid}.page-hero h1{font-size:clamp(3.5rem,9vw,11rem)}.page-hero p.lead{opacity:.8;max-width:36rem;margin-top:2rem}.media{aspect-ratio:4/5;border-radius:1rem;position:relative;overflow:hidden}.media img{object-fit:cover;width:100%;height:120%;position:absolute;top:-10%;left:0}.media img.face{object-position:50% 10%}.intro-text{max-width:60rem;font-size:clamp(1.5rem,3vw,2.75rem);line-height:1.2}.pillars{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:5rem;display:grid}.pillar{border-top:2px solid;padding-top:1.5rem}.service{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:6rem 2rem;display:grid}.service:nth-child(2n) .media{order:2}.service h3{margin-bottom:2rem}.service ul{margin-top:1.5rem;list-style:none}.service li{border-bottom:1px solid #80808040;padding:.6rem 0}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.step{background-color:color-mix(in srgb, var(--light) 6%, transparent);border-radius:1rem;padding:2rem}.filters{flex-wrap:wrap;gap:.75rem;margin-bottom:3rem;display:flex}.filter{color:inherit;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid;border-radius:999px;padding:.6rem 1.2rem;font-family:inherit;font-size:.9rem;transition:background-color .3s,color .3s}.filter.active{background-color:var(--ink);color:var(--cream)}.articles{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:start;gap:1.5rem;display:grid}.article{background-color:var(--card);border-radius:1rem;overflow:hidden}.article.hidden{display:none}.article .media{aspect-ratio:16/10;border-radius:0}.article-content{padding:1.75rem}.article .label{margin-bottom:1rem}.article-body{height:0;overflow:hidden}.article-body p{opacity:.8;padding-top:1rem}.toggle{text-transform:uppercase;color:var(--accent-dark);cursor:pointer;background:0 0;border:none;margin-top:1rem;font-family:inherit;font-size:.85rem}.contact-grid{grid-template-columns:1fr 1fr;gap:4rem;display:grid}.contact address{margin-bottom:1.5rem;font-size:1.5rem;font-style:normal}.contact .note{opacity:.7;margin-bottom:2rem}.actions{flex-wrap:wrap;gap:1rem;display:flex}.map{border:none;border-radius:1rem;width:100%;height:100%;min-height:420px}.form{gap:1.25rem;max-width:44rem;display:grid}.form label{text-transform:uppercase;gap:.5rem;font-size:.85rem;display:grid}.form input,.form select,.form textarea{border:1px solid color-mix(in srgb, var(--light) 20%, transparent);background-color:var(--card);color:var(--ink);border-radius:.5rem;padding:1rem;font-family:inherit;font-size:1rem}.form textarea{resize:vertical;min-height:9rem}.form .btn{justify-self:start}.footer{background:var(--zellige) var(--accent);color:var(--on-accent);padding:6rem 2rem 2rem}.footer .btn{background-color:var(--on-accent);color:var(--accent)}.footer .btn:hover{background-color:color-mix(in srgb, var(--on-accent) 85%, var(--accent))}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:5rem;display:flex}.footer-title{max-width:40rem;font-family:Cormorant Garamond,serif;font-size:clamp(2.2rem,4vw,4rem);line-height:1.05}.footer-title .ar{color:color-mix(in srgb, var(--on-accent) 75%, var(--accent));margin-top:.75rem;font-size:.7em;display:block}.footer-cols{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.footer-cols h5{text-transform:uppercase;color:color-mix(in srgb, var(--on-accent) 75%, var(--accent));margin-bottom:1rem;font-weight:400}.footer-cols a{opacity:.8;padding:.2rem 0;text-decoration:none;display:block}.footer-cols a:hover{opacity:1}.footer-bottom{opacity:.5;font-size:.9rem}canvas{width:100%;height:100%;position:absolute;top:0;left:0}@media (width<=1000px){.nav{padding:1rem}.nav-links,.nav-cta{display:none}.burger{display:block}section{padding-left:1rem;padding-right:1rem}.hero{height:125svh}.block-section,.page-hero,.service{padding:5rem 1rem}.page-hero{grid-template-columns:1fr;padding-top:8rem}.service,.contact-grid{grid-template-columns:1fr;gap:2rem}.service:nth-child(2n) .media{order:0}.footer{padding:4rem 1rem 2rem}}.portrait{border-radius:999px 999px 1rem 1rem;width:min(320px,70vw)}.page-hero .media{border-radius:999px 999px 1rem 1rem}.photo-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:5rem;display:grid}.photo-row figcaption{text-transform:uppercase;margin-top:1rem;font-size:.9rem}.photo-row .ar{color:var(--accent-dark);margin-left:.4rem}.photo-row.wide{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1.5rem}.photo-row.wide .media{aspect-ratio:16/9}.block-media{aspect-ratio:16/9;border-radius:.75rem;margin-bottom:1.5rem;overflow:hidden}.block-media img{object-fit:cover;width:100%;height:100%}.form-grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:4rem;display:grid}.form-grid .portrait{justify-self:end;width:100%;max-width:380px}@media (width<=1000px){.form-grid{grid-template-columns:1fr}.form-grid .portrait{justify-self:center}}.media.still{border-radius:1.25rem;width:min(380px,80vw)}.media.still img{object-position:50% 0;height:100%;top:0}.preloader{z-index:300;background:var(--zellige) var(--deep);color:var(--light);clip-path:inset(0%);place-items:center;display:grid;position:fixed;inset:0}.preloader-inner{text-align:center}.preloader-signature{color:var(--accent);clip-path:inset(0% 100% 0% 0%);padding:0 .3em;font-family:Great Vibes,cursive;font-size:clamp(5rem,14vw,10rem);line-height:1.2}.preloader-sub{text-transform:uppercase;letter-spacing:.35rem;opacity:.75;font-size:.75rem}.preloader-ar{color:var(--accent);margin-top:.75rem;font-size:1.3rem}.preloader-line{background-color:color-mix(in srgb, var(--light) 20%, transparent);width:min(240px,60vw);height:1px;margin:2.5rem auto 1rem}.preloader-line span{background-color:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.preloader-count{letter-spacing:.1rem;opacity:.7;font-family:Cormorant Garamond,serif;font-size:1.1rem}.preloader-count:after{content:"%";margin-left:.1rem}.koyotec-tag{z-index:95;background-color:var(--accent);width:2.5rem;height:2.75rem;color:var(--on-accent);border-radius:.5rem 0 0 .5rem;place-items:center;font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:700;text-decoration:none;transition:transform .3s;display:grid;position:fixed;top:50%;right:0;transform:translate(.4rem,-50%)}.koyotec-tag:hover,.koyotec-tag:focus-visible{transform:translateY(-50%)}
