/* The open studio: real project evidence in a purposeful editorial frame. */
.v6-work{--forge:#e65024;--gold2:#b43d1b;--text:#181818;--muted:#777777;--line:#dddddd}
.v6-work .pf6-intro{padding-top:43px!important;padding-bottom:34px!important;background:#faf9f6!important;border-bottom:1px solid #dedede!important;overflow:hidden}
.v6-work .pf6-intro-grid{grid-template-columns:.92fr 1.08fr!important;gap:6vw!important;align-items:center!important;padding:37px 0 55px!important}
.v6-work .pf6-intro h1{font:400 clamp(70px,8.1vw,119px)/.91 Helvetica,Arial,sans-serif!important;letter-spacing:-.075em!important;max-width:9ch!important;margin:24px 0 30px!important}
.v6-work .pf6-intro h1 em{font:italic 400 1em Georgia,serif!important;letter-spacing:-.07em!important;color:#e65024!important}
.v6-work .pf6-intro .eyebrow{font:8px/1.7 ui-monospace,monospace!important;color:#ad4a29!important;letter-spacing:.12em}
.v6-work .pf6-intro .lead{font-size:16px!important;line-height:1.9!important;color:#7c7c7c!important;max-width:36ch!important;margin:0!important}
.v6-work .pf6-enter{font-size:11px!important;border-color:#c6c6c6!important;color:#333333!important;min-height:44px;margin-top:26px!important;gap:42px!important}
.v6-work .pf6-cover{position:relative!important;display:block!important;width:100%!important;margin:0!important;perspective:none!important;transform:none!important;text-decoration:none;background:#181818!important;padding:24px!important;border-radius:5px;overflow:hidden;isolation:isolate}
.v6-work .pf6-cover:before,.v6-work .pf6-cover:after{content:none!important;display:none!important}
.v6-work .pf6-cover-top{position:relative;display:flex!important;justify-content:space-between!important;align-items:center;border:0!important;padding:0 0 21px!important;font:7px/1.5 ui-monospace,monospace!important;letter-spacing:.1em!important;color:#9f9f9f!important;gap:20px}
.v6-work .pf6-cover-top>span:last-child{font:24px/1 Helvetica,Arial,sans-serif!important;color:#f48158!important}
.v6-work .pf6-cover-browser{border:0!important;border-radius:2px!important;background:#262626!important;box-shadow:none!important;transform:perspective(1400px) rotateX(var(--pw-rx,0deg)) rotateY(var(--pw-ry,0deg))!important;transition:transform .5s cubic-bezier(.2,.7,.2,1)!important;overflow:hidden}
.v6-work .pf6-cover-browser>span{display:none!important}
.v6-work .pf6-cover img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:contain!important;object-position:top!important;transform:scale(var(--pw-image-scale,1))!important;transition:transform .8s cubic-bezier(.2,.7,.2,1)!important;filter:none!important}
.v6-work .pf6-cover-caption{display:flex!important;gap:23px!important;align-items:end!important;justify-content:space-between;margin:22px 0 0!important;color:#fff}
.v6-work .pf6-cover-caption strong{font:400 37px/.95 Georgia,serif!important;letter-spacing:-.04em;color:#f4f4f4}
.v6-work .pf6-cover-caption>span{font-size:10px!important;line-height:1.65;color:#898989!important;max-width:23ch}
.v6-work .pf6-disclosure{display:grid!important;grid-template-columns:1fr 1.8fr!important;gap:40px!important;border-top:1px solid #dddddd!important;padding:22px 0 0!important;align-items:center!important}
.v6-work .pf6-disclosure>span{font:8px/1.7 ui-monospace,monospace!important;letter-spacing:.09em!important;color:#b75230!important}
.v6-work .pf6-disclosure p{font-size:11px!important;line-height:1.8!important;color:#909090!important;margin:0!important;max-width:72ch}
/* The same real, working project collection is shared by Home and Work. */
.sf-showcase{--forge:#e65024;--text:#181818;--muted:#777777;background:#faf9f6!important}
.sf-showcase .sf-section-heading{align-items:end!important;gap:8vw!important;margin-bottom:47px!important}
.sf-showcase .sf-section-heading h2{font:400 clamp(42px,4.8vw,73px)/1.01 Helvetica,Arial,sans-serif!important;letter-spacing:-.06em!important;max-width:18ch!important}
.sf-showcase .sf-section-heading h2 em{color:#e65024!important}
.sf-showcase .sf-section-heading>p{font-size:14px!important;line-height:1.9!important;color:#818181!important;max-width:38ch!important;margin:0 0 4px!important}
.sf-showcase .sf-kicker{font:8px/1.8 ui-monospace,monospace!important;letter-spacing:.11em!important;color:#b34e2a!important}
.sf-showcase .showcase-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border-top:1px solid #d6d6d6!important;border-bottom:1px solid #d6d6d6!important;margin-bottom:24px!important;background:none!important}
.sf-showcase .showcase-tabs button{position:relative;display:grid!important;grid-template-columns:24px 1fr!important;gap:7px 13px!important;align-items:center!important;padding:23px 19px!important;min-height:100px!important;border:0!important;border-radius:0!important;border-bottom:2px solid transparent!important;background:none!important;box-shadow:none!important;text-align:left!important;color:#9c9c9c!important;font:8px ui-monospace,monospace!important;overflow:hidden}
.sf-showcase .showcase-tabs button+button{border-left:1px solid #dcdcdc!important}
.sf-showcase .showcase-tabs button span{display:block!important;font:400 27px/1.05 Helvetica,Arial,sans-serif!important;letter-spacing:-.04em!important;color:#999999!important;margin:0!important}
.sf-showcase .showcase-tabs button small{grid-column:2;font:7px/1.5 ui-monospace,monospace!important;letter-spacing:.03em;color:#a7a7a7!important}
.sf-showcase .showcase-tabs button[aria-pressed=true]{color:#e65024!important;border-bottom-color:#e65024!important;background:none!important}
.sf-showcase .showcase-tabs button[aria-pressed=true] span{color:#232323!important}
.sf-showcase .showcase-tabs button[aria-pressed=true] small{color:#737373!important}
.sf-showcase .showcase-stage{position:relative!important;background:#181818!important;min-height:0!important;height:auto!important;max-height:none!important;padding:65px 0 35px!important;perspective:1800px!important;display:grid!important;place-items:center!important;border-radius:5px 5px 0 0!important;overflow:hidden!important;isolation:isolate}
.sf-showcase .showcase-stage:before,.sf-showcase .showcase-stage:after,.sf-showcase .stage-orbit,.sf-showcase .device-plinth{display:none!important;content:none!important}
.sf-showcase .stage-caption{position:absolute;left:30px!important;top:25px!important;right:30px!important;bottom:auto!important;font:7px/1.7 ui-monospace,monospace!important;letter-spacing:.09em!important;color:#949494!important;z-index:3}
.sf-showcase .stage-caption:before{content:'';display:inline-block;background:#e65024;width:4px;height:4px;margin-right:9px;vertical-align:middle;border-radius:50%}
.sf-showcase .sf-device{position:relative!important;inset:auto!important;margin:0 auto!important;width:calc(100% - 76px)!important;max-width:1100px!important;min-width:0!important;background:#262626!important;border:1px solid #464646!important;border-radius:5px!important;box-shadow:0 26px 45px #00000026!important;overflow:hidden!important;transform:perspective(1800px) rotateX(var(--pw-rx,0deg)) rotateY(var(--pw-ry,0deg))!important;transition:width .65s cubic-bezier(.2,.7,.2,1),transform .5s cubic-bezier(.2,.7,.2,1)!important;transform-origin:50% 70%!important}
.sf-showcase .sf-device[data-showcase-device=tablet]{width:720px!important;max-width:calc(100% - 76px)!important}
.sf-showcase .sf-device[data-showcase-device=mobile]{width:340px!important;max-width:calc(100% - 48px)!important;border-radius:14px!important}
.sf-showcase .sf-device-bar{height:29px!important;background:#222222!important;border:0!important;border-bottom:1px solid #424242!important;padding:0 15px!important;display:flex!important;align-items:center!important;gap:5px!important}
.sf-showcase .sf-device-bar i{height:3px!important;width:3px!important;background:#6a6a6a!important}
.sf-showcase .sf-device-bar span{font:6px/1.5 ui-monospace,monospace!important;letter-spacing:.06em!important;color:#939393!important;margin-left:12px!important}
.sf-showcase .showcase-frame{display:block!important;width:100%!important;height:520px!important;min-height:0!important;border:0!important;background:#fff!important;opacity:1}
.sf-showcase .sf-device[data-showcase-device=mobile] .showcase-frame{height:580px!important}
.pw-frame-progress{position:absolute;top:0;left:0;width:100%;height:2px;z-index:6;opacity:0;pointer-events:none;background:linear-gradient(90deg,transparent,#e65024,#ff9c72,transparent);transform:translateX(-100%)}
.pw-frame-loading .pw-frame-progress{opacity:1;animation:pw-load 1.4s ease-in-out infinite}
@keyframes pw-load{to{transform:translateX(100%)}}
.sf-showcase .showcase-bottom{position:relative!important;display:grid!important;grid-template-columns:1fr auto!important;gap:30px!important;align-items:end!important;margin:0!important;padding:31px 36px 35px!important;background:#181818!important;border-top:1px solid #323232!important;border-radius:0 0 5px 5px!important;color:#e5e5e5!important}
.sf-showcase .showcase-bottom h3{font:400 clamp(35px,4vw,51px)/1 Helvetica,Arial,sans-serif!important;letter-spacing:-.055em!important;color:#efefef!important;margin:12px 0 15px!important}
.sf-showcase .showcase-bottom p{font-size:12px!important;line-height:1.9!important;color:#949494!important;max-width:68ch!important;margin:0 0 15px!important}
.sf-showcase .showcase-bottom .sf-text-link{font-size:10px!important;color:#dfb692!important;border-color:#585858!important;min-height:38px!important;align-self:start!important}
.sf-showcase .pf6-demo-note{display:block;font:7px/1.6 ui-monospace,monospace!important;letter-spacing:.03em;color:#8e8e8e!important}
.sf-showcase .showcase-device-controls{display:flex!important;gap:3px!important;border:1px solid #515151!important;padding:4px!important;border-radius:30px!important;flex-wrap:nowrap!important;margin:0 0 3px!important;align-self:end!important}
.sf-showcase .showcase-device-controls button{border:0!important;background:none!important;border-radius:25px!important;color:#8e8e8e!important;padding:10px 15px!important;min-height:38px!important;font-size:9px!important;white-space:nowrap}
.sf-showcase .showcase-device-controls button[aria-pressed=true]{color:#181818!important;background:#e5e5e5!important}
/* The archive pairs a tangible build with the details behind it. */
.v6-work .pf6-archive{padding:105px 0!important;background:#faf9f6!important}
.v6-work .pf6-archive .project-toolbar{display:flex!important;justify-content:space-between!important;align-items:end!important;gap:35px!important;margin-bottom:35px!important}
.v6-work .pf6-archive h2{font:400 clamp(44px,5vw,72px)/1.01 Helvetica,Arial,sans-serif!important;letter-spacing:-.06em!important;color:#181818!important}
.v6-work .pf6-archive .instrument-controls{display:flex!important;gap:4px!important;border:1px solid #d3d3d3!important;border-radius:30px!important;padding:4px!important;flex-wrap:wrap!important;background:none!important}
.v6-work .pf6-archive .instrument-controls button{min-height:37px!important;border:0!important;border-radius:24px!important;font-size:10px!important;padding:9px 14px!important;color:#8a8a8a!important;background:none!important;box-shadow:none!important}
.v6-work .pf6-archive .instrument-controls button[aria-pressed=true]{background:#181818!important;color:#fff!important}
.v6-work .pf6-archive .instrument-controls button span{font:6px ui-monospace,monospace;color:#ff986a;margin-left:8px}
.v6-work .pf6-project-list{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
.v6-work .pf6-project-list .project-card{position:relative;display:grid!important;grid-template-columns:1.1fr 1fr!important;gap:7vw!important;padding:55px 0!important;border:0!important;border-top:1px solid #dddddd!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:none!important;overflow:visible!important;cursor:pointer}
.v6-work .pf6-project-list .project-card[hidden]{display:none!important}
.v6-work .pf6-project-list .project-card:before,.v6-work .pf6-project-list .project-card:after{display:none!important;content:none!important}
.v6-work .pf6-project-list .project-card:nth-child(even) .visual{order:2}
.v6-work .pf6-project-list .project-card:nth-child(even) .body{order:1;padding-left:25px!important}
.v6-work .pf6-project-list .project-card .visual{position:relative!important;min-height:0!important;height:auto!important;aspect-ratio:1.43!important;border-radius:4px!important;overflow:hidden!important;background:#181818!important;isolation:isolate;transform:perspective(1600px) rotateX(var(--pw-rx,0deg)) rotateY(var(--pw-ry,0deg))!important;transition:transform .55s cubic-bezier(.2,.7,.2,1)!important}
.v6-work .pf6-project-list .project-card .visual img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:top!important;filter:none!important;transform:scale(var(--pw-image-scale,1))!important;transition:transform .9s cubic-bezier(.2,.7,.2,1)!important;border-radius:0!important}
.pw-project-corner{position:absolute;z-index:3;bottom:16px;right:17px;display:grid;place-items:center;width:37px;height:37px;background:#181818d9;border:1px solid #b2b2b263;border-radius:50%;font:20px/1 Helvetica,Arial,sans-serif;color:#ff9567;pointer-events:none}
.v6-work .pf6-project-list .project-card .body{padding:14px 0!important;align-self:center!important}
.v6-work .pf6-project-list .project-card .type{font:8px/1.6 ui-monospace,monospace!important;letter-spacing:.1em;color:#b54e29!important}
.v6-work .pf6-project-list .project-card h3{font:400 clamp(38px,4vw,60px)/1.01 Helvetica,Arial,sans-serif!important;letter-spacing:-.06em!important;margin:20px 0!important;color:#252525!important}
.v6-work .pf6-project-list .project-card p{font-size:14px!important;line-height:1.9!important;color:#838383!important;max-width:42ch!important;margin:0!important}
.v6-work .pf6-tags{gap:6px!important;margin:24px 0!important}
.v6-work .pf6-tags li{border:1px solid #d9d9d9!important;border-radius:20px!important;padding:7px 10px!important;font-size:8px!important;color:#898989!important;background:none!important}
.v6-work .pf6-project-list p.pf6-label{font:8px/1.8 ui-monospace,monospace!important;color:#8a8a8a!important;max-width:45ch!important;margin:0 0 23px!important}
.v6-work .pf6-project-list .actions{gap:10px!important;margin-top:27px!important;flex-wrap:wrap!important}
.v6-work .pf6-project-list .actions .btn{min-height:44px!important;font-size:10px!important;border-radius:3px!important;padding:12px 16px!important;box-shadow:none!important}
.pw-live-evidence{padding:0!important;position:relative}
.pw-live-evidence iframe{position:absolute;left:0;top:0;width:1440px;height:1007px;border:0;transform:scale(var(--pw-preview-scale,.4));transform-origin:0 0;pointer-events:none;background:#faf9f6}
/* Clear evidence is part of the presentation, not an invented result. */
.v6-work .pf6-standard{position:relative;padding:95px 0!important;background:#181818!important;color:#fff!important;overflow:hidden}
.v6-work .pf6-standard>.wrap>.eyebrow{color:#c2815b!important;font:8px/1.8 ui-monospace,monospace!important;letter-spacing:.12em!important}
.v6-work .pf6-standard-grid{grid-template-columns:1fr 1.15fr!important;gap:8vw!important;margin-top:34px!important}
.v6-work .pf6-standard-grid h2{font:400 clamp(45px,5.2vw,78px)/1.01 Helvetica,Arial,sans-serif!important;letter-spacing:-.06em!important;color:#f0f0f0!important;max-width:12ch}
.v6-work .pf6-standard-grid h2 em{color:#fa8352!important}
.v6-work .pf6-standard-grid>div>p{font-size:15px!important;line-height:1.9!important;color:#a0a0a0!important;max-width:46ch!important;margin:0 0 33px!important}
.v6-work .pf6-standard ol{margin:0!important}
.v6-work .pf6-standard li{padding:22px 0!important;border-top:1px solid #434343!important;gap:30px!important}
.v6-work .pf6-standard li>span{color:#df8758!important;font:8px ui-monospace,monospace!important;padding-top:5px!important}
.v6-work .pf6-standard h3{font:400 25px/1.1 Helvetica,Arial,sans-serif!important;letter-spacing:-.035em!important;color:#dddddd!important;margin:0 0 10px!important}
.v6-work .pf6-standard li p{font-size:12px!important;line-height:1.8!important;color:#959595!important;max-width:47ch}
.v6-work .pf6-cta{position:relative;padding:105px 0!important;background:#faf9f6!important;overflow:hidden}
.v6-work .pf6-cta>.wrap{text-align:left!important;position:relative;padding-right:20%!important}
.v6-work .pf6-cta h2{font:400 clamp(49px,6.6vw,98px)/1.01 Helvetica,Arial,sans-serif!important;letter-spacing:-.065em!important;max-width:17ch!important;margin:28px 0 35px!important}
.v6-work .pf6-cta h2 em{color:#e65024!important}
.v6-work .pf6-cta p{font-size:12px!important;color:#898989!important;margin-top:25px!important;max-width:44ch}
.v6-work .pf6-cta .btn{min-height:50px!important;font-size:12px!important}
.pw-cta-arrow{position:absolute;right:0;top:42%;transform:translateY(-50%);display:grid;place-items:center;border:1px solid #d8d8d8;width:155px;height:155px;border-radius:50%;font:400 98px/.8 Helvetica,Arial,sans-serif;color:#e65024;pointer-events:none}
.pw-reveal{opacity:1;transform:none}
@media(prefers-reduced-motion:no-preference){html:not(.motion-paused) .pw-reveal:not(.is-visible){opacity:0;transform:translateY(23px)}.pw-reveal{transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}}
.motion-paused .pw-reveal{opacity:1!important;transform:none!important}
.motion-paused .sf-showcase .sf-device,.motion-paused .v6-work .pf6-cover-browser,.motion-paused .v6-work .project-card .visual{transform:none!important;transition:none!important}
.motion-paused .v6-work .project-card .visual img,.motion-paused .v6-work .pf6-cover img{transform:none!important;transition:none!important}
@media(max-width:1050px){.v6-work .pf6-intro-grid{gap:40px!important}.v6-work .pf6-intro h1{font-size:89px!important}.v6-work .pf6-cover{padding:20px!important}.v6-work .pf6-cover-caption strong{font-size:30px!important}.v6-work .pf6-cover-caption>span{font-size:9px!important}.sf-showcase .showcase-frame{height:460px!important}.sf-showcase .showcase-tabs button span{font-size:24px!important}.sf-showcase .showcase-bottom{padding:30px!important}.sf-showcase .showcase-bottom p{max-width:45ch!important}.v6-work .pf6-project-list .project-card{gap:5vw!important}.v6-work .pf6-project-list .project-card h3{font-size:43px!important}.v6-work .pf6-project-list .project-card p{font-size:13px!important}.v6-work .pf6-project-list .project-card .visual{aspect-ratio:1.25!important}.v6-work .pf6-standard-grid{gap:50px!important}.pw-cta-arrow{width:120px;height:120px;font-size:77px}}
@media(max-width:750px){.v6-work .pf6-intro{padding-top:28px!important}.v6-work .pf6-intro-grid{grid-template-columns:1fr!important;gap:35px!important;padding:30px 0 35px!important}.v6-work .pf6-intro h1{font-size:clamp(68px,13vw,94px)!important;max-width:12ch!important}.v6-work .pf6-intro .lead{font-size:15px!important;max-width:46ch!important}.v6-work .pf6-cover{padding:23px!important;margin:0!important;max-width:none!important}.v6-work .pf6-cover img{aspect-ratio:16/9!important}.v6-work .pf6-cover-caption strong{font-size:36px!important}.v6-work .pf6-cover-caption>span{font-size:11px!important}.v6-work .pf6-disclosure{grid-template-columns:1fr!important;gap:12px!important;padding-top:23px!important}.v6-work .pf6-disclosure p{font-size:10px!important;max-width:57ch}.sf-showcase .sf-section-heading{display:block!important;margin-bottom:32px!important}.sf-showcase .sf-section-heading h2{font-size:clamp(41px,7.7vw,60px)!important;max-width:18ch!important}.sf-showcase .sf-section-heading>p{font-size:13px!important;max-width:50ch!important;margin-top:25px!important}.sf-showcase .showcase-tabs button{padding:21px 11px!important;grid-template-columns:17px 1fr!important;gap:7px!important;min-height:92px!important;font-size:7px!important}.sf-showcase .showcase-tabs button span{font-size:21px!important}.sf-showcase .showcase-tabs button small{font-size:6px!important}.sf-showcase .showcase-stage{padding:60px 0 28px!important}.sf-showcase .stage-caption{left:24px!important;top:23px!important;font-size:6px!important}.sf-showcase .sf-device{width:calc(100% - 46px)!important;max-width:none!important;transform:none!important}.sf-showcase .sf-device[data-showcase-device=tablet]{width:calc(100% - 46px)!important;max-width:none!important}.sf-showcase .sf-device[data-showcase-device=mobile]{width:320px!important;max-width:calc(100% - 46px)!important}.sf-showcase .showcase-frame{height:470px!important}.sf-showcase .showcase-bottom{grid-template-columns:1fr!important;padding:28px 25px!important;gap:20px!important}.sf-showcase .showcase-bottom h3{font-size:41px!important}.sf-showcase .showcase-bottom p{font-size:12px!important;max-width:52ch!important}.sf-showcase .showcase-device-controls{justify-self:start!important;align-self:start!important}.v6-work .pf6-archive{padding:75px 0!important}.v6-work .pf6-archive .project-toolbar{display:block!important;margin-bottom:27px!important}.v6-work .pf6-archive h2{font-size:52px!important}.v6-work .pf6-archive .instrument-controls{margin-top:27px!important;display:inline-flex!important}.v6-work .pf6-project-list .project-card{grid-template-columns:1fr!important;gap:26px!important;padding:35px 0 40px!important}.v6-work .pf6-project-list .project-card .visual{aspect-ratio:1.5!important;order:0!important}.v6-work .pf6-project-list .project-card:nth-child(even) .body{order:0!important;padding:0!important}.v6-work .pf6-project-list .project-card .body{padding:0!important}.v6-work .pf6-project-list .project-card h3{font-size:44px!important;margin:18px 0!important}.v6-work .pf6-project-list .project-card p{max-width:53ch!important}.v6-work .pf6-tags{margin:21px 0!important}.v6-work .pf6-standard{padding:72px 0!important}.v6-work .pf6-standard-grid{grid-template-columns:1fr!important;gap:30px!important}.v6-work .pf6-standard-grid h2{font-size:58px!important;max-width:16ch}.v6-work .pf6-standard-grid>div>p{font-size:14px!important;max-width:53ch}.v6-work .pf6-cta{padding:75px 0!important}.v6-work .pf6-cta>.wrap{padding-right:0!important}.v6-work .pf6-cta h2{font-size:clamp(49px,8.4vw,70px)!important;max-width:16ch!important}.pw-cta-arrow{display:none}}
@media(max-width:480px){.v6-work .pf6-intro h1{font-size:clamp(67px,17.1vw,83px)!important;line-height:.94!important;margin-top:23px!important;margin-bottom:24px!important}.v6-work .pf6-intro .lead{font-size:14px!important;max-width:32ch!important}.v6-work .pf6-intro .eyebrow{font-size:6px!important}.v6-work .pf6-cover{padding:18px!important}.v6-work .pf6-cover-top{font-size:6px!important;letter-spacing:.05em!important;padding-bottom:16px!important;gap:8px}.v6-work .pf6-cover-top>span:last-child{font-size:20px!important}.v6-work .pf6-cover-caption{align-items:center!important;gap:15px!important;margin-top:18px!important}.v6-work .pf6-cover-caption strong{font-size:30px!important}.v6-work .pf6-cover-caption>span{font-size:8px!important;max-width:21ch}.v6-work .pf6-disclosure>span{font-size:7px!important}.sf-showcase .sf-section-heading h2{font-size:39px!important}.sf-showcase .sf-section-heading>p{font-size:12px!important;line-height:1.85!important}.sf-showcase .showcase-tabs{grid-template-columns:1fr!important;margin-bottom:20px!important}.sf-showcase .showcase-tabs button{grid-template-columns:20px 1fr auto!important;padding:16px 5px!important;gap:10px!important;min-height:65px!important}.sf-showcase .showcase-tabs button+button{border-left:0!important;border-top:1px solid #dcdcdc!important}.sf-showcase .showcase-tabs button span{font-size:24px!important}.sf-showcase .showcase-tabs button small{grid-column:auto!important;font-size:7px!important;max-width:14ch;line-height:1.6!important;text-align:right}.sf-showcase .showcase-stage{padding:54px 0 23px!important}.sf-showcase .stage-caption{left:19px!important;right:19px!important;font-size:5px!important;top:21px!important}.sf-showcase .sf-device,.sf-showcase .sf-device[data-showcase-device=tablet]{width:calc(100% - 30px)!important}.sf-showcase .sf-device[data-showcase-device=mobile]{width:calc(100% - 45px)!important;max-width:320px!important}.sf-showcase .sf-device-bar{height:25px!important;padding:0 10px!important}.sf-showcase .sf-device-bar span{font-size:4px!important;letter-spacing:.02em!important;margin-left:8px!important}.sf-showcase .showcase-frame{height:420px!important}.sf-showcase .sf-device[data-showcase-device=mobile] .showcase-frame{height:510px!important}.sf-showcase .showcase-bottom{padding:24px 21px 25px!important;gap:22px!important}.sf-showcase .showcase-bottom h3{font-size:39px!important}.sf-showcase .showcase-bottom p{font-size:11px!important;max-width:38ch!important}.sf-showcase .pf6-demo-note{font-size:6px!important;max-width:36ch!important;line-height:1.8!important}.sf-showcase .showcase-device-controls button{font-size:9px!important;min-height:36px!important;padding:9px 14px!important}.v6-work .pf6-archive h2{font-size:44px!important}.v6-work .pf6-archive .instrument-controls{padding:3px!important;gap:2px!important;max-width:100%}.v6-work .pf6-archive .instrument-controls button{font-size:9px!important;padding:9px 11px!important;min-height:36px!important}.v6-work .pf6-archive .instrument-controls button span{display:none}.v6-work .pf6-project-list .project-card{gap:24px!important;padding:30px 0 37px!important}.v6-work .pf6-project-list .project-card h3{font-size:40px!important}.v6-work .pf6-project-list .project-card p{font-size:12px!important;max-width:36ch!important}.v6-work .pf6-project-list .project-card .type{font-size:7px!important}.v6-work .pf6-tags{gap:5px!important}.v6-work .pf6-tags li{font-size:7px!important;padding:6px 8px!important}.v6-work .pf6-project-list p.pf6-label{font-size:7px!important}.v6-work .pf6-project-list .actions .btn{font-size:9px!important;padding:11px 13px!important;min-height:43px!important}.pw-project-corner{width:30px;height:30px;font-size:17px;right:12px;bottom:12px}.v6-work .pf6-standard-grid h2{font-size:46px!important}.v6-work .pf6-standard-grid>div>p{font-size:13px!important}.v6-work .pf6-standard li{gap:22px!important;padding:22px 0!important}.v6-work .pf6-standard h3{font-size:24px!important}.v6-work .pf6-standard li p{font-size:11px!important;max-width:31ch}.v6-work .pf6-cta h2{font-size:46px!important;max-width:12ch!important}.v6-work .pf6-cta .btn{font-size:11px!important;min-height:48px!important}.v6-work .pf6-cta p{font-size:11px!important;max-width:33ch}}
@media(prefers-reduced-motion:reduce){.sf-showcase .sf-device,.v6-work .pf6-cover-browser,.v6-work .project-card .visual{transform:none!important;transition:none!important}.v6-work .project-card .visual img,.v6-work .pf6-cover img{transform:none!important;transition:none!important}.pw-reveal{opacity:1!important;transform:none!important;transition:none!important}.pw-frame-progress{animation:none!important}}
/* Each device previews a real viewport, then fits that viewport to its frame. */
.sf-showcase .sf-device{--pw-bar-height:29px;height:calc(var(--pw-frame-display-height,520px) + var(--pw-bar-height))!important}
.sf-showcase .sf-device .showcase-frame,.sf-showcase .sf-device[data-showcase-device=mobile] .showcase-frame{position:absolute!important;left:0!important;top:var(--pw-bar-height)!important;width:var(--pw-frame-width,1440px)!important;height:var(--pw-frame-height,760px)!important;max-width:none!important;transform:scale(var(--pw-frame-scale,1))!important;transform-origin:0 0!important}
@media(max-width:480px){.sf-showcase .sf-device{--pw-bar-height:25px}}