/* Narrelio / směr 02 — digitální pracovní stůl */
:root{--paper:#f4f1e9;--ink:#1a1a17;--lime:#dedf99;--line:#b9b8ad;--muted:#65665e;--blue:#2848ed;--orange:#ff6744;--pad:clamp(24px,4.4vw,76px)}
body{background:var(--paper)}.site-header{height:112px;gap:30px;border-bottom:1px solid var(--ink)}.brand{font-size:41px;font-weight:700;letter-spacing:-.09em;overflow:visible;width:auto;display:flex;align-items:center;line-height:1;gap:9px}.brand-slash{font-weight:400;font-size:43px;letter-spacing:-.09em;line-height:.7;margin-left:3px;transform:rotate(10deg)}.brand-caption{font-size:8px;line-height:1.35;font-weight:400;letter-spacing:0;margin-left:7px}.desktop-nav{gap:30px;margin-right:25px}.desktop-nav a{font-size:11px}.header-contact{font-size:11px;text-decoration:none;border:1px solid var(--ink);padding:10px 12px}.header-contact:hover{background:var(--ink);color:var(--paper)}.creative-hero{padding-top:24px;padding-bottom:66px}.creative-kicker{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:8px;letter-spacing:.055em}.creative-kicker>button{font-size:10px;padding:0;border-bottom:1px solid var(--ink);line-height:1.8;letter-spacing:0;display:flex;gap:18px;align-items:center}.creative-kicker>button span{font-size:17px}.playground{position:relative;min-height:650px;isolation:isolate}.playground h1{position:relative;z-index:3;font-size:clamp(74px,8.7vw,132px);line-height:.94;font-weight:700;letter-spacing:-.077em;padding-top:47px;pointer-events:none;max-width:1110px}.playground h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.075em;white-space:nowrap}.outline-n{position:absolute;right:-.5%;top:18px;font-size:clamp(300px,40vw,620px);line-height:1;font-weight:700;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px #bcbcaf;z-index:-1;transform:rotate(8deg);user-select:none;pointer-events:none}.creative-window{position:absolute;top:190px;right:3%;width:53%;max-width:720px;transform:translate(var(--drag-x,0px),var(--drag-y,0px)) rotate(6deg);background:var(--blue);color:var(--paper);z-index:2;border:1px solid var(--ink);box-shadow:9px 10px 0 #1a1a17;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.creative-window.is-dragging{transition:none;z-index:5}.window-handle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--paper);color:var(--ink);font-size:8px;line-height:1;padding:11px 12px;border-bottom:1px solid var(--ink);cursor:grab;touch-action:none;text-align:left}.window-handle:active{cursor:grabbing}.window-controls{display:flex;gap:4px}.window-controls i{border:1px solid var(--ink);width:6px;height:6px;border-radius:50%}.kinetic-art{position:relative;height:340px;overflow:hidden;perspective:800px}.art-corner{position:absolute;top:15px;left:17px;font-size:7px;letter-spacing:.07em;z-index:3}.art-bottom{position:absolute;bottom:16px;left:17px;font-size:7px;letter-spacing:.07em;z-index:3}.art-large-letter{position:absolute;font-family:Georgia,serif;line-height:.7;font-style:italic;font-size:390px;letter-spacing:-.13em;right:-4%;bottom:10px;color:#17288f;z-index:0;user-select:none}.paper-sculpture{position:absolute;left:20%;top:11%;width:58%;height:79%;z-index:2;transform:rotate(-22deg);transition:transform .65s cubic-bezier(.2,.9,.3,1)}.paper-wing{position:absolute;display:block;width:90%;height:33%;left:0;transform-origin:left center;clip-path:polygon(0 0,100% 0,70% 100%,0 100%);border:1px solid #e5e8c3;box-shadow:0 8px 20px #0003}.wing-one{background:#f4f1e9;top:0;transform:skewY(13deg) rotate(-7deg)}.wing-two{background:#c6ccad;top:15%;left:10%;transform:skewY(-10deg) rotate(3deg)}.wing-three{background:#e9e9cc;top:32%;left:2%;transform:skewY(12deg) rotate(-7deg)}.wing-four{background:#a8ba9d;top:49%;left:10%;transform:skewY(-10deg) rotate(3deg)}.wing-five{background:#e7e8c7;top:66%;left:0;transform:skewY(13deg) rotate(-7deg)}.art-remix{position:absolute;bottom:11px;right:14px;z-index:3;color:var(--paper);border:1px solid #f4f1e97a;width:27px;height:27px;border-radius:0;font-size:20px;line-height:1;padding:0}.art-remix:hover{background:var(--paper);color:var(--blue)}.idea-note{position:absolute;left:3%;top:340px;z-index:4;background:var(--orange);color:var(--ink);transform:rotate(-7deg);width:230px;min-height:190px;text-align:left;padding:24px 22px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:4px 5px 0 #1a1a17;font-size:19px;line-height:1.07;font-weight:700;letter-spacing:-.035em;transition:transform .25s}.idea-note:hover{transform:rotate(-2deg) translateY(-7px)}.idea-note:before{content:'';display:block;position:absolute;width:65px;height:18px;top:-7px;left:35%;background:#d4d3c7b5;border-inline:1px solid #b4b4a94f;transform:rotate(-5deg)}.note-arrow{font-weight:400;font-size:42px;line-height:1;align-self:end;margin-top:10px}.playground-label{position:absolute;right:0;bottom:2px;font-size:7px;letter-spacing:.03em;max-width:350px;text-align:right;color:var(--muted)}.creative-bottom{display:grid;grid-template-columns:1fr 420px;gap:50px;align-items:end;border-top:1px solid var(--ink);padding-top:22px}.creative-bottom>p{font-size:14px;line-height:1.65;max-width:420px}.creative-work-link{font-size:12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:10px;width:250px;max-width:100%;gap:25px}.creative-work-link span{font-size:27px}.playground.is-remixed .creative-window{transform:translate(var(--drag-x,0px),var(--drag-y,0px)) rotate(-5deg);right:8%;top:208px}.playground.is-remixed .idea-note{transform:rotate(9deg);left:6%;top:380px}.playground.is-remixed .paper-sculpture{transform:rotate(13deg) scale(.92)}.playground.is-remixed .outline-n{transform:rotate(-12deg)}
.work{padding-top:55px;padding-bottom:90px}.section-meta{border-top:0;padding-top:0;margin-bottom:38px}.section-meta>.eyebrow{font-size:9px;letter-spacing:.04em}.section-meta>p{font-size:10px}.project-grid{display:flex;flex-direction:column;gap:98px}.project{display:grid;grid-template-columns:1fr 1.6fr;align-items:center;gap:55px}.project-web .project-caption{grid-column:1;grid-row:1}.project-web .project-media{grid-column:2;grid-row:1}.project-system{padding-top:0;grid-template-columns:1.6fr 1fr}.project-caption{display:block;padding:0}.project-caption h3{font-size:clamp(31px,3.4vw,50px);line-height:1.03;letter-spacing:-.06em;margin-top:25px}.project-caption p{font-size:12px;max-width:260px;line-height:1.7;margin-top:21px}.project-index{font-size:8px;letter-spacing:.04em}.round-arrow{margin-top:30px;border-radius:0;border:1px solid var(--ink);width:45px;height:45px;font-size:28px;background:var(--paper)}.round-arrow:hover{background:var(--blue);color:var(--paper);transform:rotate(-5deg)}.object-scene{padding:54px 35px 35px;background:#d9ded0;min-height:475px;transform:rotate(-1deg)}.object-site{height:395px;box-shadow:4px 5px 0 #adbaa6}.object-headline{font-size:clamp(35px,3.5vw,55px)}.object-nav{font-size:8px}.object-art{width:72%;right:-7%}.system-scene{background:var(--orange);padding:58px 32px 45px;min-height:425px;transform:rotate(1deg)}.system-window{transform:rotate(-3deg);box-shadow:7px 8px 0 #c44b31;max-width:600px;margin-inline:auto}.concept-stamp.light,.system-note{color:var(--ink)}.system-note{letter-spacing:.02em;font-size:6px}.system-window .new-job{background:#d4e49e}.system-scene .concept-stamp{color:var(--ink)}
.services{background:var(--ink);color:var(--paper);padding-top:90px;padding-bottom:70px}.services .section-heading{display:flex;justify-content:space-between;align-items:start;gap:40px;margin-bottom:65px}.services .section-heading h2{font-family:Georgia,serif;font-style:italic;font-size:clamp(39px,4.4vw,67px);font-weight:400;max-width:650px;letter-spacing:-.055em}.services .section-heading>.eyebrow{font-size:8px;color:#c3c9aa;max-width:160px}.service-list{border-top-color:#777b69}.service{border-bottom-color:#53584c}.service summary{grid-template-columns:1fr 6.5fr 35px;padding-block:30px}.service summary h3{font-size:clamp(30px,3.9vw,60px);font-weight:700;letter-spacing:-.065em}.service-number{color:#aebd9f;padding-top:12px}.service-plus{color:var(--orange)}.service-content{padding-left:calc((100% - 35px - 48px)/7.5 + 24px);padding-right:50px;gap:60px;padding-bottom:40px}.service-content>p{color:#c9cbbc;font-size:14px;max-width:450px}.service-content li{font-size:11px;color:#e1e2d7}.service-content .text-link{font-size:11px;color:var(--orange)}.service-extras{color:#b0b7a1;font-size:11px}.service-extras p:last-child{color:var(--paper)}.service-extras span{color:#8a9779}
.approach{background:var(--paper);padding-block:96px}.approach .eyebrow{font-size:8px}.approach-intro{gap:80px;margin-top:34px}.approach-intro h2{font-weight:700;font-size:clamp(39px,4.6vw,70px);letter-spacing:-.065em}.approach-intro h2 em{font-weight:400}.approach-intro>p{font-size:13px;line-height:1.8;max-width:350px}.process{grid-template-columns:1fr 1fr;gap:0 50px;margin-top:55px}.process li{position:relative;padding:25px 0 24px 60px;border-top:1px solid var(--ink)}.process-number{position:absolute;left:0;top:26px;font-size:28px;line-height:1;letter-spacing:-.06em;color:var(--blue);font-weight:700}.process h3{margin-top:0;font-size:16px;font-weight:700;letter-spacing:-.025em}.process p{font-size:12px;max-width:360px;line-height:1.7;margin-top:9px}.contact-section{background:var(--blue);color:var(--paper);padding-block:40px 45px}.contact-top .eyebrow{font-size:8px}.contact-small{font-size:10px}.contact-main{margin-top:60px}.contact-main h2{font-size:clamp(52px,8.3vw,125px);font-weight:700;line-height:.98;letter-spacing:-.07em}.contact-main h2 em{font-weight:400}.contact-big-button{border:0;border-radius:0;background:var(--orange);color:var(--ink);width:118px;height:118px;font-size:95px;transform:rotate(6deg);box-shadow:5px 5px 0 #162c9a}.contact-big-button:hover{background:var(--paper);color:var(--blue);transform:rotate(-3deg)}.contact-bottom{border-top-color:#8094ff;padding-top:23px;margin-top:52px}.contact-bottom p{font-size:12px;line-height:1.7}.contact-bottom .text-link{font-size:12px}.site-footer{padding-top:33px}.footer-top{font-size:9px}.footer-wordmark{font-size:19.2vw;font-weight:700;letter-spacing:-.09em;margin-top:30px;line-height:.93;padding-right:6px}.footer-wordmark>span{display:none}.footer-bottom{margin-top:25px;border-top-color:var(--ink)}.solid-button{background:var(--blue);color:var(--paper)}.solid-button:hover{background:#1534d6}.dialog-close:hover{background:var(--orange)}.result-symbol{background:var(--orange)}.service-choices input:checked+span{background:var(--ink)}dialog{box-shadow:9px 10px 0 #0008;border:1px solid var(--ink);background:var(--paper)}dialog::backdrop{backdrop-filter:none;background:#1a1a17bb}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--blue)}
@media(min-width:1600px){.playground{min-height:750px}.creative-window{top:225px}.kinetic-art{height:390px}.idea-note{top:405px;width:250px;min-height:215px}.playground.is-remixed .creative-window{top:250px}.playground.is-remixed .idea-note{top:430px}.footer-wordmark{font-size:315px}.object-site{height:465px}.object-scene{min-height:545px}}
@media(max-width:1100px){.site-header{gap:20px;height:100px}.brand{font-size:36px}.brand-caption{display:none}.desktop-nav{gap:20px;margin-right:5px}.desktop-nav a{font-size:10px}.header-contact{font-size:10px;padding:9px}.creative-hero{padding-top:23px;padding-bottom:35px}.playground{min-height:570px}.playground h1{font-size:clamp(73px,9vw,103px);padding-top:43px}.creative-window{width:56%;right:3%;top:170px}.kinetic-art{height:275px}.art-large-letter{font-size:330px}.idea-note{top:300px;width:190px;min-height:175px;font-size:17px}.playground.is-remixed .creative-window{top:185px;right:6%}.playground.is-remixed .idea-note{top:330px;left:7%}.playground-label{font-size:6px}.creative-bottom{grid-template-columns:1fr 340px;gap:30px}.creative-bottom>p{font-size:12px}.work{padding-block:40px 70px}.project{gap:35px}.project-caption h3{font-size:32px}.project-caption p{font-size:11px}.object-scene{padding:44px 21px 25px;min-height:390px}.object-site{height:322px}.object-nav{padding:16px 19px;font-size:6px}.object-headline{font-size:34px;padding:19px}.object-caption{left:19px;top:65%}.object-bottom{left:19px;bottom:16px}.system-scene{padding:45px 20px 35px;min-height:355px}.service-content{gap:35px;padding-right:25px}.services .section-heading h2{font-size:43px}.service summary h3{font-size:37px}.contact-big-button{width:90px;height:90px;font-size:70px}}
@media(max-width:760px){.site-header{height:84px;gap:15px}.brand{font-size:36px;gap:7px}.brand-slash{font-size:35px}.header-contact{font-size:10px;border:0;padding:0;margin-right:8px}.menu-toggle{width:25px}.menu-toggle span{width:23px}.mobile-menu:not([hidden]){top:84px;background:var(--paper);border-bottom:1px solid var(--ink)}.creative-kicker{align-items:start;gap:15px}.creative-kicker>p{font-size:6px;max-width:150px;line-height:1.7}.creative-kicker>button{font-size:8px;gap:7px;line-height:1.5;white-space:nowrap}.creative-kicker>button span{font-size:15px}.creative-hero{padding-top:20px;padding-bottom:35px}.playground{min-height:595px}.playground h1{padding-top:30px;font-size:clamp(52px,10.6vw,80px);line-height:.98;letter-spacing:-.07em;max-width:650px}.outline-n{font-size:400px;top:110px;right:1%;line-height:.9}.creative-window{width:88%;max-width:500px;top:200px;right:2%;transform:translate(var(--drag-x,0px),var(--drag-y,0px)) rotate(6deg);box-shadow:6px 7px 0 var(--ink)}.window-handle{font-size:6px;padding:9px 10px;gap:12px}.window-controls{gap:3px}.window-controls i{width:5px;height:5px}.kinetic-art{height:250px}.art-large-letter{font-size:300px}.art-corner{top:13px;left:12px;font-size:5px}.art-bottom{left:12px;font-size:5px;bottom:13px}.paper-sculpture{left:20%;top:12%;width:58%;height:75%}.art-remix{bottom:9px;right:10px;width:24px;height:24px;font-size:18px}.idea-note{left:0;top:408px;width:148px;min-height:143px;padding:17px 15px;font-size:14px;line-height:1.05;transform:rotate(-9deg);box-shadow:3px 4px 0 var(--ink)}.idea-note:before{width:45px;height:14px;top:-6px}.note-arrow{font-size:30px;margin-top:5px}.playground-label{bottom:0;right:0;max-width:155px;font-size:5.5px;line-height:1.6}.playground.is-remixed .creative-window{top:190px;right:2%;transform:translate(var(--drag-x,0px),var(--drag-y,0px)) rotate(-5deg)}.playground.is-remixed .idea-note{left:4%;top:424px;transform:rotate(5deg)}.creative-bottom{grid-template-columns:1fr;gap:21px;padding-top:22px}.creative-bottom>p{font-size:13px;line-height:1.7;grid-row:1;max-width:430px}.creative-work-link{font-size:12px;width:260px;grid-row:2}.work{padding-block:30px 55px}.section-meta{padding:0;gap:18px;margin-bottom:28px;align-items:start}.section-meta>.eyebrow{font-size:7px;max-width:160px}.section-meta>p{font-size:8px;max-width:145px}.project-grid{gap:55px}.project{display:flex;flex-direction:column;gap:25px;align-items:stretch}.project-web .project-caption{order:2}.project-web .project-media{order:1}.project-caption{display:grid;grid-template-columns:1fr 40px;gap:15px}.project-caption h3{font-size:30px;line-height:1.05;margin-top:12px}.project-caption p{margin-top:12px;max-width:290px;font-size:11px}.project-index{font-size:7px}.round-arrow{width:36px;height:36px;font-size:24px;margin-top:24px}.object-scene{padding:43px 20px 25px;min-height:375px;transform:rotate(-1deg)}.object-site{height:318px}.object-nav{padding:18px;font-size:6px}.object-headline{font-size:clamp(34px,8.5vw,48px);padding:18px}.object-caption{left:18px;font-size:6px;top:65%}.object-caption>span:first-child{font-size:5px}.object-bottom{left:18px;right:14px;font-size:6px}.object-pager{font-size:6px;gap:9px}.object-pager button{width:25px;height:25px;font-size:17px}.object-art{width:78%;right:-11%;top:2%}.system-scene{padding:46px 20px 36px;min-height:355px;transform:rotate(1deg)}.system-window{min-height:272px}.system-note{bottom:10px;font-size:5.5px}.services{padding-block:55px 40px}.services .section-heading{display:flex;flex-direction:column;gap:26px;margin-bottom:32px}.services .section-heading h2{font-size:39px;line-height:1.08}.services .section-heading>.eyebrow{font-size:7px;max-width:none}.service summary{grid-template-columns:20px 1fr 25px;gap:14px;padding-block:24px}.service summary h3{font-size:28px}.service-number{font-size:7px;padding-top:8px}.service-plus{font-size:25px}.service-content{grid-template-columns:1fr;padding:0 6px 28px 34px;gap:23px}.service-content>p{font-size:13px;line-height:1.8}.service-content li{font-size:11px}.service-content .text-link{font-size:11px}.service-extras{font-size:10px;margin-top:24px}.approach{padding-block:60px}.approach .eyebrow{font-size:7px}.approach-intro{display:block;margin-top:27px}.approach-intro h2{font-size:42px}.approach-intro>p{font-size:13px;margin-top:25px;max-width:430px}.process{display:block;margin-top:36px}.process li{padding:22px 0 22px 54px}.process-number{top:23px;font-size:27px}.process h3{font-size:15px;margin-top:0}.process p{font-size:12px;line-height:1.7;max-width:370px}.contact-section{padding-block:33px}.contact-top{gap:20px}.contact-top .eyebrow{font-size:7px}.contact-small{font-size:9px;line-height:1.6;max-width:130px}.contact-main{margin-top:43px;align-items:end;gap:10px}.contact-main h2{font-size:clamp(39px,9vw,60px);line-height:1;letter-spacing:-.065em}.contact-big-button{width:57px;height:57px;font-size:44px;box-shadow:3px 4px 0 #142997;margin-bottom:6px}.contact-bottom{margin-top:35px;padding-top:22px;display:block}.contact-bottom p{font-size:12px}.contact-bottom .text-link{font-size:11px;margin-top:22px}.site-footer{padding-top:28px}.footer-top{font-size:8px}.footer-wordmark{font-size:19vw;margin-top:30px;letter-spacing:-.085em;padding:0;line-height:.95}.footer-bottom{margin-top:20px;font-size:7px}.footer-bottom>button{font-size:7px}.form-row{display:block}}
@media(max-width:380px){.header-contact{display:none}.creative-kicker>button{font-size:7px}.playground{min-height:545px}.playground h1{font-size:14.1vw}.creative-window{top:176px;width:90%}.kinetic-art{height:222px}.idea-note{top:364px;width:132px;min-height:135px;font-size:13px}.playground.is-remixed .creative-window{top:176px}.playground.is-remixed .idea-note{top:380px}.outline-n{font-size:350px;top:125px}.playground-label{max-width:130px;font-size:5px}.object-headline{font-size:32px}.contact-main h2{font-size:10.7vw}.contact-big-button{width:49px;height:49px;font-size:37px}.services .section-heading h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.creative-window,.paper-sculpture,.idea-note{transition:none!important}}

/* Textové akce namísto opakovaných symbolů. */
.note-label{font-size:9px;font-weight:400;letter-spacing:0;text-decoration:underline;text-underline-offset:4px;line-height:1.6;margin-top:23px}
.art-remix{font-size:8px;line-height:1.2;width:auto;height:auto;padding:7px 9px}
.round-arrow{width:58px;height:32px;font-size:10px;line-height:1.2;font-weight:400}
.contact-big-button{font-size:17px;line-height:1.2;letter-spacing:-.02em;font-weight:700}
.object-pager button{font-size:7px;line-height:1;width:35px;height:23px;border-radius:0}
.creative-window .window-handle{cursor:grab}
@media(min-width:761px) and (max-width:1100px){.creative-window{top:220px}.playground.is-remixed .creative-window{top:215px}}
@media(max-width:760px){.contact-big-button{font-size:10px;width:60px;height:60px}.round-arrow{font-size:9px;width:48px;height:30px}.art-remix{font-size:7px;padding:6px 7px}.note-label{font-size:8px;margin-top:18px}}
@media(max-width:380px){.contact-big-button{font-size:9px;width:49px;height:49px}}

html,body{overflow-x:clip}

/* Skutečné projekty mají přednost před vlastními experimenty. */
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 30px}
.portfolio-item{min-width:0}
.portfolio-feature{grid-column:1/-1;display:grid;grid-template-columns:.7fr 1.5fr;gap:55px;align-items:center;margin-bottom:15px}
.portfolio-number{display:block;font-size:8px;line-height:1.5;letter-spacing:.06em;color:var(--muted)}
.portfolio-copy h3{font-size:clamp(32px,3.4vw,52px);font-weight:400;line-height:1.05;letter-spacing:-.06em;margin-top:18px}
.portfolio-copy p{font-size:13px;line-height:1.7;max-width:350px;margin-top:20px;color:var(--muted)}
.portfolio-visit{display:inline-block;font-size:11px;line-height:1.6;margin-top:25px;padding-bottom:5px;border-bottom:1px solid currentColor}
.portfolio-visit:hover{color:var(--blue)}
.portfolio-screen{display:block;border:1px solid var(--ink);background:#fff;overflow:hidden;box-shadow:5px 6px 0 #d4d0c5;transition:transform .3s,box-shadow .3s}
.portfolio-screen:hover{transform:translateY(-5px);box-shadow:6px 11px 0 #d4d0c5}
.screen-address{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--paper);color:var(--ink);font-size:8px;line-height:1.5;letter-spacing:.015em;padding:10px 13px;border-bottom:1px solid var(--ink)}
.screen-address>span{font-size:7px}
.portfolio-screen img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top}
.screen-anezka{transform:rotate(-1deg)}
.screen-anezka:hover{transform:rotate(0deg) translateY(-5px)}
.portfolio-half .portfolio-copy{padding-top:25px}
.portfolio-half .portfolio-copy h3{font-size:38px}
.portfolio-half .portfolio-copy p{max-width:370px;margin-top:13px}
.portfolio-half .portfolio-visit{margin-top:18px}
.portfolio-photography{padding-top:65px}
.portfolio-app{grid-column:1/-1;display:grid;grid-template-columns:1.35fr 1fr;gap:55px;align-items:center;background:var(--blue);color:var(--paper);padding:35px;margin-top:10px}
.portfolio-app .portfolio-number,.portfolio-app .portfolio-copy p{color:var(--paper)}
.portfolio-app .portfolio-visit:hover{color:#dedf99}
.portfolio-app .portfolio-screen{box-shadow:5px 6px 0 #182e9e}
.portfolio-app .screen-address{background:#182e9e;color:var(--paper);border-color:#101c66}
.portfolio-app .portfolio-copy h3{font-size:clamp(32px,3vw,47px)}
.portfolio-access{display:block;font-size:9px;line-height:1.6;margin-top:19px;opacity:.8}
.experiments{margin-top:75px;border-block:1px solid var(--line)}
.experiments>summary{display:flex;align-items:center;gap:25px;padding:24px 0;cursor:pointer;list-style:none;font-size:18px;letter-spacing:-.025em}
.experiments>summary::-webkit-details-marker{display:none}
.experiments-count{font-size:8px;letter-spacing:.04em;margin-left:auto;color:var(--muted)}
.experiments-plus{font-size:25px;font-weight:400;line-height:1;transition:transform .2s}
.experiments[open] .experiments-plus{transform:rotate(45deg)}
.experiments-intro{font-size:12px;line-height:1.7;color:var(--muted);max-width:410px;margin:5px 0 40px}
.experiments>.project-grid{padding-bottom:50px}
@media(max-width:1100px){
  .portfolio-feature{gap:35px;grid-template-columns:.7fr 1.3fr}
  .portfolio-app{gap:30px;padding:27px}
  .portfolio-copy h3,.portfolio-half .portfolio-copy h3{font-size:33px}
  .portfolio-copy p{font-size:12px}
}
@media(max-width:760px){
  .portfolio-grid{grid-template-columns:1fr;gap:42px}
  .portfolio-feature{display:flex;flex-direction:column-reverse;gap:23px;align-items:stretch;margin:0}
  .portfolio-copy h3,.portfolio-half .portfolio-copy h3{font-size:34px;margin-top:13px}
  .portfolio-copy p{font-size:12px;line-height:1.75;margin-top:12px;max-width:390px}
  .portfolio-visit{font-size:11px;margin-top:18px}
  .portfolio-half .portfolio-copy{padding-top:23px}
  .portfolio-photography{padding-top:0}
  .screen-address{font-size:7px;padding:9px 10px}
  .screen-address>span{font-size:6px}
  .portfolio-app{display:flex;flex-direction:column;gap:26px;padding:20px;margin-top:0;align-items:stretch}
  .portfolio-app .portfolio-copy h3{font-size:31px}
  .portfolio-app .portfolio-copy p{font-size:12px}
  .portfolio-access{font-size:8px;margin-top:16px}
  .experiments{margin-top:45px}
  .experiments>summary{font-size:15px;gap:15px;padding:22px 0;flex-wrap:wrap}
  .experiments-count{font-size:6px}
  .experiments-plus{font-size:22px}
  .experiments-intro{font-size:11px;max-width:300px;margin-bottom:30px}
  .experiments>.project-grid{padding-bottom:35px}
}

/* Delší název zůstává celý viditelný v patičce. */
.footer-wordmark{font-size:clamp(40px,15.3vw,250px)}