/* Completed project-story, toolbox and enquiry components. */
.work-notebook.hero-note{pointer-events:auto;width:220px;padding:18px 16px 14px;top:350px;color:var(--ink)}
.notebook-eyebrow{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:var(--muted);padding-bottom:13px;border-bottom:1px solid var(--line)}
.work-notebook>a:not(.notebook-all){display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px;font-weight:500}
.notebook-icon{width:31px;height:31px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.notebook-ride{background:#e7ede2;color:#71826a}.notebook-social{background:#eee2eb;color:#a17c98}.notebook-fitness{background:#ecebdc;color:#92956b}
.work-notebook small{display:block;font-size:8px;color:var(--muted);font-weight:400;margin-top:3px;line-height:1.5}.work-notebook>a>span:last-child{margin-left:auto;font:italic 11px var(--serif);color:var(--muted)}.work-notebook a:hover{color:var(--purple)}.notebook-all{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);padding-top:13px}
.project-card{color:var(--ink);text-decoration:none}.project-read-more{display:flex;gap:8px;color:var(--purple);font-size:10px;margin-top:16px}.project-card:not(.featured-project) .project-info{align-items:flex-start;padding-bottom:20px}.project-card:not(.featured-project) .project-arrow{margin-top:4px}.feature-cta{padding-top:15px;border-top:1px solid var(--line);width:calc(100% - 48px)}.work-note{font-size:8px;letter-spacing:1px}
.toolbox-section{padding-bottom:96px}.toolbox-shell{display:grid;grid-template-columns:.85fr 1.8fr;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}.toolbox-tabs{display:flex;flex-direction:column;padding:22px;border-right:1px solid var(--line);background:var(--section);gap:8px}.toolbox-tabs button{display:flex;align-items:center;gap:12px;padding:19px 14px;border:1px solid transparent;border-radius:8px;background:transparent;text-align:left;font-size:12px;color:var(--muted)}.toolbox-tabs button>span:first-child{font-size:9px;color:var(--purple)}.toolbox-tabs button>span:last-child{margin-left:auto;font-size:17px}.toolbox-tabs button[aria-selected=true]{background:var(--surface);border-color:var(--line);color:var(--ink)}.toolbox-tabs button:hover{color:var(--purple)}
#toolbox-panel{padding:36px 40px;min-width:0;min-height:360px}.toolbox-panel-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.toolbox-symbol{width:44px;height:44px;background:var(--lavender);border-radius:10px;color:var(--purple);font-size:27px;display:flex;align-items:center;justify-content:center}.toolbox-panel-top .micro-label{font-size:8px;letter-spacing:1px}#toolbox-panel h3{font:34px/1.15 var(--serif);letter-spacing:-.6px;margin-bottom:15px}#toolbox-panel>p{font-size:13px;line-height:1.85;color:var(--muted);max-width:580px}.toolbox-tags{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0}.toolbox-tags>span{font-size:11px;color:var(--muted);border:1px solid var(--line);background:var(--section);padding:6px 10px;border-radius:6px}.toolbox-project-links{display:flex;align-items:center;gap:17px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.toolbox-project-links>span{font-size:8px;letter-spacing:1px;color:var(--muted)}.toolbox-project-links>a{font-size:11px;color:var(--purple)}.toolbox-project-links>a:hover{text-decoration:underline;text-underline-offset:4px}#toolbox-panel>small{display:block;font-size:10px;line-height:1.7;color:var(--muted);margin-top:16px}
.brief-section{display:grid;grid-template-columns:1fr 1.25fr;gap:72px;align-items:start;padding-bottom:96px}.brief-intro{padding-top:10px}.brief-intro>p{font-size:14px;color:var(--muted);line-height:1.85;margin-top:23px;max-width:350px}.brief-person{display:flex;align-items:center;gap:12px;padding:20px 0;margin-top:30px;border-block:1px solid var(--line);max-width:360px;font-size:13px}.brief-person>img{width:42px;height:42px;object-fit:cover;object-position:50% 20%;border-radius:50%}.brief-person small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.brief-person>span:last-child{margin-left:auto;font-size:20px;color:var(--purple)}.brief-intro .brief-privacy{font-size:11px;line-height:1.85;margin-top:20px}.brief-intro .section-kicker{font-size:9px;letter-spacing:1.1px}.brief-intro .section-kicker:after{display:none}
.brief-form{padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:14px;min-width:0}.brief-form fieldset{border:0;padding:0;margin:0 0 25px;min-width:0}.brief-form legend,.brief-form label{font-size:12px;color:var(--ink)}.brief-type-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.brief-type-options label{position:relative;cursor:pointer}.brief-type-options input{position:absolute;opacity:0;width:1px;height:1px}.brief-type-options label>span{display:block;padding:9px 12px;border:1px solid var(--line);border-radius:6px;background:var(--section);font-size:11px;color:var(--muted)}.brief-type-options input:checked+span{background:var(--lavender);border-color:color-mix(in srgb,var(--purple) 40%,var(--line));color:var(--purple)}.brief-type-options input:focus-visible+span{outline:2px solid var(--purple);outline-offset:3px}.brief-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}.brief-form label{display:block}.brief-form input:not([type=radio]),.brief-form textarea{display:block;width:100%;min-width:0;margin-top:9px;padding:12px 13px;font:13px/1.65 var(--sans);background:var(--bg);border:1px solid var(--line);border-radius:7px;color:var(--ink)}.brief-form input::placeholder,.brief-form textarea::placeholder{color:#8a8491}.brief-form input:focus-visible,.brief-form textarea:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.brief-form textarea{resize:vertical;min-height:125px;max-height:350px}.brief-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px}.brief-form-bottom>span{font-size:9px;color:var(--muted)}.brief-form .button{font-size:11px;padding:12px 15px}.brief-result{border-top:1px solid var(--line);padding-top:24px;margin-top:25px}.brief-result>.micro-label{font-size:8px;color:var(--purple);letter-spacing:1px}.brief-result pre{font:12px/1.85 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--section);border:1px solid var(--line);border-radius:8px;padding:16px;margin:15px 0;max-height:330px;overflow:auto;color:var(--muted)}.brief-result>div{display:flex;gap:8px;flex-wrap:wrap}.brief-result>p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:13px}
/* Shared professional finish: restrained color, readable labels, predictable rhythm. */
.professional{--bg:#fcfbfd;--surface:#fff;--ink:#272831;--muted:#6e6c78;--purple:#79648e;--lavender:#f0ebf5;--section:#f7f5f9;--line:#e6e2e9}.professional.dark{--bg:#15141a;--surface:#201d26;--ink:#f2eef6;--muted:#b8b0c3;--purple:#bea4d7;--lavender:#34283f;--section:#1b1821;--line:#393140}.professional:not(.project-page) .section{padding-block:96px}.professional .section-kicker{font-size:10px;letter-spacing:1.5px;font-weight:550}.professional:not(.project-page) .section-kicker::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--purple);margin-right:9px}.professional .section-kicker:after{display:none}.professional:not(.project-page) h2{font-size:52px;line-height:1.1;letter-spacing:-1.35px}.professional .section-heading h2 em,.professional .section-intro h2 em{text-decoration:none}.professional .hero-scribble,.professional .faq-doodle{display:none}.professional .avatar-wave{display:none}.professional .name-underline{opacity:.35;width:54%;left:23%;height:16px}.professional .intro-center h1{font-size:132px;letter-spacing:-5px}.professional .intro-statement{font-size:31px;margin-top:23px}.professional .intro-description{font-size:14px;line-height:1.85}.professional .intro-stage{padding-top:146px;min-height:780px}.professional .intro-avatar{width:68px;height:68px;border-width:3px}.professional .intro-hello{font-size:10px;letter-spacing:1.65px}.professional .intro-availability{font-size:10px}.professional .intro-footer{margin-top:65px}.professional .hero-note{animation:none!important;border-radius:12px;background:var(--surface);box-shadow:0 8px 30px #38254608}.professional .note-code{transform:rotate(-3deg);top:350px;color:var(--muted)}.professional .work-notebook{transform:rotate(3deg)!important}.professional .intro-contours{opacity:.45}.professional .page-grid{opacity:.8}.professional .grid-tiles i{animation-duration:16s}.professional .site-header{border-radius:15px;padding:11px 15px;box-shadow:0 6px 25px #251a3e07}.professional .desktop-nav a{font-size:12px;border-radius:8px}.professional .desktop-nav a [data-icon]{display:none}.professional .nav-contact{border-radius:8px;font-size:11px;padding:10px 15px}.professional .button{border-radius:8px;min-height:44px;box-shadow:none;font-size:12px;padding:12px 20px}.professional .button:hover{transform:translateY(-2px)}.professional .about-section{padding-bottom:42px}.professional .about-content .lead{font-size:20px}.professional .about-content>p{font-size:14px;line-height:1.9}.professional .section-description,.professional .section-heading>p{font-size:13px}.professional .principles-grid{padding-bottom:94px}.professional .principle-card{border-radius:14px}.professional .project-card{border-radius:14px;box-shadow:none}.professional .project-art{border-radius:9px}.professional .project-info h3{font-size:22px;letter-spacing:-.5px}.professional .project-info p{font-size:12px}.professional .featured-project h3{font:45px/1.08 var(--serif);letter-spacing:-1px}.professional .project-filters button{font-size:12px;border-radius:7px;padding:10px 16px}.professional .project-filters button.active{background:var(--ink)}.professional .project-footnote{font-size:11px}.professional .services summary{font-size:22px}.professional .services details>p{font-size:13px}.professional .skills p{font-size:12px}.professional .skills p span:last-child{font-size:11px}.professional .code-workbench{transform:none;border-radius:12px}.professional .engineering-copy>p{font-size:13px}.professional .engineering-points li{font-size:12px}.professional .process-grid p{font-size:12px;line-height:1.85}.professional .process-grid h3{font-size:32px}.professional .manifesto-band{background:#ede7f2;padding:37px 0}.professional.dark .manifesto-band{background:#2e2438}.professional .manifesto-star{animation:none;font-size:51px}.professional .feedback-card{border-radius:14px}.professional .feedback-text{font-size:27px}.professional .article-card{border-radius:13px}.professional .article-meta{font-size:10px}.professional .faq-list summary{font-size:15px}.professional .faq-list details>p{font-size:13px}.professional .contact-section h2{font-size:85px}.professional .contact-star{font-size:42px;right:-59px}.professional .footer-wordmark{font-size:clamp(85px,11vw,144px);padding-block:22px 10px}.professional .footer-wordmark .wordmark-flower{font-size:65px}.professional .site-footer p{font-size:10px}.professional .site-footer>div{font-size:11px}.professional.project-page .project-hero-heading h1{font-size:84px}.professional.project-page .project-detail-note p{font-size:12px}.professional.project-page .project-header{padding-block:24px}.professional.project-page .project-cover>img{border-radius:13px}
@media(max-width:1100px){.work-notebook.hero-note{width:185px;right:0;padding:14px 12px}.work-notebook>a:not(.notebook-all){font-size:10px;gap:7px}.work-notebook small{font-size:7px}.notebook-eyebrow{font-size:7px}.notebook-all{font-size:8px}.notebook-icon{width:27px;height:27px}.toolbox-tabs{padding:17px}.toolbox-tabs button{padding:17px 11px;font-size:11px;gap:9px}#toolbox-panel{padding:30px}.brief-section{gap:40px}.brief-form{padding:26px}.professional .intro-center h1{font-size:117px}.professional .intro-description{font-size:13px}.professional .note-code{width:175px;left:-23px}.professional:not(.project-page) h2{font-size:47px}.professional .project-info p{font-size:11px}.professional .featured-project h3{font-size:40px}}
@media(max-width:900px) and (min-width:761px){.work-notebook.hero-note{display:none}.toolbox-shell{grid-template-columns:1fr}.toolbox-tabs{flex-direction:row;border-right:0;border-bottom:1px solid var(--line);padding:12px}.toolbox-tabs button{flex:1}.brief-section{grid-template-columns:1fr;gap:30px}.brief-intro>p{max-width:560px}.professional .intro-stage{min-height:740px}.professional .intro-footer{margin-top:70px}.professional .project-filters button{font-size:10px}}
@media(max-width:760px){.professional:not(.project-page) .section{padding-block:65px}.professional:not(.project-page) h2{font-size:41px;letter-spacing:-1px}.professional .site-header{top:13px;border-radius:12px;padding:9px 10px 9px 12px}.professional .intro-stage{padding-top:123px;min-height:0}.professional .intro-center h1{font-size:76px;letter-spacing:-3px}.professional .intro-avatar{width:63px;height:63px}.professional .intro-hello{font-size:8px;letter-spacing:1.2px}.professional .intro-statement{font-size:28px;margin-top:22px}.professional .intro-description{font-size:13px;max-width:310px;line-height:1.85}.professional .intro-availability{font-size:9px;max-width:285px}.professional .intro-footer{margin-top:36px}.professional .intro-actions{gap:9px}.professional .button{font-size:11px;padding:12px 16px;min-height:44px;border-radius:7px}.professional .about-section{padding-bottom:30px}.professional .about-content>p{font-size:13px}.professional .about-content .lead{font-size:18px}.professional .principles-grid{padding-bottom:65px}.professional .section-description,.professional .section-heading>p{font-size:12px}.professional .section-kicker{font-size:8px;letter-spacing:1.2px}.professional .project-info h3{font-size:20px}.professional .project-info p{font-size:11px}.professional .featured-project h3{font-size:36px}.professional .project-filters{gap:3px}.professional .project-filters button{font-size:10px;padding:9px 10px}.professional .project-footnote{font-size:10px}.professional .services summary{font-size:20px}.professional .services details>p{font-size:12px}.professional .skills p{font-size:11px}.professional .skills p span:last-child{font-size:10px}.professional .process-grid p{font-size:11px}.professional .process-grid h3{font-size:29px}.professional .feedback-text{font-size:25px}.professional .faq-list summary{font-size:13px}.professional .faq-list details>p{font-size:12px}.professional .contact-section h2{font-size:59px}.professional .contact-star{font-size:24px;right:-20px}.professional .footer-wordmark{font-size:17vw;letter-spacing:-2.5px}.professional .footer-wordmark .wordmark-flower{font-size:31px}.professional .site-footer p{font-size:9px}.professional .site-footer>div{font-size:10px}.professional.project-page .project-hero-heading h1{font-size:56px;letter-spacing:-1.7px}
.work-notebook.hero-note{display:none}.project-read-more{font-size:9px;margin-top:13px}.toolbox-section{padding-bottom:65px}.toolbox-shell{grid-template-columns:1fr;border-radius:12px}.toolbox-tabs{flex-direction:row;padding:9px;gap:5px;border-right:0;border-bottom:1px solid var(--line)}.toolbox-tabs button{font-size:10px;padding:11px 7px;line-height:1.5;flex:1;justify-content:center;gap:5px}.toolbox-tabs button>span:first-child{font-size:7px}.toolbox-tabs button>span:last-child{display:none}#toolbox-panel{padding:24px;min-height:365px}.toolbox-panel-top{margin-bottom:20px}.toolbox-symbol{width:38px;height:38px;font-size:24px}.toolbox-panel-top .micro-label{font-size:7px}#toolbox-panel h3{font-size:30px}#toolbox-panel>p{font-size:12px}.toolbox-tags{gap:6px}.toolbox-tags>span{font-size:10px;padding:6px 9px}.toolbox-project-links{gap:11px 16px}.toolbox-project-links>span{width:100%;font-size:7px}.toolbox-project-links>a{font-size:10px}#toolbox-panel>small{font-size:9px}.brief-section{grid-template-columns:1fr;gap:27px;padding-bottom:65px}.brief-intro{padding-top:0}.brief-intro>p{font-size:13px;max-width:none;margin-top:19px}.brief-intro .section-kicker{font-size:8px;letter-spacing:.9px}.brief-person{margin-top:23px;max-width:none;padding-block:17px}.brief-person small{font-size:8px}.brief-intro .brief-privacy{font-size:11px}.brief-form{padding:23px;border-radius:12px}.brief-field-row{grid-template-columns:1fr;gap:18px;margin-bottom:20px}.brief-form input:not([type=radio]),.brief-form textarea{font-size:16px;padding:11px 12px;line-height:1.6}.brief-form input::placeholder,.brief-form textarea::placeholder{font-size:12px}.brief-type-options{gap:7px}.brief-type-options label>span{padding:9px 11px;font-size:10px}.brief-form-bottom{gap:12px}.brief-form-bottom>span{font-size:8px}.brief-form .button{font-size:10px;padding:11px 13px;gap:6px}.brief-result pre{padding:13px;font-size:12px}.brief-result>p{font-size:10px}}
@media(max-width:360px){.professional .intro-center h1{font-size:69px}.professional .intro-statement{font-size:25px}.professional .project-filters button{font-size:9px;padding-inline:8px}.brief-form{padding:19px}.toolbox-tabs button{font-size:9px;padding-inline:5px}.professional.project-page .project-hero-heading h1{font-size:49px}}
@media(prefers-reduced-motion:reduce){.professional .hero-note{animation:none}.professional .button{transition:none}}

/* Bring the engineering story into the same light editorial system as the rest
   of the portfolio, while keeping the code sample visually distinct. */
.professional .engineering-section{background:linear-gradient(135deg,var(--section),color-mix(in srgb,var(--lavender) 48%,var(--surface)));color:var(--ink);border-block:1px solid var(--line)}.professional .engineering-section:after{right:5%;top:12%;width:420px;height:420px;background:radial-gradient(circle,color-mix(in srgb,var(--purple) 15%,transparent),transparent 68%)}.professional .engineering-copy{padding:38px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 76%,transparent);box-shadow:0 18px 45px rgba(48,35,67,.05)}.professional .engineering-copy .section-kicker{color:var(--purple)}.professional .engineering-copy h2{color:var(--ink)}.professional .engineering-copy h2 em{color:var(--purple)}.professional .engineering-copy>p{color:var(--muted);font-size:14px;max-width:470px}.professional .engineering-points{display:grid;gap:8px;margin:28px 0 24px}.professional .engineering-points li{padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--section);color:var(--ink);font-size:12px}.professional .engineering-points li>span{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:7px;background:var(--lavender);color:var(--purple)}.professional .engineering-copy .text-link{color:var(--purple);border-color:color-mix(in srgb,var(--purple) 35%,var(--line))}.professional .code-workbench{border-color:color-mix(in srgb,var(--purple) 38%,#372d42);border-radius:16px;box-shadow:0 22px 55px rgba(40,28,56,.18);transform:none}.professional .workbench-title{padding:18px 20px}.professional .code-tabs button{min-height:50px}.professional #code-panel{background:linear-gradient(145deg,#18141f,#211a2b)}.professional .workbench-status{padding:14px 18px}.professional .terminal-footer{padding:16px 18px}.professional.dark .engineering-section{background:linear-gradient(135deg,#1b1821,#211b29);border-color:var(--line)}.professional.dark .engineering-copy{background:color-mix(in srgb,var(--surface) 82%,transparent)}.professional.dark .engineering-points li{background:var(--section);color:var(--ink)}@media(max-width:760px){.professional .engineering-copy{padding:25px 21px;border-radius:13px}.professional .engineering-copy>p{font-size:13px}.professional .engineering-points li{font-size:11px;padding:12px}.professional .code-workbench{border-radius:13px}.professional .workbench-title{padding:14px}.professional .code-tabs button{min-height:46px}}
.professional .project-art{background:linear-gradient(135deg,var(--section),color-mix(in srgb,var(--lavender) 40%,var(--surface)));position:relative}
.professional .project-real-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:9px;z-index:2;display:block;content-visibility:auto;transition:transform .5s cubic-bezier(.16,1,.3,1),filter .4s}
.professional .project-card:hover .project-real-thumb{transform:scale(1.04)}
.professional .project-thumb-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.02) 50%,rgba(0,0,0,0.38));border-radius:9px;pointer-events:none;z-index:3}
.professional .stack-strip{background:var(--surface);border-block:1px solid var(--line);padding:26px 0}
.professional .stack-label{border-right:1px solid var(--line)}
.professional .stack-item{font-size:18px;font-weight:550;color:var(--muted)}
.professional .stack-item:hover{color:var(--purple)}
@media(max-width:760px){.professional .stack-label{border-right:none;padding-right:0}.professional .stack-strip-container{gap:12px}}

