.portfolio-page{background:#f8f5ee}.portfolio-header{height:78px;display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:28px;padding:0 max(24px,calc((100vw - var(--max))/2 + 24px));background:rgba(251,248,242,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:80;backdrop-filter:blur(14px)}.portfolio-header nav{display:flex;gap:25px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.portfolio-header nav a{text-decoration:none;position:relative}.portfolio-header nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;background:var(--green)}.visible-cta{display:inline-flex}.portfolio-menu-toggle{display:none;border:0;background:transparent;font-size:24px}.portfolio-mobile-menu{display:none}.portfolio-hero{min-height:310px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr .7fr;padding:54px max(24px,calc((100vw - var(--max))/2 + 24px));align-items:center;background:radial-gradient(circle at 70% 20%,#f8fbf7 0,#f3eee3 52%,#ebe3d6 100%)}.portfolio-hero:after{content:"";position:absolute;right:-70px;top:-150px;width:440px;height:440px;border-radius:50%;background:rgba(127,156,61,.08)}.portfolio-hero-copy{max-width:790px;z-index:2}.portfolio-hero-copy h1{font-size:clamp(52px,6vw,86px)}.portfolio-hero-copy h1 em{display:block;color:var(--green);font-style:normal}.portfolio-hero-copy>p:not(.eyebrow){font-size:18px;color:var(--muted);line-height:1.6;max-width:690px}.portfolio-hero-motto{font-family:var(--serif);font-style:italic;font-size:30px;margin-top:24px}.portfolio-hero-person{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:16px}.portfolio-hero-person img{width:230px;height:230px;border-radius:50%;object-fit:cover;object-position:45% 28%;box-shadow:0 18px 50px rgba(0,0,0,.12)}.portfolio-hero-person div{display:flex;flex-direction:column}.portfolio-hero-person strong{font-family:var(--serif);font-size:24px}.portfolio-hero-person span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.portfolio-hero-bird{position:absolute;width:72px;right:34%;bottom:34px;z-index:3;filter:drop-shadow(0 8px 10px rgba(0,0,0,.14))}.portfolio-hero-patch{position:absolute;right:4%;bottom:24px;width:125px;z-index:3;transition:transform .3s}.portfolio-hero-patch:hover{transform:translateY(-5px) rotate(2deg)}
.portfolio-reel-wrap{position:relative;background:#0a0c0a;padding:28px 58px 39px;border-top:10px solid #0a0c0a;border-bottom:10px solid #0a0c0a}.portfolio-reel-wrap:before,.portfolio-reel-wrap:after{content:"";position:absolute;left:0;right:0;height:9px;background:repeating-linear-gradient(90deg,transparent 0 16px,#eee7d9 16px 29px,transparent 29px 47px)}.portfolio-reel-wrap:before{top:4px}.portfolio-reel-wrap:after{bottom:4px}.portfolio-reel{overflow:hidden;cursor:grab}.portfolio-reel.dragging{cursor:grabbing}.reel-track{display:flex;gap:14px;width:max-content;will-change:transform}.portfolio-reel{scrollbar-width:none}.portfolio-reel::-webkit-scrollbar{display:none}.reel-track img{width:155px;height:92px;object-fit:contain;background:#f6f1e8;flex:none;padding:4px}.reel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.65);background:rgba(255,255,255,.9);color:#141814;font-size:27px;cursor:pointer}.reel-arrow.left{left:9px}.reel-arrow.right{right:9px}.reel-hint{position:absolute;bottom:11px;left:50%;transform:translateX(-50%);margin:0;color:#cbd2cc;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.portfolio-browser{max-width:var(--max);margin:0 auto;padding:42px 24px 95px}.portfolio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}.filter-chips{display:flex;gap:9px;flex-wrap:wrap}.filter-chips button{border:1px solid #cec6b8;background:#fff;border-radius:999px;padding:10px 14px;font-size:10px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.filter-chips button.active{background:var(--green);border-color:var(--green);color:#fff}.portfolio-search{width:min(310px,100%);height:40px;border:1px solid #cec6b8;border-radius:999px;background:#fff;display:flex;align-items:center;gap:9px;padding:0 14px}.portfolio-search input{border:0;outline:0;background:transparent;width:100%;font-size:13px}.portfolio-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:26px;align-items:start}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.bag-card{background:#fff;border:1px solid rgba(18,24,20,.09);border-radius:15px;overflow:hidden;text-align:left;padding:0;cursor:pointer;transition:transform .25s,box-shadow .25s}.bag-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(0,0,0,.09)}.bag-card.selected{box-shadow:0 0 0 3px rgba(128,156,61,.35)}.bag-card img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#f6f2e9;padding:8px}.bag-card-copy{padding:13px 13px 15px}.bag-card-copy strong{display:block;font-family:var(--serif);font-size:20px}.bag-card-copy span{display:block;margin-top:5px;color:var(--green);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.portfolio-detail{position:sticky;top:100px;background:#fff;border:1px solid rgba(18,24,20,.1);border-radius:18px;overflow:hidden;box-shadow:0 18px 48px rgba(0,0,0,.08);min-height:550px}.detail-image-wrap{position:relative}.detail-image-wrap img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#f6f2e9;padding:14px}.detail-arrows{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 10px;pointer-events:none}.detail-arrows button{pointer-events:auto;border:0;background:rgba(255,255,255,.9);width:38px;height:38px;border-radius:50%;font-size:24px;cursor:pointer}.detail-copy{padding:22px}.detail-count{font-size:11px;color:var(--muted)}.detail-copy h2{font-size:36px;margin:7px 0 6px}.detail-category{color:var(--green);font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.detail-copy>p:not(.detail-category){color:var(--muted);font-size:14px;line-height:1.6}.detail-features{display:flex;gap:13px;flex-wrap:wrap;margin:17px 0 8px}.detail-features span{font-size:10px;border:1px solid #dde1d9;border-radius:99px;padding:8px 10px;color:#465146}
.portfolio-cta{max-width:var(--max);margin:0 auto 85px;padding:54px 48px;background:#e8eadb;border-radius:24px;display:flex;justify-content:space-between;gap:30px;align-items:end}.portfolio-cta>div{max-width:850px}.portfolio-cta p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.65}.portfolio-modal{position:fixed;inset:0;z-index:120;background:rgba(7,10,8,.88);padding:34px;display:grid;place-items:center}.portfolio-modal[hidden]{display:none}.modal-card{width:min(1080px,90vw);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;display:grid;grid-template-columns:1.15fr .85fr;box-shadow:0 32px 90px rgba(0,0,0,.45)}.modal-card>img{width:100%;height:100%;max-height:84vh;object-fit:contain;background:#f6f2e9;padding:18px}.modal-copy{padding:42px}.modal-copy h2{font-size:46px;margin:12px 0}.modal-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.65}.modal-close{position:absolute;right:25px;top:20px;color:#fff;background:transparent;border:0;font-size:43px;cursor:pointer}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:0;border-radius:50%;background:#fff;font-size:31px;cursor:pointer}.modal-prev{left:20px}.modal-next{right:20px}
@media(max-width:1150px){.portfolio-header{grid-template-columns:1fr auto auto}.portfolio-header nav{display:none}.portfolio-menu-toggle{display:block}.portfolio-mobile-menu{position:fixed;z-index:78;top:78px;left:0;right:0;display:flex;flex-direction:column;gap:15px;background:#fbf8f2;padding:20px 24px;transform:translateY(-140%);transition:.3s;border-bottom:1px solid var(--line)}.portfolio-mobile-menu.open{transform:translateY(0)}.portfolio-mobile-menu a{text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:.1em}.portfolio-hero{grid-template-columns:1fr}.portfolio-hero-person{justify-content:flex-start;margin-top:25px}.portfolio-hero-bird{right:12%;bottom:30px}.portfolio-layout{grid-template-columns:1fr}.portfolio-detail{position:relative;top:auto}.portfolio-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.portfolio-header{height:70px;padding-inline:16px}.portfolio-header .visible-cta{display:none}.portfolio-mobile-menu{top:70px}.portfolio-hero{padding:42px 16px}.portfolio-hero-person img{width:150px;height:150px}.portfolio-hero-bird{width:52px}.portfolio-hero-patch{width:90px}.portfolio-reel-wrap{padding-inline:48px}.reel-track{animation:none}.reel-track img{width:125px;height:78px}.portfolio-browser{padding:32px 16px 70px}.portfolio-toolbar{align-items:stretch;flex-direction:column}.portfolio-search{width:100%}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:12px}.bag-card-copy strong{font-size:17px}.portfolio-cta{margin:0 16px 60px;padding:36px 25px;align-items:flex-start;flex-direction:column}.modal-card{grid-template-columns:1fr;width:92vw}.modal-card>img{max-height:55vh}.modal-copy{padding:25px}.modal-copy h2{font-size:35px}.modal-nav{width:42px;height:42px}.modal-prev{left:7px}.modal-next{right:7px}}