.portfolio{background:#191918;border-block:1px solid #ffffff16}.portfolio .section-heading>p{max-width:320px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.portfolio-card{min-width:0;background:#101010;border:1px solid #ffffff22;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;padding:25px;transition:border-color .2s,transform .2s}.portfolio-card:hover{border-color:#ff7a0070;transform:translateY(-4px)}.portfolio-card-top{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#a69e91;font-size:10px;letter-spacing:1px;line-height:1.7}.portfolio-card-top>span:last-child{color:#766e61;font-size:11px;letter-spacing:0}.portfolio-card h3{font-size:29px;letter-spacing:-.8px;margin-top:24px}.portfolio-metric{margin-top:29px;display:flex;flex-direction:column;gap:9px}.portfolio-metric>strong{font-family:'Arial Black',Arial,sans-serif;font-weight:900;font-size:clamp(35px,3.25vw,47px);line-height:1.1;color:var(--orange);letter-spacing:-1.6px;white-space:nowrap}.portfolio-metric>span{font-size:13px;color:#c3b8a5;line-height:1.6}.portfolio-period{font-size:11px;color:#9c9281;line-height:1.7;margin-top:15px;min-height:20px}.portfolio-preview{display:block;position:relative;background:#fff;margin-top:24px;height:165px;overflow:hidden;border-radius:4px;border:1px solid #ffffff20}.portfolio-preview img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s}.portfolio-preview:hover img{transform:scale(1.025)}.portfolio-preview>span{position:absolute;bottom:0;left:0;right:0;padding:10px 12px;background:#101010e8;color:#e1d8c8;font-size:10px;line-height:1.6;letter-spacing:.2px}.portfolio-secondary{display:flex;flex-direction:column;gap:7px;padding:22px 0 24px;flex:1}.portfolio-secondary>strong{font-size:21px;line-height:1.3;letter-spacing:-.5px}.portfolio-secondary>span{font-size:12px;line-height:1.6;color:#a99e8c}.portfolio-case-link{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff25;padding-top:18px;color:#d9cfbc;font-size:12px;line-height:1.8}.portfolio-case-link>span{color:var(--orange);font-size:19px}.portfolio-case-link:hover{color:var(--orange)}.portfolio-section-foot{display:flex;justify-content:space-between;align-items:start;gap:30px;margin-top:28px}.portfolio-section-foot p{font-size:12px;line-height:1.8;max-width:600px;color:#a19889}.portfolio-section-foot>a{font-size:12px;line-height:1.8;color:#d9cfbc;white-space:nowrap}.portfolio-section-foot>a span{color:var(--orange);padding-left:15px}.portfolio-page-intro{padding-top:45px;padding-bottom:75px}.breadcrumbs{display:flex;align-items:center;gap:15px;font-size:12px;color:#928775;margin-bottom:52px;line-height:1.7}.breadcrumbs>a{color:#c8bdab}.breadcrumbs>a:hover{color:var(--orange)}.portfolio-page-intro h1{font-size:clamp(47px,5.2vw,74px);line-height:1.08;letter-spacing:-3px}.portfolio-page-intro h1>span{color:var(--orange)}.portfolio-page-intro>p{font-size:16px;line-height:1.9;color:#b4aa98;max-width:640px;margin-top:26px}.case-jump{display:flex;flex-wrap:wrap;gap:12px;margin-top:33px}.case-jump>a{display:flex;align-items:center;gap:30px;font-size:12px;line-height:1.7;padding:12px 16px;border:1px solid #ffffff28;border-radius:4px}.case-jump>a>span{color:var(--orange)}.case-jump>a:hover{border-color:#ff7a0070}.case-detail{scroll-margin-top:0;border-top:1px solid #ffffff18;background:#171716}.case-detail:nth-of-type(odd){background:#1c1b17}.case-detail-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.case-detail-head h2{font-size:52px;line-height:1.1;letter-spacing:-1.8px}.case-period{font-size:13px;line-height:1.8;color:#b8ab96;margin-top:15px}.case-detail-head>p{max-width:350px;font-size:15px;line-height:1.8;color:#bcb09c}.case-stat-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ffffff23;border-radius:7px;overflow:hidden;margin-bottom:30px}.case-stat-grid>div{padding:28px 30px;display:flex;flex-direction:column;gap:10px}.case-stat-grid>div+div{border-left:1px solid #ffffff23}.case-stat-grid strong{font-family:'Arial Black',Arial,sans-serif;font-size:47px;line-height:1.15;letter-spacing:-1.8px;color:var(--orange)}.case-stat-grid span{font-size:13px;line-height:1.7;color:#c4b69f}.case-description{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-bottom:30px}.case-description p{font-size:15px;line-height:1.9;color:#b6aa96}.case-evidence{margin:0;padding:20px;border:1px solid #ffffff25;background:#f6f3ec;border-radius:7px}.case-evidence img{display:block;max-width:100%;height:auto;margin-inline:auto}.case-evidence figcaption{font-size:12px;line-height:1.8;color:#756651;margin-top:15px;padding-top:14px;border-top:1px solid #d6ccba}.case-context{display:grid;grid-template-columns:190px 1fr;gap:25px;border-left:2px solid var(--orange);padding:0 0 0 20px;margin-top:28px}.case-context strong{font-size:12px;font-weight:normal;line-height:1.8;color:#ded1bc}.case-context p{font-size:13px;line-height:1.85;color:#b6a991}.case-extra{border-block:1px solid #ffffff22;margin-top:30px}.case-extra summary{list-style:none;cursor:pointer;padding:20px 0;display:flex;justify-content:space-between;align-items:center;font-size:13px;line-height:1.8;color:#d2c3ac}.case-extra summary::-webkit-details-marker{display:none}.case-extra summary>span{color:var(--orange);font-size:21px;transition:transform .2s}.case-extra[open] summary>span{transform:rotate(45deg)}.case-extra .case-evidence{margin-bottom:24px}.portfolio-end{text-align:center}.portfolio-end h2{font-size:50px;line-height:1.14;letter-spacing:-2px}.portfolio-end>p{font-size:15px;line-height:1.9;color:#bcb09c;max-width:600px;margin:24px auto}.portfolio-end .button{margin-top:5px}.portfolio-end .portfolio-end-note{font-size:12px;max-width:650px;margin-top:30px;color:#9b8d78}#nav a[aria-current=page]{color:var(--orange)}
@media(max-width:1100px){.portfolio-grid{gap:15px}.portfolio-card{padding:22px}.portfolio-metric>strong{font-size:35px;letter-spacing:-1px}.portfolio-card h3{font-size:26px}.portfolio-preview{height:145px}.portfolio-period{min-height:38px}.case-stat-grid strong{font-size:40px}}
@media(max-width:800px){.portfolio-grid{grid-template-columns:1fr}.portfolio-card{padding:28px}.portfolio-card h3{font-size:30px}.portfolio-metric>strong{font-size:47px}.portfolio-period{min-height:0}.portfolio-preview{height:200px}.portfolio-secondary{padding-block:25px}.portfolio-section-foot{flex-direction:column;gap:16px}.portfolio-page-intro{padding-block:35px 60px}.portfolio-page-intro h1{font-size:56px}.breadcrumbs{margin-bottom:35px}.case-detail-head{align-items:start;flex-direction:column;gap:20px;margin-bottom:28px}.case-detail-head h2{font-size:44px}.case-detail-head>p{max-width:600px}.case-description{grid-template-columns:1fr;gap:17px}.case-context{grid-template-columns:1fr;gap:10px}.case-stat-grid>div{padding:25px}.case-stat-grid strong{font-size:36px}.portfolio-end h2{font-size:43px}}
@media(max-width:520px){.portfolio-card{padding:25px 22px}.portfolio-card-top{font-size:10px}.portfolio-card h3{font-size:29px;margin-top:22px}.portfolio-metric{margin-top:27px}.portfolio-metric>strong{font-size:43px;letter-spacing:-1.5px}.portfolio-period{font-size:12px}.portfolio-preview{height:170px}.portfolio-preview>span{font-size:11px}.portfolio-secondary>strong{font-size:23px}.portfolio-secondary>span{font-size:13px}.portfolio-case-link{font-size:12px}.portfolio-section-foot p{font-size:12px}.portfolio-section-foot>a{font-size:13px}.portfolio-page-intro h1{font-size:43px;letter-spacing:-1.9px}.portfolio-page-intro>p{font-size:14px}.breadcrumbs{font-size:12px;margin-bottom:34px}.case-jump{gap:9px}.case-jump>a{padding:11px 13px;gap:17px;font-size:12px}.case-detail-head h2{font-size:38px}.case-period{font-size:12px}.case-detail-head>p{font-size:14px}.case-stat-grid>div{padding:22px 16px;gap:11px}.case-stat-grid strong{font-size:clamp(21px,6.5vw,30px);letter-spacing:-.7px;white-space:nowrap}.case-stat-grid span{font-size:12px}.case-description p{font-size:14px}.case-evidence{padding:12px}.case-evidence figcaption{font-size:11px;line-height:1.8}.case-context{padding-left:16px;gap:10px}.case-context p{font-size:13px}.case-context strong{font-size:12px}.case-extra summary{font-size:13px}.portfolio-end h2{font-size:35px}.portfolio-end>p{font-size:14px}.portfolio-end .portfolio-end-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.portfolio-card:hover,.portfolio-preview:hover img{transform:none}}
/* Four projects, with tablet navigation and readable intermediate widths. */
.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-preview{height:180px}.portfolio-period{min-height:38px}
@media(min-width:1200px){.portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.portfolio-card{padding:23px 20px}.portfolio-card h3{font-size:28px}.portfolio-metric>strong{font-size:35px;letter-spacing:-1.1px}.portfolio-metric>span{min-height:42px}.portfolio-preview{height:140px}.portfolio-card-top{font-size:9px;letter-spacing:.5px}.portfolio-secondary>strong{font-size:21px}.portfolio-case-link{font-size:11px;gap:10px}.portfolio-period{font-size:11px;min-height:42px}}
@media(min-width:801px) and (max-width:1000px){.header{min-height:76px;padding:8px 18px}.header .logo{width:180px}.header .menu{display:flex;align-items:center;gap:20px;color:var(--ink);background:transparent;border:1px solid #ffffff30;padding:11px 14px;font-size:12px}.header .menu span{color:var(--orange)}.header #nav{display:none;position:absolute;top:100%;left:0;right:0;padding:25px;background:#101010;border-bottom:1px solid var(--line);gap:24px}.header #nav.open{display:flex;flex-direction:column;align-items:stretch}.nav-cta{display:flex;justify-content:space-between}.hero-grid{grid-template-columns:1fr}.hero-grid h1{font-size:64px;letter-spacing:-3px}.hero-art{height:500px}.hero-copy{max-width:520px}.hero-actions{margin-bottom:5px}.service-list{grid-template-columns:1fr}.service-card h3{min-height:0;max-width:none}.service-context{min-height:0}.approach{grid-template-columns:1fr;gap:15px}.faq-layout{grid-template-columns:1fr;gap:25px}.contact-grid{grid-template-columns:1fr;gap:35px}}
@media(max-width:800px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-card{padding:22px}.portfolio-metric>strong{font-size:36px;letter-spacing:-1px}.portfolio-preview{height:155px}.portfolio-period{min-height:40px}.portfolio-card-top{font-size:9px;letter-spacing:.5px}.portfolio-metric>span{min-height:40px}.portfolio-card h3{font-size:27px}}
@media(max-width:650px){.portfolio-grid{grid-template-columns:1fr}.portfolio-card{padding:25px 22px}.portfolio-card-top{font-size:10px;letter-spacing:.8px}.portfolio-card h3{font-size:29px}.portfolio-metric>strong{font-size:43px}.portfolio-metric>span{min-height:0}.portfolio-period{min-height:0}.portfolio-preview{height:180px}.portfolio-case-link{font-size:12px}}