*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,5.5vw,76px);line-height:1.35;letter-spacing:-.05em;margin-bottom:24px}h2{font-size:clamp(28px,3.5vw,46px);line-height:1.4;letter-spacing:-.035em}h3{font-size:21px;line-height:1.5}em{font-style:normal;color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{max-width:1240px;width:calc(100% - 80px);margin:auto}.eyebrow{font:700 11px/1.8 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}.demo{font-size:12px;text-align:center;padding:7px 20px;background:var(--ink);color:var(--bg)}header{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:10}.nav{height:88px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{font:bold 25px/1.2 Arial,sans-serif;letter-spacing:-1px}.links{display:flex;align-items:center;gap:28px;font-size:14px}.nav-cta{border:1px solid var(--ink);padding:10px 19px}.menu{display:none;background:transparent;border:1px solid var(--line);padding:7px 12px;color:var(--ink)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:76px 0 80px}.hero-copy>p:not(.eyebrow){max-width:460px;color:var(--muted)}.hero-art{position:relative}.hero-art img{width:100%;aspect-ratio:1/1.12;object-fit:cover}.art-label{position:absolute;bottom:20px;left:20px;right:20px;background:var(--paper);padding:15px 20px;display:flex;justify-content:space-between;font-size:12px}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;background:var(--accent);color:var(--on);border:1px solid transparent;gap:15px;font-weight:bold}.btn:hover{filter:brightness(.93)}.text-link{font-size:14px;border-bottom:1px solid currentColor;padding:6px 0}.intro-line{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;font-size:13px}.section{padding:90px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-top h2{margin:0}.section-top p{max-width:370px;color:var(--muted);font-size:14px}.filters{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:28px 0 30px}.filters label{font-size:13px}.filters input,.filters select{border:1px solid var(--line);padding:11px 14px;background:var(--paper);color:var(--ink);max-width:100%}.filters input{width:290px}.result-count{font-size:13px;color:var(--muted);margin-left:auto}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.card{position:relative;min-width:0}.card>a{display:block;height:100%;border:1px solid var(--line);background:var(--paper);transition:transform .2s}.card>a:hover{transform:translateY(-5px)}.card img{width:100%;aspect-ratio:4/3;object-fit:cover}.card-body{padding:24px}.card .category{font-size:11px;letter-spacing:.08em;color:var(--muted);margin:0 0 9px}.card h3{margin-bottom:10px}.card .desc{color:var(--muted);font-size:14px}.card-foot{display:flex;justify-content:space-between;gap:15px;padding-top:18px;border-top:1px solid var(--line);font-size:13px}.empty{padding:25px;border:1px solid var(--line);background:var(--paper)}.story{background:var(--panel);padding:76px 0}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.story p{color:var(--muted)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:55px}.feature{border-top:1px solid var(--line);padding-top:22px}.feature b{display:block;color:var(--accent);font:700 13px Arial,sans-serif;letter-spacing:.1em;margin-bottom:16px}.feature p{font-size:14px}.faq{max-width:800px;margin:auto}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;font-weight:bold;padding-right:12px}.faq details p{color:var(--muted);font-size:14px;margin:18px 0 0}.cta{background:var(--accent);color:var(--on);padding:60px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:80px}.cta h2{margin:0 0 10px;font-size:32px}.cta p{margin:0;opacity:.9}.cta .btn{background:var(--bg);color:var(--ink);flex-shrink:0}footer{padding:44px 0;border-top:1px solid var(--line)}.footer-row{display:flex;justify-content:space-between;gap:25px;align-items:center}.fine{font-size:12px;color:var(--muted);margin-top:20px}.skip{position:absolute;top:-100px;padding:10px;background:var(--paper);z-index:99}.skip:focus{top:0}.breadcrumb{font-size:13px;margin:30px 0;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:start;padding:25px 0 65px}.detail-grid img{width:100%;border:1px solid var(--line)}.detail-grid h1{font-size:42px}.detail-meta{padding:18px 0;border-block:1px solid var(--line);margin:25px 0;color:var(--muted);font-size:14px}.note{padding:19px 22px;background:var(--panel);font-size:13px;color:var(--muted)}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:55px 0 85px}.contact-layout h1{font-size:48px}.form{background:var(--paper);padding:36px;border:1px solid var(--line)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.field label{font-size:14px;font-weight:bold}.field input,.field textarea,.field select{border:1px solid var(--line);background:var(--bg);padding:12px;color:var(--ink);width:100%;min-width:0}.field textarea{min-height:130px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.check{display:flex;align-items:flex-start;gap:10px;font-size:13px;margin-bottom:20px}.check input{margin-top:7px}.output{margin-top:24px;border-top:1px solid var(--line);padding-top:24px}.output textarea{width:100%;height:200px;padding:15px;background:var(--bg);border:1px solid var(--line);color:var(--ink)}[hidden]{display:none!important}.status{font-size:13px;color:var(--accent)}
body.cafe{--bg:#f9f4ea;--paper:#fffcf6;--ink:#322e27;--muted:#706557;--accent:#38624d;--on:#fff;--panel:#ece6d8;--line:#d8cfbf}.cafe .brand{letter-spacing:4px}.cafe .hero-art img{border-radius:48% 48% 4px 4px}.cafe .btn{border-radius:50px}.cafe .card>a{border-radius:120px 120px 4px 4px;overflow:hidden}.cafe .hero h1{font-family:Georgia,Tahoma,serif}.cafe .intro-line span:last-child{font-style:italic}
body.hotel{--bg:#fbf9f4;--paper:#fffefb;--ink:#233b40;--muted:#5f7273;--accent:#315e67;--on:#fff;--panel:#e8efed;--line:#ccd8d4}.hotel .brand{letter-spacing:5px;font-family:Georgia,serif;font-weight:normal}.hotel .hero{display:flex;position:relative;isolation:isolate;min-height:630px;padding:65px}.hotel .hero-art{position:absolute;inset:25px 0;z-index:-1}.hotel .hero-art img{height:100%;aspect-ratio:auto;object-position:right;opacity:.29}.hotel .hero-copy{max-width:590px}.hotel .hero .art-label{left:auto;width:200px}.hotel .hero h1{font-size:62px}.hotel .card>a{border:0}.hotel .card-body{padding:23px 0}.hotel .section-top{justify-content:center;text-align:center;flex-direction:column;align-items:center}.hotel .section-top p{max-width:500px}
body.clinic{--bg:#f7fcfa;--paper:#fff;--ink:#193e36;--muted:#557069;--accent:#287663;--on:#fff;--panel:#e3f2eb;--line:#c9ded5}.clinic .brand{font-size:38px}.clinic .hero-art img{border-radius:44px 120px 44px 44px}.clinic .btn,.clinic .nav-cta{border-radius:12px}.clinic .card>a,.clinic .form{border-radius:20px;overflow:hidden}.clinic .story{border-radius:60px 60px 0 0}.clinic .cta{border-radius:28px}
body.builder{--bg:#f4f3ee;--paper:#faf9f4;--ink:#272d28;--muted:#62675f;--accent:#3d4c3d;--on:#fff;--panel:#e1e3d9;--line:#c7cbbf}.builder .hero{grid-template-columns:.8fr 1.2fr;gap:25px}.builder .hero-art img{aspect-ratio:1/.95}.builder h1{font-weight:500}.builder .section-top .eyebrow{font-family:monospace}.builder .card>a{background:transparent;border:0}.builder .card-body{padding:20px 0}.builder .features{gap:0}.builder .feature{padding:30px;border:1px solid var(--line)}
body.course{--bg:#f8f6ff;--paper:#fff;--ink:#2c234b;--muted:#706684;--accent:#6542c6;--on:#fff;--panel:#ece6fb;--line:#d8ceeb}.course .brand{font-weight:900}.course .hero-art{transform:rotate(3deg)}.course .hero-art img{border:2px solid var(--ink);border-radius:18px;box-shadow:12px 12px 0 #d0ed9b;aspect-ratio:1/1}.course .btn,.course .nav-cta{border-radius:8px}.course .card>a{border:1px solid #b6a7d6;border-radius:15px;overflow:hidden}.course .intro-line{background:#d0ed9b;padding:22px;border:0}.course .cta{border-radius:18px}.course .art-label{border-radius:7px}
body.portfolio{--bg:#f8f2e9;--paper:#fffaf2;--ink:#272522;--muted:#72675e;--accent:#bf381b;--on:#fff;--panel:#f0dfce;--line:#d8c8b8}.portfolio .brand{font-size:34px;font-weight:900}.portfolio .hero{grid-template-columns:1.2fr .8fr}.portfolio .hero h1{font-size:clamp(48px,6vw,86px)}.portfolio .hero-art img{aspect-ratio:.82/1;border-radius:200px}.portfolio .art-label{bottom:0;left:0;right:0;background:var(--ink);color:var(--bg);transform:rotate(-5deg)}.portfolio .grid{grid-template-columns:1fr 1fr}.portfolio .card:first-child{grid-column:1/-1}.portfolio .card:first-child>a{display:grid;grid-template-columns:1.2fr 1fr;align-items:center}.portfolio .card>a{border:0}.portfolio .cta{background:var(--ink)}.portfolio .nav-cta{background:var(--ink);color:var(--bg)}
@media(min-width:1500px){.wrap{max-width:1320px}}@media(max-width:900px){.wrap{width:calc(100% - 40px)}.links{gap:16px}.hero,.builder .hero,.portfolio .hero{gap:30px}.hero h1,.hotel .hero h1{font-size:44px}.grid{gap:16px}.card-body{padding:18px}.story-grid{gap:35px}.contact-layout{gap:35px}.detail-grid{gap:30px}.cta{padding:35px}.hero-art img{aspect-ratio:.85/1}}
@media(max-width:680px){.nav{height:72px}.menu{display:block}.links{display:none;position:absolute;top:72px;left:0;right:0;background:var(--bg);padding:24px;box-shadow:0 12px 18px #0001;align-items:stretch;flex-direction:column;border-bottom:1px solid var(--line)}.links.open{display:flex}.hero,.builder .hero,.portfolio .hero{grid-template-columns:1fr;padding:42px 0 50px;gap:35px}.hero h1,.hotel .hero h1{font-size:44px}.hero-art img,.builder .hero-art img{aspect-ratio:1.15/1}.hero-copy>p:not(.eyebrow){font-size:15px}.hotel .hero{padding:42px 22px;min-height:610px;display:block}.hotel .hero-art{inset:10px 0}.hotel .hero .art-label{width:190px}.course .hero-art{transform:none;margin:0 8px 10px 0}.portfolio .hero-art img{aspect-ratio:1.2/1;border-radius:100px}.intro-line{flex-direction:column;gap:6px}.section{padding:58px 0}.section-top{display:block}.section-top p{margin:15px 0}.grid,.portfolio .grid,.features,.story-grid,.detail-grid,.contact-layout{grid-template-columns:1fr}.portfolio .card:first-child{grid-column:auto}.portfolio .card:first-child>a{display:block}.filters{align-items:stretch}.filters label{width:100%}.filters input,.filters select{width:100%}.result-count{margin:0;width:100%}.card img{aspect-ratio:1.5/1}.story{padding:50px 0}.story-grid{gap:15px}.features{margin-top:25px;gap:18px}.feature{padding-top:18px}.cta{flex-direction:column;align-items:start;padding:30px;margin-bottom:50px}.cta h2{font-size:26px}.footer-row{align-items:start;flex-direction:column}.detail-grid{padding-top:0;gap:30px}.detail-grid h1,.contact-layout h1{font-size:34px}.contact-layout{padding:25px 0 50px;gap:20px}.form{padding:22px}.form-row{grid-template-columns:1fr;gap:0}.brand{font-size:22px}.portfolio .brand{font-size:28px}.clinic .brand{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}