/* components/portfolio-hero/portfolio-hero.css */
.portfolio-hero{position:relative;overflow:clip;padding-block:var(--section-y-tight) var(--section-y);background:var(--surface-dark);color:var(--text-on-dark-muted)}.portfolio-hero::before{content:"";position:absolute;right:-160px;top:-180px;width:420px;height:420px;background:radial-gradient(circle,rgba(37,99,235,.16),transparent 70%);pointer-events:none}.portfolio-hero-container{position:relative;z-index:var(--z-base);display:grid;grid-template-columns:1fr;gap:var(--space-9);align-items:center}.portfolio-hero-content .hero-label{color:var(--accent-on-dark)}.portfolio-hero-content .hero-label span:empty{width:10px;height:10px;border-radius:50%;background:var(--accent)}.portfolio-hero-content h1{margin-bottom:var(--space-5);color:var(--text-on-dark)}.portfolio-hero-content .hero-description{max-width:36rem;margin-bottom:0;color:var(--text-on-dark-muted)}.portfolio-hero-visual{display:flex;justify-content:center}@media (min-width:900px){.portfolio-hero::before{width:640px;height:640px;right:-220px;top:-260px}.portfolio-hero-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-10)}.portfolio-hero-visual{justify-content:flex-end}}.pf-proof__pane{padding-block:var(--space-5);border-bottom:1px solid var(--border-on-dark-soft)}.pf-proof__pane:last-of-type{border-bottom:none;padding-bottom:var(--space-1)}.pf-proof__tag{margin-bottom:var(--space-3);font-family:var(--font-display);font-size:.5625rem;font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-on-dark-faint)}.pf-proof__tag--after{color:var(--accent-on-dark)}.pf-proof__text{font-family:var(--font-serif);font-size:1.125rem;line-height:1.4}.pf-proof__text--before{color:var(--text-on-dark-faint)}.pf-proof__text--before s{color:var(--mark-on-dark);text-decoration-color:var(--mark-on-dark);text-decoration-thickness:1.5px}.pf-proof__text--after{color:var(--text-on-dark)}.pf-proof__count{margin-top:var(--space-3);font-family:var(--font-display);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--text-on-dark-faint)}
/* components/website-design-content/website-design-content.css */
.website-design-content{padding-block:var(--section-y)}.content-intro-row{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-8)}.content-intro-row .content-intro{max-width:40rem}.content-intro-row .content-intro h2{margin-block:var(--space-4) var(--space-4);font-size:var(--heading-lg)}.content-intro-row .content-intro p{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-muted)}.concept-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}.concept-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:var(--transition-lift)}.concept-card:hover{transform:translateY(-4px);border-color:var(--accent-border);box-shadow:var(--shadow-lg)}.concept-image{aspect-ratio:3 / 2;overflow:hidden;background:var(--surface-subtle)}.concept-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.concept-card:hover .concept-image img{transform:scale(1.04)}.concept-details{padding:var(--space-5)}.concept-details h3{margin-bottom:var(--space-2);font-size:var(--text-md);line-height:var(--leading-snug)}.concept-desc{margin-bottom:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-muted)}.concept-details a{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--accent);transition:var(--transition-colors)}.concept-details a .icon{transition:transform var(--duration-base) var(--ease-spring)}.concept-details a:hover{text-decoration:underline;text-underline-offset:3px}.concept-card:hover .concept-details a .icon{transform:translateX(3px)}@media (min-width:560px){.concept-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}}@media (min-width:900px){.content-intro-row{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:var(--space-8);margin-bottom:var(--space-9)}.content-intro-row .btn--secondary{flex:none}}@media (min-width:1200px){.concept-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* components/graphic-design/graphic-design-portfolio/graphic-design-portfolio.css */
.graphic-design-portfolio{padding-block:var(--section-y);background:var(--surface-subtle)}.graphic-design-portfolio-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:var(--transition-lift)}.graphic-design-portfolio-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.graphic-design-portfolio-image{aspect-ratio:2 / 3;overflow:hidden;background:var(--surface-sunken)}.graphic-design-portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.graphic-design-portfolio-card:hover .graphic-design-portfolio-image img{transform:scale(1.04)}.graphic-design-portfolio-card h3{margin:var(--space-4) var(--space-5) var(--space-1);font-size:var(--text-md)}.graphic-design-portfolio-card p{margin:0 var(--space-5) var(--space-5);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-muted)}.graphic-design-portfolio-cta{margin-top:var(--space-9);text-align:center}
/* components/video-editing-portfolio/video-editing-portfolio.css */
.video-editing-portfolio{padding-block:var(--section-y);background:var(--surface-subtle)}.video-editing-portfolio-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:var(--transition-lift)}.video-editing-portfolio-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.video-editing-portfolio-card figcaption{padding:var(--space-4) var(--space-5) var(--space-5)}.video-editing-portfolio-card h3{font-size:var(--text-md);margin-bottom:var(--space-1)}.video-editing-portfolio-card figcaption p{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-muted)}.video-card{position:relative;aspect-ratio:9 / 16;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#101A33,#050B18)}.video-card video{width:100%;height:100%;object-fit:cover}.video-card::after{content:"";position:absolute;inset:0;background:linear-gradient(
to bottom,rgba(5,11,24,.05) 0%,rgba(5,11,24,.32) 100%
);opacity:1;transition:opacity var(--duration-base) var(--ease-out);pointer-events:none}.video-card.is-playing::after{opacity:0}.video-play-button{position:absolute;inset:0;margin:auto;z-index:2;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--accent);box-shadow:0 8px 24px rgba(5,11,24,.35);transition:transform var(--duration-base) var(--ease-spring),opacity var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out)}.video-play-button .icon{font-size:1.375rem;margin-left:3px}.video-play-button:hover,.video-play-button:focus-visible{transform:scale(1.08);background:#fff}.video-card.is-playing .video-play-button,.video-card.is-loading .video-play-button,.video-card.has-error .video-play-button{opacity:0;transform:scale(.85);pointer-events:none}.video-card__spinner{position:absolute;inset:0;margin:auto;z-index:2;width:36px;height:36px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;opacity:0;pointer-events:none}.video-card.is-loading .video-card__spinner{opacity:1;animation:video-spin .8s linear infinite}@keyframes video-spin{to{transform:rotate(360deg)}}.video-card__error{position:absolute;inset:auto 0 0 0;z-index:3;display:none;padding:var(--space-3);background:rgba(5,11,24,.82);color:#fff;font-size:var(--text-xs);text-align:center}.video-card.has-error .video-card__error{display:block}.video-card.has-error{cursor:default}.work-footer{margin-top:var(--space-9);text-align:center}@media (prefers-reduced-motion:reduce){.video-card__spinner{animation:none;border-top-color:rgba(255,255,255,.8)}}
/* components/copyediting-portfolio/copyediting-portfolio.css */
.specimens{position:relative;isolation:isolate;padding-block:var(--section-y);background:var(--surface-subtle)}.specimens::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--rule-grid);background-size:var(--grid-size) var(--grid-size);mask-image:radial-gradient(90% 60% at 50% 0%,#000 0%,transparent 74%);-webkit-mask-image:radial-gradient(90% 60% at 50% 0%,#000 0%,transparent 74%)}.specimens__head{display:grid;grid-template-columns:1fr;gap:var(--space-5);margin-bottom:var(--space-9)}.specimens__head h2{margin-top:var(--space-4);max-width:14ch}.specimens__lede{max-width:50ch;font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-muted)}.specimen-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--section-y)}.specimen__head{margin-bottom:var(--space-5)}.specimen__index{display:block;font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent)}.specimen__title{margin-block:var(--space-3) var(--space-2);font-size:var(--heading-sm)}.specimen__note{max-width:62ch;line-height:var(--leading-relaxed);color:var(--text-muted)}.specimen__plate{margin:0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 1px 2px rgba(15,23,42,.05),0 8px 20px rgba(15,23,42,.07)}.specimen__plate img{display:block;width:100%;height:auto;border-radius:var(--radius-sm)}.specimen__actions{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3) var(--space-7);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border)}.specimen__actions-label{font-size:var(--text-sm);color:var(--text-muted)}.specimen__links{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-7)}.specimen__link{display:inline-flex;align-items:baseline;gap:var(--space-2);min-height:44px;align-items:center;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text);transition:var(--transition-colors)}.specimen__link .icon{width:16px;height:16px;color:var(--accent);transition:transform var(--duration-base) var(--ease-spring)}.specimen__size{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--text-muted)}.specimen__link:hover{color:var(--accent)}.specimen__link:hover .icon{transform:translateX(3px)}@media (min-width:900px){.specimens__head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-10);align-items:end}.specimens__lede{padding-bottom:var(--space-2)}.specimen__plate{padding:var(--space-4)}.specimen{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);column-gap:var(--space-9);align-items:start}.specimen__head{margin-bottom:0;position:sticky;top:calc(var(--header-height) + var(--space-7))}.specimen__plate,.specimen__actions{grid-column:2}}@media (prefers-reduced-motion:reduce){.specimen__link:hover .icon{transform:none}}