:root{color-scheme:dark;--gold:#d7bc81;--light:#f1e4c5;--muted:#aaa79f;--line:#d7bc812e}*{box-sizing:border-box}body{margin:0;background:#0b0d0e;color:#f2eee5;font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background-image:radial-gradient(ellipse at 50% 20%,#34302655,transparent 60%);min-height:100svh}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--light);outline-offset:5px}main{max-width:660px;margin:auto;padding:30px 24px 24px}.topline{display:flex;justify-content:space-between;align-items:center;margin:0 8px 34px;color:var(--muted);font-size:12px;letter-spacing:.2em}.icon-button{display:grid;place-items:center;border:1px solid var(--line);width:42px;height:42px;border-radius:50%;background:transparent;color:var(--gold);font-size:27px}.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.stage{perspective:1600px}.card{position:relative;min-height:390px;transition:min-height .7s ease}.cover{position:absolute;inset:0;width:100%;height:390px;padding:30px 35px;background:linear-gradient(125deg,#2c2b27 0%,#191b1c 38%,#101112 75%,#24231f);color:var(--gold);text-align:left;border:1px solid #a88c506b;border-radius:20px;box-shadow:0 30px 80px #0009,0 1px 0 #ecd7a250 inset;transform-origin:top center;transition:transform 1s cubic-bezier(.22,.8,.2,1),opacity .6s .15s;backface-visibility:hidden;overflow:hidden;z-index:2;display:flex;flex-direction:column}.cover:after{content:"";position:absolute;inset:-150%;background:linear-gradient(115deg,transparent 44%,#ead3a113 49%,#fff4d725 50%,transparent 56%);transform:translateX(-40%);animation:shine 6s ease-in-out infinite;pointer-events:none}.cover-edge{position:absolute;inset:12px;border:1px solid #baa06b26;border-radius:12px;pointer-events:none}.edition{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.2em;color:#b6a47e}.monogram{position:absolute;right:34px;top:87px;font:72px/1 Georgia,serif;color:#cbb27c55;letter-spacing:-12px}.cover-name{font:normal 44px/1.12 Georgia,"Times New Roman",serif;letter-spacing:-.025em;color:#eddbb0;margin-top:44px}.cover-role{margin-top:18px;font-size:12px;letter-spacing:.15em;color:#c5b58f}.cover-bottom{margin-top:auto;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;letter-spacing:.1em}.open-label{font-size:14px;letter-spacing:0;border-bottom:1px solid #c6a97155;padding-bottom:3px}.inside{display:none;background:linear-gradient(140deg,#222322,#131617 70%);border:1px solid var(--line);border-radius:20px;padding:25px 32px 20px;box-shadow:0 30px 80px #0006}.card.opened .inside{display:block;animation:reveal .85s ease both}.card.opened .cover{transform:rotateX(100deg) translateY(-30px);opacity:0;pointer-events:none}.inner-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.eyebrow{font-size:12px;letter-spacing:.14em;color:var(--gold)}.intro{display:flex;gap:24px;align-items:center;margin:24px 0}.portrait{width:104px;height:124px;flex-shrink:0;display:grid;place-items:center;font:40px Georgia,serif;color:#e7cb92;border:1px solid #c3a77466;border-radius:50% 50% 12px 12px;background:radial-gradient(ellipse at 35% 20%,#73604466,transparent 70%),#191b1a;box-shadow:inset 0 0 24px #c7a7660d}.location{font-size:14px;color:var(--muted);margin:0 0 8px}h1{font:40px/1.08 Georgia,serif;letter-spacing:-.03em;margin:0}h1 em{font-weight:normal;color:var(--gold)}.bio{color:#d1cec7;margin:0 0 19px}.services{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.services span{font-size:14px;padding:5px 10px;border:1px solid var(--line);border-radius:6px;color:#c5bda9}.section-label{font-size:12px;color:var(--gold);letter-spacing:.15em;margin-bottom:8px}.project{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid var(--line)}.project-icon{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;border-radius:10px;background:#c9b17d12;color:var(--gold);font:18px Georgia,serif}.project strong{font-weight:550;font-size:18px}.project p{font-size:14px;line-height:1.5;color:var(--muted);margin:4px 0 0}.arrow{margin-left:auto;color:var(--gold);font-size:24px}.project:hover .arrow{transform:translate(2px,-2px)}.badge{font-size:12px;font-weight:400;color:var(--muted);display:inline-block;margin-left:6px}.partnership{font-size:14px;color:#bcb7ab;border-top:1px solid var(--line);padding-top:17px;margin:0 0 20px}.primary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-radius:9px;background:linear-gradient(115deg,#e6cfa0,#bfa36d);color:#201d17;font-weight:600;font-size:16px;box-shadow:0 5px 20px #c2a76e12}.primary:hover{filter:brightness(1.08)}.actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:13px}.actions a,.actions button{font-size:14px;padding:9px 0;color:#c1b28f;background:none;border:0}footer{text-align:center;margin-top:30px;color:#8f8e89;font-size:14px}footer span{display:block}.footer-share{display:inline-block;border:0;border-bottom:1px solid #9e8b613e;background:none;color:#c3ae80;margin-top:15px;padding:6px}.opened~footer{margin-top:20px}dialog{max-width:420px;width:calc(100% - 32px);border:1px solid #8c7751;border-radius:18px;background:#1a1d1e;color:#efebe2;padding:24px;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px}h2{font:26px/1.2 Georgia,serif;margin:0}dialog p{color:var(--muted);font-size:14px}.copy-button{width:100%;margin:12px 0 18px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--gold);padding:13px}.link-label{font-size:12px;color:var(--muted);display:block}input{width:100%;font:14px system-ui;background:#101213;color:#c4c0b6;border:1px solid var(--line);padding:10px;border-radius:6px;margin-top:6px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);max-width:90%;padding:10px 18px;border:1px solid var(--line);border-radius:30px;background:#282821;color:var(--light);font-size:14px;opacity:0;pointer-events:none;transition:.2s;z-index:10}#toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes shine{0%,25%{transform:translateX(-40%)}70%,100%{transform:translateX(40%)}}@keyframes reveal{0%{opacity:0;transform:translateY(15px)}45%{opacity:.5}100%{opacity:1;transform:none}}@media(min-width:700px){main{padding-top:65px}.topline{margin-bottom:45px}.cover{height:390px}.inside{padding:28px 38px}}@media(max-width:420px){main{padding:20px 16px}.topline{margin-bottom:26px}.cover{height:365px;padding:27px 25px}.card{min-height:365px}.cover-name{font-size:38px;margin-top:48px}.monogram{font-size:58px;right:25px;top:88px}.cover-role{font-size:12px;letter-spacing:.07em}.cover-bottom{letter-spacing:0;font-size:12px}.inside{padding:18px 21px}.intro{gap:17px}.portrait{width:82px;height:106px;font-size:34px}h1{font-size:34px}.badge{margin-left:0;display:block}.eyebrow{letter-spacing:.08em}.primary{font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:700px) and (prefers-reduced-motion:no-preference){.cover:hover{transform:translateY(-4px);box-shadow:0 40px 90px #000b,0 1px 0 #ecd7a250 inset}.card.opened .cover{transform:rotateX(100deg) translateY(-30px)}}

/* HFB identity and portrait */
.monogram{width:80px;height:94px;right:34px;top:85px;font:inherit;letter-spacing:normal;color:var(--gold)}
.hfb-shield{display:block;width:100%;height:100%;overflow:visible}
.hfb-shield path{fill:none;stroke:currentColor;stroke-width:1.25;stroke-linejoin:round}
.hfb-shield text{fill:currentColor;font:300 27px system-ui,sans-serif;letter-spacing:1px}
.portrait-photo{display:block;width:100%;height:auto;aspect-ratio:1122/1402;object-fit:contain;border-radius:12px;margin-top:20px;border:1px solid var(--line)}
.intro{margin:22px 0 18px}.intro h1 br{display:none}.intro h1 em:before{content:' '}
@media(max-width:420px){.monogram{width:62px;height:74px;right:25px;top:92px}.intro h1{font-size:32px}}

/* Balanced centered cover */
.cover{height:520px;align-items:center;text-align:center;padding:28px 32px;gap:0}
.card{min-height:520px}.edition{width:100%;justify-content:center;font-size:12px}
.monogram{position:static;width:142px;height:165px;margin:19px auto 14px;flex-shrink:0;filter:drop-shadow(0 0 9px #d7bc8118)}
.cover-name{margin:0;font-size:43px;line-height:1.1;background:linear-gradient(110deg,#c2a267,#f1ddb0 47%,#c5a772);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 20px #d6b56a12}
.cover-role{margin-top:18px}.cover-bottom{width:100%;margin-top:auto}
.inner-top .eyebrow{flex:1;text-align:center;color:var(--gold)}
#share-dialog .primary{width:100%;border:0;justify-content:center;text-align:center}#share-dialog button:disabled{opacity:.6;cursor:wait}
#share-system{margin-bottom:0}#share-help{font-size:13px}.download-cover{display:block;text-align:center;color:var(--gold);padding:14px 0 0;font-size:14px}
@media(max-width:420px){.cover{height:490px;padding:25px}.card{min-height:490px}.monogram{width:130px;height:151px;margin:18px auto 14px}.cover-name{font-size:37px}.cover-role{font-size:12px;margin-top:15px}.cover-bottom{gap:8px}.open-label{font-size:13px}}
[hidden]{display:none!important}

/* Final cover layout: name left, shield right */
.cover{height:390px;display:grid;grid-template-columns:minmax(0,1fr) 150px;grid-template-rows:auto 1fr auto;align-items:center;text-align:left;padding:28px 34px;gap:0 18px}
.card{min-height:390px}.edition{grid-column:1 / -1;grid-row:1;width:100%;justify-content:space-between;text-align:left}
.monogram{grid-column:2;grid-row:2;position:static;width:150px;height:175px;margin:0;justify-self:center;align-self:center}
.cover-name{grid-column:1;grid-row:2;align-self:center;margin:0;font-size:43px;line-height:1.1}
.cover-role{grid-column:1;grid-row:3;margin-top:0;align-self:end;text-align:left}
.cover-bottom{grid-column:2;grid-row:3;width:auto;margin-top:0;align-self:end;display:block;text-align:right}
.cover-bottom>span:first-child{display:none}.open-label{white-space:nowrap}
@media(max-width:420px){.cover{height:365px;grid-template-columns:minmax(0,1fr) 108px;padding:25px 25px;gap:0 10px}.card{min-height:365px}.monogram{width:108px;height:128px}.cover-name{font-size:36px}.cover-role{font-size:10px;letter-spacing:.06em}.cover-bottom{font-size:12px}.open-label{font-size:12px}}
/* ProfixDom visual identity */
:root{--gold:#b8e94c;--light:#e7f8ff;--muted:#9db5c5;--line:#2b9dcb66}
body{background:#07131d;color:#e8f6fb;background-image:radial-gradient(ellipse at 50% 8%,#0d426044,transparent 55%),linear-gradient(180deg,#06111a,#081923)}
.topline{color:#8bb6c8}.icon-button{border-color:#268db555;color:#94ddff}
.cover{background:linear-gradient(140deg,#0d2738 0%,#071722 48%,#092436 100%);border-color:#2e98cf99;box-shadow:0 30px 80px #000b,0 0 26px #0879ad24,0 1px 0 #89e5ff44 inset}
.cover:after{background:linear-gradient(115deg,transparent 44%,#4bc9f018 49%,#c7f8ff22 50%,transparent 56%)}
.cover-edge{border-color:#35a8d633}.edition{color:#8ac6dc}.cover-name{background:linear-gradient(110deg,#dff9ff,#a6e8ff 47%,#dcfbff);background-clip:text;-webkit-background-clip:text;text-shadow:0 0 22px #54cdfc22}.cover-role{color:#9de6ff}.cover-bottom{color:#9cc6d5}.open-label{border-color:#62d2fa66;color:#b7efff}
.hfb-shield path{stroke:#55c9ff;filter:drop-shadow(0 0 4px #159bd8)}.hfb-shield text{fill:#c8ff4f;filter:drop-shadow(0 0 6px #91db24)}
.inside{background:linear-gradient(140deg,#0d2534,#08151e 70%);border-color:#237fac88;box-shadow:0 30px 80px #0008,0 0 25px #0879ad1c}.eyebrow,.section-label{color:#a7ebff}.portrait-photo{border-color:#2d9dca88}.services span{border-color:#2b8eb866;color:#b5dbe9}.project{border-color:#23718f66}.project-icon{background:#1f91c51a;color:#bdff58}.project strong{color:#dcf7ff}.project p,.partnership{color:#9bb5c2}.badge{color:#bcecff}.primary{background:linear-gradient(115deg,#c6ff53,#75b931);color:#09200f;box-shadow:0 5px 25px #7ac43b2a}.actions a,.actions button,.footer-share{color:#bcefff}.dialog-head h2{color:#d9f8ff}.copy-button{border-color:#2b8eb866;color:#bcefff}dialog{background:#0b1d28;border-color:#2a91bc}.link-label{color:#95b5c3}input{background:#07151d;border-color:#286d8866;color:#c9e8f1}#toast{background:#0c2b39;border-color:#2a95be;color:#e0faff}

/* Keep the cover wide like a real business card */
@media(min-width:600px){.card{min-height:0;height:auto;aspect-ratio:1200/630}.cover{height:100%;aspect-ratio:auto}}
@media(max-width:599px){.card{min-height:365px}.cover{height:365px}}

/* Gentle ProfixDom neon lettering */
.cover .edition,.cover .cover-role,.cover .cover-bottom,.cover .open-label{text-shadow:0 0 7px #54cdfc55,0 0 16px #54cdfc22}
.cover .cover-name{ text-shadow:0 0 10px #54cdfc77,0 0 24px #54cdfc44 }

/* Clickable service chips and compact service details */
.services .service-chip{font:inherit;font-size:14px;padding:7px 11px;border:1px solid #2b8eb866;border-radius:6px;color:#b5dbe9;background:#0d2534;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}
.services .service-chip:hover,.services .service-chip:focus-visible{color:#dcfbff;border-color:#55c9ff99;box-shadow:0 0 12px #159bd833;transform:translateY(-1px)}
#service-dialog{max-width:440px}
#service-dialog #service-description{margin:20px 0 12px;color:#c8e3ec;line-height:1.55}
#service-details{margin-bottom:20px}
#service-details .service-price{margin:0;color:#c6ff53;font-size:18px;line-height:1.65;font-weight:600;text-shadow:0 0 10px #91db2444}
#service-details .service-note{margin:8px 0 0;color:#9bb5c2;font-size:14px;line-height:1.5}

/* Human-test polish: centered close icons and unmistakable controls */
.icon-button{padding:0;line-height:1}
.icon-button svg{display:block;margin:auto}
#close svg,#dismiss svg,#service-dismiss svg{width:18px;height:18px;stroke-width:1.9}

.services .service-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 13px;
  border-color:#4bc9f099;
  border-radius:8px;
  background:linear-gradient(180deg,#103247,#0b2230);
  color:#d9f7ff;
  font-weight:600;
  box-shadow:0 3px 10px #0004,inset 0 1px 0 #74dcff22;
}
.services .service-chip::after{
  content:"›";
  color:#c8ff4f;
  font-size:18px;
  line-height:1;
}
.services .service-chip:hover,.services .service-chip:focus-visible{
  color:#fff;
  border-color:#65d8ff;
  box-shadow:0 5px 16px #0005,0 0 14px #159bd83d,inset 0 1px 0 #8ee7ff33;
  transform:translateY(-1px);
}
.services .service-chip:active{transform:translateY(0);box-shadow:inset 0 2px 7px #0005}

.actions a,.actions button{
  padding:9px 12px;
  border:1px solid #2b8eb866;
  border-radius:8px;
  background:#0b2230;
}
.actions a:hover,.actions button:hover{border-color:#55c9ff99;background:#103247}

/* v16 mobile + Lovable hosting polish */
#lovable-badge{display:none!important}

@media(max-width:599px){
  .card{min-height:0!important;aspect-ratio:1200/630}
  .cover{
    height:100%!important;
    grid-template-columns:minmax(0,1fr) 86px;
    padding:13px 15px;
    gap:0 8px;
    border-radius:14px;
  }
  .edition{font-size:7px;letter-spacing:.13em}
  .monogram{width:82px;height:96px}
  .cover-name{font-size:clamp(22px,8vw,32px);line-height:1.02}
  .cover-role{font-size:7px;letter-spacing:.04em}
  .open-label{font-size:8px}
  .cover-bottom{font-size:8px}
  .cover-edge{inset:7px;border-radius:9px}
  .card.opened{aspect-ratio:auto}
}


/* v17 APPROVED front cover — centered classic composition */
.cover{
  display:block!important;
  position:absolute; inset:0;
  width:100%; height:100%!important;
  aspect-ratio:1200/630;
  padding:0!important;
  text-align:center!important;
  background:
    radial-gradient(circle at 50% 26%,#0c3a5248 0%,transparent 34%),
    linear-gradient(145deg,#0a2231 0%,#071822 48%,#06131c 100%);
  border:1px solid #2e9fd1b8;
  border-radius:14px;
  box-shadow:0 26px 70px #000b,0 0 28px #0aa6e629,0 1px 0 #9cecff44 inset;
}
.cover-edge{inset:2.1%;border:1px solid #2a88ad55;border-radius:11px}
.edition{
  position:absolute;top:6.8%;left:5.6%;
  display:block!important;width:auto!important;margin:0!important;
  font-size:clamp(7px,1.05vw,12px);
  letter-spacing:.31em;color:#87dcff;
  text-shadow:0 0 7px #4cd1ff77,0 0 18px #2aa9dc33;
}
.monogram{
  position:absolute!important;top:11.5%;left:50%;right:auto!important;
  width:16.4%!important;height:36.5%!important;margin:0!important;
  transform:translateX(-50%);
  color:#58d8ff;
  filter:drop-shadow(0 0 5px #16bfff) drop-shadow(0 0 15px #0b7eae88);
}
.hfb-shield path{stroke:#52dcff;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.hfb-shield text{fill:#c8ff4f;font:300 26px system-ui,sans-serif;letter-spacing:1px;filter:drop-shadow(0 0 7px #9ae22c)}
.cover-name{
  position:absolute!important;top:48.2%;left:50%;
  transform:translate(-50%,-50%);
  margin:0!important;white-space:nowrap;
  font:normal clamp(28px,7.7vw,58px)/1 Georgia,"Times New Roman",serif!important;
  letter-spacing:-.025em!important;
  color:#f5fdff!important;
  -webkit-text-fill-color:#f5fdff!important;
  background:none!important;
  text-shadow:0 0 2px #fff,0 0 8px #c8f7ff,0 0 17px #67dcff,0 0 30px #1cbff0aa,0 0 48px #0a78aa66!important;
}
.cover-role{
  position:absolute!important;top:67.5%;left:50%;
  transform:translateX(-50%);
  width:69%;margin:0!important;
  display:flex!important;align-items:center;justify-content:center;gap:4.2%;
  color:#77ddff!important;
  font-size:clamp(7px,1.15vw,12px)!important;
  letter-spacing:.28em!important;white-space:nowrap;
  text-shadow:0 0 8px #3fcaff66,0 0 18px #25a7d933;
}
.cover-role:before,.cover-role:after{
  content:"";display:block;flex:1 1 14%;height:1px;
  background:#38d7ff;box-shadow:0 0 8px #1ab9e6aa;
}
 .cover-bottom{
  position:absolute!important;inset:0!important;width:100%!important;
  margin:0!important;display:block!important;text-align:initial!important;
  color:#a3ccdc!important;font-size:clamp(7px,1vw,11px)!important;
  letter-spacing:.12em!important;
}
.cover-bottom>span:first-child{
  display:block!important;position:absolute;left:5.6%;bottom:8.2%;
  color:#91bfd1;white-space:nowrap;
}
.open-label{
  position:absolute;left:50%;bottom:8.1%;transform:translateX(-50%);
  min-width:29%;padding:0 0 4px!important;
  border-bottom:1px solid #52dfff!important;
  color:#79e3ff!important;
  font-size:clamp(9px,1.55vw,15px)!important;
  letter-spacing:.01em!important;white-space:nowrap;
  text-align:center;text-shadow:0 0 8px #34c9ff77,0 0 17px #1c9bca44!important;
}
@media(max-width:599px){
  .card{min-height:0!important;aspect-ratio:1200/630}
  .cover{height:100%!important;border-radius:10px}
  .cover-edge{border-radius:7px}
  .edition{font-size:6.5px}
  .cover-name{font-size:clamp(27px,8.1vw,32px)!important}
  .cover-role{font-size:6.2px!important;width:76%;letter-spacing:.18em!important}
  .open-label{font-size:7.5px!important;min-width:31%}
  .cover-bottom{font-size:6.3px!important}
  .monogram{width:18%!important;height:38%!important;top:10.5%}
  .card.opened{aspect-ratio:auto}
}