.projects-page{overflow-x:clip}.project-main{max-width:none;width:100%;padding-top:0}.project-header{position:relative;z-index:2;border-bottom:0;min-height:90px}.project-header nav{align-items:center}.project-intro{position:relative;isolation:isolate;background:#080808;color:#fff;border-radius:24px;margin:0 12px 85px;padding:85px max(5vw,28px) 75px;overflow:hidden;min-height:580px}.project-grid-background{position:absolute;inset:0;z-index:-1;opacity:.5;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000)}.project-intro h1{font-size:clamp(53px,7.2vw,112px);line-height:1.04;letter-spacing:-.065em;font-weight:500;color:#f8f8f8;margin:0 0 50px;max-width:1100px}.project-intro h1>span{color:#bcbcbc}.project-intro-bottom{border:0;padding:0;gap:50px}.project-intro-bottom p{font-size:18px;line-height:1.7;color:#c9c9c9;max-width:620px}.project-intro-bottom .project-consult{background:#f4f4f4;color:#111;border-radius:12px;font-size:14px;padding:18px 25px;gap:35px}.project-main>section:not(.project-intro){max-width:1200px;width:calc(100% - 100px);margin-inline:auto}.project-toolbar{border-top:0;border-bottom:1px solid #1113;padding:0 0 26px;margin-bottom:65px;gap:25px}.project-toolbar h2{font-size:30px;letter-spacing:-1px}.project-toolbar button{font-size:12px;border-color:#2225}.project-toolbar button[aria-pressed=true]{background:#111;color:#fff}#project-catalog{display:block!important}.project-card,.single-project .project-card{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:70px;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;margin-bottom:115px;overflow:visible;isolation:isolate}.project-card:nth-child(even) .project-cover{grid-column:2;grid-row:1}.project-card:nth-child(even) .project-card-content{grid-column:1;grid-row:1}.project-card .project-cover,.single-project .project-cover{display:block;position:relative;width:100%;height:auto;min-height:0;aspect-ratio:1.3;border-radius:clamp(35px,6vw,90px);overflow:hidden;border:0;background:#eeeeee;padding:0;cursor:pointer;grid-row:auto;grid-column:auto}.project-cover>img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.22,1,.36,1)}.project-cover:hover>img{transform:scale(1.055)}.project-cover>img.project-cover-mark{width:100%;height:100%;object-fit:contain;padding:20%;background:linear-gradient(135deg,#ececec,#f9f9f9)}.project-explore{position:absolute;right:28px;bottom:24px;color:#111;background:#ffffffeb;padding:12px 18px;border-radius:10px;font-size:12px;opacity:0;transform:translateY(10px);transition:opacity .25s,transform .25s}.project-cover:hover .project-explore,.project-cover:focus-visible .project-explore{opacity:1;transform:none}.project-card .project-card-content,.single-project .project-card-content{display:block;padding:0;min-width:0;grid-column:auto}.project-number{display:block;font-size:13px;color:#777;margin-bottom:24px}.project-card-heading{display:flex;align-items:center;gap:14px;margin-bottom:12px}.project-logo-badge{width:42px;height:42px;border-radius:12px;border:1px solid #0002;box-shadow:none;padding:7px;margin:0;position:static;background:#fff;flex-shrink:0}.project-logo-badge img{width:100%;height:100%;object-fit:contain}.project-card h3{font-size:clamp(35px,4.6vw,66px);letter-spacing:-.055em;line-height:1.08;font-weight:500;overflow-wrap:anywhere;margin:0;color:#111}.project-type{font-size:12px;color:#666;display:block;margin:20px 0}.project-card p{font-size:17px;line-height:1.75;color:#555;max-width:430px}.project-card .project-open{display:flex;align-items:center;gap:25px;width:auto;min-height:48px;margin-top:28px!important;padding:0;border:0;background:none;color:#111;cursor:pointer;font:inherit;font-size:14px;text-align:left}.project-open span:last-child{display:grid;place-items:center;width:40px;height:40px;border:1px solid #1115;border-radius:10px;transition:transform .3s,background .3s}.project-open:hover span:last-child{background:#111;color:#fff;transform:translate(3px,-3px)}.project-philosophy{background:#f4f4f4;border-color:#1112;color:#111;padding:55px;border-radius:24px}.project-philosophy h2{color:#111;font-size:clamp(35px,4vw,54px);letter-spacing:-.045em}.project-philosophy p{color:#555}.philosophy-lines>span,.philosophy-lines>span:nth-child(2),.philosophy-lines>span:nth-child(3){background:#aaa}.project-footer{border-color:#1112;color:#444}.project-open-modal{overflow:hidden!important}.project-detail{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#fff;color:#111;overflow:auto;overscroll-behavior:contain}.project-detail::backdrop{background:#000b}.project-detail-visual{position:relative;isolation:isolate;width:100%;height:66svh;min-height:350px;background:#151515;overflow:hidden;transform-origin:0 0}.project-detail-visual>img{width:100%;height:100%;object-fit:cover;display:block}.project-detail-visual>img.detail-logo-only{object-fit:contain;padding:12%;background:#efefef}.project-detail-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0008,transparent 70%);pointer-events:none}.project-detail h2{position:absolute;left:6vw;top:55px;font-size:clamp(42px,7vw,110px);line-height:1.05;letter-spacing:-.06em;margin:0;color:#fff;max-width:80%;overflow-wrap:anywhere;text-shadow:0 3px 30px #0006}.project-detail-close{position:fixed;right:30px;top:28px;z-index:3;width:52px;height:52px;border-radius:12px;border:1px solid #ffffff45;background:#111b;backdrop-filter:blur(12px);color:#fff;font-size:30px;cursor:pointer}.project-detail-body{display:grid;grid-template-columns:1fr auto;gap:50px;padding:45px 6vw;align-items:center}.project-detail-body>div{max-width:700px}#project-detail-type{font-size:13px;color:#666}#project-detail-description{font-size:clamp(18px,2vw,24px);line-height:1.7;color:#222;margin-block:18px}#project-detail-link{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#111;color:#fff;padding:18px 25px;border-radius:12px;text-decoration:none;font-size:14px;min-height:54px}.project-detail-nav{padding:15px 6vw 35px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #1112}.project-detail-nav button{border:0;background:none;color:inherit;font:inherit;font-size:13px;padding:14px 0;cursor:pointer}.project-detail-nav button:disabled{opacity:.4;cursor:default}.project-detail :focus-visible,.project-cover:focus-visible,.project-open:focus-visible{outline:2px solid currentColor;outline-offset:5px}.project-detail .project-meta span{background:#eee;color:#444}
html[data-theme=dark] .project-intro h1{color:#fafafa}html[data-theme=dark] .project-intro h1>span{color:#bcbcbc}html[data-theme=dark] .project-intro-bottom p{color:#ccc}html[data-theme=dark] .project-intro-bottom .project-consult{background:#f4f4f4;color:#111}html[data-theme=dark] .project-card p{color:#ccc}html[data-theme=dark] .project-card h3,html[data-theme=dark] .project-card .project-open{color:#f5f5f5}html[data-theme=dark] .project-type,html[data-theme=dark] .project-number{color:#aaa}html[data-theme=dark] .project-philosophy{background:#191919;border-color:#fff3}html[data-theme=dark] .project-philosophy h2{color:#fafafa}html[data-theme=dark] .project-philosophy p{color:#ccc}html[data-theme=dark] .project-detail{background:#111;color:#f5f5f5}html[data-theme=dark] #project-detail-description{color:#ddd}html[data-theme=dark] #project-detail-type{color:#bbb}html[data-theme=dark] #project-detail-link{background:#eee;color:#111}html[data-theme=dark] .project-detail-nav{border-color:#fff3}html[data-theme=dark] .project-detail .project-meta span{background:#333;color:#eee}
@media(max-width:1000px){.project-card,.single-project .project-card{gap:35px;margin-bottom:80px}.project-main>section:not(.project-intro){width:calc(100% - 65px)}.project-intro{padding-top:70px;min-height:520px}.project-intro-bottom p{font-size:17px}.project-card p{font-size:15px}.project-detail-body{gap:25px}}
@media(max-width:700px){.project-intro{margin:0 8px 55px;border-radius:18px;padding:55px 24px;min-height:470px}.project-intro h1{font-size:clamp(43px,10.5vw,65px);margin-bottom:30px}.project-intro-bottom{display:block}.project-intro-bottom p{font-size:16px;margin-bottom:25px}.project-intro-bottom .project-consult{display:inline-flex;font-size:12px}.project-main>section:not(.project-intro){width:calc(100% - 40px)}.project-toolbar{align-items:start;margin-bottom:40px}.project-toolbar h2{font-size:25px}.project-toolbar button{font-size:11px;padding:9px 12px}.project-card,.single-project .project-card{display:flex!important;flex-direction:column;gap:25px;align-items:stretch;margin-bottom:65px}.project-card .project-cover{aspect-ratio:1.25;border-radius:35px}.project-number{font-size:12px;margin-bottom:18px}.project-card h3{font-size:42px}.project-type{margin:15px 0}.project-card p{font-size:16px}.project-card .project-open{margin-top:15px!important}.project-philosophy{padding:28px!important}.project-detail-visual{height:52svh;min-height:280px}.project-detail h2{left:24px;top:85px;max-width:85%;font-size:49px}.project-detail-close{right:16px;top:16px;width:44px;height:44px}.project-detail-body{display:block;padding:30px 24px}#project-detail-description{font-size:18px}#project-detail-link{margin-top:24px}.project-detail-nav{padding:12px 24px 25px;gap:14px}.project-detail-nav button{font-size:11px}.project-explore{opacity:1;transform:none;font-size:11px;right:20px;bottom:20px}.project-header .project-brand img{width:33px}.project-header nav{gap:9px}}
@media(prefers-reduced-motion:reduce){.project-cover>img,.project-explore,.project-open span:last-child{transition:none}}