:root{color-scheme:dark;--page:#101114;--card:#1b1c20;--ink:#f2f2f7;--muted:#a5a5b0;--line:rgba(242,242,247,.12);--violet:#5e5ce6;--bright:#8b89f0;--display:'Bricolage Grotesque',sans-serif;--font:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--ease:cubic-bezier(.32,.72,0,1)}
*{box-sizing:border-box}html{scrollbar-color:#4a4a56 var(--page);scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font:400 14px/1.5 var(--font);-webkit-font-smoothing:antialiased}::selection{background:var(--violet);color:white}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--bright);outline-offset:5px}img{max-width:100%;display:block}svg{display:block}h1,p{margin:0}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.page{max-width:504px;padding:0 24px;margin:clamp(0px,6vh,60px) auto 0}.skip-link{position:fixed;top:12px;left:16px;z-index:9;transform:translateY(-160%);padding:12px 20px;background:var(--ink);color:var(--page);border-radius:8px}.skip-link:focus{transform:none}
.header{height:62px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;min-height:44px}.brand>img{object-fit:contain}.brand-wordmark{width:68px;height:auto}.share{border:1px solid var(--line);background:none;border-radius:10px;display:grid;place-items:center;width:40px;height:40px}.share .icon{width:17px;height:17px}.share:hover{background:var(--card)}
.profile{text-align:center;padding:18px 0 28px}.portrait{width:112px;height:112px;overflow:hidden;border-radius:28px;margin:0 auto 17px;background:var(--card);animation:portrait-in .65s var(--ease)}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 23%;transform:scale(1.32);transform-origin:50% 27%}h1{font:800 36px/1.15 var(--display);letter-spacing:-.035em}h1 span{color:var(--bright)}.profile p{color:#c3c3cd;font-size:13px;margin-top:9px}.handle{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.links{display:flex;flex-direction:column;gap:12px}.links>a{display:flex;align-items:center;gap:16px;border-radius:14px;position:relative;transition:background .18s var(--ease)}.links strong{display:block;font-size:15px;font-weight:600;line-height:1.4}.links small{display:block;font-size:12px;margin-top:5px}.links .icon{margin-left:auto;width:19px;height:19px}.primary-link{min-height:94px;padding:21px;background:var(--violet);color:#fff}.primary-link>img{filter:brightness(0) invert(1);flex-shrink:0}.primary-link small{color:#eeedff}.primary-link:hover{background:#514fcd}.primary-link:active,.academy:active{transform:scale(.99)}.academy{min-height:112px;padding:16px 21px 16px 16px;background:var(--card);border:1px solid var(--line);overflow:hidden}.academy:hover{background:#24252a}.academy-image{width:76px;height:80px;object-fit:cover;object-position:50% 27%;border-radius:9px;flex-shrink:0}.academy-copy{min-width:0}.academy small{color:var(--muted)}.academy>.icon{color:var(--muted)}.socials{display:flex;gap:6px;justify-content:center;margin:19px 0 5px}.socials a{width:44px;height:44px;display:grid;place-items:center;color:#bcbcc6;border-radius:10px}.socials a:hover{background:var(--card);color:var(--ink)}.socials .icon{width:20px;height:20px}.socials img{filter:brightness(0) invert(1);opacity:.74}.socials a:hover img{opacity:1}footer{color:#92929f;font-size:10px;text-align:center;padding:10px 0 22px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--page);padding:12px 20px;border-radius:12px;font-size:13px;max-width:calc(100% - 32px);width:max-content;z-index:10;box-shadow:0 8px 35px #0006}.share-fallback{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10;width:min(480px,calc(100% - 32px));padding:18px;background:#24252a;border:1px solid var(--line);border-radius:14px}.share-fallback label{display:block;margin-bottom:8px}.share-fallback>div{display:flex;gap:10px}.share-fallback input{min-width:0;flex:1;background:var(--page);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:10px}.share-fallback button{background:var(--violet);border:0;border-radius:6px;padding:10px}@keyframes portrait-in{from{clip-path:inset(0 0 5% round 28px)}to{clip-path:inset(0 round 28px)}}
@media(max-width:540px){.page{margin-top:0;padding:0 22px}.profile{padding:13px 0 25px}.portrait{width:104px;height:104px;margin-bottom:15px}h1{font-size:32px}.links>a{gap:13px}.links strong{font-size:14px}.links small{font-size:11px}.primary-link{padding:18px;min-height:88px}.academy{min-height:104px;padding:13px 18px 13px 13px}.academy-image{width:66px;height:76px}}
@media(max-width:359px){.page{padding:0 16px}.links>a{gap:10px}.links strong{font-size:12px}.links small{font-size:10px}.primary-link{padding:16px}.academy{padding-right:15px}.academy-image{width:56px;height:72px}h1{font-size:30px}}
@media(max-height:700px){.page{margin-top:0}.header{height:54px}.profile{padding-top:8px;padding-bottom:20px}.portrait{width:88px;height:88px;margin-bottom:12px}.socials{margin-top:12px}.primary-link{min-height:82px}.academy{min-height:98px}footer{padding-bottom:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Image-led cover: user-requested art direction, retaining the compact link hub. */
body{background:#101114}.atmosphere{position:absolute;inset:0 0 auto;height:680px;background:linear-gradient(180deg,rgba(16,17,20,.05),rgba(16,17,20,.2) 40%,#101114 96%),url('assets/orion/noite.webp') center 50%/cover;pointer-events:none;z-index:-1}.page{position:relative;max-width:560px;padding:0 24px;margin:20px auto 0}.header{position:absolute;z-index:4;top:0;left:24px;right:24px;height:62px}.brand{filter:drop-shadow(0 2px 8px #0009)}.share{background:rgba(20,20,30,.38);backdrop-filter:blur(16px);border-color:rgba(242,242,247,.2)}
.profile{position:relative;text-align:left;height:320px;margin:0 -24px;padding:0;isolation:isolate;overflow:hidden;border-radius:24px 24px 0 0}.profile-landscape{position:absolute;inset:0;background:linear-gradient(0deg,#101114 0%,transparent 65%),url('assets/orion/noite.webp') 61% 65%/cover;z-index:-2}.portrait{position:absolute;top:22px;right:-15px;width:75%;height:320px;margin:0;border-radius:0;background:none;overflow:visible;animation:none;mask-image:linear-gradient(90deg,transparent 0%,#000 30%),linear-gradient(0deg,transparent 1%,#000 29%);mask-composite:intersect}.portrait img{height:100%;width:100%;object-fit:cover;object-position:50% 26%;transform:none}.profile h1{position:absolute;left:25px;top:127px;z-index:2;font-size:56px;line-height:.93;letter-spacing:-.04em;text-shadow:0 2px 24px #10111440}.profile h1 span{color:#b4acff}.profile p{position:absolute;left:27px;bottom:42px;margin:0;font-size:12px;color:#e2e1ef;text-shadow:0 2px 12px #000}.profile .handle{position:absolute;left:27px;bottom:21px;margin:0;color:#a8a7bb;font-size:10px}.links{gap:12px;position:relative;z-index:3}.links>a{border-radius:16px;overflow:hidden}.primary-link{min-height:106px;padding:20px 23px;gap:17px!important;background:#5e5ce6;border:1px solid rgba(208,200,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 28px rgba(0,0,0,.22)}.primary-link>img:not(.cta-orbit){width:26px;height:26px;z-index:2}.primary-link strong{font:700 20px/1.15 var(--display);letter-spacing:-.02em}.primary-link small{margin-top:7px;font-size:11px;color:#eeedff}.primary-link>span{position:relative;z-index:2}.primary-link .cta-orbit{position:absolute;width:150px;height:150px;right:2px;top:-20px;opacity:.12;filter:none;pointer-events:none;transform:rotate(-15deg)}.links .icon{width:32px;height:32px;padding:6px;border-radius:50%;background:rgba(255,255,255,.12);position:relative;z-index:3}.primary-link:hover{background:#6866ec}.academy{min-height:134px;padding:22px 23px;background:#1b1c20;border-color:rgba(242,242,247,.17);isolation:isolate;box-shadow:0 12px 26px rgba(0,0,0,.2)}.academy-image{position:absolute;right:0;top:0;width:53%;height:100%;object-fit:cover;object-position:50% 39%;border-radius:0;z-index:-2}.academy:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1b1c20 35%,rgba(27,28,32,.86) 47%,rgba(27,28,32,.06) 76%);z-index:-1}.academy-copy{max-width:76%}.academy strong{font:700 23px/1.1 var(--display);letter-spacing:-.025em}.academy small{font-size:10px;color:#d2d1da;margin-top:9px}.academy>.icon{align-self:flex-end;color:#fff;background:rgba(16,17,20,.52);border:1px solid rgba(255,255,255,.2);margin-bottom:0}.academy:hover{background:#24252a}.academy:hover:before{background:linear-gradient(90deg,#24252a 35%,rgba(36,37,42,.86) 47%,rgba(27,28,32,.06) 76%)}.socials{margin:16px 0 0}.socials a{color:#c3c1d1}.socials img{opacity:.8}footer{padding-top:3px}
@media(min-width:700px){.page{margin-top:32px}.profile{height:330px}.profile h1{font-size:62px;top:125px}.profile p{bottom:41px}.profile .handle{bottom:20px}.portrait{height:350px;top:0;right:-8px}.atmosphere{height:780px;background-position:center 58%}.profile-landscape{background-position:60% 65%}}
@media(max-width:540px){.page{padding:0 20px;margin-top:0}.header{left:20px;right:20px;height:56px}.profile{height:287px;margin:0 -20px;border-radius:0}.profile h1{left:20px;top:120px;font-size:48px}.profile p{left:22px;bottom:37px;font-size:11px}.profile .handle{left:22px;bottom:17px}.portrait{height:278px;top:20px;right:-30px;width:83%}.profile-landscape{background-position:60% 65%}.primary-link{min-height:100px;padding:17px 18px}.primary-link strong{font-size:18px}.primary-link small{font-size:10px}.primary-link>img:not(.cta-orbit){width:24px;height:24px}.links>a{gap:14px!important}.academy{min-height:123px;padding:18px 20px}.academy strong{font-size:21px}.academy small{font-size:10px}.academy-image{width:55%;object-position:50% 37%}.links .icon{width:30px;height:30px}.socials{margin-top:11px}footer{padding-top:2px}.atmosphere{height:620px;background-position:61% 50%}}
@media(max-width:359px),(max-height:650px){.page{margin-top:0;padding:0 16px}.header{height:50px;left:16px;right:16px}.profile{height:248px;margin:0 -16px}.profile h1{top:106px;left:16px;font-size:43px}.profile p{left:18px;bottom:30px;font-size:10px}.profile .handle{left:18px;bottom:11px;font-size:9px}.portrait{top:13px;height:253px;width:82%;right:-26px}.links{gap:10px}.primary-link{min-height:88px;padding:14px 16px}.primary-link strong{font-size:16px}.primary-link small{font-size:9px}.primary-link>img:not(.cta-orbit){width:22px;height:22px}.links>a{gap:11px!important}.academy{min-height:109px;padding:15px 17px}.academy strong{font-size:19px}.academy small{font-size:9px}.links .icon{width:27px;height:27px}.socials{margin-top:8px}footer{padding-bottom:10px}}
.profile{border-radius:0}.profile-landscape{display:none}.portrait{mask-image:linear-gradient(180deg,#000 65%,transparent 100%);mask-composite:add;height:100%;top:0}.portrait img{object-position:50% 23%}.academy-image{object-position:50% 18%}
@media(max-width:540px){.portrait{height:100%;top:0}.portrait img{object-position:50% 24%}}
@media(max-width:359px),(max-height:650px){.portrait{height:100%;top:0}}
/* Preserve headroom at every breakpoint; avoid centering a portrait inside a short crop. */
.portrait img{object-position:50% 0%}.academy-image{object-position:50% 7%}
/* Show the approved notebook composition, not a face cropped to banner proportions. */
.academy-image{width:49%;height:128%;top:-4%;object-fit:contain;object-position:50% 0%;background:#1b1c20}
/* Blend the actual photo edges (not the contain letterbox) into the course card. */
.academy-image{width:auto;max-width:none;right:11%;background:transparent;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent),linear-gradient(180deg,#000 62%,transparent 83%);mask-composite:intersect}
/* Framed photograph: clear rounded edges, full portrait, no fading. */
.academy-image{width:92px;height:calc(100% - 20px);top:10px;right:62px;object-fit:cover;object-position:50% 10%;border-radius:10px;mask-image:none;mask-composite:add;background:#24252a;z-index:0}
.academy:before,.academy:hover:before{background:none}
.academy-copy{position:relative;z-index:1;max-width:calc(100% - 132px)}
@media(max-width:540px){.academy-image{width:76px;right:49px}.academy-copy{max-width:calc(100% - 105px)}}
@media(max-width:359px),(max-height:650px){.academy-image{width:62px;right:46px;top:9px;height:calc(100% - 18px);border-radius:8px}.academy-copy{max-width:calc(100% - 91px)}}
/* Restore the Patrick Junior × Brabo Academy collaboration signature. */
.academy-collab{position:absolute;right:66px;top:50%;transform:translateY(-50%);width:116px;text-align:center;line-height:1.05}
.collab-author{display:block;font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:-.03em;color:#f2f2f7}
.collab-cross{display:block;font-size:14px;color:#a5a5b0;margin:5px 0}
.collab-brand{display:block;font-family:var(--display);font-weight:800;letter-spacing:-.04em;font-size:25px;color:#ffcc00}
.collab-brand>span{display:block;font-size:17px;letter-spacing:-.02em;margin-top:1px}
.academy-copy{max-width:calc(100% - 165px)}
@media(max-width:540px){.academy-collab{width:88px;right:52px}.collab-author{font-size:10px}.collab-brand{font-size:23px}.collab-brand>span{font-size:15px}.collab-cross{margin:4px 0;font-size:12px}.academy-copy{max-width:calc(100% - 115px)}}
@media(max-width:359px),(max-height:650px){.academy-collab{width:72px;right:46px}.collab-author{font-size:9px}.collab-brand{font-size:20px}.collab-brand>span{font-size:13px}.collab-cross{margin:3px 0}.academy-copy{max-width:calc(100% - 98px)}}
/* Original collaboration artwork, as in the supplied reference. */
.academy-art{height:180px;min-height:180px;padding:16px;background:#1b1c20;justify-content:flex-end}
.academy-art:before{display:none}
.collab-artwork{position:absolute;top:0;left:15%;width:70%;height:100%;object-fit:cover;object-position:50% 18%;max-width:none}
.academy-art>.icon{align-self:flex-end;background:rgba(16,17,20,.65);margin-left:auto}
@media(max-width:540px){.academy-art{height:160px;min-height:160px;padding:12px}.collab-artwork{left:5%;width:90%}}
@media(max-width:359px),(max-height:650px){.academy-art{height:145px;min-height:145px}}
/* Collaboration typography inspired by the reference; explicit course offering. */
.academy-course{display:block!important;min-height:166px;height:auto;padding:21px 24px;background:#1b1c20}
.academy-course:before{display:none}
.course-content{display:block;width:100%}
.course-collab{display:block;font:800 20px/1.1 var(--display);letter-spacing:-.035em;color:#f2f2f7}
.course-collab>span{display:inline-block;margin-left:3px}
.academy-course .course-brand{display:block;margin-top:3px;font:800 34px/1.03 var(--display);letter-spacing:-.04em;color:#ffcc00}
.course-description{display:block;margin-top:10px;font-size:12px;color:#c3c3cd}
.course-action{display:flex;align-items:center;justify-content:space-between;margin-top:13px;font-size:11px;font-weight:600;color:#f2f2f7}
.academy-course .course-arrow{width:27px;height:27px;margin:0;padding:5px;border:1px solid var(--line);background:transparent}
.academy-course:hover .course-action{color:#ffcc00}
@media(max-width:540px){.academy-course{min-height:158px;padding:18px 20px}.course-collab{font-size:18px}.academy-course .course-brand{font-size:30px}.course-description{font-size:11px;margin-top:8px}.course-action{margin-top:10px}}
@media(max-width:359px),(max-height:650px){.academy-course{min-height:148px;padding:16px 18px}.course-collab{font-size:17px}.academy-course .course-brand{font-size:27px}.course-description{font-size:10px}.course-action{margin-top:8px}}
/* Match the primary link: copy left, collaboration mark right, centered arrow. */
.academy-course{display:grid!important;grid-template-columns:minmax(0,1fr) 170px 30px;align-items:center;gap:20px!important;min-height:116px;padding:22px 24px}
.course-copy{min-width:0}.academy-course .course-copy strong{font:700 20px/1.15 var(--display);letter-spacing:-.02em}.academy-course .course-copy small{display:block;margin-top:9px;font-size:11px;color:#c3c3cd}
.course-lockup{min-width:0;text-align:left}.course-lockup .course-collab{font-size:14px;line-height:1.1;letter-spacing:-.035em;white-space:nowrap}.academy-course .course-lockup .course-brand{font-size:22px;line-height:1.05;letter-spacing:-.04em;margin-top:3px;white-space:nowrap}
.academy-course>.course-arrow{align-self:center;justify-self:end;width:30px;height:30px;margin:0;padding:6px;background:rgba(255,255,255,.08)}
@media(max-width:540px){.academy-course{grid-template-columns:minmax(0,1fr) 124px 27px;gap:10px!important;padding:19px 18px;min-height:110px}.academy-course .course-copy strong{font-size:17px}.academy-course .course-copy small{font-size:10px}.course-lockup .course-collab{font-size:11px}.academy-course .course-lockup .course-brand{font-size:17px}.academy-course>.course-arrow{width:27px;height:27px}}
@media(max-width:359px),(max-height:650px){.academy-course{grid-template-columns:minmax(0,1fr) 101px 25px;gap:8px!important;padding:17px 15px;min-height:104px}.academy-course .course-copy strong{font-size:15px}.academy-course .course-copy small{font-size:9px}.course-lockup .course-collab{font-size:9px}.academy-course .course-lockup .course-brand{font-size:14px}.academy-course>.course-arrow{width:25px;height:25px}}
.academy-course .course-lockup .course-brand{font-size:20px}
@media(max-width:540px){.academy-course .course-lockup .course-brand{font-size:15px}}
@media(max-width:359px),(max-height:650px){.academy-course .course-lockup .course-brand{font-size:12.5px}}
/* Equal visual width for the two lines of the collaboration lockup. */
.course-lockup .course-collab{font-size:20.7px;letter-spacing:-.035em}
@media(max-width:540px){.course-lockup .course-collab{font-size:15.5px}}
@media(max-width:359px),(max-height:650px){.course-lockup .course-collab{font-size:12.95px}}
.course-lockup .course-collab{font-size:20.1px}
@media(max-width:540px){.course-lockup .course-collab{font-size:15.075px}}
@media(max-width:359px),(max-height:650px){.course-lockup .course-collab{font-size:12.5625px}}