:root{font-family:"Prompt",sans-serif;color:#25221f;background:#fbfaf8;--muted:#746f69;--line:#e7e2dc;--accent:#6d3a92}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.portfolio-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.portfolio-header{position:sticky;z-index:30;top:0;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.portfolio-header-inner{display:flex;height:68px;align-items:center;justify-content:space-between}.portfolio-brand{font-size:21px;font-weight:700;letter-spacing:-.04em}.portfolio-brand span{font-weight:400}.portfolio-header nav{display:flex;align-items:center;gap:24px;font-size:13px}.portfolio-header nav>a.active{color:var(--accent)}.portfolio-primary{display:inline-grid;min-height:42px;place-items:center;border-radius:999px;background:#25221f;color:#fff;padding:0 18px}.portfolio-hero{display:grid;min-height:330px;place-items:center;background:linear-gradient(125deg,#f2e8f7,#fff8f1)}.portfolio-hero>div{text-align:center}.portfolio-hero span,.portfolio-section>header>span{color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.18em}.portfolio-hero h1{margin:12px 0 8px;font-size:clamp(40px,6vw,70px);line-height:1.1}.portfolio-hero p{margin:0;color:var(--muted);font-size:16px}.portfolio-breadcrumb{display:flex;align-items:center;gap:9px;overflow:hidden;padding-block:18px;color:var(--muted);font-size:12px;white-space:nowrap}.portfolio-breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis}.portfolio-filters{display:flex;flex-wrap:wrap;gap:9px;padding:10px 0 24px}.portfolio-filters a{border:1px solid var(--line);border-radius:999px;background:#fff;padding:8px 15px;font-size:12px}.portfolio-filters a.active,.portfolio-filters a:hover{border-color:#25221f;background:#25221f;color:#fff}.portfolio-section{padding:45px 0}.portfolio-section>header{margin-bottom:22px}.portfolio-section h2{margin:5px 0 0;font-size:30px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}.portfolio-grid.featured{grid-template-columns:repeat(4,minmax(0,1fr))}.portfolio-card{min-width:0;background:#fff}.portfolio-card>button{position:relative;display:block;width:100%;overflow:hidden;border:0;background:#eee;padding:0;cursor:pointer;aspect-ratio:4/3}.portfolio-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.portfolio-card-overlay{position:absolute;right:12px;bottom:12px;border-radius:999px;background:rgba(24,20,17,.78);color:#fff;padding:7px 11px;font-size:10px;opacity:0;transform:translateY(5px);transition:.25s}.portfolio-card:hover img{transform:scale(1.035)}.portfolio-card:hover .portfolio-card-overlay,.portfolio-card button:focus-visible .portfolio-card-overlay{opacity:1;transform:none}.portfolio-card>div{padding:15px 3px}.portfolio-card>div>span{color:var(--accent);font-size:11px}.portfolio-card h3{margin:5px 0;font-size:18px}.portfolio-card p{display:-webkit-box;margin:0;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2}.portfolio-pagination{display:flex;justify-content:center;gap:7px;margin-top:36px}.portfolio-pagination a{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:12px}.portfolio-pagination a.active{background:#25221f;color:#fff}.portfolio-no-items,.portfolio-empty{padding:80px 0;text-align:center}.portfolio-empty h1{font-size:40px}.portfolio-detail{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:60px;padding:44px 0 90px}.portfolio-detail-copy{position:sticky;top:105px;align-self:start}.portfolio-detail-copy>span{color:var(--accent);font-size:12px}.portfolio-detail-copy h1{margin:8px 0 14px;font-size:clamp(34px,4vw,54px);line-height:1.2}.portfolio-detail-copy .lead{color:#514b46;font-size:16px}.portfolio-rich-copy{margin-top:25px;color:var(--muted);font-size:14px;line-height:1.85}.portfolio-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.portfolio-tags span{border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:10px}.portfolio-detail-gallery{display:grid;gap:16px}.portfolio-detail-gallery button{border:0;background:#eee;padding:0;text-align:left;cursor:zoom-in}.portfolio-detail-gallery img{display:block;width:100%;height:auto}.portfolio-detail-gallery small{display:block;background:#fff;color:var(--muted);padding:8px 10px}.portfolio-footer{margin-top:50px;background:#24211f;color:#fff;padding:55px 0}.portfolio-footer p,.portfolio-footer small{color:#bdb8b3;font-size:12px}.portfolio-lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;border:0;background:rgba(12,10,9,.95);color:#fff;padding:48px 70px 26px}.portfolio-lightbox::backdrop{background:rgba(12,10,9,.96)}.portfolio-lightbox[open]{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:20px}.portfolio-lightbox figure{display:grid;height:calc(100dvh - 125px);grid-template-rows:minmax(0,1fr) auto;margin:0}.portfolio-lightbox figure>img{width:100%;height:100%;object-fit:contain}.portfolio-lightbox figcaption{display:grid;grid-template-columns:auto auto 1fr;gap:12px;align-items:baseline;padding-top:10px}.portfolio-lightbox figcaption span,.portfolio-lightbox figcaption small{color:#c9c4bf;font-size:11px}.lightbox-close,.lightbox-arrow{border:0;background:transparent;color:#fff;cursor:pointer}.lightbox-close{position:absolute;top:13px;right:20px;font-size:38px}.lightbox-arrow{font-size:42px}.lightbox-thumbnails{position:absolute;right:70px;bottom:20px;display:flex;max-width:45%;gap:6px;overflow:auto}.lightbox-thumbnails button{width:46px;height:34px;flex:0 0 auto;border:2px solid transparent;background:#333;padding:0;opacity:.55}.lightbox-thumbnails button.active{border-color:#fff;opacity:1}.lightbox-thumbnails img{width:100%;height:100%;object-fit:cover}@media(max-width:900px){.portfolio-grid.featured,.portfolio-grid{grid-template-columns:repeat(2,1fr)}.portfolio-detail{grid-template-columns:1fr;gap:30px}.portfolio-detail-copy{position:static}.portfolio-header nav>a:not(.portfolio-primary):not(.active){display:none}}@media(max-width:580px){.portfolio-shell{width:calc(100% - 28px)}.portfolio-header nav{gap:9px}.portfolio-header nav>.active{display:none}.portfolio-primary{font-size:10px;padding:0 12px}.portfolio-hero{min-height:270px}.portfolio-hero h1{font-size:39px}.portfolio-filters{flex-wrap:nowrap;overflow:auto}.portfolio-filters a{flex:0 0 auto}.portfolio-grid,.portfolio-grid.featured{grid-template-columns:1fr}.portfolio-section{padding:34px 0}.portfolio-lightbox{padding:48px 10px 74px}.portfolio-lightbox[open]{grid-template-columns:35px minmax(0,1fr) 35px;gap:3px}.portfolio-lightbox figure{height:calc(100dvh - 135px)}.portfolio-lightbox figcaption{grid-template-columns:1fr;gap:2px}.lightbox-thumbnails{right:10px;bottom:18px;left:10px;max-width:none}.portfolio-detail{padding-top:20px}}@media(prefers-reduced-motion:reduce){.portfolio-card img,.portfolio-card-overlay{transition:none}}