.portfolio-page{background:#09090b;color:#f1efe9}.portfolio-page .portfolio-nav{position:relative;z-index:30}.portfolio-page .portfolio-nav nav a[aria-current=page]{color:var(--acid)}
.portfolio-hero{position:relative;min-height:1180px;padding-top:28px;overflow:hidden}.portfolio-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,#ff704d18,transparent 24%),radial-gradient(circle at 13% 67%,#b6c9ff12,transparent 29%);pointer-events:none}.portfolio-hero-meta{display:grid;grid-template-columns:1fr 1fr 1fr;color:#8b8b8e;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.portfolio-hero-meta span:nth-child(2){text-align:center}.portfolio-hero-meta span:last-child{text-align:right}.portfolio-title{position:relative;z-index:4;margin:10vh 0 0;font-size:clamp(82px,12.4vw,205px);line-height:.72;letter-spacing:-.09em;text-transform:uppercase}.portfolio-title span{display:block}.portfolio-title .serif-line{padding-left:21vw;color:var(--acid);font-family:Georgia,serif;font-weight:400;font-style:italic;text-transform:none}.portfolio-lead{position:absolute;z-index:6;left:var(--pad);bottom:80px;width:min(430px,40vw);margin:0;color:#aeada9;font-size:15px;line-height:1.55}.portfolio-hero-stage{position:absolute;z-index:2;inset:250px 0 0;perspective:1300px}.hero-frame{--portfolio-y:0px;position:absolute;margin:0;overflow:hidden;border:1px solid #ffffff3d;background:#16171b;box-shadow:0 45px 100px #000b;transform:translateY(var(--portfolio-y)) rotate(var(--frame-rotate));transition:transform .12s linear}.hero-frame img{width:100%;height:100%;display:block;object-fit:cover}.frame-a{--frame-rotate:-7deg;width:48vw;height:30vw;right:5%;top:22%}.frame-b{--frame-rotate:5deg;width:24vw;height:31vw;right:38%;top:51%}.frame-c{--frame-rotate:-2deg;width:31vw;height:23vw;right:-5%;top:66%}.hero-index{position:absolute;z-index:5;color:#ffffff80;font-size:8px;letter-spacing:.17em;writing-mode:vertical-rl}.index-a{right:2%;top:17%}.index-b{right:35%;top:56%}
.portfolio-statement{display:grid;grid-template-columns:.5fr 1fr .65fr;gap:5vw;align-items:start;padding-top:120px;padding-bottom:140px;background:#d7ff43;color:#111}.statement-number{font-size:clamp(130px,19vw,320px);line-height:.7;letter-spacing:-.11em}.statement-copy>span{font-size:9px;letter-spacing:.15em;text-transform:uppercase}.statement-copy p{margin:74px 0 0;font-size:clamp(26px,3.2vw,50px);line-height:1.04;letter-spacing:-.045em}.statement-tags{display:flex;flex-wrap:wrap;gap:7px}.statement-tags span{padding:9px 12px;border:1px solid #1115;border-radius:99px;font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.portfolio-cases{padding-top:130px;padding-bottom:180px}.portfolio-toolbar{display:flex;justify-content:space-between;align-items:end;padding-bottom:24px;border-bottom:1px solid #ffffff26}.portfolio-toolbar>div:first-child span{display:block;margin-bottom:8px;color:#858589;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.portfolio-toolbar strong{font-size:clamp(34px,4vw,62px);font-weight:400;letter-spacing:-.055em}.portfolio-filters{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.portfolio-filters button{border:1px solid #ffffff31;background:transparent;color:#aaa9a6;padding:10px 14px;border-radius:99px;cursor:pointer;font:9px Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;transition:.25s}.portfolio-filters button:hover,.portfolio-filters button.is-active{background:var(--acid);border-color:var(--acid);color:#111}.portfolio-grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:28px;row-gap:120px;padding-top:55px}.case-card{grid-column:span 6;min-width:0}.case-card[hidden]{display:none}.case-wide{grid-column:1/-1}.case-half.case-shift{padding-top:130px}.case-visual{position:relative;display:block;height:min(65vw,820px);overflow:hidden;background:#17181c}.case-half .case-visual{height:min(49vw,680px)}.case-ratio-square{height:min(43vw,610px)!important}.case-cinematic .case-visual{height:min(45vw,600px)}.case-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#0007);pointer-events:none}.case-visual img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.8,.2,1),filter .7s}.case-card:hover .case-visual img{transform:scale(1.035);filter:saturate(1.12)}.case-meta{display:grid;grid-template-columns:1.05fr 1fr auto;gap:35px;align-items:end;padding:20px 0 31px;border-bottom:1px solid #ffffff26}.case-meta span{color:#858589;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.case-meta h2{margin:8px 0 0;font-size:clamp(36px,5vw,78px);font-weight:400;line-height:.84;letter-spacing:-.07em}.case-meta p{max-width:470px;margin:0;color:#aaa9a6;font-size:12px;line-height:1.55}.case-meta>a{padding-bottom:3px;border-bottom:1px solid #ffffff72;font-size:9px;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}.case-meta>a:hover{color:var(--acid);border-color:var(--acid)}.case-glass{position:absolute;z-index:4;left:6%;bottom:8%;width:190px;height:140px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;background:#08090bc7;border:1px solid #ffffff42;backdrop-filter:blur(15px)}.case-glass b{font-size:52px;line-height:.8;letter-spacing:-.08em}.case-glass small{color:var(--acid);font-size:8px;letter-spacing:.15em}.case-code,.case-script,.case-massive,.case-light,.case-architecture,.case-road{position:absolute;z-index:4}.case-code{top:20px;left:20px;padding:10px;background:#0b0b0dd4;border:1px solid #ffffff40;font:8px monospace;letter-spacing:.15em}.case-script{left:6%;bottom:7%;font:italic clamp(46px,6vw,88px) Georgia,serif;color:#f8efe6;text-shadow:0 5px 30px #0008}.case-massive{left:3%;bottom:-2%;font-size:clamp(80px,15vw,230px);font-weight:900;line-height:.7;letter-spacing:-.09em;color:#fff9}.case-pulse{position:absolute;z-index:4;left:7%;bottom:7%;width:90px;height:90px;border:1px solid #fff;border-radius:50%}.case-pulse:before,.case-pulse:after{content:'';position:absolute;inset:16px;border:1px solid #fff8;border-radius:50%}.case-pulse:after{inset:34px;background:var(--acid);border:0;box-shadow:0 0 28px var(--acid)}.case-light{right:4%;top:5%;color:#dbe8ff;font:8px monospace;letter-spacing:.16em}.case-architecture{left:5%;bottom:7%;font-size:clamp(50px,8vw,130px);font-weight:800;line-height:.68;letter-spacing:-.08em;color:#fff}.case-road{left:4%;bottom:7%;font-size:clamp(22px,4.8vw,76px);font-weight:700;letter-spacing:-.055em;color:#fff}.case-split .case-visual:before{content:'';position:absolute;z-index:3;inset:0;background:linear-gradient(90deg,#050609a8,transparent 65%)}.case-auto .case-visual{height:min(52vw,720px)}
.portfolio-method{padding-top:140px;padding-bottom:170px;background:#ece9e1;color:#111}.method-intro{display:grid;grid-template-columns:.35fr 1.3fr;gap:5vw}.method-intro>span{font-size:9px;letter-spacing:.15em;text-transform:uppercase}.method-intro h2{margin:0;font-size:clamp(56px,8vw,130px);line-height:.82;letter-spacing:-.075em}.method-intro h2 i{font-family:Georgia,serif;font-weight:400;color:#75716b}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:110px;border-top:1px solid #1114;border-left:1px solid #1114}.method-grid article{min-height:330px;padding:24px;display:flex;flex-direction:column;border-right:1px solid #1114;border-bottom:1px solid #1114;transition:.35s}.method-grid article:hover{background:#111;color:#fff;transform:translateY(-10px)}.method-grid article>span{font-size:9px;color:#777}.method-grid h3{margin:auto 0 17px;font-size:clamp(30px,3vw,50px);font-weight:400;letter-spacing:-.06em}.method-grid p{margin:0;color:#666;font-size:11px;line-height:1.55}.method-grid article:hover p{color:#aaa}
.portfolio-contact{position:relative;overflow:hidden;min-height:100svh;display:flex;align-items:center;background:#0e1018}.portfolio-contact-orb{position:absolute;width:88vw;height:88vw;left:6%;bottom:-65%;border-radius:50%;background:radial-gradient(circle,#d7ff43 0 2%,#6a7d30 15%,#8a2e4c 28%,#263254 43%,transparent 68%);filter:blur(28px);opacity:.9}.portfolio-contact-inner{position:relative;width:100%;padding-top:100px;padding-bottom:34px}.portfolio-contact-inner>span{font-size:10px;text-transform:uppercase;letter-spacing:.15em}.portfolio-contact-inner>a{display:block;margin:12vh 0 20vh;font-size:clamp(74px,13.5vw,220px);font-weight:700;line-height:.72;letter-spacing:-.09em}.portfolio-contact-inner>a i{color:var(--acid);font-family:Georgia,serif;font-weight:400}.portfolio-contact-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;color:#aaa;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.portfolio-contact-bottom span:nth-child(2){text-align:center}.portfolio-contact-bottom span:last-child{text-align:right}
@media(max-width:900px){.portfolio-hero{min-height:950px}.portfolio-title{font-size:15vw}.portfolio-lead{bottom:45px;width:55vw}.frame-a{width:60vw;height:40vw;right:-5%;top:25%}.frame-b{width:32vw;height:42vw;right:42%;top:51%}.frame-c{width:37vw;height:30vw;top:69%}.portfolio-statement{grid-template-columns:.35fr 1fr}.statement-tags{grid-column:2}.portfolio-grid{row-gap:75px}.case-meta{grid-template-columns:1fr auto}.case-meta p{grid-row:2;grid-column:1/-1}.method-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.portfolio-nav nav>a:not(.nav-cta){display:none}.portfolio-hero{min-height:860px}.portfolio-hero-meta{grid-template-columns:1fr auto}.portfolio-hero-meta span:nth-child(2){display:none}.portfolio-title{margin-top:80px;font-size:16.7vw;line-height:.78}.portfolio-title .serif-line{padding-left:7vw}.portfolio-lead{bottom:35px;width:70%;font-size:12px}.portfolio-hero-stage{inset:240px 0 0}.frame-a{width:72vw;height:49vw;right:-11%;top:20%}.frame-b{width:37vw;height:52vw;right:47%;top:47%}.frame-c{width:43vw;height:34vw;right:-8%;top:66%}.portfolio-statement{grid-template-columns:1fr;padding-top:85px;padding-bottom:95px}.statement-number{font-size:34vw}.statement-copy p{margin-top:45px}.statement-tags{grid-column:1}.portfolio-cases{padding-top:90px;padding-bottom:110px}.portfolio-toolbar{display:block}.portfolio-filters{justify-content:flex-start;margin-top:28px}.portfolio-grid{display:block;padding-top:35px}.case-card,.case-wide{margin-bottom:78px;padding-top:0!important}.case-visual,.case-half .case-visual,.case-ratio-square,.case-cinematic .case-visual,.case-auto .case-visual{height:83vw!important}.case-cinematic .case-visual{height:58vw!important}.case-meta{gap:16px}.case-meta h2{font-size:13vw}.case-meta p{font-size:11px}.case-glass{width:125px;height:100px}.case-glass b{font-size:36px}.case-massive{font-size:22vw}.case-architecture{font-size:15vw}.method-intro{grid-template-columns:1fr;gap:45px}.method-grid{grid-template-columns:1fr;margin-top:70px}.method-grid article{min-height:230px}.portfolio-contact-inner>a{margin:15vh 0 25vh}.portfolio-contact-bottom{grid-template-columns:1fr 1fr}.portfolio-contact-bottom span:nth-child(2){display:none}.portfolio-contact-bottom span:last-child{text-align:right}}
@media(max-width:520px){.portfolio-hero{min-height:780px}.portfolio-title{font-size:17.8vw}.portfolio-lead{width:82%}.frame-a{top:24%}.frame-b{top:49%}.portfolio-toolbar strong{font-size:12vw}.portfolio-filters button{padding:9px 11px}.case-meta{grid-template-columns:1fr}.case-meta>a{justify-self:start}.portfolio-contact-bottom{font-size:7px}}
@media(prefers-reduced-motion:reduce){.hero-frame{transition:none}.case-visual img{transition:none}.method-grid article{transition:none}}