/* Stroniak.pl / original render artwork + purposeful, accessible data visuals. */
.hero{padding-top:42px}.hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:22px;align-items:center}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(4.3rem,7.5vw,7.4rem)}.hero-top{margin-bottom:26px}.hero-bottom{margin-top:28px}
.signature-art{position:relative;margin:0;aspect-ratio:1.05;background:#161716;border:1px solid #363830;border-radius:14px;overflow:hidden;isolation:isolate;perspective:1200px}.signature-art>img{width:110%;max-width:none;height:100%;margin-left:-5%;object-fit:contain;transform:rotateX(var(--art-y,0deg)) rotateY(var(--art-x,0deg)) scale(1.04);transition:transform .6s cubic-bezier(.2,.7,.2,1);will-change:transform}.signature-top{position:absolute;inset:22px 24px auto;display:flex;justify-content:space-between;color:#a2a69b;font:11px/1.5 monospace;letter-spacing:.1em}.signature-top>span:last-child{font-size:23px;color:#d6d7d0;line-height:16px}.signature-art figcaption{position:absolute;bottom:23px;left:24px;right:24px}.signature-art figcaption>span{font:11px/1.5 monospace;letter-spacing:.1em;color:#a5a89c}.signature-art figcaption>div{display:flex;justify-content:space-between;gap:12px;margin-top:14px;border-top:1px solid #535446;padding-top:15px;font-size:12px;color:#dfdfd5}.signature-art figcaption i{font:10px/1.5 monospace;color:#ff865c;margin-right:8px}.signature-line{position:absolute;top:22px;left:0;height:1px;width:14px;background:#ff764a}
.portfolio-case{gap:52px;padding-block:55px;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}.portfolio-image{border-radius:10px;padding:70px 70px 58px 25px;min-height:400px;isolation:isolate}.portfolio-image .project-caption{position:absolute;top:23px;left:25px;right:25px;font-size:11px;line-height:1.6;gap:10px}.portfolio-image .browser-frame{transform:rotate(-3deg);transform-origin:center;box-shadow:0 20px 40px #16201135;border:5px solid #252721;border-radius:10px;transition:transform .6s}.portfolio-image:hover .browser-frame{transform:rotate(-1deg) translateY(-4px)}.portfolio-image .browser-frame .browser-bar{height:23px}.portfolio-phone{position:absolute;width:23%;right:19px;bottom:34px;border:6px solid #252721;border-radius:24px;background:#252721;overflow:hidden;box-shadow:0 12px 24px #12201050;transform:rotate(7deg);transition:transform .6s;z-index:2}.portfolio-image:hover .portfolio-phone{transform:rotate(4deg) translateY(-7px)}.portfolio-phone img{width:100%;height:auto;aspect-ratio:375/812;object-fit:cover;object-position:top}.phone-speaker{position:absolute;top:4px;left:35%;width:30%;height:6px;background:#141813;border-radius:20px;z-index:1}.portfolio-image .zoom-button{bottom:13px;left:22px;right:auto;font-size:12px;z-index:3}.portfolio-story h3{font-size:clamp(2.3rem,3.5vw,3.5rem)}
.visual-label{font:500 11px/1.6 monospace;letter-spacing:.1em;text-transform:uppercase}.architecture-layout{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:24px;align-items:stretch}.architecture-art{background:#e7e5de;color:#252920;border-radius:12px;position:relative;overflow:hidden;min-height:720px;display:flex;flex-direction:column;justify-content:space-between}.architecture-art>img{width:100%;height:420px;object-fit:cover;order:2;position:absolute;top:135px;mix-blend-mode:multiply}.architecture-art>div{padding:32px 32px 0;position:relative;z-index:1}.architecture-art h3{font-size:2.3rem;line-height:1.05;margin-top:16px;letter-spacing:-.05em}.architecture-art ol{list-style:none;padding:20px 32px 28px;margin:0;position:relative;z-index:1;background:linear-gradient(transparent,#e7e5de 18%)}.architecture-art li{border-bottom:1px solid #adb0a080;display:flex;align-items:center;gap:24px;padding:10px 0;font-size:14px}.architecture-art li:last-child{border-bottom:0}.architecture-art li>span{font:11px/1.5 monospace;color:#858a75}
.flow-console{border:1px solid #42463d;border-radius:12px;background:#20231e;padding:28px;overflow:hidden;min-width:0}.flow-console-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3e4535;padding-bottom:19px;font:11px/1.6 monospace;letter-spacing:.08em;color:#d7ddcc}.flow-console-head>span{display:flex;align-items:center;gap:12px}.flow-console-head svg{width:22px;height:22px;color:#c5d5a6}.flow-console-head>span:last-child{color:#687259;font-size:7px;letter-spacing:.7em}.visual-switch{display:flex;gap:5px;flex-wrap:wrap;position:relative;margin:23px 0}.visual-switch button{flex:1;min-height:44px;background:transparent;border:1px solid #464d3e;border-radius:6px;color:#bbc4ab;padding:10px 11px;font-size:13px;line-height:1.4;transition:background .2s,color .2s}.visual-switch button[aria-pressed=true]{background:#d2debc;border-color:#d2debc;color:#252b1d}.visual-switch button:hover{border-color:#b6c39d}.diagram-caption{font-size:13px;color:#a2ad93;line-height:1.7}.flow-map{display:grid;grid-template-columns:1fr 1fr;gap:28px 72px;padding:25px 12px;position:relative;min-height:288px;margin-block:10px}.flow-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#546247;stroke-width:1}.flow-lines .signal-line{stroke:#d2debc;stroke-width:2;stroke-dasharray:25 155;animation:signal-travel 9s linear infinite}.flow-node{position:relative;z-index:1;background:#272d23;border:1px solid #59634d;border-radius:8px;min-width:0;min-height:108px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#c7d0bb;transition:background .25s,transform .25s,border-color .25s}.flow-node[aria-pressed=true]{background:#d2debc;color:#253219;border-color:#e0eacf;box-shadow:0 4px 25px #c5df9820}.flow-node:hover{transform:translateY(-3px)}.flow-node i{height:32px;display:block}.flow-node strong{font-size:14px;line-height:1.4;font-weight:600;text-wrap:balance}.flow-node-number{font:10px/1.5 monospace;position:absolute;left:9px;top:7px;opacity:.6}.flow-node:nth-of-type(3){grid-column:2;grid-row:2}.flow-node:nth-of-type(4){grid-column:1;grid-row:2}.flow-port{width:5px;height:5px;border-radius:50%;background:currentColor;position:absolute;bottom:-3px}.flow-description{border-block:1px solid #46503a;padding:18px 0;min-height:104px}.flow-description>span{font:11px/1.5 monospace;color:#d6dfc7}.flow-description b{font-weight:400}.flow-description p{font-size:16px;color:#e5eadc;margin-top:9px;line-height:1.65}.flow-note{font-size:13px;line-height:1.75;color:#aab69a;margin:20px 0}.flow-console>.text-link{font-size:14px;color:#e7eddc}
.visual-budget .section-head{margin-bottom:40px}.budget-console{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:55px;border-top:1px solid #bcc4b0;border-bottom:1px solid #bcc4b0;padding:30px 0}.budget-main{min-width:0}.budget-main .visual-switch{margin:0 0 30px}.budget-main .visual-switch button{border-color:#c5cbbc;color:#566046;font-size:14px}.budget-main .visual-switch button[aria-pressed=true]{background:#252b20;border-color:#252b20;color:#f3f4ee}.chart-unit{display:flex;justify-content:space-between;font:11px/1.5 monospace;color:#626b55;margin-bottom:30px;gap:10px}.budget-bars{background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#bac2ae66 calc(25% - 1px),#bac2ae66 25%);border-left:1px solid #9ca88d;padding:1px 0 10px;min-height:288px}.budget-bar{display:block;background:transparent;width:100%;text-align:left;padding:12px 0 14px 12px;color:#303825}.budget-bar>span{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:15px;padding-right:1px;line-height:1.45}.budget-bar b{font-weight:500}.budget-bar strong{font:600 15px/1.5 'Manrope',sans-serif;white-space:nowrap}.budget-bar>i{display:block;margin-top:14px;width:calc(100% - 5px);height:22px;position:relative}.budget-bar em{display:block;width:var(--bar);height:100%;background:#a9b796;border-radius:0 4px 4px 0;transform-origin:left;transition:width .6s cubic-bezier(.2,.7,.2,1),background .25s}.budget-bar[aria-pressed=true] em{background:#ef693d}.budget-bar[aria-pressed=true] b{font-weight:800}.budget-bar:hover em{background:#d58965}.budget-bar.is-custom i{border:1px dashed #a8b395;border-radius:4px;height:22px}.budget-bar.is-custom em{display:none}.chart-axis{display:flex;justify-content:space-between;color:#7b856b;font:11px/1.5 monospace;padding-top:15px}.budget-detail{border-left:1px solid #b8c1ac;padding:14px 0 10px 35px;min-height:400px}.budget-detail .visual-label{color:#727d61}.budget-detail h3{font-size:2.5rem;line-height:1.1;margin:18px 0 12px}.budget-detail>p{color:#657052;font-size:16px;line-height:1.65}.budget-detail ul{list-style:none;padding:0;margin:22px 0}.budget-detail li{font-size:14px;line-height:1.65;color:#48553a;border-top:1px solid #cad0be;padding:9px 0 9px 21px;position:relative}.budget-detail li:before{content:'+';position:absolute;left:0;color:#a45534}.budget-detail>a{font-size:14px;font-weight:700;border-bottom:1px solid #899977;padding-bottom:5px}.visual-disclaimer{font-size:13px;color:#778167;line-height:1.8;margin-top:22px;max-width:900px}
.service-glyph{display:flex;align-items:center;gap:15px;color:#c6cdbb;min-width:58px}.service-glyph svg{width:25px;height:25px;flex-shrink:0}.service-glyph small{font:10px/1.5 monospace;color:#7e8971}.service-row:hover .service-glyph{color:#ff8e65}.service-map .service-row{gap:20px}.leaf-art-editorial{display:block;height:auto;aspect-ratio:.88;border-radius:9px;background:#e5e4dc;overflow:hidden}.leaf-art-editorial img{height:100%;width:100%;object-fit:cover}.leaf-art-editorial .art-label{position:absolute;bottom:17px;left:19px;color:#444e37;font-size:10px}.leaf-art-index{position:absolute;top:16px;left:19px;font-size:34px;color:#5e674f;font-family:'Space Grotesk',sans-serif;letter-spacing:-.06em}
.concept-sculpture.concept-render{height:210px;overflow:hidden;border-radius:10px;background:#191a18}.concept-render img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.concept-screen:hover .concept-render img{transform:scale(1.06)}.concept-screen[data-theme='1'] .concept-render,.concept-screen[data-theme='2'] .concept-render{background:#e6e4dc}.concept-screen[data-theme='1'] .concept-render img{mix-blend-mode:multiply}.product-object.product-render{overflow:hidden;height:105px}.product-render img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.object-1 img{transform:scale(1.5);object-position:top}.object-2 img{transform:scale(2);object-position:bottom}.product-render:after,.product-render:before{display:none!important}
.proof-diagram{height:120px;margin-bottom:35px}.proof-diagram>span{display:flex;position:relative;align-items:center;justify-content:space-between;width:100%;height:76px;gap:18px;transform:none;font-size:inherit}.proof-diagram>span:before{content:'';position:absolute;top:38px;height:1px;background:#91a47a;left:5%;right:5%;z-index:0}.proof-diagram i{display:grid;place-items:center;width:64px;height:64px;border:1px solid #8da176;border-radius:12px;background:#c7d3b7;z-index:1;transition:background .3s,transform .3s}.proof-diagram i:first-child{background:#283520;color:#e0eacc}.proof-diagram[data-phase='1'] i:nth-child(2),.proof-diagram[data-phase='2'] i:nth-child(3),.proof-diagram[data-phase='3'] i:nth-child(4){background:#283520;color:#e0eacc;transform:translateY(-4px)}.proof-diagram> b{right:0;bottom:0;font-size:11px}.care-dashboard{padding:32px;background:#d5dfc3;border:1px solid #899d6c;border-radius:12px;color:#27391c}.care-dashboard-top{display:flex;justify-content:space-between;align-items:center;font:11px/1.5 monospace;letter-spacing:.1em;border-bottom:1px solid #a4b58c;padding-bottom:20px}.care-dashboard h3{font-size:2.5rem;margin:25px 0 22px}.care-cycle>div{display:flex;align-items:center;gap:18px;padding:20px 0;border-top:1px solid #a8b992;position:relative}.care-cycle i{width:47px;height:47px;border:1px solid #9cad85;border-radius:9px;display:grid;place-items:center;background:#e4eadb;flex-shrink:0}.care-cycle span{flex:1}.care-cycle strong{display:block;font-size:16px;font-weight:700}.care-cycle small{display:block;font-size:13px;line-height:1.65;color:#687b54;margin-top:5px}.care-cycle b{font:11px/1.5 monospace;color:#71845f}.care-dashboard .care-dashboard-note{font-size:13px;line-height:1.7;color:#667d50;margin-top:16px;border-top:1px solid #a8b992;padding-top:18px}.process-grid{position:relative}.process-grid:before{content:'';position:absolute;left:0;right:0;top:34px;height:1px;background:#484d3f}.process-grid article>span{position:relative;display:inline-block;background:var(--bg);padding-right:20px;color:#d1d8c4}.process-grid article>small{display:inline-block;border:1px solid #484e3d;padding:9px 12px;border-radius:4px;color:#c9d8b0}.intl-process>article{border-top:1px solid #4e5744;padding-top:22px}.intl-services article>span{display:inline-grid;place-items:center;width:45px;height:45px;border:1px solid #48513d;border-radius:50%;color:#c7d8b0}
@keyframes signal-travel{to{stroke-dashoffset:-720}}
@media(min-width:1500px){.architecture-art>img{height:470px;top:120px}.signature-art{aspect-ratio:1.1}}
@media(max-width:1100px){.hero h1{font-size:6.8vw}.signature-art{aspect-ratio:.9}.signature-art figcaption>div{font-size:10px;gap:5px}.signature-art figcaption i{margin-right:4px}.architecture-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.flow-console{padding:23px}.flow-map{gap:26px 36px;padding-inline:0}.architecture-art>div{padding:27px 24px 0}.architecture-art ol{padding-inline:24px}.architecture-art h3{font-size:2rem}.architecture-art>img{height:360px;top:180px}.budget-console{gap:30px}.budget-detail{padding-left:25px}.portfolio-image{min-height:330px;padding-right:52px;padding-bottom:55px}.portfolio-case{gap:30px}.portfolio-phone{width:24%;border-width:5px;right:14px;border-radius:18px}.concept-sculpture.concept-render{height:160px}}
@media(max-width:850px){.architecture-layout{grid-template-columns:1fr}.architecture-art{min-height:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 0 20px}.architecture-art>div{padding:30px 25px;grid-column:1/-1}.architecture-art>img{position:static;order:0;height:290px;grid-column:1;grid-row:2;object-fit:cover}.architecture-art ol{grid-column:2;grid-row:2;padding:0 25px 0 0;background:none}.architecture-art h3 br{display:none}.flow-console{padding:30px}.flow-map{min-height:310px;gap:30px 90px}.flow-node{min-height:115px}.budget-console{grid-template-columns:1fr;gap:30px}.budget-detail{border-left:0;border-top:1px solid #b8c1ac;padding:28px 0 0;min-height:0}.budget-detail ul{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.portfolio-image{min-height:400px;padding-top:80px;padding-right:95px}.portfolio-phone{width:21%;right:25px;bottom:30px}.care-layout .care-dashboard{width:100%}.leaf-art-editorial{height:280px;aspect-ratio:auto}.leaf-art-editorial .art-label{font-size:9px}}
@media(max-width:650px){.hero{padding-top:28px}.hero-top{margin-bottom:30px}.hero-layout{display:block}.hero h1{font-size:clamp(3.5rem,13vw,5.5rem)}.signature-art{margin-top:32px;aspect-ratio:1.1}.signature-art>img{width:100%;margin-left:0}.signature-top{inset:17px 19px auto;font-size:9px}.signature-art figcaption{left:19px;right:19px;bottom:16px}.signature-art figcaption>span{font-size:9px}.signature-art figcaption>div{font-size:11px;margin-top:10px;padding-top:10px}.hero-bottom{margin-top:16px}.hero-copy>p{font-size:16px}.hero .hero-actions{gap:20px}.hero-actions>.text-link{font-size:14px}.architecture-art{display:flex;padding:0}.architecture-art>div{padding:28px 25px 0;width:100%}.architecture-art h3{font-size:2rem}.architecture-art h3 br{display:block}.architecture-art>img{width:100%;height:auto;aspect-ratio:1.45;object-fit:cover}.architecture-art ol{width:100%;padding:0 25px 25px}.architecture-art li{font-size:14px;padding:11px 0}.flow-console{padding:22px 18px}.flow-console .visual-switch{gap:5px;flex-wrap:wrap}.flow-console .visual-switch button{padding:9px 7px;font-size:12px;flex:1 1 40%;min-width:0}.flow-console .visual-switch button:last-child{flex-basis:100%}.diagram-caption{font-size:13px}.flow-map{gap:24px 35px;padding:24px 0;min-height:282px}.flow-node{min-height:108px;padding:17px 7px 11px}.flow-node strong{font-size:13px}.flow-node i svg{width:29px;height:29px}.flow-description p{font-size:15px}.flow-note{font-size:13px}.budget-console{padding-top:22px}.budget-main .visual-switch{flex-direction:column;gap:6px;margin-bottom:25px}.budget-main .visual-switch button{font-size:14px;text-align:left;padding:12px 16px}.budget-bar{padding-left:8px}.budget-bar>span{font-size:13px;gap:8px;flex-wrap:wrap}.budget-bar strong{font-size:13px}.budget-bar>i{height:20px}.budget-bars{min-height:265px}.chart-axis{font-size:10px}.chart-unit{font-size:10px;margin-bottom:18px}.budget-detail h3{font-size:2rem}.budget-detail ul{grid-template-columns:1fr}.visual-budget .section-head>p,.visual-systems .section-head>p{font-size:16px;line-height:1.7}.visual-disclaimer{font-size:13px}.portfolio-image{min-height:0;padding:63px 52px 50px 17px}.portfolio-image .project-caption{top:15px;left:18px;right:18px;font-size:9px;flex-wrap:wrap}.portfolio-image .browser-frame{border-width:3px;border-radius:7px}.portfolio-phone{width:23%;right:13px;bottom:24px;border-width:3px;border-radius:12px}.phone-speaker{height:3px;top:2px}.portfolio-image .zoom-button{font-size:10px;left:17px;bottom:12px}.portfolio-story h3{font-size:2.5rem}.service-map .service-row{gap:12px}.service-glyph{gap:5px;min-width:26px;flex-direction:column}.service-glyph svg{width:25px;height:25px}.leaf-art-editorial{display:block;margin-top:32px;height:auto;aspect-ratio:1.65}.leaf-art-editorial img{object-position:center 45%}.leaf-art-index{font-size:22px}.leaf-art-editorial .art-label{font-size:9px;bottom:12px}.care-dashboard{padding:25px}.care-dashboard h3{font-size:2rem}.care-cycle>div{gap:13px;padding:18px 0}.care-cycle small{font-size:13px}.care-cycle strong{font-size:15px}.concept-sculpture.concept-render{height:120px;min-width:70px}.product-object.product-render{height:75px}.proof-diagram{height:100px}.proof-diagram>span{gap:10px;height:60px}.proof-diagram>span:before{top:30px}.proof-diagram i{width:50px;height:50px;border-radius:9px}.proof-diagram i svg{width:25px;height:25px}.process-grid:before{display:none}.process-grid article{border-top:1px solid #4a523e;padding-top:20px}.process-grid article>span{font-size:2.8rem}.process-grid article>small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.signal-line{animation:none!important}.signature-art>img,.portfolio-image .browser-frame,.portfolio-phone,.budget-bar em,.flow-node{transition:none!important;transform:none!important}}.motion-paused .signal-line{animation-play-state:paused}.motion-paused .signature-art>img,.motion-paused .portfolio-image .browser-frame,.motion-paused .portfolio-phone{transition:none;transform:none}
/* Final composition adjustments after desktop review. */
.hero-layout{min-height:0}.hero-copy{padding:0}.hero-top .eyebrow{margin-bottom:0}.hero-copy>p{margin-top:25px}.hero-actions{margin-top:25px}.hero{padding-top:35px}.hero h1{font-size:clamp(4.1rem,7.1vw,7.1rem)}.signature-art{aspect-ratio:1.15}


@media(max-width:650px){.hero{padding-top:27px}.hero h1{font-size:clamp(3.5rem,13vw,5.5rem)}.signature-art{aspect-ratio:1.12}.hero-copy{padding:0}.hero-copy>p{margin-top:25px}}

/* Keep chart lengths aligned to the zero baseline and contain mobile content. */
.budget-bar{padding-left:0}.budget-bar>i{width:100%}
.proof-diagram[data-phase] i:first-child{background:#c7d3b7;color:inherit}
.proof-diagram[data-phase="0"] i:first-child{background:#283520;color:#e0eacc}
@media(max-width:850px){.portfolio-case{grid-template-columns:minmax(0,1fr)}.portfolio-story{min-width:0}}
@media(max-width:650px){.app-selector button{white-space:normal;overflow-wrap:anywhere}}

.architecture-art>img{mask-image:linear-gradient(transparent,#000 8%,#000 87%,transparent)}

/* The work is the imagery: real screens, restrained frames, consistent rhythm. */
.project-showcase{padding:22px;background:#e6e5de;border:1px solid #f6f5ec;border-radius:12px;color:#272922;min-width:0}
.showcase-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:19px;font-size:14px;font-weight:600}.showcase-heading>span:last-child{font:11px/1.6 monospace;color:#6c7064;align-self:center}
.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.showcase-project{display:block;min-width:0}.showcase-featured{grid-column:1/-1}.showcase-project img{width:100%;height:auto;aspect-ratio:1265/712;border-radius:5px;display:block;border:1px solid #27292225;box-shadow:0 8px 20px #171b1512;transition:transform .25s}.showcase-project:hover img{transform:translateY(-3px)}.showcase-project>span{display:flex;justify-content:space-between;gap:10px;margin-top:10px;font-size:14px}.showcase-project strong{font-weight:600}.project-showcase>p{border-top:1px solid #bfc2b7;padding-top:13px;margin-top:18px;font-size:12px;color:#5e6456}
.real-mobile-study{background:#e6e5de;color:#23281f;padding:30px;border-radius:12px;overflow:hidden}.real-mobile-study>.eyebrow{font-size:12px;color:#626b55;margin-bottom:16px}.real-mobile-study h3{font-size:clamp(1.8rem,2.6vw,2.7rem);line-height:1.12;letter-spacing:-.04em;max-width:370px}.real-mobile-study>p:last-child{font-size:14px;line-height:1.6;margin-top:24px;color:#59614f}.real-mobile-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;margin-top:30px}.real-mobile-pair>a:nth-child(2){margin-top:42px}.real-mobile-pair img{display:block;width:100%;height:auto;aspect-ratio:375/812;object-fit:cover;object-position:top;border:5px solid #2d3129;border-radius:19px;box-shadow:0 9px 20px #20251820}.real-mobile-pair span{display:block;font-size:14px;font-weight:600;margin-top:12px}
.project-detail-gallery{border-top:1px solid #454940}.project-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.project-detail-shot{min-width:0;display:block}.project-detail-shot>div{background:#e7e5da;border-radius:8px;overflow:hidden}.project-detail-shot img{display:block;width:100%;height:auto;aspect-ratio:1250/889;object-fit:cover;object-position:top;transition:transform .35s}.project-detail-shot:hover img{transform:scale(1.025)}.detail-brand{display:flex;justify-content:space-between;color:#bec6b2;font-size:14px;margin-top:20px}.project-detail-shot h3{font-size:clamp(1.2rem,1.7vw,1.6rem);line-height:1.3;margin-top:9px;letter-spacing:-.03em}.project-capture-note{font-size:12px;line-height:1.6;color:#a0aa92;margin-top:28px}
.leaf-project{display:block;min-width:0;background:#e6e5de;color:#22281c;padding:17px;border-radius:10px}.leaf-project>.eyebrow{display:block;color:#5c6650;font-size:11px;line-height:1.5;margin:0 0 14px}.leaf-project img{width:100%;height:auto;display:block;aspect-ratio:1265/712;border:1px solid #89917d50;border-radius:3px}.leaf-project-caption{display:flex;justify-content:space-between;gap:8px;font-size:14px;margin-top:15px;font-weight:600}.leaf-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:45px}
.case-detail-capture{background:#e6e5de;padding:25px;border-radius:12px;color:#272d21;margin-bottom:75px}.case-detail-capture>img{display:block;width:100%;height:auto;border-radius:5px}.case-detail-capture figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;padding-top:22px}.case-detail-capture strong{font-size:18px;line-height:1.5}.case-detail-capture figcaption>span{font-size:12px;color:#5c6750}
.portfolio-image .browser-frame,.portfolio-image:hover .browser-frame{transform:none}.portfolio-phone,.portfolio-image:hover .portfolio-phone{transform:none}.portfolio-image .browser-frame{border-width:3px;box-shadow:0 16px 30px #16201120}.portfolio-image{padding:64px 56px 30px 22px}.portfolio-image .zoom-button{position:relative;left:auto;bottom:auto;margin-top:22px;font-size:14px;min-height:44px}.portfolio-phone{bottom:72px;width:23%;right:17px}.portfolio-image .project-caption{font-size:12px;letter-spacing:0}.portfolio-story>p:not(.eyebrow):not(.case-one-line){font-size:16px}
@media(min-width:851px){.portfolio-case[data-media-side="left"]{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}.portfolio-case[data-media-side="right"]{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr)}.portfolio-case[data-media-side="left"] .portfolio-image{order:0}.portfolio-case[data-media-side="left"] .portfolio-story{order:1}.portfolio-case[data-media-side="right"] .portfolio-image{order:1}.portfolio-case[data-media-side="right"] .portfolio-story{order:0}}
@media(max-width:850px){.hero-layout{gap:25px}.project-showcase{padding:16px}.showcase-heading{flex-wrap:wrap}.showcase-grid{gap:14px}.project-detail-grid{gap:18px}.portfolio-case .portfolio-image{order:0}.portfolio-case .portfolio-story{order:1}.real-mobile-study{padding:28px}.real-mobile-pair{max-width:430px;margin-inline:auto}.leaf-hero{grid-template-columns:minmax(0,1fr);gap:32px}.leaf-project{max-width:650px}.portfolio-phone{bottom:65px}.project-detail-shot h3{font-size:18px}}
@media(max-width:650px){.project-showcase{margin-top:35px;padding:16px}.showcase-heading{font-size:14px}.showcase-project>span{font-size:13px}.showcase-featured>span{font-size:15px}.project-detail-grid{grid-template-columns:minmax(0,1fr);gap:38px}.project-detail-shot img{aspect-ratio:1.35;object-fit:cover}.project-detail-shot h3{font-size:22px}.detail-brand{margin-top:17px}.project-capture-note{font-size:12px}.real-mobile-study{padding:24px 18px}.real-mobile-study h3{font-size:2rem}.real-mobile-pair{gap:14px;margin-top:23px}.real-mobile-pair img{border-width:4px;border-radius:15px}.real-mobile-pair span{font-size:13px}.portfolio-image{padding:65px 44px 19px 15px}.portfolio-image .project-caption{left:15px;right:15px;top:16px;font-size:10px}.portfolio-phone{right:10px;bottom:69px}.portfolio-image .zoom-button{font-size:13px;margin-top:18px;min-height:44px}.leaf-project{margin-top:30px;padding:16px}.case-detail-capture{padding:15px;margin-bottom:40px}.case-detail-capture figcaption{gap:9px;padding-top:16px}.case-detail-capture strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.showcase-project img,.project-detail-shot img{transition:none;transform:none!important}}
.concept-sculpture.concept-type-study{height:auto;min-height:170px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border:1px solid currentColor;border-radius:8px;padding:16px;transform:none;overflow:hidden}.concept-type-study>strong{font-size:clamp(2.5rem,5vw,4rem);line-height:1;letter-spacing:-.08em}.concept-type-study>span{font-size:12px;line-height:1.5;letter-spacing:.05em}.concept-type-study>div{display:flex;gap:6px;margin-top:12px}.concept-type-study i{position:static;display:block;width:23px;height:23px;border-radius:50%;border:1px solid currentColor;transform:none;background:currentColor}.concept-type-study i:nth-child(2){opacity:.5}.concept-type-study i:nth-child(3){background:transparent}.product-object.product-type-study{height:85px;display:grid;place-items:center;border:1px solid currentColor;opacity:.8;background:transparent}.product-type-study>span{font-size:30px;letter-spacing:-.05em}.product-type-study:before,.product-type-study:after{display:none!important}
@media(max-width:650px){.concept-sculpture.concept-type-study{min-height:120px;padding:10px;min-width:70px}.concept-type-study>strong{font-size:2.3rem}.concept-type-study>span{font-size:9px}.concept-type-study i{width:15px;height:15px}.product-object.product-type-study{height:64px}}