/* Card collection. Layout, surface and typography are chosen together. Brand colour is an accent. */
body{--action:var(--brand);--on-action:var(--on-brand,#fff);--bg:#edf0f3;--card:#fff;--ink:#202b3d;--muted:#687582;--line:#e1e6eb;background:var(--bg);font-family:'Segoe UI',Arial,sans-serif}
body .site{max-width:540px;padding:20px 18px 100px}
body:is(body,[class]) .hero__logo img,body:is(body,[class]) .ed-logo img,body:is(body,[class]) .lx-logo img{object-fit:contain!important;background:#fff;padding:7px}
body:is(body,[class]) .hero__logo{box-shadow:none}
body:is(body,[class]) .hero__name{display:block;text-align:left;font-size:30px;line-height:1.16;letter-spacing:-1px;font-weight:650}
body:is(body,[class]) .hero__tagline{font-size:14px;line-height:1.7;max-width:36ch}
body:is(body,[class]) .card{border:0;border-radius:0;background:transparent;box-shadow:none;padding:26px 4px;margin:0;border-top:1px solid var(--line)}
body:is(body,[class]) .card h2{font-size:18px;font-weight:600;letter-spacing:-.4px;margin-bottom:16px;color:var(--ink);text-transform:none;padding:0}
body:is(body,[class]) .card h2:before,body:is(body,[class]) .card h2:after{display:none}
body:is(body,[class]) .card p{font-size:14px;line-height:1.85;color:var(--muted)}
body:is(body,[class]) .quick{padding:0;gap:0;margin:20px 0;justify-content:flex-start;border:0;flex-wrap:wrap}
body:is(body,[class]) .quick a{flex:1 1 64px;background:transparent;border:0;border-radius:0;box-shadow:none;min-width:55px;min-height:60px;padding:7px 6px;color:var(--ink);gap:7px;text-decoration:none}
body:is(body,[class]) .quick a+a{border-left:1px solid var(--line)}
body:is(body,[class]) .quick a span{font-size:11px;letter-spacing:0;text-transform:none;color:var(--muted);text-decoration:none}
body:is(body,[class]) .quick a .ico{width:20px;height:20px;stroke-width:1.5}
body:is(body,[class]) .savecard{border-radius:12px;background:var(--action);color:var(--on-action);padding:17px 20px;margin:0 0 26px;box-shadow:none;min-height:59px}
body:is(body,[class]) .savecard span{font-size:15px;font-weight:600;letter-spacing:0}
body:is(body,[class]) .savecard small{font-size:11px;letter-spacing:0;text-transform:none;max-width:none;white-space:nowrap;opacity:.75}
body:is(body,[class]) .contacts li{border-color:var(--line)}body:is(body,[class]) .contacts a{color:var(--ink)}body:is(body,[class]) .item{background:var(--card);border-color:var(--line);border-radius:12px}body:is(body,[class]) .portfolio-item{border-color:var(--line)}
body:is(body,[class]) .card button[type=submit],body:is(body,[class]) .mini{background:var(--action);color:var(--on-action);border:0}
body:is(body,[class]) .primarycta{background:var(--action);color:var(--on-action)}
body:is(body,[class]) .uq-actionbar{display:none!important;min-height:64px;padding:7px!important;bottom:12px!important;max-width:480px!important;box-shadow:0 8px 30px #17223320!important}
body.has-floating-action .uq-actionbar{display:flex!important}
body:is(body,[class]) .uq-actionbar>.uq-ab-primary{background:var(--action)!important;color:var(--on-action)!important}
body:is(body,[class]) .uq-actionbar a,body:is(body,[class]) .uq-actionbar button{gap:4px!important;padding:7px 4px!important;min-height:48px!important}
body:is(body,[class]) .uq-actionbar .ico{width:19px!important;height:19px!important}
body:is(body,[class]) .uq-actionbar span{font-size:10px!important;white-space:nowrap!important}
body:is(body,[class]) .sample-banner{font-size:10px!important;background:transparent!important;border:0!important;color:var(--muted)!important;padding:8px 2px!important;margin:0 0 10px!important}
body:not([class]) .hero{border:0;border-radius:16px;background:#fff}
body:not([class]) .hero__cover{height:165px}
body:not([class]) .hero__body{padding:0 25px 25px}
body:not([class]) .hero__logo{width:68px;height:68px;border-radius:14px;margin-top:-34px}
body.tpl-minimal{--bg:#fbfbf9;--action:var(--brand);--ink:#20221f;--muted:#777a72;--line:#e5e6df;background:var(--bg)}
body.tpl-minimal .hero{text-align:center;padding:36px 20px 24px;margin:0;border:0}
body.tpl-minimal .hero__name{text-align:center;font-size:31px;letter-spacing:-1px}
body.tpl-minimal .hero__tagline{text-align:center;margin:12px auto}
body.tpl-minimal .hero__meta{justify-content:center}
body.tpl-minimal .hero__logo{width:78px;height:78px;background:#fff;border:1px solid var(--line);margin:0 auto 22px}
body.tpl-bold{--bg:#eff2f7;--action:var(--brand);--ink:#172944;--muted:#63718a;--line:#dbe2ec;background:var(--bg)}
body.tpl-bold .hero{background:#172944!important;color:#fff;border:0;border-radius:12px;position:relative}
body.tpl-bold .hero:after{content:'';height:5px;position:absolute;bottom:0;left:0;width:35%;background:var(--brand)}
body.tpl-bold .hero__inner{padding:28px!important;text-align:left;min-height:0}
body.tpl-bold .hero__logo{width:58px;height:58px;border-radius:10px;margin:0 0 25px}
body.tpl-bold .hero__name{font-size:34px;font-weight:750;color:#fff;max-width:12ch}
body.tpl-bold .hero__designation{font-size:11px;letter-spacing:.07em;color:#c0cddd;margin-top:12px}
body.tpl-bold .hero__tagline{color:#c0cddd;opacity:1;font-size:13px;line-height:1.75}
body.tpl-bold .hero__meta{margin-top:17px}
body.tpl-editorial{--bg:#f6f3ed;--paper:#f6f3ed;--action:var(--brand);--ink:#332b24;--muted:#7c7065;--line:#dfd9cf;background:var(--bg)}
body.tpl-editorial .ed-hero{border-radius:5px;min-height:345px;padding:22px 25px 29px;margin-bottom:10px}
body.tpl-editorial .ed-name{font-size:40px;font-family:Georgia,serif;font-weight:400;letter-spacing:-1.4px;line-height:1.1}
body.tpl-editorial .ed-kicker{font-size:9px;letter-spacing:.14em;font-weight:500;max-width:75%}
body.tpl-editorial .ed-tagline{font-size:13px;line-height:1.8}
body.tpl-editorial .card h2{font-family:Georgia,serif;font-size:24px;font-weight:400}
body.tpl-luxe{--bg:#131514;--card:#1d201e;--panel:#1d201e;--action:var(--brand);--on-action:var(--on-brand,#fff);--ink:#eeeae1;--muted:#a9aaa0;--line:#343931;--gold:#d2bc92;background:var(--bg)}
body.tpl-luxe .lx-hero{background:#191c19;border:1px solid #45483d;border-radius:6px;padding:0 25px 28px}
body.tpl-luxe .lx-hero__inner{padding-top:30px}
body.tpl-luxe .lx-cover{opacity:.14;filter:grayscale(1)}
body.tpl-luxe .lx-cover:after{background:linear-gradient(180deg,#191c1933,#191c19)}
body.tpl-luxe .lx-logo{width:64px;height:64px;border-radius:8px;border:1px solid #d2bc92;padding:4px}
body.tpl-luxe .lx-logo img{border-radius:4px}
body.tpl-luxe .lx-name{font-size:34px;line-height:1.13;font-weight:400}
body.tpl-luxe .lx-tagline{font-size:13px;max-width:30ch;color:#b7b9af}
body.tpl-luxe .card h2{color:#d2bc92;font-family:Georgia,serif;font-size:23px;font-weight:400}
/* Three additional compositions. */
.signature{overflow:hidden;margin-bottom:0;position:relative}
.signature__identity{padding:28px}
.signature__eyebrow{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.1em;line-height:1.6;margin-bottom:28px}
.signature__mark{font-size:24px;line-height:1;color:var(--brand)}
.signature__logo{width:66px;height:66px;display:grid;place-items:center;background:#fff;border-radius:12px;overflow:hidden;margin-bottom:21px;border:1px solid #ffffff20}
.signature__logo img{width:100%;height:100%;object-fit:contain;padding:7px}
.signature__logo>span{font:30px Georgia,serif;color:#27332b}
.signature h1{font:600 38px/1.08 'Segoe UI',Arial,sans-serif;letter-spacing:-1.5px;max-width:13ch;margin:0}
.signature__role{font-size:12px;font-weight:500;margin:13px 0 0;letter-spacing:.01em}
.signature__tagline{font-size:14px;line-height:1.8;margin:15px 0 0;max-width:34ch;color:var(--muted)}
.signature__availability{display:inline-block;margin-top:20px;font-size:10px;letter-spacing:.04em}
.signature__image{height:170px;overflow:hidden}
.signature__image img{width:100%;height:100%;object-fit:cover;display:block}
body.tpl-obsidian{--bg:#111b29;--card:#1c293b;--panel:#1c293b;--ink:#f3f5f8;--muted:#9aaabe;--line:#2e3d51;--action:var(--brand);--on-action:var(--on-brand,#fff);background:var(--bg);color:var(--ink)}
.tpl-obsidian .signature{border:1px solid #39475a;border-radius:14px;background:#192638}
.tpl-obsidian .signature__eyebrow{color:#a9b8c9}
.tpl-obsidian .signature__identity{padding:27px}
.tpl-obsidian .signature__logo{width:60px;height:60px;border-radius:50%}
.tpl-obsidian .signature__image{height:135px;margin:0 18px 18px;border-radius:8px;opacity:.85}
body.tpl-obsidian .card input,body.tpl-obsidian .card textarea{background:#182437;color:var(--ink)}
body.tpl-atelier{--bg:#f3eee5;--card:#fffaf3;--panel:#fffaf3;--ink:#322b26;--muted:#8a7768;--line:#ded3c6;--action:var(--brand);--on-action:var(--on-brand,#fff);background:var(--bg);color:var(--ink)}
.tpl-atelier .signature{border-radius:0;border:0;display:flex;flex-direction:column}
.tpl-atelier .signature__image{height:205px;border-radius:100px 100px 5px 5px;margin:7px 25px 0}
.tpl-atelier .signature__identity{padding:25px 5px 15px;position:relative}
.tpl-atelier .signature__eyebrow{margin-bottom:20px;max-width:78%;font-size:9px;letter-spacing:.1em}
.tpl-atelier .signature__logo{position:absolute;right:5px;top:22px;width:46px;height:46px;border-radius:50%;border-color:var(--line)}
.tpl-atelier .signature h1{font-family:Georgia,serif;font-size:45px;font-weight:400;letter-spacing:-1.6px;max-width:12ch}
body.tpl-atelier .card h2{font-family:Georgia,serif;font-size:25px;font-weight:400}
body.tpl-botanica{--bg:#eef2e9;--card:#f9fbf5;--panel:#f9fbf5;--ink:#293e32;--muted:#6a7b6b;--line:#d5dfcf;--action:var(--brand);--on-action:var(--on-brand,#fff);background:var(--bg);color:var(--ink)}
.tpl-botanica .signature{background:#dce7d5;border-radius:100px 100px 18px 18px;text-align:center}
.tpl-botanica .signature__identity{padding:40px 24px 27px}
.tpl-botanica .signature__eyebrow{justify-content:center;max-width:28ch;margin:0 auto 22px;font-size:9px}
.tpl-botanica .signature__mark{display:none}
.tpl-botanica .signature__logo{margin:0 auto 19px;border-radius:50%;width:74px;height:74px}
.tpl-botanica .signature h1{font-family:Georgia,serif;font-size:38px;letter-spacing:-1px;font-weight:400;margin:auto}
.tpl-botanica .signature__tagline{margin:15px auto 0}
.tpl-botanica .signature__image{height:130px;margin:0 16px 16px;border-radius:75px 75px 10px 10px}
body.tpl-botanica .savecard{border-radius:30px}
body.tpl-botanica .card h2{font-family:Georgia,serif;font-size:24px;font-weight:400}
@media(min-width:700px){body .site{padding-top:35px}}
@media(max-width:380px){body .site{padding:14px 16px 95px}body:is(body,[class]) .hero__name{font-size:28px}body.tpl-bold .hero__inner{padding:25px!important}.signature__identity{padding:25px}.signature h1{font-size:34px}.tpl-atelier .signature h1{font-size:40px}body:is(body,[class]) .savecard{padding:16px}body:is(body,[class]) .savecard small{font-size:10px}body.tpl-editorial .ed-name{font-size:35px}body:is(body,[class]) .quick a span{font-size:10px}}

body.tpl-bold .hero{padding:0!important}body.tpl-bold .hero__tagline{margin-bottom:0}body.tpl-minimal .hero__logo img{border-radius:50%}body .site .signature__availability{color:var(--muted)}
body:is(body,[class]) .savecard{margin:20px 0 0}body:is(body,[class]) .quick{margin:14px 0 24px}.tpl-botanica .signature__identity{padding:29px 22px 22px}.tpl-botanica .signature__eyebrow{margin-bottom:16px}.tpl-botanica .signature__logo{width:64px;height:64px;margin-bottom:16px}.tpl-botanica .signature h1{font-size:35px}.tpl-botanica .signature__image{height:115px}.signature__availability{margin-top:14px}.signature__eyebrow{margin-bottom:22px}