.demo--portfolio{--paper:#f0f0ed;--ink:#202229;--accent:#b2452b;--muted:#696a70}.demo--portfolio .demo-header{border:0;padding-block:30px}.demo--portfolio .demo-brand{font-size:28px}.demo--portfolio .demo-navigation a:last-child{background:var(--ink);color:var(--paper);border:0}.demo--portfolio em{letter-spacing:-.045em;color:#9c452d;font-family:Georgia,serif;font-weight:400}.pf-hero{padding:45px var(--edge) 85px;grid-template-columns:.9fr 1.1fr;align-items:center;gap:5vw;display:grid}.pf-intro h1{letter-spacing:-.055em;font-size:clamp(56px,5.5vw,88px);line-height:1.08}.pf-intro p{max-width:350px;color:var(--muted);margin:28px 0 30px;font-size:16px}.pf-specialism{letter-spacing:.1em;margin-top:60px;font-size:9px;display:block}.creative-stage{perspective:1000px;min-width:0;position:relative}.creative-tabs{z-index:2;gap:8px;display:flex;position:absolute;top:20px;left:20px}.creative-tabs button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#eeedeacc;border:1px solid #20222933;border-radius:40px;padding:10px 16px;font-size:11px}.creative-tabs button span{opacity:.5;margin-right:8px;font-size:9px}.creative-tabs button[aria-pressed=true]{color:#fff;background:#24262b}.creative-object{background:#e5e4df;border-radius:8px;place-items:center;height:clamp(440px,37vw,620px);display:grid;overflow:hidden;container-type:inline-size}.creative-object>img{object-fit:cover;width:100%;height:100%}.creative-stage-caption{justify-content:space-between;align-items:center;gap:15px;padding:17px 5px;font-size:10px;display:flex}.creative-stage-caption span:first-child{letter-spacing:.1em;opacity:.6;font-size:9px}.motion-sculpture{width:270px;height:270px;transition:transform .2s ease-out;position:relative}.motion-sculpture i{mix-blend-mode:multiply;border:20px solid #b84f33;border-radius:25% 50%;position:absolute;inset:0;box-shadow:inset 2px 2px 3px #ffffff70,4px 4px 7px #48251515}.motion-control{align-items:center;gap:20px;padding:15px 10px;font-size:11px;display:flex}.motion-control input{accent-color:#b84f33;flex:1}.creative-code{white-space:pre;color:#333747;padding:25px;font-family:monospace;font-size:15px;line-height:2.4}.creative-code>svg{width:45px;height:45px;margin-bottom:30px}.creative-code em{font:inherit;color:#b34829}.creative-code b{color:#326f67;font-weight:400}.creative-code>span{border-top:1px solid #0002;margin-top:20px;padding:15px 0;display:block}.creative-code i{color:#b34829;margin-left:20px}.pf-selected{padding:75px var(--edge);background:#deded9;grid-template-columns:.6fr 1fr;align-items:center;gap:8vw;display:grid}.pf-selected>div>p{color:var(--muted);margin-top:25px;font-size:13px}.pf-selected>a>span{justify-content:space-between;align-items:center;margin-top:20px;font-size:12px;display:flex}.work-art{aspect-ratio:1.5;color:#282826;isolation:isolate;background:#eee8df;position:relative;overflow:hidden;container-type:inline-size}.work-art-bar{letter-spacing:.07em;z-index:2;justify-content:space-between;align-items:center;padding:20px 5%;font-size:9px;display:flex;position:absolute;inset:0 0 auto}.work-art img{object-fit:cover;filter:brightness(.65);width:100%;height:100%}.work-art>h3{color:#fff;max-width:70%;font-family:Georgia,serif;font-size:clamp(26px,4vw,65px);font-weight:400;line-height:1.1;position:absolute;top:32%;left:8%}.work-art:has(img) .work-art-bar{color:#fff}.work-art-note{color:#fff;align-items:center;gap:25px;font-size:9px;display:flex;position:absolute;bottom:10%;left:8%}.work-art-1>h3{font-family:var(--font-sans);font-weight:600}.work-art-2{aspect-ratio:auto}.work-art-app{background:#f7f7fc;grid-template-columns:18% 1fr;gap:20px;min-height:280px;padding:65px 25px 25px;display:grid}.work-art-app>aside{align-content:start;gap:18px;font-size:8px;display:grid}.work-art-app>aside svg{color:#7b71b1;margin-bottom:15px}.work-art-app>div>span{font-size:8px}.work-art-app h3{margin:10px 0 20px;font-size:clamp(16px,2vw,32px)}.work-kanban{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;font-size:8px;line-height:1.5;display:grid}.work-kanban section{background:#e9e9f2;border-radius:6px;padding:12px 8px}.work-kanban small{font-size:8px}.work-kanban section>div{background:#fff;border-radius:5px;margin-top:10px;padding:12px 8px}.work-kanban i{background:#b7b0e0;width:20px;height:4px;margin-bottom:8px;display:block}.work-kanban strong{font-size:8px;display:block}.work-kanban span{color:#777;font-size:6px}.pf-work-stack{padding:15px var(--edge) 80px}.pf-work-card{color:#25262a;border-radius:7px;grid-template-columns:.6fr 1fr;align-items:center;gap:5vw;min-height:460px;padding:50px;display:grid}.pf-work-card>div>span:first-child{letter-spacing:.06em;font-size:10px}.pf-work-card h2{margin:35px 0 20px;font-size:clamp(32px,4vw,57px)}.pf-work-card p{max-width:250px;font-size:13px}.pf-work-open{align-items:center;gap:30px;margin-top:40px;font-size:12px;display:flex}.pf-case-head{padding:30px var(--edge) 65px}.pf-case-head>a{margin-bottom:55px;font-size:12px;display:block}.pf-case-head p{color:var(--muted);margin-top:25px}.pf-case-art{padding:0 var(--edge)}.pf-case-art .work-art{max-height:800px}.pf-case-art .work-art>h3{font-size:clamp(40px,7vw,110px)}.pf-case-story{padding:85px var(--edge);grid-template-columns:1fr 1fr;gap:10vw;display:grid}.pf-case-story dl{margin-top:30px}.pf-case-story dl>div{border-top:1px solid #2223;padding:15px 0;font-size:12px}.pf-case-story dt{color:var(--muted);margin-bottom:5px}.pf-next{color:#fff;padding:45px var(--edge);background:#25262a;justify-content:space-between;align-items:center;font-size:clamp(18px,3vw,38px);display:flex}.pf-profile{padding:35px var(--edge) 65px;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;display:grid}.pf-profile>img{object-fit:cover;border-radius:3px;width:100%;height:560px}.pf-profile p{max-width:460px;margin:30px 0}.pf-profile-details{padding:65px var(--edge);background:#e1e1dc;grid-template-columns:repeat(3,1fr);gap:50px;display:grid}.pf-profile-details span{color:var(--muted);margin-bottom:45px;font-size:12px;display:block}.pf-profile-details h2{margin-bottom:20px;font-size:33px}.pf-profile-details p{font-size:14px}.pf-contact{padding:65px var(--edge) 90px;grid-template-columns:1fr 1fr;gap:8vw;display:grid}.pf-contact h1{font-size:clamp(45px,5vw,80px)}.pf-contact>div>svg{margin-top:50px}@media (width<=1000px){.pf-hero{gap:30px}.creative-tabs button{padding:9px 12px}.pf-intro h1{font-size:58px}.pf-work-card{gap:30px;padding:30px}.creative-code{font-size:11px}}@media (width<=700px){.pf-hero{grid-template-columns:1fr;gap:40px;padding-top:30px}.pf-intro h1{font-size:clamp(43px,12vw,65px)}.pf-specialism{margin-top:30px}.creative-object{height:390px}.creative-code{font-size:14px}.creative-tabs{top:15px;left:15px}.pf-selected{grid-template-columns:1fr;gap:35px;padding-block:50px}.pf-work-card{grid-template-columns:1fr;gap:30px;padding:25px}.pf-work-card h2,.pf-work-open{margin-top:20px}.work-art>h3,.pf-case-art .work-art>h3{max-width:84%;font-size:clamp(22px,10cqw,40px)}.pf-case-story,.pf-profile,.pf-contact{grid-template-columns:1fr;gap:35px}.pf-profile>img{height:320px}.pf-profile-details{grid-template-columns:1fr;gap:35px}.pf-profile-details span{margin-bottom:15px}.work-art-app{grid-template-columns:minmax(0,1fr);gap:14px;padding:42px 12px 16px}.work-art-app>aside{align-items:center;gap:14px;display:flex}.work-art-app>aside svg{width:16px;height:16px;margin-bottom:0}.work-kanban section{padding:8px 4px}.work-kanban section>div{padding:7px 4px}.work-kanban{gap:5px}.work-art-bar{padding:13px 5%;font-size:7px}.creative-stage-caption{font-size:9px}.motion-sculpture{aspect-ratio:1;width:min(230px,58cqw);height:auto}.motion-sculpture i{border-width:clamp(12px,5cqw,20px)}}