.work-main,.work-detail-main,.cv-main{padding-bottom:5rem}.work-hero,.cv-hero{padding-bottom:2.1rem}.work-hero-layout,.work-detail-header{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(18rem,0.85fr);gap:2rem;align-items:center}.work-hero-copy,.work-detail-heading{min-width:0}.work-hero-logo{width:4.2rem;height:4.2rem;display:block;margin-bottom:1.25rem;filter:drop-shadow(0 0 0.45rem rgba(236,231,220,0.14)) drop-shadow(0 0 1.35rem rgba(18,52,90,0.08))}.work-proof-rail{min-width:0;padding:1.05rem 1.15rem;border:1px solid var(--text-border-soft);background:var(--slab-bg);box-shadow:var(--slab-shadow);overflow-wrap:anywhere;transition:border-color 0.16s ease,background 0.16s ease}.work-title{max-width:14ch}.work-summary{max-width:45rem}.work-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.85rem}.work-card{min-width:0;display:grid;grid-template-columns:6rem minmax(0,1fr);grid-template-areas:"mark copy" "link link";gap:1rem 1.05rem;border:1px solid var(--text-border-soft);border-radius:var(--radius);background:var(--slab-bg);box-shadow:var(--slab-shadow-soft);transition:border-color 0.16s ease,background 0.16s ease}.work-card:hover,.work-card:focus-within{border-color:color-mix(in srgb,var(--accent-bright) 28%,var(--text-border-soft) 72%);background:var(--slab-bg-strong)}.work-card-mark{grid-area:mark;width:4.35rem;height:4.35rem;display:grid;place-items:center;margin:1rem 0 0 1rem;padding:0.55rem;border:1px solid var(--edge-light);border-radius:var(--radius);background:var(--slab-bg);box-shadow:var(--slab-shadow-soft);overflow:hidden}.work-card-mark img{width:100%;height:100%;display:block;object-fit:contain;object-position:center}.work-card-mark-planwright{padding:0.32rem}.work-card-mark-planwright img{width:100%;height:100%;max-width:100%;max-height:100%;object-position:center;transform:none;filter:drop-shadow(0 0 0.02rem #c7d6ff) drop-shadow(0 0 0.1rem rgba(199,214,255,0.36))}.work-card-mark-worldskills-cloud-regional-2026 img{transform:scale(1.2);filter:drop-shadow(0 0.04rem 0.05rem rgba(0,0,0,0.62)) drop-shadow(0 0 0.16rem rgba(238,232,221,0.24)) drop-shadow(0 0 0.04rem rgba(0,0,0,0.5))}.work-card-mark-rsync img{transform:scale(1.32)}.work-card-mark span,.work-detail-mark span{color:var(--accent-bright);font-family:var(--font-mono);font-weight:700;letter-spacing:0.08em}.work-card-mark span{display:block;max-width:100%;font-size:0.95rem;line-height:1.15;overflow-wrap:anywhere}.work-detail-mark span{font-size:clamp(2rem,5vw,4.5rem)}.work-card-copy{grid-area:copy;min-width:0;padding:1.05rem 1.05rem 0.2rem 0}.work-card-link{grid-area:link;min-height:2.9rem;display:inline-flex;align-items:center;justify-content:center;border-top:1px solid var(--text-border-soft);background:color-mix(in srgb,var(--stone-1) 92%,transparent);color:var(--text);font-size:0.84rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;text-decoration:none}.work-card-link:hover,.work-card-link:focus-visible,.work-proof-link:hover,.work-proof-link:focus-visible{color:var(--text);background:var(--button-hover-bg);box-shadow:var(--button-hover-shadow)}.work-detail-shell{display:grid;gap:2rem;padding-top:1.4rem}.work-detail-header{align-items:center;min-width:0;padding:1.25rem;border:1px solid var(--text-border-soft);border-radius:var(--radius);background:var(--slab-bg);box-shadow:var(--slab-shadow);transition:border-color 0.16s ease,background 0.16s ease}.work-detail-mark{display:grid;place-items:center;align-self:start;justify-self:end;width:min(100%,12rem);aspect-ratio:1;min-height:0;padding:1.25rem;border:1px solid var(--edge-light);border-radius:var(--radius);background:var(--slab-bg);box-shadow:var(--slab-shadow-soft);transition:border-color 0.16s ease,background 0.16s ease;overflow:hidden}.work-detail-mark img{width:100%;height:100%;display:block;object-fit:contain;object-position:center}.work-detail-mark-planwright{padding:0.62rem}.work-detail-mark-planwright img{width:100%;height:100%;max-width:100%;max-height:100%;object-position:center;transform:none;filter:drop-shadow(0 0 0.03rem #c7d6ff) drop-shadow(0 0 0.14rem rgba(199,214,255,0.38))}.work-detail-mark-worldskills-cloud-regional-2026 img{transform:scale(1.2);filter:drop-shadow(0 0.05rem 0.07rem rgba(0,0,0,0.64)) drop-shadow(0 0 0.2rem rgba(238,232,221,0.24)) drop-shadow(0 0 0.05rem rgba(0,0,0,0.5))}.work-detail-mark-rsync img{transform:scale(1.32)}html[data-color-scheme="light"] .work-card-mark-planwright img,html[data-color-scheme="light"] .work-detail-mark-planwright img{filter:drop-shadow(0 0.04rem 0.04rem rgba(22,25,27,0.68)) drop-shadow(0 0 0.16rem rgba(22,25,27,0.26))}html[data-color-scheme="light"] .work-card-mark-worldskills-cloud-regional-2026 img,html[data-color-scheme="light"] .work-detail-mark-worldskills-cloud-regional-2026 img{filter:drop-shadow(0 0.05rem 0.05rem rgba(22,25,27,0.78)) drop-shadow(0 0 0.2rem rgba(22,25,27,0.34)) drop-shadow(0 0 0.04rem rgba(22,25,27,0.58))}@media(prefers-color-scheme:light){html[data-color-scheme="adopt"] .work-card-mark-planwright img,html[data-color-scheme="adopt"] .work-detail-mark-planwright img{filter:drop-shadow(0 0.04rem 0.04rem rgba(22,25,27,0.68)) drop-shadow(0 0 0.16rem rgba(22,25,27,0.26))}html[data-color-scheme="adopt"] .work-card-mark-worldskills-cloud-regional-2026 img,html[data-color-scheme="adopt"] .work-detail-mark-worldskills-cloud-regional-2026 img{filter:drop-shadow(0 0.05rem 0.05rem rgba(22,25,27,0.78)) drop-shadow(0 0 0.2rem rgba(22,25,27,0.34)) drop-shadow(0 0 0.04rem rgba(22,25,27,0.58))}}.work-detail-role{margin:0.95rem 0 0;color:var(--accent-bright);font-family:var(--font-mono);font-size:0.76rem;letter-spacing:0.11em;text-transform:uppercase}.work-detail-title{max-width:13ch;margin:0;color:var(--text);font-size:clamp(2.35rem,5vw,3.8rem);font-weight:700;letter-spacing:-0.045em;line-height:0.94}.work-detail-summary{max-width:58ch;margin:1.1rem 0 0;color:var(--text-muted);font-size:1.04rem;line-height:1.85}.work-detail-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.work-detail-layout-single{grid-template-columns:1fr}.work-detail-panel{min-width:0;padding:1.15rem 1.2rem;border:1px solid var(--text-border-soft);border-radius:var(--radius);background:var(--slab-bg);box-shadow:var(--slab-shadow-soft);transition:border-color 0.16s ease,background 0.16s ease}.cv-resume-pages{display:grid;gap:1rem}.cv-resume-frame{position:relative;margin:0;border:1px solid var(--text-border-soft);border-radius:var(--radius);background:var(--slab-bg);box-shadow:var(--slab-shadow-soft);overflow:hidden;transition:border-color 0.16s ease,background 0.16s ease}.cv-resume-image{width:100%;display:block;background:var(--stone-1)}.cv-resume-hotspot{position:absolute;display:block;border-radius:1px;outline:1px solid transparent;outline-offset:1px}.cv-resume-hotspot:hover,.cv-resume-hotspot:focus-visible{background:rgba(143,170,189,0.16);outline-color:rgba(143,170,189,0.72)}.work-record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.work-detail-list{margin:1rem 0 0;padding-left:1.1rem;color:var(--text-muted);line-height:1.8}.work-detail-list li+li{margin-top:0.35rem}.work-proof-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.75rem}.work-proof-list-compact{grid-template-columns:1fr;margin-top:1rem}.work-proof-link{min-width:0;display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:0.75rem 0.9rem;border:1px solid var(--text-border-soft);border-radius:var(--radius);background:var(--slab-bg);box-shadow:var(--slab-shadow-soft);color:var(--text);text-decoration:none;text-align:center;overflow-wrap:anywhere;transition:border-color 0.16s ease,background 0.16s ease,color 0.16s ease}.work-proof-link:hover,.work-proof-link:focus-visible{border-color:var(--button-hover-border);background:var(--button-hover-bg);box-shadow:var(--button-hover-shadow)}.work-proof-link span:first-child{overflow-wrap:anywhere}.work-detail-footer{display:flex;justify-content:center}@media(max-width:820px){.work-hero-layout,.work-detail-header,.work-detail-layout,.work-card-grid,.work-record-grid{grid-template-columns:1fr}.work-proof-list{grid-template-columns:repeat(2,minmax(0,1fr))}.work-detail-header{padding:0.95rem}.work-detail-heading{order:1}.work-detail-mark{order:2;justify-self:start;width:9rem}}@media(max-width:520px){.work-proof-list{grid-template-columns:1fr}.work-card{grid-template-columns:1fr;grid-template-areas:"mark" "copy" "link"}.work-card-mark{justify-content:start;margin:1rem 1rem 0}.work-card-copy{padding:0 1rem}}
