/* Public portfolio theme. All selectors are isolated from the private dashboard. */
body[data-page="home"]{background:#191613;color:#f3eade}.portfolio{font-family:Inter,'Segoe UI',sans-serif;font-size:14px;line-height:1.6;background:#191613;color:#f3eade;min-height:100vh}.portfolio *{box-sizing:border-box}.portfolio a{color:inherit;text-decoration:none}.portfolio button{font:inherit;cursor:pointer}.portfolio h1{font-size:28px;line-height:1.2;margin:0 0 22px}.portfolio h2{font-size:20px;margin:0}.portfolio p{color:#c8b8a7}.portfolio-nav{position:fixed;top:0;left:12px;z-index:20;height:56px;display:flex;align-items:center;gap:24px;background:#191613;padding:8px 20px 8px 12px;border-radius:0 0 20px 0;border:0;width:auto}.portfolio-nav nav{display:flex;gap:24px;font-size:13px}.portfolio-logo{display:block;width:96px;height:38px;background:currentColor;mask:var(--logo) center/contain no-repeat;-webkit-mask:var(--logo) center/contain no-repeat}.portfolio-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:12px;max-width:none;margin:0;align-items:start}.portfolio-hero{height:calc(100vh - 24px);min-height:500px;position:sticky;top:12px;border-radius:16px;overflow:hidden;background:#302a25}.portfolio-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.portfolio-slide[hidden]{display:none}.portfolio-caption{position:absolute;bottom:0;left:0;right:0;padding:42px 22px 20px;display:flex;justify-content:space-between;gap:20px;background:linear-gradient(transparent,#000b);color:white;font-size:12px}.portfolio-prev,.portfolio-next{position:absolute;top:50%;border:0;border-radius:9px;background:#19161366;color:white;width:38px;height:42px;font-size:28px!important}.portfolio-prev{left:18px}.portfolio-next{right:18px}.portfolio-dots{position:absolute;bottom:85px;left:50%;transform:translateX(-50%);display:flex;gap:8px;background:#19161366;padding:9px;border-radius:18px}.portfolio-dots button{width:8px;height:8px;border:0;padding:0;border-radius:50%;background:#ffffff66}.portfolio-dots button[aria-pressed=true]{background:#fff}.portfolio-play{position:absolute;bottom:82px;right:18px;background:#19161388;color:white;border:1px solid #ffffff66;border-radius:18px;padding:4px 10px}.portfolio-content{min-width:0}.portfolio-panel{background:#302a25;border-radius:15px;padding:30px;margin-bottom:12px}.portfolio-intro{display:grid;grid-template-columns:2fr 1fr;gap:12px}.portfolio-intro>.portfolio-panel{min-height:235px;display:flex;flex-direction:column;justify-content:space-between}.portfolio-identity{display:flex;align-items:center;gap:16px}.portfolio-identity .portfolio-logo{width:64px;height:64px;flex-shrink:0}.portfolio-identity p{font-size:12px;margin:4px 0}.portfolio-links{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.portfolio-links a{background:#302a25;border-radius:12px;padding:18px;flex:1;display:flex;align-items:center;font-size:12px}.portfolio-links a:last-child{background:#f6f2ec;color:#25211d}.portfolio-section{display:flex;justify-content:space-between;background:#302a25;padding:14px 16px;border-radius:12px;margin-bottom:12px}.portfolio-section a{text-decoration:underline}.portfolio-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.portfolio-tile{position:relative;border-radius:13px;overflow:hidden}.portfolio-cover{display:block;width:100%;aspect-ratio:.72;object-fit:cover}.portfolio-tile>span{position:absolute;top:0;left:0;background:#191613;border-radius:0 0 15px 0;padding:10px 14px;font-size:13px}.portfolio-footer{background:#f6f2ec;color:#25211d;margin:14px 0 0;border-radius:16px;padding:42px}.portfolio-footer .portfolio-identity{margin-bottom:48px}.portfolio-footer p,.portfolio-footer small{color:#665d54}.portfolio-footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portfolio-footer-columns h3{font-size:14px;font-weight:400;margin:0 0 26px}.portfolio-footer-columns a{display:block;color:#706a63;margin-bottom:18px;font-size:13px}.portfolio-footer small{display:block;margin-top:40px}.portfolio-intro-title{min-height:170px}.portfolio-filters{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.portfolio-filters a{border:1px solid #66513f;border-radius:20px;padding:6px 12px}.portfolio-filters [aria-current]{background:#d8bea1;color:#211c18}.portfolio-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portfolio-list.portfolio-four{grid-template-columns:repeat(4,minmax(0,1fr))}.portfolio .public-work-card{background:#302a25;color:#f3eade;border:0;border-radius:12px;min-width:0}.portfolio .public-work-card img{width:100%;aspect-ratio:1;object-fit:cover}.portfolio .public-work-card>div{padding:14px}.portfolio .public-work-card h3{font-size:16px;overflow-wrap:anywhere}.portfolio .archive-search{background:#302a25;color:inherit;border:0;border-radius:12px;padding:16px;margin:14px 0}.portfolio .archive-search input,.portfolio .archive-search select{background:#191613;color:#f3eade;border:1px solid #66513f}.portfolio .public-detail{background:#302a25;padding:28px;border-radius:16px}.portfolio .public-detail header{position:static;background:none;width:auto}.portfolio .public-detail-copy{white-space:pre-wrap}.portfolio .public-detail-image,.portfolio video{max-width:100%;height:auto}.portfolio .public-breadcrumb{margin:16px 0}.portfolio-about{min-height:350px}.portfolio-about h1{margin-top:32px}.portfolio-row{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #51463b}.portfolio a:focus-visible,.portfolio button:focus-visible{outline:2px solid #d8bea1;outline-offset:3px}
@media(max-width:1200px) and (min-width:801px){.portfolio-intro{grid-template-columns:1fr}.portfolio-links{flex-direction:row}.portfolio-list.portfolio-four{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-footer{padding:26px}}
@media(max-width:800px){.portfolio-layout{grid-template-columns:1fr;padding:8px}.portfolio-nav{left:0;gap:16px;padding-right:16px}.portfolio-nav nav{gap:18px}.portfolio-hero{position:relative;top:0;height:70vh;min-height:420px}.portfolio-intro{grid-template-columns:1fr}.portfolio-links{flex-direction:row}.portfolio-links a{padding:14px 10px}.portfolio-categories,.portfolio-list,.portfolio-list.portfolio-four{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-footer{padding:26px}.portfolio-panel{padding:24px}}
@media(max-width:380px){.portfolio-list,.portfolio-list.portfolio-four{grid-template-columns:1fr}.portfolio-nav{gap:10px}.portfolio-nav nav{gap:12px}.portfolio-logo{width:80px}}