.scroll-presentation .topbar{height:76px;flex-wrap:nowrap}.scroll-presentation{padding-bottom:0}#reading-concept{font-size:12px;color:var(--muted)}.story-intro{min-height:90svh;padding:160px 7.5vw 55px;display:flex;flex-direction:column;justify-content:center}.story-intro h1{font-size:clamp(65px,9.5vw,150px);font-weight:400;line-height:.97;letter-spacing:-.065em;margin:25px 0 42px}.story-intro em{font-style:normal;color:var(--olive)}.intro-copy{color:var(--muted);font-size:18px;max-width:520px}.intro-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;margin-top:75px;font-size:12px}.concept-block{scroll-margin-top:76px}.concept-cover{border-top:6px solid var(--olive);padding-top:55px;padding-bottom:80px}.concept-hero{height:390px;display:flex;align-items:center;justify-content:center;margin:35px 0 75px}.concept-hero img{max-height:100%;width:auto;max-width:85%;object-fit:contain}.wide .concept-hero img{width:100%;max-width:100%}.concept-caption{display:flex;justify-content:space-between;align-items:end;gap:40px}.concept-caption h2{font-size:clamp(38px,4.6vw,67px)}.concept-caption p{font-size:14px;color:var(--muted)}.concept-caption p span{font-size:12px}.stacked .detail-display img{height:72%;width:76%;object-fit:contain}.paired-logos{display:grid;grid-template-columns:1fr 1fr}.logo-panel{min-height:370px;display:flex;align-items:center;justify-content:center;background:white;position:relative;padding:70px 35px}.logo-panel img{width:75%;height:215px;object-fit:contain}.logo-panel figcaption{position:absolute;left:25px;bottom:22px;font-size:12px}.dark-panel{background:var(--graphite);color:white}.palette-strip{display:flex;align-items:center;gap:25px;padding-top:32px}.palette-strip button{border:0;background:none;display:flex;gap:10px;align-items:center;font-size:12px;padding:8px 0}.palette-strip i{width:25px;height:25px;display:block;border:1px solid #0001;border-radius:50%}.palette-strip p{margin-left:auto;font-size:13px;color:var(--muted);max-width:360px}.tote .placed-logo,.box .placed-logo{mix-blend-mode:multiply}.folder .placed-logo{opacity:.94}.concept-files{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);margin-top:40px;padding-top:24px;font-size:13px}.concept-files>span{margin-right:auto;color:var(--muted)}.concept-files a{border-bottom:1px solid var(--line);padding-block:8px}.next-concept{padding:65px 7.5vw;background:#e9eae1;display:flex;gap:35px;justify-content:space-between;align-items:center}.next-concept>span{font-size:12px;color:var(--muted)}.next-concept p{font-size:30px;letter-spacing:-1px}.next-concept>span:last-child{font-size:32px}.story-ending{background:#272923;color:white;padding:100px 7.5vw 70px}.story-ending .eyebrow{color:#a5af90}.final-comparison{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin:75px 0 50px}.final-comparison img{height:140px;width:100%;object-fit:contain}.final-comparison figcaption{font-size:12px;color:#bcc3b0;margin-top:28px}.story-ending>p:last-child{font-size:13px;color:#a5ad99}.copy-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#272923;color:white;padding:12px 20px;z-index:50;font-size:13px;pointer-events:none;opacity:0}.copy-toast.show{opacity:1}
@media(max-width:900px){.palette-strip{flex-wrap:wrap}.palette-strip p{max-width:none;width:100%;margin:0}.concept-caption{display:block}.concept-caption p{margin-top:25px}.final-comparison{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){html{scroll-padding-top:64px}.scroll-presentation .topbar{height:64px;gap:15px;padding:0 22px}.scroll-presentation .project-name{width:auto}.scroll-presentation #fullscreen{position:static;margin-left:auto}.scroll-presentation #reading-concept{font-size:11px;max-width:180px}.story-intro{padding:120px 22px 40px;min-height:85svh}.story-intro h1{font-size:67px}.intro-copy{font-size:15px}.intro-bottom{gap:25px;margin-top:55px}.concept-cover{padding-top:35px}.concept-hero{height:260px;margin:20px 0 50px}.wide .concept-hero{height:170px}.concept-caption h2{font-size:40px}.paired-logos{grid-template-columns:1fr}.logo-panel{min-height:300px}.logo-panel img{height:185px}.palette-strip{gap:20px}.concept-files{margin-inline:22px;flex-wrap:wrap;gap:16px 30px}.concept-files>span{width:100%}.next-concept{padding:42px 22px;gap:18px;flex-wrap:wrap}.next-concept>span:first-child{width:100%}.next-concept p{font-size:25px}.story-ending{padding:65px 22px}.final-comparison{gap:35px 25px;margin-top:50px}.final-comparison img{height:100px}.final-comparison figcaption{line-height:1.5}.application-title h2{font-size:40px}}

/* Avtorski napis in urejen zaključni pregled */
.custom-lettering{padding:45px 6vw;background:var(--paper);border:1px solid #c7cbb9}.custom-lettering>img{width:100%;margin:65px 0}.lettering-notes{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;font-size:12px;color:var(--muted)}.custom-type-copy{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:65px}.custom-type-copy h2{font-size:clamp(40px,4.3vw,65px)}.custom-type-copy p{color:#686d5f;margin-bottom:20px;max-width:490px}.custom-type-copy .type-note{font-size:12px;border-top:1px solid #c7cbb9;padding-top:20px}.glass .placed-logo{opacity:.94}.story-ending .ending-intro{color:#bfc6b4;font-size:15px;margin-top:25px;max-width:500px}.final-comparison{grid-template-columns:1fr 1fr;gap:24px;margin-top:55px}.final-comparison figure{display:flex;flex-direction:column;border:1px solid #51574a;background:#2d3029;padding:35px 40px}.final-comparison img{height:230px;width:100%;max-width:330px;align-self:center;object-fit:contain;margin:25px 0 40px}.final-comparison figure:first-child img{max-width:440px}.final-comparison figcaption{border-top:1px solid #51574a;padding-top:22px;margin:0;font-size:14px;color:#e0e4d8}
@media(max-width:700px){.custom-lettering{padding:25px 22px}.custom-lettering>img{margin:50px 0}.lettering-notes{flex-wrap:wrap;gap:12px 25px}.custom-type-copy{grid-template-columns:1fr;gap:28px;margin-top:40px}.final-comparison{grid-template-columns:1fr;gap:20px;margin-top:40px}.final-comparison figure{padding:25px}.final-comparison img{height:190px;max-width:250px;margin:20px 0 35px}.final-comparison figure:first-child img{height:150px;max-width:100%}.final-comparison figcaption{font-size:13px}.story-ending h2{font-size:40px}}