@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--phi:1.61803;--major:61.8034%;--minor:38.1966%;--page-max:1280px;--page-pad:clamp(1.5rem, 4vw, 4rem);--line-width:2px;--cell-pad:clamp(.85rem, 1.18vw, 1.5rem);--color-dark:#1b1b1b;--color-paper:#f3f0ea;--color-stone:#a98a5d;--color-body:#3f3a33;--color-white:#fff;--color-white-muted:#ffffffa6;--panel:var(--color-dark);--paper:var(--color-paper);--paper-2:var(--color-paper);--stone:var(--color-stone);--stone-deep:var(--color-stone);--warm-line:var(--color-body);--line:var(--color-paper);--muted:var(--color-white-muted);--soft:var(--color-white-muted);--faint:color-mix(in srgb, var(--color-white-muted) 18%, transparent);color:var(--color-white);background:var(--color-dark);font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}button{font:inherit}.page-shell{background:var(--color-dark);width:100%;min-height:100svh;overflow-x:hidden}.section-shell{width:min(100%, var(--page-max));padding:0 var(--page-pad);margin:0 auto}.section-intro{margin-bottom:clamp(3rem,6vw,6rem);display:block}.section-intro span,.section-intro p{color:var(--stone);letter-spacing:.22em;text-transform:uppercase;margin:0 0 clamp(.8rem,1.4vw,1.4rem);padding-top:clamp(.35rem,1vw,.9rem);font-size:clamp(.72rem,.84vw,.9rem);font-weight:800;line-height:1.2;display:block}.section-intro h2{color:var(--color-dark);letter-spacing:-.07em;text-transform:uppercase;margin:0;font-size:clamp(2.8rem,6vw,7.6rem);font-weight:800;line-height:.94}.section-intro--dark h2{color:var(--color-white)}.site-nav{z-index:80;min-height:100px;padding:.9rem var(--page-pad);color:var(--color-dark);background:color-mix(in srgb, var(--color-paper) 94%, transparent);border-bottom:1px solid var(--warm-line);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:1.25rem;transition:opacity .24s,transform .32s cubic-bezier(.23,1,.32,1);display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-110%)}.site-nav--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.site-nav__brand{align-items:center;display:inline-flex}.site-nav__brand img{filter:none;object-fit:contain;opacity:.86;width:clamp(10rem,14vw,15rem);height:auto;display:block}.site-nav__links{align-items:center;gap:clamp(1rem,2.2vw,2rem);display:flex}.site-nav__links a{color:inherit;letter-spacing:.2em;text-transform:uppercase;opacity:.78;font-size:clamp(.58rem,.66vw,.72rem);font-weight:800;text-decoration:none;transition:opacity .18s}.site-nav__links a:hover{opacity:1}.fibonacci-hero{grid-template-columns:var(--major) var(--minor);gap:var(--line-width);width:100%;height:100svh;padding:var(--line-width);background:var(--line);display:grid;position:relative;overflow:hidden}.image-panel{background:var(--color-dark);min-width:0;min-height:0;position:relative;overflow:hidden}.image-panel img{object-fit:cover;width:100%;height:100%;animation:.42s both image-reveal;display:block;transform:scale(1.01)}.img-placeholder{background:#3d3830;width:100%;height:100%;min-height:0;display:block}.about-visual .img-placeholder{min-height:clamp(19rem,35vw,30rem)}.phi-hero{background:var(--color-dark);width:100%;height:100svh;min-height:560px;color:var(--color-paper);position:relative;overflow:hidden}.phi-stage{background:radial-gradient(132% 122% at 70% 24%,#1a1612 0%,#0f0d0a 52%,#060504 100%);position:absolute;inset:0;overflow:hidden}.phi-frame{transform-origin:50%;will-change:transform;perspective:1300px;perspective-origin:50% 40%;width:1280px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.phi-world{transform-origin:50% 62%;will-change:transform, opacity;transition:transform .25s cubic-bezier(.2,0,.1,1);position:absolute;inset:0}.phi-svg{width:1280px;height:800px;position:absolute;top:0;left:0;overflow:visible}.phi-sq{fill:none;stroke:var(--faint);stroke-width:2px}.phi-spiral{fill:none;stroke:var(--color-stone);stroke-width:2.4px;stroke-linecap:round}.phi-win{background:var(--color-dark);z-index:1;position:absolute;overflow:hidden}.phi-layer{will-change:transform;position:absolute;inset:0}.phi-layer img{object-fit:cover;width:100%;height:100%;display:block}.phi-scroll{z-index:6;flex-direction:column;align-items:center;gap:15px;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.phi-scroll__cta{letter-spacing:.22em;color:var(--color-white-muted);text-transform:uppercase;border-bottom:1.5px solid var(--color-stone);align-items:center;gap:9px;padding-bottom:5px;font-size:11px;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s;display:flex}.phi-scroll__cta:hover{color:var(--color-paper);border-color:var(--color-paper)}@media (width<=767px){.phi-frame{perspective:none}.phi-world{transition:none}.phi-svg{overflow:hidden}.phi-layer img{transform-origin:50%;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.phi-win,.phi-layer{opacity:1!important}}.image-panel--hero,.image-panel--detail{isolation:isolate}.project-side-panel{grid-template-rows:var(--major) var(--minor);gap:var(--line-width);background:var(--line);min-width:0;min-height:0;display:grid}.project-meta-grid{grid-template-columns:var(--minor) var(--major);gap:var(--line-width);background:var(--line);min-width:0;min-height:0;display:grid}.project-controls{grid-template-rows:var(--minor) var(--major);gap:var(--line-width);background:var(--line);display:grid}.arrow-controls{gap:var(--line-width);background:var(--line);grid-template-columns:1fr 1fr;display:grid}.arrow-button{color:var(--color-white-muted);background:var(--panel);cursor:pointer;border:0;place-items:center;padding:0;transition:background .2s,color .2s;display:grid}.arrow-button span{font-size:clamp(2rem,3vw,3.4rem);font-weight:300;line-height:.72;transition:none;display:block;translate:0 -.04em}.arrow-button:hover,.arrow-button:focus-visible{color:var(--color-dark);background:var(--color-white)}.arrow-button:focus-visible{outline:2px solid var(--color-white-muted);outline-offset:-6px}.year-card{min-width:0;padding:var(--cell-pad);background:var(--panel);text-transform:uppercase;flex-direction:column;justify-content:flex-end;display:flex}.year-card p{color:var(--muted);margin:0;font-size:clamp(.72rem,1.15vw,1.1rem);font-weight:600;line-height:1.03}.year-card strong{letter-spacing:-.08em;margin-top:clamp(.35rem,.7vw,.7rem);font-size:clamp(2.4rem,4.7vw,5.5rem);font-weight:500;line-height:.9}.project-copy{min-width:0;min-height:0;padding:var(--cell-pad);background:var(--panel);text-transform:uppercase;grid-template-rows:auto 1fr;align-content:stretch;display:grid}.copy-block{padding-bottom:calc(var(--cell-pad) * .58);border-bottom:var(--line-width) solid var(--line)}.copy-block--project{border-bottom:0;align-self:stretch}.copy-block+.copy-block{margin-top:calc(var(--cell-pad) * .62)}.copy-block p{color:var(--muted);margin:0 0 .18rem;font-size:clamp(.72rem,1.08vw,1.02rem);font-weight:600;line-height:1}.copy-block h1,.copy-block h2{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(1.25rem,2.32vw,3.05rem);font-weight:800;line-height:1.04}.project-description{margin:calc(var(--cell-pad) * .64) 0 0;color:var(--color-white-muted);letter-spacing:0;text-transform:none;align-self:start;font-size:clamp(.58rem,.82vw,.86rem);font-weight:500;line-height:1.45}.about-section{min-height:100svh;color:var(--color-dark);background:var(--paper);padding:clamp(6rem,9vw,9rem) 0}.about-section .section-heading,.about-section .about-copy,.about-section .about-principles,.about-section .logo-ticker__label{text-align:center}.about-grid{grid-template-columns:minmax(0,52rem);justify-content:center;align-items:center;gap:clamp(2rem,4vw,3rem);display:grid}.about-copy p{max-width:48rem;color:var(--color-body);margin:0 auto 1.5rem;font-size:clamp(1rem,1.18vw,1.18rem);font-weight:500;line-height:1.75}.about-copy strong{font-weight:800}.about-visual{background:var(--paper-2);border:var(--line-width) solid var(--warm-line);min-height:clamp(19rem,35vw,30rem);margin:0;position:relative;overflow:hidden}.about-visual img{object-fit:cover;filter:saturate(.94)contrast(1.02);width:100%;height:100%;min-height:clamp(19rem,35vw,30rem);display:block;transform:scale(1.01)}.about-visual figcaption{color:var(--color-white-muted);background:color-mix(in srgb, var(--color-dark) 62%, transparent);letter-spacing:.14em;text-transform:uppercase;margin:0;padding:.55rem .7rem;font-size:clamp(.6rem,.7vw,.76rem);font-weight:800;position:absolute;bottom:1rem;left:1rem}.about-principles{border-top:var(--line-width) solid var(--color-dark);grid-template-columns:repeat(3,1fr);margin:clamp(4rem,7vw,7rem) 0 0;display:grid}.about-principles div{min-width:0;padding:clamp(1.4rem,2.5vw,3rem) clamp(1rem,2vw,2rem) 0}.about-principles dt{color:var(--stone);letter-spacing:.28em;text-transform:uppercase;margin-bottom:1rem;font-size:clamp(.62rem,.75vw,.82rem);font-weight:800;line-height:1.2}.about-principles dd{margin:0}.about-principles strong{color:var(--color-dark);text-transform:uppercase;font-size:clamp(1.35rem,2vw,1.8rem);font-weight:800;line-height:1.05;display:block}.about-principles span{color:var(--color-body);margin-top:.65rem;font-size:clamp(.86rem,.94vw,1rem);font-weight:600;line-height:1.55;display:block}.logo-ticker{background:var(--color-dark);margin-top:clamp(3rem,6vw,6rem);position:relative;overflow:hidden}.logo-ticker__label{padding:clamp(1.1rem, 2vw, 1.6rem) var(--page-pad) 0;color:var(--color-white-muted);letter-spacing:.22em;text-align:center;text-transform:uppercase;margin:0;font-size:clamp(.66rem,.76vw,.84rem);font-weight:800}.logo-ticker__track{width:max-content;animation:24s linear infinite logo-ticker;display:flex}.logo-ticker__item{place-items:center;min-width:clamp(11rem,18vw,18rem);min-height:clamp(4.7rem,6.5vw,6.5rem);padding:clamp(1rem,2vw,1.75rem);display:grid}.logo-ticker__item img{opacity:.94;filter:brightness(0)invert();max-width:min(100%,11rem);max-height:3rem;display:block}.gallery-section{border-top:var(--line-width) solid var(--faint);border-bottom:var(--line-width) solid var(--faint);min-height:100svh;color:var(--color-white-muted);background:var(--color-dark);padding:clamp(4rem,7vw,7rem) 0 clamp(4rem,6vw,6rem);overflow:hidden}.section-heading{width:min(100%, var(--page-max));align-items:end;gap:var(--cell-pad);padding:0 var(--page-pad);margin-inline:auto;grid-template-columns:1fr auto;margin-bottom:clamp(2.5rem,4vw,4.8rem);display:grid}.section-heading>span{color:var(--faint);letter-spacing:-.08em;font-size:clamp(3.5rem,7vw,7.5rem);font-weight:500;line-height:.8}.section-heading p,.section-kicker,.footer-contact>p{color:var(--soft);letter-spacing:.28em;text-transform:uppercase;margin:0 0 .8rem;font-size:clamp(.62rem,.75vw,.82rem);font-weight:800}.section-heading h2,.material-copy h2,.footer-contact h2{color:var(--color-white);letter-spacing:-.058em;text-indent:-.06em;margin:0;font-size:clamp(2.4rem,5vw,6.8rem);font-weight:500;line-height:1.12}.section-heading--light p{color:var(--stone)}.vzorkovnik-section .section-heading p{color:var(--stone);font-size:clamp(.62rem,.75vw,.82rem);font-weight:800}.section-heading--light h2{color:var(--color-dark)}.section-heading small{color:var(--soft);letter-spacing:.2em;text-transform:uppercase;font-size:clamp(.62rem,.75vw,.82rem);font-weight:800}.portfolio-showcase{grid-template-columns:minmax(16rem,24rem) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,3vw,2.5rem);width:100%;display:grid}.portfolio-list{border:var(--line-width) solid var(--faint);grid-template-rows:1fr auto;align-self:stretch;min-width:0;display:grid}.portfolio-list__items{scrollbar-width:thin;scrollbar-color:var(--faint) transparent;min-height:0;overflow-y:auto}.portfolio-list__items::-webkit-scrollbar{width:.4rem}.portfolio-list__items::-webkit-scrollbar-track{background:0 0}.portfolio-list__items::-webkit-scrollbar-thumb{background:var(--faint)}.gallery-section .section-heading p,.portfolio-list__hint,.portfolio-frame__bar p{color:var(--stone);letter-spacing:.28em;text-transform:uppercase;font-size:clamp(.62rem,.75vw,.82rem);font-weight:800}.portfolio-list__hint{text-align:center;margin:0;padding:clamp(1.15rem,2vw,1.7rem) 0;line-height:1}.portfolio-item{border-bottom:var(--line-width) solid var(--faint);width:100%;color:var(--color-white-muted);display:grid}.portfolio-item__select{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:clamp(1rem,1.45vw,1.55rem) clamp(1rem,1.45vw,1.4rem);display:block}.portfolio-item:hover .portfolio-item__select,.portfolio-item__select:focus-visible,.portfolio-item--active{color:var(--color-white)}.portfolio-item__select:focus-visible,.portfolio-arrows button:focus-visible{outline:2px solid var(--color-white-muted);outline-offset:4px}.portfolio-item__select strong,.portfolio-frame__bar h3{letter-spacing:-.035em;text-transform:uppercase;min-width:0;font-size:clamp(1.08rem,1.65vw,2rem);font-weight:800;line-height:1.04}.portfolio-frame{border:var(--line-width) solid var(--faint);background:var(--color-dark);align-self:start;min-width:0;overflow:hidden}.portfolio-frame--mobile{border-bottom:0;border-left:0;border-right:0;margin:0 0 clamp(1rem,2.5vw,1.5rem);display:none}.portfolio-visual{position:relative}.portfolio-image{aspect-ratio:3/2;background:var(--color-dark);cursor:zoom-in;border:0;width:100%;height:auto;min-height:0;padding:0;display:block;overflow:hidden}.portfolio-image img{object-fit:cover;object-position:center;filter:saturate(.94)brightness(.88);width:100%;height:100%;transition:filter .26s,transform .42s cubic-bezier(.23,1,.32,1);animation:.42s both image-reveal;display:block;transform:scale(1.01)}.portfolio-image:hover img,.portfolio-image:focus-visible img{filter:saturate()brightness(.96);transform:scale(1.025)}.portfolio-image:focus-visible{outline:3px solid var(--color-white-muted);outline-offset:-8px}.portfolio-frame__bar{justify-content:space-between;align-items:stretch;gap:var(--line-width);border-top:var(--line-width) solid var(--faint);background:var(--faint);display:flex}.portfolio-frame__info{min-width:0;padding:var(--cell-pad);background:var(--color-dark);flex:1;justify-content:space-between;align-items:center;gap:clamp(.75rem,2vw,1.5rem);display:flex}.portfolio-frame__text{min-width:0}.portfolio-frame__bar h3{color:var(--color-white);margin:0}.portfolio-frame__bar p{margin:0 0 .45rem}.portfolio-frame__title{flex-wrap:wrap;align-items:baseline;gap:clamp(1rem,2vw,2rem);display:flex}.portfolio-ig-link{color:var(--color-white-muted);background:0 0;flex:none;place-items:center;padding:.3rem;text-decoration:none;transition:color .2s;display:inline-grid}.portfolio-ig-link svg{width:clamp(1.15rem,1.6vw,1.7rem);height:clamp(1.15rem,1.6vw,1.7rem)}.portfolio-ig-link:hover,.portfolio-ig-link:focus-visible{color:var(--color-white)}.portfolio-ig-link:focus-visible{outline:2px solid var(--color-white-muted);outline-offset:3px}.portfolio-arrows{gap:var(--line-width);background:var(--faint);grid-template-columns:repeat(2,clamp(4rem,6vw,6.4rem));display:grid}.portfolio-arrows--overlay{display:none}.portfolio-arrows button{color:var(--color-white-muted);background:var(--color-dark);cursor:pointer;border:0;place-items:center;padding:0;transition:color .2s,background .2s;display:grid}.portfolio-arrows button:hover,.portfolio-arrows button:focus-visible{color:var(--color-dark);background:var(--color-white)}.portfolio-arrows button:focus-visible{outline:3px solid var(--color-white);outline-offset:-6px}.portfolio-arrows span{font-size:clamp(2rem,3vw,3.4rem);font-weight:300;line-height:.72;display:block;translate:0 -.04em}.media-box{z-index:120;background:color-mix(in srgb, var(--color-dark) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:zoom-out;place-items:center;padding:clamp(1rem,3vw,3rem);display:grid;position:fixed;inset:0}.media-box__frame{border:var(--line-width) solid var(--faint);background:var(--color-dark);cursor:default;grid-template-rows:1fr auto;width:min(100%,96rem);height:min(100%,88svh);margin:0;display:grid;position:relative;overflow:hidden}.media-box__frame img{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.media-box__frame figcaption{padding:1rem var(--cell-pad);border-top:var(--line-width) solid var(--faint);color:var(--color-white-muted);background:var(--color-dark);justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.media-box__frame figcaption span{color:var(--soft);letter-spacing:.22em;text-transform:uppercase;font-size:clamp(.62rem,.72vw,.8rem);font-weight:800}.media-box__frame figcaption strong{letter-spacing:-.03em;text-align:right;text-transform:uppercase;font-size:clamp(1rem,1.35vw,1.5rem);font-weight:800}.media-box__close{aspect-ratio:1;border:var(--line-width) solid var(--faint);width:2.8rem;color:var(--color-white-muted);background:color-mix(in srgb, var(--color-dark) 82%, transparent);cursor:pointer;place-items:center;font-size:1.7rem;line-height:1;display:grid;position:absolute;top:.75rem;right:.75rem}.media-box__close:hover,.media-box__close:focus-visible{color:var(--color-dark);background:var(--color-white)}.visualizations-section{min-height:100svh;color:var(--color-dark);background:var(--paper);padding:clamp(6rem,9vw,9rem) 0}.visualization-showcase{width:100%;max-width:860px;margin-inline:auto}.visualization-frame{border:var(--line-width) solid var(--warm-line);background:var(--color-dark);width:100%;min-width:0;overflow:hidden}.before-after-frame{--split:50%;aspect-ratio:3/2;background:var(--color-dark);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.before-after-frame.is-dragging{cursor:grabbing}.before-after-frame img,.before-after-frame .img-placeholder{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.before-after-frame__after{clip-path:inset(0 calc(100% - var(--split)) 0 0);position:absolute;inset:0}.before-after-frame:after{content:"";top:0;left:var(--split);z-index:2;width:var(--line-width);background:var(--color-white);pointer-events:none;height:100%;position:absolute;transform:translate(-50%)}.before-after-frame__handle{--handle-size:60px;top:50%;left:var(--split);z-index:3;width:var(--handle-size);height:var(--handle-size);color:var(--color-white);background:var(--stone);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-dark) 8%, transparent), 0 .85rem 1.8rem color-mix(in srgb, var(--color-dark) 18%, transparent);pointer-events:none;border-radius:999px;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.before-after-frame__handle-icon{filter:brightness(0)invert();object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:30px;min-width:30px;max-width:30px;height:30px;min-height:30px;max-height:30px;display:block}.before-after-frame__label{top:var(--cell-pad);z-index:4;color:var(--color-white);background:color-mix(in srgb, var(--color-dark) 82%, transparent);pointer-events:none;border-radius:.35rem;padding:.45rem .75rem;font-size:clamp(.7rem,.85vw,.92rem);font-weight:800;position:absolute}.before-after-frame__label--before{left:var(--cell-pad)}.before-after-frame__label--after{right:var(--cell-pad);background:var(--stone)}.visualization-controls{grid-template-columns:clamp(3.5rem,5vw,4.25rem) 1fr clamp(3.5rem,5vw,4.25rem);align-items:center;gap:clamp(1rem,2vw,1.75rem);width:min(100%,26rem);margin:clamp(1.35rem,2.4vw,1.85rem) auto 0;display:grid}.visualization-controls__button{aspect-ratio:1;border:var(--line-width) solid var(--warm-line);width:100%;color:var(--color-dark);cursor:pointer;background:0 0;place-items:center;padding:0;transition:background .2s,color .2s,border-color .2s;display:grid}.visualization-controls__button:hover,.visualization-controls__button:focus-visible{color:var(--color-white);background:var(--color-dark);border-color:var(--color-dark)}.visualization-controls__button span{font-size:clamp(1.55rem,2vw,2rem);font-weight:300;line-height:1;display:block}.visualization-controls__dots{justify-content:center;align-items:center;gap:.6rem;display:flex}.visualization-controls__dot{background:color-mix(in srgb, var(--color-dark) 28%, transparent);cursor:pointer;border:0;border-radius:50%;width:.45rem;height:.45rem;padding:0;transition:background .24s,transform .24s}.visualization-controls__dot:hover,.visualization-controls__dot:focus-visible{background:color-mix(in srgb, var(--color-dark) 55%, transparent)}.visualization-controls__dot--active{background:var(--stone);transform:scale(1.5)}.material-section{display:none}.vzorkovnik-section{border-top:var(--line-width) solid var(--faint);border-bottom:var(--line-width) solid var(--faint);color:var(--color-white-muted);background:var(--color-dark);padding:clamp(4rem,7vw,7rem) 0 clamp(4rem,6vw,6rem)}.vzorkovnik-wrap{width:min(100%, var(--page-max));padding-inline:var(--page-pad);margin-inline:auto}.vzorkovnik-grid{gap:var(--line-width);aspect-ratio:13/8;width:100%;max-width:min(100%,133.25svh);padding:var(--line-width);background:var(--faint);grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(13,1fr);margin-inline:auto;display:grid}.vzorka-cell{min-width:0;min-height:0;overflow:hidden}.vzorka-cell--hero{grid-area:1/1/9/9}.vzorka-cell--detail{grid-area:1/9/6/14}.vzorkovnik-grid .vzorka-copy{grid-area:6/11/9/14}.vzorkovnik-grid .vzorka-counter{grid-area:7/9/9/11}.vzorka-cell--prev{grid-area:6/9/7/10}.vzorka-cell--next{grid-area:6/10/7/11}.vzorka-counter{min-width:0;padding:var(--cell-pad);background:var(--panel);text-transform:uppercase;flex-direction:column;justify-content:flex-end;display:flex}.vzorka-counter strong{color:var(--color-white);letter-spacing:-.08em;margin-top:clamp(.35rem,.7vw,.7rem);font-size:clamp(2.4rem,4.7vw,5.5rem);font-weight:500;line-height:.9}.vzorka-counter span{color:var(--muted);font-size:clamp(.72rem,1.15vw,1.1rem);font-weight:600;line-height:1.03}.vzorka-copy{min-width:0;min-height:0;padding:var(--cell-pad);background:var(--panel);flex-direction:column;justify-content:flex-start;display:flex}.vzorka-copy__headline{color:var(--color-white);letter-spacing:-.02em;text-transform:uppercase;margin:0 0 .45rem;font-family:Manrope,system-ui,sans-serif;font-size:clamp(.88rem,1.28vw,1.5rem);font-weight:800;line-height:1.15}.vzorka-copy__desc{color:var(--color-white-muted);text-transform:none;letter-spacing:0;margin:0;font-family:Manrope,system-ui,sans-serif;font-size:clamp(.72rem,.9vw,1rem);font-weight:500;line-height:1.5}.clients-section{min-height:100svh;color:var(--color-white-muted);background:var(--color-dark);padding:clamp(6rem,9vw,9rem) 0}.client-grid{gap:var(--line-width);background:var(--faint);border:var(--line-width) solid var(--faint);grid-template-columns:repeat(4,1fr);display:grid}.client-card{min-height:clamp(7.5rem,12vw,10rem);color:var(--color-white-muted);background:var(--color-dark);letter-spacing:-.01em;text-align:center;text-transform:uppercase;place-items:center;padding:clamp(1.3rem,2vw,2.4rem);font-size:clamp(.95rem,1.35vw,1.35rem);font-weight:800;line-height:1.15;transition:color .22s,background .22s;display:grid}.client-card:hover{color:var(--color-white);background:var(--color-dark)}.site-footer{background:var(--color-dark)}.footer-contact{color:var(--color-dark);background:var(--stone);padding:clamp(6rem,9vw,9rem) 0}.footer-contact>.section-shell>p{color:var(--color-body);letter-spacing:.22em;text-transform:uppercase;margin:0 0 1.5rem;font-size:clamp(.72rem,.84vw,.9rem);font-weight:800}.footer-contact h2{max-width:68rem;color:var(--color-dark);letter-spacing:-.058em;margin:0;font-size:clamp(2.4rem,5vw,6.8rem);font-weight:500;line-height:1.12}.contact-cta{border:var(--line-width) solid var(--color-dark);color:var(--stone);background:var(--color-dark);letter-spacing:.14em;text-transform:uppercase;align-items:center;margin-top:clamp(2rem,3.6vw,3.8rem);padding:1.05rem 2rem;font-size:clamp(.76rem,.9vw,1rem);font-weight:800;text-decoration:none;transition:background .22s,color .22s,transform .22s;display:inline-flex}.contact-cta:hover,.contact-cta:focus-visible{color:var(--paper);transform:translateY(-2px)}.contact-grid{justify-content:space-between;align-items:flex-start;gap:clamp(2rem,5vw,5rem);margin-top:clamp(3rem,5vw,5.5rem);display:flex}.contact-detail{grid-template-columns:repeat(2,minmax(12rem,auto));gap:clamp(1.6rem,3vw,3rem) clamp(2.2rem,5vw,5rem);display:grid}.contact-detail div{gap:.45rem;display:grid}.contact-detail span{color:var(--color-body);letter-spacing:.16em;text-transform:uppercase;font-size:clamp(.64rem,.72vw,.78rem);font-weight:800}.contact-detail a,.contact-detail strong{color:var(--color-dark);letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(1.05rem,1.45vw,1.6rem);font-weight:800;text-decoration:none}.contact-detail a:hover{text-underline-offset:.25em;text-decoration:underline;text-decoration-thickness:2px}.footer-contact a{text-decoration:none}.footer-bar{width:min(100%, var(--page-max));padding:1.55rem var(--page-pad);border-top:var(--line-width) solid var(--faint);color:var(--soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex}.footer-logo{filter:invert();opacity:.72;width:clamp(8rem,12vw,13rem);height:auto;display:block}.footer-bar small{color:var(--soft);letter-spacing:.12em;font-size:clamp(.62rem,.74vw,.82rem);font-weight:700}.footer-socials{align-items:center;gap:.7rem;display:flex}.footer-socials a{aspect-ratio:1;border:var(--line-width) solid var(--faint);width:2.45rem;color:var(--soft);place-items:center;text-decoration:none;transition:border-color .22s,color .22s,transform .22s;display:grid}.footer-socials a:hover{color:var(--color-white);border-color:var(--color-white-muted);transform:translateY(-2px)}.footer-socials svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.1rem;height:1.1rem}.footer-socials svg path:first-child:last-child{fill:currentColor;stroke:none}@keyframes image-reveal{0%{opacity:.55;filter:saturate(.7)}to{opacity:1;filter:saturate()}}@keyframes logo-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (aspect-ratio<=1){.fibonacci-hero{grid-template-columns:1fr;grid-template-rows:var(--major) var(--minor);width:100vw;height:100svh}.vzorkovnik-grid{aspect-ratio:8/13;grid-template-rows:repeat(13,1fr);grid-template-columns:repeat(8,1fr);width:100%;max-width:min(100%,50.4615svh);height:auto;margin-inline:auto}.vzorka-cell--hero{grid-area:1/1/9/9}.vzorka-cell--detail{grid-area:9/4/14/9}.vzorkovnik-grid .vzorka-counter{grid-area:9/1/11/3}.vzorka-counter strong{font-size:clamp(1.5rem,6.5vw,2.8rem)}.vzorka-cell--prev{grid-area:9/3/10/4}.vzorka-cell--next{grid-area:10/3/11/4}.vzorkovnik-grid .vzorka-copy{grid-area:11/1/14/4}.image-panel--hero{border:0}.project-side-panel{grid-template-columns:var(--major) var(--minor);grid-template-rows:1fr}.image-panel--detail{border:0}.project-meta-grid{grid-template-columns:1fr;grid-template-rows:var(--minor) var(--major)}.project-controls{grid-template-columns:var(--major) var(--minor);grid-template-rows:1fr}.arrow-controls{border:0}.year-card{padding:var(--cell-pad)}.year-card strong{font-size:clamp(1.8rem,10vw,3.8rem)}.project-copy{padding:var(--cell-pad)}.project-description{display:none}}@media (width<=640px){:root{--cell-pad:clamp(.55rem, 3vw, .9rem)}.site-nav{justify-content:center;min-height:64px;padding-block:.35rem}.site-nav__brand{margin-inline:auto}.site-nav__brand img{width:clamp(10rem,50vw,13rem);height:auto}.site-nav__links{display:none}.fibonacci-hero{grid-template-rows:minmax(22rem,58svh) minmax(18rem,42svh);grid-template-columns:1fr;height:auto;min-height:100svh}.project-side-panel{grid-template-rows:1fr;grid-template-columns:38.2% 1fr}.image-panel--detail{grid-area:1/2}.project-meta-grid{grid-area:1/1;grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.project-controls{grid-template-rows:auto;grid-template-columns:1fr minmax(3.2rem,35%)}.project-controls .year-card{grid-area:1/1}.project-controls .arrow-controls{grid-area:1/2}.year-card{justify-content:flex-end;min-height:clamp(7rem,22svh,9.5rem)}.year-card p{font-size:clamp(.72rem,3.5vw,.95rem);line-height:1.08}.year-card strong{letter-spacing:-.07em;font-size:clamp(1.9rem,9.8vw,3.25rem)}.arrow-controls{grid-template-rows:repeat(2,1fr);grid-template-columns:1fr}.arrow-button span{font-size:clamp(2rem,3vw,3.4rem)}.about-section{min-height:auto;padding:clamp(4rem,11vw,5.5rem) 0}.project-copy{grid-template-rows:auto auto;align-content:end;gap:0}.copy-block{padding-bottom:calc(var(--cell-pad) * .78)}.copy-block+.copy-block{margin-top:calc(var(--cell-pad) * .78)}.section-heading{grid-template-columns:1fr;gap:1rem}.about-grid,.portfolio-showcase,.visualization-showcase,.material-section,.contact-grid,.about-principles,.client-grid{grid-template-columns:1fr}.contact-detail{grid-template-columns:repeat(2,1fr);gap:clamp(1.25rem,4vw,2rem) clamp(1rem,5vw,2.5rem)}.contact-detail a,.contact-detail strong{font-size:clamp(.95rem,3.8vw,1.25rem)}.about-principles div{padding-inline:0}.portfolio-showcase{gap:0}.portfolio-list{display:block}.portfolio-list__items{overflow:visible}.portfolio-list__hint{display:none}.portfolio-item__select{padding-inline:.95rem}.portfolio-frame--desktop{display:none}.portfolio-frame--mobile{display:block}.portfolio-arrows--bar{display:none}.portfolio-arrows--overlay{z-index:2;pointer-events:none;background:0 0;justify-content:space-between;align-items:center;display:flex;position:absolute;top:50%;left:.7rem;right:.7rem;transform:translateY(-50%)}.portfolio-arrows--overlay button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#1b1b1b94;border:1px solid #ffffff52;border-radius:999px;width:2.35rem;min-height:2.35rem}.portfolio-arrows--overlay button:hover,.portfolio-arrows--overlay button:focus-visible{color:var(--color-dark);background:var(--color-white)}.portfolio-arrows--overlay span{font-size:1.55rem}.visualization-controls{grid-template-columns:2.9rem 1fr 2.9rem;gap:.85rem}.visualizations-section{min-height:auto;padding:clamp(3.75rem,9vw,5rem) 0}.before-after-frame{aspect-ratio:16/11}.visualization-controls{width:min(100%,20rem);margin-top:1rem}.copy-block h1,.copy-block h2{font-size:clamp(1.05rem,6.6vw,1.8rem)}.vzorkovnik-wrap{padding-inline:clamp(.85rem,4vw,1.25rem)}.vzorka-copy__headline{font-size:clamp(.78rem,3.6vw,1.05rem)}.vzorka-copy__desc{font-size:clamp(.68rem,3vw,.9rem)}.footer-bar{text-align:center;flex-direction:column;align-items:center;gap:.85rem;padding-block:1.75rem}.footer-logo{width:clamp(9rem,42vw,12rem)}.footer-socials{justify-content:center}}@media (height<=840px){.visualizations-section{min-height:auto;padding:clamp(3rem,6vw,5rem) 0}}
