.portfolio-page{background:var(--ivory);color:var(--graphite)}.portfolio-shell{max-width:var(--page-container-width);padding-inline:var(--page-gutter);width:100%;margin-inline:auto}.portfolio-hero-inner{text-align:center;align-content:center;justify-items:center;min-height:340px;padding-top:clamp(82px,7vw,94px);padding-bottom:clamp(36px,4vw,46px);display:grid}.portfolio-hero h1{font-family:var(--font-heading);flex-direction:column;align-items:center;width:100%;margin:0;font-weight:820;display:flex}.portfolio-hero-prefix{font-family:var(--font-body);letter-spacing:.52em;text-transform:uppercase;padding-left:.52em;font-size:clamp(.72rem,1vw,.9rem);font-weight:720;line-height:1}.portfolio-hero-rule{background:#a98032;width:1px;height:clamp(22px,2.5vw,30px);margin-block:clamp(14px,1.8vw,20px)}.portfolio-hero-main{letter-spacing:.2em;text-transform:uppercase;padding-left:.2em;font-size:clamp(3.1rem,6vw,5.2rem);font-weight:760;line-height:.94}.portfolio-hero-main>span,.portfolio-hero p strong{color:#8d6c2d}.portfolio-hero p{color:#8a8f93;margin:clamp(18px,2vw,22px) 0 0;font-size:clamp(.98rem,1.5vw,1.18rem);line-height:1.5}.portfolio-hero p strong{font-weight:760}.portfolio-projects{padding-bottom:clamp(64px,8vw,96px)}.portfolio-projects-header{padding-top:clamp(38px,4.5vw,54px)}.portfolio-projects-header h2{color:#8d6c2d;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:820}.portfolio-project{border-top:1px solid #11151b1a;grid-template-columns:minmax(280px,1fr) minmax(460px,1fr);align-items:start;gap:clamp(24px,3vw,52px);padding-block:clamp(42px,5.5vw,68px);display:grid}.portfolio-projects-header+.portfolio-project{border-top:0;padding-top:clamp(34px,4vw,48px)}.portfolio-project-header{gap:10px;display:grid}.portfolio-project-origin{color:#8d6c2d;letter-spacing:.085em;text-transform:uppercase;margin:0 0 12px;font-size:.68rem;font-weight:820}.portfolio-project h3,.portfolio-concepts h2{font-family:var(--font-heading);letter-spacing:-.045em;margin:0;font-weight:800;line-height:1.02}.portfolio-project h3{font-size:clamp(2rem,3.2vw,3rem)}.portfolio-project-domain{color:#687078;margin:2px 0 0;font-size:.78rem;line-height:1.4}.portfolio-project-description{gap:12px;margin-top:24px;display:grid}.portfolio-project-description p{color:#515a62;margin:0;font-size:.94rem;line-height:1.7}.portfolio-project-action a,.portfolio-concept-copy a{color:var(--graphite);white-space:nowrap;justify-self:start;align-items:center;gap:7px;padding-bottom:4px;font-size:.78rem;font-weight:820;text-decoration:none;display:inline-flex}.portfolio-project-action{margin-top:22px}.portfolio-project-action a{border-bottom:1px solid #b48a3c}.portfolio-project-status{color:#777067;white-space:nowrap;padding-top:4px;font-size:.76rem;font-weight:760}.portfolio-project-action a:hover,.portfolio-concept-copy a:hover{color:#7b5a1f}.portfolio-project-visual{justify-self:end;width:100%;min-width:0;max-width:700px}.portfolio-project-shop .portfolio-project-visual{justify-self:end}.portfolio-media{gap:12px;display:grid}.portfolio-media-controls{justify-content:flex-start;gap:6px;display:flex}.portfolio-media-controls button{color:#596168;cursor:pointer;font:inherit;background:0 0;border:1px solid #11151b33;border-radius:3px;align-items:center;gap:6px;min-height:36px;padding:6px 14px;font-size:.74rem;font-weight:780;display:inline-flex}.portfolio-media-controls button[data-selected=true]{background:var(--graphite);border-color:var(--graphite);color:var(--cream)}.portfolio-media-controls button:focus-visible,.portfolio-project-action a:focus-visible,.portfolio-concept-copy a:focus-visible,.portfolio-next-project a:focus-visible{outline-offset:3px;outline:2px solid #9b762f}.portfolio-media-frame{aspect-ratio:var(--portfolio-media-ratio,2.1 / 1);background:#f4f1ea;border:1px solid #11151b29;border-radius:3px;position:relative;overflow:hidden}.portfolio-media-frame img{-o-object-fit:contain;object-fit:contain;-o-object-position:top center;object-position:top center;opacity:0;transition:opacity .18s}.portfolio-media-frame img[data-selected=true]{opacity:1;z-index:1}.portfolio-project-note{color:#5c646b;border-left:2px solid #9b762f9e;margin:24px 0 0;padding-left:14px;font-size:.82rem;line-height:1.6}.portfolio-concepts{border-top:1px solid #11151b1a;padding-block:clamp(68px,9vw,108px)}.portfolio-concepts-header{gap:15px;margin-bottom:34px;display:grid}.portfolio-concepts h2{font-size:clamp(2rem,4vw,3.5rem)}.portfolio-concepts-header>p{color:#596168;max-width:620px;margin:0;line-height:1.65}.portfolio-concepts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 22px;display:grid}.portfolio-concept{gap:18px;display:grid}.portfolio-concept-image{aspect-ratio:4/3;background:#e8e3d9;border:1px solid #11151b26;position:relative;overflow:hidden}.portfolio-concept-image img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.portfolio-concept-copy{gap:7px;display:grid}.portfolio-concept-copy>p{color:#8d6c2d;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.66rem;font-weight:820}.portfolio-concept-copy h3{font-family:var(--font-heading);margin:0;font-size:1.5rem;line-height:1.08}.portfolio-concept-copy>span{color:#687078;font-size:.78rem}.portfolio-concept-copy a{margin-top:7px}.portfolio-next-project{border-top:1px solid #11151b1a;grid-template-columns:minmax(280px,1fr) minmax(460px,1fr);align-items:center;gap:clamp(32px,4vw,52px);padding-top:clamp(42px,5.5vw,68px);display:grid}.portfolio-next-project-copy h2{font-family:var(--font-heading);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,3.2vw,3rem);font-weight:800;line-height:1.04}.portfolio-next-project-copy>p:not(.portfolio-project-origin){color:#596168;max-width:430px;margin:20px 0 0;font-size:.94rem;line-height:1.65}.portfolio-next-project a{color:#755820;border-bottom:1px solid #9b762f8c;align-items:center;gap:7px;margin-top:22px;padding-bottom:3px;font-size:.84rem;font-weight:760;display:inline-flex}.portfolio-next-project a:hover{color:var(--graphite)}.portfolio-next-placeholder,.portfolio-project-placeholder{aspect-ratio:2.1;color:#7a7f83;letter-spacing:.04em;text-transform:uppercase;background:#ffffff2e;border:1px dashed #11151b38;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;max-width:700px;font-size:.76rem;font-weight:700;display:flex}.portfolio-next-placeholder-mark,.portfolio-project-placeholder-mark{color:#9b762f;font-family:var(--font-heading);font-size:2rem;font-weight:400;line-height:1}.portfolio-project-placeholder{color:#85898c;background:#ffffff1a;border-style:solid}.portfolio-project-placeholder-mark{font-size:1.5rem}@media (max-width:900px){.portfolio-project,.portfolio-next-project{grid-template-columns:minmax(0,1fr);gap:30px}.portfolio-project-shop .portfolio-project-visual{order:initial}.portfolio-project-visual{justify-self:start;max-width:680px}}@media (max-width:760px){.portfolio-hero-inner{min-height:310px;padding-top:82px;padding-bottom:38px}.portfolio-hero-main{letter-spacing:.12em;padding-left:.12em}.portfolio-hero-prefix{letter-spacing:.38em;padding-left:.38em}.portfolio-project-header{gap:10px}.portfolio-project-domain{margin:0}.portfolio-media-controls{justify-content:flex-start}.portfolio-concepts-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:420px){.portfolio-hero-main{letter-spacing:.055em;padding-left:.055em;font-size:clamp(2.35rem,12.5vw,2.8rem)}.portfolio-hero-prefix{letter-spacing:.28em;padding-left:.28em}.portfolio-hero p{max-width:28ch}.portfolio-media-controls{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.portfolio-media-controls button{justify-content:center;min-width:0}}@media (prefers-reduced-motion:reduce){.portfolio-media-frame img{transition:none}}