/* Always Fixed Screen Header */
.site-header,
.professional .site-header{position:fixed!important;top:18px!important;left:50%!important;transform:translateX(-50%)!important;width:min(1020px,calc(100% - 48px))!important;z-index:9999!important;background:color-mix(in srgb,var(--surface) 86%,transparent)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid color-mix(in srgb,var(--line) 85%,transparent)!important;border-radius:60px!important;box-shadow:0 8px 32px rgba(35,20,55,.08)!important;transition:top .25s ease,box-shadow .25s ease,background .25s ease!important}
.site-header.is-scrolled,
.professional .site-header.is-scrolled{top:10px!important;background:color-mix(in srgb,var(--surface) 95%,transparent)!important;box-shadow:0 12px 38px rgba(35,20,55,.14)!important;border-color:var(--line)!important}
@media(max-width:760px){.site-header,.professional .site-header{top:10px!important;width:calc(100% - 24px)!important;padding:8px 12px!important;border-radius:16px!important}}

/* GitHub & Community Open Source Reviews Horizontal Marquee & Cards */
.professional .feedback-section{padding-block:104px;overflow:hidden;background:var(--section);border-block:1px solid var(--line)}
.reviews-header-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--surface);border:1px solid var(--line);border-radius:30px;font-size:9px;letter-spacing:1.2px;color:var(--muted);font-weight:600}
.reviews-header-badge .status-dot{background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,0.15)}
.reviews-marquee-wrapper{width:100%;overflow:hidden;position:relative;margin:32px 0 16px;padding:12px 0;mask-image:linear-gradient(90deg,transparent 0%,black 60px,black calc(100% - 60px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 60px,black calc(100% - 60px),transparent 100%)}
.reviews-marquee-track{display:flex;width:max-content;animation:reviews-scroll-left 46s linear infinite;will-change:transform}
.reviews-marquee-wrapper:hover .reviews-marquee-track,.reviews-marquee-wrapper:focus-within .reviews-marquee-track,body.motion-paused .reviews-marquee-track{animation-play-state:paused}
.reviews-marquee-group{display:flex;align-items:stretch;gap:24px;padding-right:24px;flex-shrink:0}

.review-card{width:440px;min-height:260px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px 28px;display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;box-shadow:0 6px 22px rgba(0,0,0,.025);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .3s ease;position:relative;overflow:hidden}
.review-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--purple) 60%,var(--line));box-shadow:0 18px 40px rgba(134,99,196,.12)}
.review-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.review-client-meta{display:flex;align-items:center;gap:12px}
.review-avatar{width:46px;height:46px;border-radius:50%;background:var(--lavender);color:var(--purple);font-family:var(--serif);font-size:20px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid color-mix(in srgb,var(--purple) 30%,transparent)}
.review-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.review-author{font-size:16px;font-weight:600;color:var(--ink);letter-spacing:-.3px;margin:0}
.review-handle{color:var(--purple);font-size:10.5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:var(--lavender);padding:2px 7px;border-radius:6px;font-weight:550}
.review-role{font-size:11px;color:var(--muted);margin-top:3px}
.review-project-name{color:var(--purple);font-weight:600}
.review-stars{display:flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--lavender) 40%,var(--surface));padding:5px 9px;border-radius:20px;border:1px solid var(--line)}
.stars-gold{color:#f59e0b;font-size:12px;letter-spacing:2px}
.rating-num{font-size:10px;font-weight:700;color:var(--ink)}
.review-quote{margin:0 0 18px 0;padding:0;flex:1}
.review-text{font-family:var(--sans);font-size:13px;line-height:1.75;color:var(--muted);font-style:italic}
.review-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid var(--line);font-size:10px}
.review-repo-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:10.5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-decoration:none;transition:color .2s,border-color .2s,background .2s;border:1px solid var(--line);padding:4px 9px;border-radius:8px;background:color-mix(in srgb,var(--lavender) 30%,var(--surface));max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.review-repo-link:hover{color:var(--purple);border-color:var(--purple);background:var(--lavender)}
.review-repo-link [data-icon] svg{width:13px;height:13px}
.review-verified{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap}
.review-verified .status-dot{background:#10b981;box-shadow:0 0 0 2px rgba(16,185,129,0.18)}
.reviews-footer-note{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:11px;color:var(--muted)}
.reviews-pause-hint{display:inline-flex;align-items:center;gap:6px;font-size:10px;opacity:.8}

@media(max-width:760px){
  .professional .feedback-section{padding-block:68px}
  .reviews-header-badge{display:none}
  .reviews-marquee-wrapper{margin:24px 0 12px;padding:8px 0}
  .reviews-marquee-track{animation-duration:32s}
  .reviews-marquee-group{gap:14px;padding-right:14px}
  .review-card{width:310px;min-height:280px;padding:20px 18px}
  .review-text{font-size:12px;line-height:1.68}
  .review-author{font-size:14px}
  .review-handle{font-size:9.5px}
  .review-role{font-size:10px}
  .review-repo-link{max-width:170px;font-size:9.5px}
  .reviews-footer-note{flex-direction:column;align-items:flex-start;gap:8px;font-size:10px}
}

/* Brief form live status feedback */
.brief-status-box{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:10px;font-size:12px;line-height:1.6;margin-top:12px}
.brief-status-box.sending{background:var(--lavender);border:1px solid color-mix(in srgb,var(--purple) 40%,var(--line));color:var(--purple)}
.brief-status-box.sending .status-dot{background:var(--purple);box-shadow:0 0 0 3px color-mix(in srgb,var(--purple) 20%,transparent)}
.brief-status-box.success{background:rgba(16,185,129,0.1);border:1px solid #10b981;color:#047857;font-weight:550}
.brief-status-box.success .status-dot{background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,0.25)}
.dark .brief-status-box.success{color:#34d399;background:rgba(16,185,129,0.15);border-color:rgba(52,211,153,0.4)}
.brief-status-box.error{background:rgba(239,68,68,0.08);border:1px solid #ef4444;color:#b91c1c}
.brief-status-box.error .status-dot{background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,0.2)}
.dark .brief-status-box.error{color:#f87171;background:rgba(239,68,68,0.15);border-color:rgba(248,113,113,0.4)}