:root{--night:#071923;--deep:#0b2b35;--cream:#f4f0e7;--white:#fffdf7;--coral:#ff906a;--peach:#ffd5ad;--teal:#8ec5bf;--ink:#122d35;--serif:'Bricolage Grotesque',Georgia,sans-serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--night);color:var(--white);font-family:var(--sans);overflow-x:hidden}
button,input,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--coral);outline-offset:4px}
.trap{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.shell{width:min(100% - 52px,1260px);margin-inline:auto}
.scrollProgress{position:fixed;z-index:100;left:0;top:0;width:100%;height:4px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--teal),var(--coral));pointer-events:none}
.hero{position:relative;min-height:100svh;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 80% 3%,#3f6060aa,transparent 38%),var(--night)}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/creator/pierre-glass-hero-v9.webp') 78% 22%/cover no-repeat;opacity:.54}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071923fa 0%,#071923d9 52%,#07192354 100%),linear-gradient(0deg,#071923 0%,transparent 28%)}
.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #e4f3e444}
.wordmark{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.08em;font-size:13px;line-height:1.12}
.wordmark i{font:700 42px/.8 var(--serif);font-style:normal;color:var(--cream)}
.topbar a:last-child{font-size:13px;font-weight:800;color:#f7e8cd;border:1px solid #e5d8c57e;padding:12px 15px;background:#102e37b3;backdrop-filter:blur(14px)}
.topbar a:last-child:hover{background:#1e4149}
.heroContent{padding-top:clamp(24px,4vh,55px);padding-bottom:35px}
.intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px}
.label{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--peach)}
.intro h1{font:800 clamp(64px,6.5vw,102px)/.94 var(--serif);letter-spacing:-.052em;margin:10px 0 10px;text-wrap:balance}
.intro h1 em{font-style:normal;color:var(--peach)}
.intro p{font:600 clamp(19px,1.9vw,26px)/1.38 var(--sans);max-width:450px;margin:0 0 10px;color:#f1eee5}
.dogSeal{justify-self:end;width:124px;height:124px;border-radius:50%;border:6px solid #f3eee1;box-shadow:0 0 0 2px #b7d7d0,0 15px 35px #0009;overflow:hidden;background:#d4c5ae;transform:rotate(8deg)}
.dogSeal img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.choosePrompt{display:flex;align-items:center;gap:15px;margin:27px 0 15px}
.choosePrompt span{font-size:13px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#d5e8df;white-space:nowrap}
.choosePrompt::after{content:"";height:1px;background:#d9e7db7b;flex:1}
.pathGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.pathCard{position:relative;isolation:isolate;min-height:240px;width:100%;padding:25px 27px;border:1px solid #f9f5e4a8;text-align:left;color:var(--white);overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;box-shadow:inset 1px 1px #fff9,inset -2px -2px #071824ad,0 20px 40px #0009,7px 8px 0 #020e13;backdrop-filter:blur(20px) saturate(1.2);transition:transform .3s,box-shadow .3s,border-color .3s}
.pathCard::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at var(--x,85%) var(--y,10%),#ffffff55,transparent 35%);opacity:.55;transition:opacity .25s}
.pathCard:hover{transform:translateY(-7px);box-shadow:inset 1px 1px #fff,0 30px 45px #000b,7px 11px 0 #020e13;border-color:#fff}
.pathCard:hover::before{opacity:1}
.pathCard.brand{background:linear-gradient(135deg,#723e31cc,#c66851d6 55%,#6e322dbd)}
.pathCard.creator{background:linear-gradient(135deg,#174954df,#297c7ca8 55%,#0e3741d9)}
.pathCard .number{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#fff7eb}
.pathCard .icon{position:absolute;top:16px;right:25px;font:600 72px/.9 var(--serif);opacity:.18;transform:rotate(-12deg)}
.pathCard strong{display:block;font:800 clamp(29px,3vw,43px)/1.04 var(--serif);letter-spacing:-.035em;margin:23px 0 8px}
.pathCard .explain{display:block;font-size:16px;font-weight:600;line-height:1.4;max-width:400px}
.pathCard .cardAction{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;width:100%;font-size:14px;font-weight:800;padding-top:22px}
.pathCard .cardAction i{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#fffdf2;color:#102b33;font-style:normal;font-size:20px;transition:transform .25s}
.pathCard:hover .cardAction i{transform:translateX(4px)}
.heroFine{display:flex;justify-content:space-between;gap:15px;margin:20px 0 0;color:#d7e1dc;font-size:12px;font-weight:700}
.heroFine a{text-decoration:underline;text-decoration-color:#d7e1dc88;text-underline-offset:4px}
.creatorReveal{background:linear-gradient(120deg,#e6f2e9,#f6efdf);color:var(--ink);border-top:1px solid #fff;box-shadow:0 25px 55px #0008}
.creatorReveal .shell{padding-top:30px;padding-bottom:35px}
.revealTop{display:flex;justify-content:space-between;align-items:flex-start;gap:25px}
.revealTop h2{font:700 clamp(34px,4vw,57px)/1 var(--serif);letter-spacing:-.055em;margin:4px 0 8px}
.revealTop p{margin:0;font-size:16px;font-weight:600;color:#39535a}
.revealTop button{width:42px;height:42px;flex:0 0 42px;border:1px solid #406067;background:#fff;color:#143039;font-size:26px}
.creatorActions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:23px}
.creatorAction{background:#fffdf7;border:1px solid #9abdb4;padding:22px;box-shadow:7px 7px 0 #a8c5ba}
.creatorAction h3{font:700 27px/1.06 var(--serif);letter-spacing:-.04em;margin:0 0 9px}
.creatorAction p{font:600 14px/1.45 var(--sans);color:#3c565b;margin:0 0 15px}
.creatorAction .actionLink{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:11px 15px;background:#ff916b;color:#112e35;font-weight:800;font-size:14px;border:0}
.creatorAction .actionLink:hover{background:#ffab87}
.creatorAction small{display:block;margin-top:11px;color:#41595a;font-size:12px;line-height:1.4}
.courseForm{display:flex;gap:8px}
.courseForm label{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
.courseForm input{min-width:0;flex:1;min-height:48px;border:1px solid #789c9c;padding:12px;background:white;color:#123039;font-size:16px}
.courseForm button{min-height:48px;border:0;background:#153f48;color:#fff;padding:10px 15px;font-size:14px;font-weight:800}
.courseForm button:hover{background:#27636b}
.courseForm button:disabled{opacity:.6;cursor:wait}
.courseStatus{font-size:13px!important;font-weight:800;color:#20515b!important;margin:9px 0 0!important}
.proofBar{background:#f1e5d2;color:#173139;border-bottom:1px solid #fff;box-shadow:inset 0 1px #fff9}
.proofBar .shell{min-height:104px;display:flex;align-items:center;justify-content:center;gap:22px}
.proofBar strong{font:700 clamp(44px,5vw,76px)/1 var(--serif);letter-spacing:-.08em}
.proofBar span{font-size:15px;font-weight:800;line-height:1.25}
.proofBar small{display:block;color:#466065;font-size:11px;font-weight:700;margin-top:4px}
.watch{padding:46px 0 55px;background:radial-gradient(circle at 80% 0,#244c55,var(--night) 65%)}
.watchHeader{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:20px}
.watchHeader h2{font:700 clamp(39px,5vw,65px)/1 var(--serif);letter-spacing:-.065em;margin:6px 0 0}
.watchHeader p{max-width:340px;margin:0;color:#dce8e1;font-size:15px;line-height:1.4}
.videoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.videoCard{display:grid;grid-template-columns:165px 1fr;align-items:center;gap:20px;min-height:150px;border:1px solid #bbd3cbbb;background:linear-gradient(135deg,#ffffff20,#19404b75);box-shadow:inset 1px 1px #fff5,0 13px 24px #0005;overflow:hidden;transition:transform .25s,border-color .25s}
.videoCard:hover{transform:translateY(-5px);border-color:#fff}
.videoCard img{width:165px;height:150px;object-fit:cover}
.videoCard span{display:block;color:#e4c799;font-weight:800;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.videoCard strong{display:block;font:700 clamp(23px,2.7vw,36px)/1.05 var(--serif);letter-spacing:-.04em;margin:8px 12px 8px 0}
.videoCard i{font-size:22px;font-style:normal}
.lastCall{background:linear-gradient(105deg,#e4bd94,#f6936d);color:#172f36;padding:30px 0}
.lastCall .shell{display:flex;align-items:center;justify-content:space-between;gap:20px}
.lastCall strong{font:700 clamp(28px,3.6vw,48px)/1.03 var(--serif);letter-spacing:-.05em}
.lastCall button{border:1px solid #182d33;background:#102e36;color:white;padding:15px 19px;font-size:14px;font-weight:800;white-space:nowrap}
.lastCall button:hover{background:#27515a}
footer{padding:20px 0 28px;background:#071923;color:#cddbd4;font-size:12px;font-weight:700}
footer .shell{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer a{text-decoration:underline;text-underline-offset:3px}
.contactDialog{width:min(94vw,930px);max-height:94dvh;padding:0;border:1px solid #dcece1;color:#163039;background:#f4f0e7;box-shadow:0 30px 90px #000c;overflow:auto}
.contactDialog::backdrop{background:#06141adb;backdrop-filter:blur(7px)}
.dialogInner{position:relative}.dialogTop{position:absolute;right:13px;top:13px;z-index:2}.dialogClose{width:42px;height:42px;border:1px solid white;background:#12323a;color:white;font-size:27px}
.dialogGrid{display:grid;grid-template-columns:.8fr 1.2fr}.dialogPitch{padding:38px;background:radial-gradient(circle at 90% 20%,#426971,#0a2933 70%);color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.dialogPitch .kicker{font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#f4cc9e}
.dialogPitch h2{font:700 clamp(38px,4vw,62px)/1 var(--serif);letter-spacing:-.06em;margin:14px 0}
.dialogPitch h2 em{font-style:normal;color:#ffb88d}.dialogPitch p{font-size:16px;line-height:1.5;color:#e5ece6}
.dialogDog{height:180px;background:#d9dad6 url('/assets/pierre/pierre-studio.webp') center 31%/cover no-repeat;border:5px solid #d9e5db;box-shadow:0 15px 25px #0007}
.dialogProof{border-top:1px solid #ffffff7c;padding-top:16px}.dialogProof strong{display:block;font:700 37px var(--serif);color:#f9d6aa}.dialogProof span,.dialogProof small{display:block;font-size:12px;line-height:1.4;color:#dce7df}
.dialogFormSide{padding:38px;background:#f4f0e7}.dialogFormSide h3{font:700 35px/1 var(--serif);letter-spacing:-.045em;margin:0 35px 8px 0}.dialogFormSide>p{font-size:14px;color:#41545b;margin:0 0 17px}
.contactForm{display:grid;gap:13px}.field{display:grid;gap:5px}.field label,.interestGroup legend{font-size:14px;font-weight:800}.field input,.field textarea{width:100%;border:1px solid #78929a;background:#fff;color:#153039;padding:11px 13px;font-size:16px}.field textarea{min-height:80px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#697d80}
.interestGroup{border:0;padding:0;margin:0}.interestGroup legend{padding:0;margin-bottom:9px}.interestChoices{display:flex;flex-wrap:wrap;gap:6px}.interestPill{position:relative}.interestPill input{position:absolute;opacity:0;width:1px;height:1px}.interestPill span{display:block;padding:9px 10px;border:1px solid #8da3a6;background:white;color:#1c3b42;font-size:12px;font-weight:800;cursor:pointer}.interestPill input:checked+span{border-color:#99432e;background:#ffe0d0}.interestPill input:focus-visible+span{outline:3px solid #ff906a;outline-offset:2px}
.formHelp{font-size:12px;line-height:1.35;color:#486167;margin:0}.formHelp a{text-decoration:underline}.formAction button{width:100%;border:0;background:#ff906a;color:#153039;padding:14px 18px;font-weight:800;display:flex;justify-content:space-between}.formAction button:disabled{opacity:.6}.formStatus{font-size:13px;font-weight:700;color:#9a3d2a;margin:7px 0 0}.previewThanks{padding:20px;border:1px solid #b79c73;background:#fff6e6}.previewThanks strong{display:block;font:700 34px var(--serif)}.previewThanks p{font-size:14px;line-height:1.5}.previewThanks .cta{display:inline-flex;padding:12px 14px;background:#143841;color:white;font-size:13px;font-weight:800}
.floatingPitch{display:none}
@media(max-width:900px){.dialogGrid{grid-template-columns:1fr}.dialogPitch{padding:24px;gap:9px}.dialogPitch h2{font-size:39px;margin:8px 0}.dialogPitch p{font-size:14px;margin:0}.dialogDog,.dialogProof{display:none}.dialogFormSide{padding:24px}.intro{grid-template-columns:1fr auto}.hero::before{background-position:65% top}.pathCard{min-height:220px}}
@media(max-width:650px){.shell{width:min(100% - 28px,560px)}.hero{min-height:0}.hero::before{inset:0 0 auto;height:220px;background-size:auto 230px;background-position:88% top;opacity:.8}.hero::after{background:linear-gradient(0deg,#071923 0%,#071923 61%,#0719233d 88%,#07192326 100%)}.topbar{height:57px}.wordmark{font-size:10px}.wordmark i{font-size:32px}.topbar a:last-child{font-size:10px;padding:9px}.heroContent{padding-top:115px;padding-bottom:18px}.intro{display:block}.intro h1{font-size:clamp(50px,14vw,67px);margin:7px 0 7px}.intro p{font-size:16px;line-height:1.32;max-width:330px;margin:0}.dogSeal{display:none}.label{font-size:10px}.choosePrompt{margin:18px 0 11px}.choosePrompt span{font-size:11px}.pathGrid{grid-template-columns:1fr;gap:10px}.pathCard{min-height:153px;padding:15px 17px;box-shadow:inset 1px 1px #fff9,0 9px 22px #0008,4px 5px 0 #020e13}.pathCard strong{font-size:31px;margin:10px 0 3px}.pathCard .explain{font-size:13px}.pathCard .cardAction{padding-top:10px;font-size:12px}.pathCard .cardAction i{width:28px;height:28px;font-size:17px}.pathCard .icon{font-size:55px;right:12px}.heroFine{font-size:10px;margin:15px 0 0}.creatorReveal .shell{padding:22px 0 27px}.revealTop h2{font-size:37px}.revealTop p{font-size:13px}.creatorActions{grid-template-columns:1fr;gap:13px;margin-top:17px}.creatorAction{padding:17px}.creatorAction h3{font-size:27px}.courseForm{flex-direction:column}.courseForm button{width:100%}.proofBar .shell{min-height:72px;gap:13px}.proofBar strong{font-size:46px}.proofBar span{font-size:12px}.proofBar small{font-size:9px}.watch{padding:33px 0 38px}.watchHeader{display:block;margin-bottom:16px}.watchHeader h2{font-size:45px}.watchHeader p{font-size:13px;margin-top:7px}.videoGrid{grid-template-columns:1fr;gap:11px}.videoCard{grid-template-columns:100px 1fr;min-height:100px;gap:12px}.videoCard img{width:100px;height:100px}.videoCard strong{font-size:25px}.lastCall{padding:22px 0}.lastCall .shell{display:block}.lastCall strong{display:block;font-size:31px}.lastCall button{margin-top:14px;width:100%}.contactDialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.dialogPitch{padding:20px 17px 14px}.dialogPitch h2{font-size:33px;margin-right:30px}.dialogPitch p{font-size:13px}.dialogFormSide{padding:18px}.dialogFormSide h3{font-size:28px}.interestPill span{font-size:11px;padding:8px}.field textarea{min-height:72px}}
@media(max-width:360px){.heroContent{padding-top:100px}.intro h1{font-size:49px}.pathCard{min-height:146px}.pathCard strong{font-size:28px}.heroFine{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pathCard,.videoCard,.pathCard .cardAction i{transition:none}.pathCard:hover,.videoCard:hover{transform:none}}

/* Pierre's warmer, clearer type and a compact character finish. */
.intro h1 em{background:linear-gradient(125deg,#ffe2b9,#ffb883);color:transparent;background-clip:text;-webkit-background-clip:text}
.intro p,.pathCard .explain,.revealTop p,.creatorAction p,.watchHeader p,.meetCopy p{letter-spacing:0}
.pathCard{border-radius:12px 12px 10px 10px}
.pathCard::after{content:"";position:absolute;inset:5px;border:1px solid #ffffff38;border-radius:8px;pointer-events:none}
.pathCard.brand{background:radial-gradient(circle at 89% 6%,#ffb98b55,transparent 36%),linear-gradient(135deg,#8e4938,#c66e53 64%,#934736)}
.pathCard.creator{background:radial-gradient(circle at 88% 4%,#aee8dc4d,transparent 34%),linear-gradient(135deg,#165864,#267f80 60%,#0f4553)}
.pathCard .cardAction i{box-shadow:0 6px 16px #00151a55}
.dogSeal{animation:sealFloat 6s ease-in-out infinite alternate}
@keyframes sealFloat{to{transform:rotate(-4deg) translateY(-8px)}}
.proofBar .shell{min-height:116px;justify-content:space-evenly;gap:34px}
.proofMetric{display:flex;align-items:center;gap:13px;min-width:0}
.proofMetric strong{white-space:nowrap;font-size:clamp(40px,4.2vw,69px);letter-spacing:-.055em}
.proofMetric span{font-size:15px;font-weight:800;line-height:1.2}
.proofMetric small{font-size:10px;line-height:1.35;max-width:230px;margin-top:5px}
.proofDivider{height:52px;width:1px;background:#53777b7d}
.watchHeader h2{letter-spacing:-.04em}
.videoCard,.creatorAction{border-radius:9px}
.meetPierre{position:relative;padding:70px 0;background:radial-gradient(circle at 92% 15%,#3b6672,#112d38 48%,#071923 100%);overflow:hidden}
.meetPierre::before{content:"PIERRE";position:absolute;right:-3%;bottom:-10%;font:800 clamp(125px,19vw,330px)/1 var(--serif);letter-spacing:-.09em;color:#b3d4cb0b;pointer-events:none}
.meetGrid{display:grid;grid-template-columns:minmax(0, .93fr) minmax(0,1.07fr);gap:clamp(30px,6vw,90px);align-items:center}
.meetPhoto{position:relative;aspect-ratio:1.2;max-height:500px;padding:10px;border:1px solid #e4f1e299;background:linear-gradient(135deg,#ffffff9c,#658e9666 30%,#122d38);box-shadow:inset 1px 1px #fff9,0 28px 55px #0009,10px 10px 0 #07141d;transform:rotate(-2deg);transition:transform .35s}
.meetPhoto:hover{transform:rotate(0) translateY(-5px)}
.meetPhoto img{width:100%;height:100%;object-fit:cover;object-position:center 65%;filter:saturate(.94) contrast(1.03)}
.meetPhoto span{position:absolute;left:20px;bottom:20px;padding:10px 13px;background:#0b2833dd;border:1px solid #f4eee1b8;color:#fff;font-size:12px;font-weight:800;letter-spacing:.1em;backdrop-filter:blur(13px)}
.meetCopy{position:relative;z-index:1;max-width:610px}
.meetCopy h2{font:800 clamp(54px,6.6vw,101px)/.98 var(--serif);letter-spacing:-.045em;margin:15px 0 22px}
.meetCopy h2 em{font-style:normal;color:#ffb990}
.meetCopy p{max-width:550px;color:#e4eee8;font-size:clamp(17px,1.7vw,22px);font-weight:500;line-height:1.48;margin:0}
.meetNote{display:inline-flex;align-items:center;gap:13px;margin:23px 0 25px;padding:12px 16px;background:#f5ead6;color:#17343d;box-shadow:6px 6px 0 #6b96927d;font-size:17px;font-weight:800;transform:rotate(2deg)}
.meetNote span{font-size:25px;color:#cd7252}
.meetFollow{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:370px;padding:16px 18px;background:#ff966f;color:#142f35;box-shadow:0 7px 0 #a6533f;font-size:15px;font-weight:800;transition:transform .2s,box-shadow .2s}
.meetFollow:hover{transform:translateY(-3px);box-shadow:0 10px 0 #a6533f}
.meetCopy>small{display:block;color:#bed4ce;font-size:11px;margin-top:18px;font-weight:600}
@media(max-width:900px){.meetGrid{gap:30px}.meetPhoto{aspect-ratio:1;max-height:440px}.meetCopy h2{font-size:clamp(48px,6.5vw,72px)}}
@media(max-width:650px){.intro h1{line-height:.99;letter-spacing:-.045em}.pathCard{border-radius:9px}.pathCard::after{inset:4px;border-radius:6px}.proofBar .shell{min-height:0;padding:13px 0;justify-content:center;gap:12px}.proofMetric{display:block;text-align:center;flex:1}.proofMetric strong{font-size:35px}.proofMetric span{display:block;font-size:11px;margin-top:2px}.proofMetric small{font-size:8px;margin:3px auto 0}.proofDivider{height:55px}.meetPierre{padding:46px 0 56px}.meetGrid{grid-template-columns:1fr;gap:32px}.meetPhoto{aspect-ratio:1.08;max-height:380px;transform:rotate(-1deg);margin-right:7px}.meetPhoto span{left:15px;bottom:15px;font-size:10px}.meetCopy h2{font-size:clamp(48px,13vw,67px);margin:11px 0 15px}.meetCopy p{font-size:17px}.meetNote{font-size:15px;margin:20px 0 22px}.meetFollow{max-width:none}.meetCopy>small{margin-top:17px}}
@media(prefers-reduced-motion:reduce){.dogSeal{animation:none}.meetPhoto,.meetFollow{transition:none}.meetPhoto:hover,.meetFollow:hover{transform:none}}