:root{--ink:#1a1510;--paper:#eee8dc;--paper-deep:#ddd2c0;--muted:#746a5d;--red:#9e2d25;--red-dark:#682019;--line:#30221629;--header-h:92px;--story-progress:0;--animation-beige:#e8ddcb}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#21150e}html.is-story-animating{scroll-behavior:auto!important}body{color:var(--ink);background:#21150e;margin:0;font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}::selection{color:#fff9ec;background:var(--red)}.skip-link{z-index:100;color:#fff;background:var(--ink);padding:12px 16px;transition:top .2s;position:fixed;top:-60px;left:16px}.skip-link:focus{top:12px}.paper-grain{z-index:80;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");position:fixed;inset:0 66.6667% 0 0}body.intro-active{overflow:hidden}.site-intro{z-index:120;pointer-events:auto;opacity:1;visibility:visible;background:#f0ece3;outline:none;transition:opacity .65s,visibility .65s;position:fixed;inset:0;overflow:hidden}.site-intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}html:has(#bemutatkozas:target) .site-intro{display:none}.intro-reveal{color:#b62f31;background:radial-gradient(circle at 46% 42%,#fffdf7 0 18%,#0000 52%),#f0ece3;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.intro-reveal:after{content:"";opacity:.16;mix-blend-mode:multiply;background:url(/portfolio-cracked-clay-v1.webp) 50%/cover;position:absolute;inset:0}.intro-index{z-index:1;color:#73685b;letter-spacing:.2em;font:700 10px/1 Manrope,sans-serif;position:absolute;top:4vh;left:3.2vw}.intro-wordmark{z-index:1;letter-spacing:-.075em;text-align:center;flex-direction:column;align-items:center;margin:0;font-family:Cormorant Garamond,serif;line-height:.7;display:flex;position:relative}.intro-wordmark strong{font-size:clamp(76px,12vw,210px);font-weight:700;display:block}.intro-wordmark small{white-space:nowrap;color:#33251c;letter-spacing:.28em;font:700 clamp(12px,1vw,15px)/1 Manrope,sans-serif;position:absolute;top:calc(100% + 30px);left:50%;transform:translate(-50%)}.intro-scroll-cue{z-index:1;color:#73685b;letter-spacing:.16em;text-align:center;text-transform:uppercase;white-space:nowrap;margin:0;font:700 clamp(13px,1vw,15px)/1.5 Manrope,sans-serif;position:absolute;bottom:7vh;left:50%;transform:translate(-50%)}.intro-scroll-cue span{color:#b62f31;margin-top:12px;font-size:24px;line-height:1;display:block}.intro-curtain{z-index:2;will-change:transform;background:linear-gradient(#20000699,#0000 18%,#20000626 68%,#17000580),repeating-linear-gradient(90deg,#2c010b 0,#5d0519 18px,#8f122e 38px,#c42f48 54px,#a31d36 72px,#65091e 100px,#35030e 130px,#2c010b 160px);animation:3.45s cubic-bezier(.65,.02,.2,1) .35s both intro-curtain-push;position:absolute;inset:0;box-shadow:-22px 0 40px #20000980,inset 0 24px 38px #20000666}.intro-curtain:before{content:"";opacity:.22;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(0deg,#fff2 0 1px,#0000 1px 3px),url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");position:absolute;inset:0}.intro-curtain:after{content:"";background:linear-gradient(90deg,#460010,#9c1c33 70%,#4d0317);border-right:1px solid #f093a14d;width:18px;position:absolute;inset:0 auto 0 0;box-shadow:8px 0 18px #16000870}.intro-pusher{--edge-grip:calc(-90% + 5px);aspect-ratio:2/3;width:clamp(155px,18vw,330px);transform:translateX(var(--edge-grip));transform-origin:90% 52%;filter:drop-shadow(18px 24px 24px #00000047);animation:.48s steps(2,end) .35s 7 alternate both intro-pusher-effort;position:absolute;bottom:-2vh;left:0}.intro-pusher img{object-fit:contain;object-position:center bottom;width:100%;height:100%;display:block}@keyframes intro-curtain-push{0%{transform:translate(0,0)}9%{transform:translate(3vw)}86%{transform:translate(94vw)}to{transform:translate(calc(100vw + 360px))}}.intro-curtain.is-finished .intro-pusher{opacity:0;visibility:hidden}@keyframes intro-pusher-effort{0%{transform:translateX(var(--edge-grip)) translateY(0) rotate(.35deg)}to{transform:translateX(var(--edge-grip)) translateY(-7px) rotate(-.5deg)}}.site-header{z-index:70;height:var(--header-h);background:#f4eee2eb;border-bottom:1px solid #4e352024;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3.2vw;display:grid;position:fixed;inset:0 0 auto;box-shadow:0 14px 38px #2d1a0d14}.monogram{letter-spacing:-.08em;font:700 28px/1 Cormorant Garamond,serif}.monogram span{color:var(--red)}.main-nav{letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:clamp(44px,5vw,80px);font-size:15px;font-weight:700;display:flex}.main-nav a{color:#766c60;padding:18px 0 14px;position:relative}.main-nav a:after{content:"";background:var(--ink);height:1px;transition:right .38s;position:absolute;bottom:4px;left:0;right:100%}.main-nav a:hover,.main-nav a:focus-visible,.main-nav a.is-active{color:var(--ink)}.main-nav a:hover:after,.main-nav a:focus-visible:after,.main-nav a.is-active:after{right:0}.nav-case{color:#6f6252;letter-spacing:.16em;text-transform:uppercase;justify-self:end;align-items:center;padding:18px 0 14px;font:700 14px/1 Manrope,sans-serif;display:flex;position:relative}.nav-case:after{content:"";background:var(--ink);height:1px;transition:right .38s;position:absolute;bottom:4px;left:0;right:100%}.nav-case:hover,.nav-case:focus-visible{color:var(--ink)}.nav-case:hover:after,.nav-case:focus-visible:after{right:0}.roll-label{white-space:nowrap;display:inline-flex}.letter-window{height:1.15em;display:inline-block;overflow:hidden}.letter-track{height:2.3em;transition:transform .42s cubic-bezier(.22,.78,.2,1);transition-delay:calc(var(--i) * 18ms);flex-direction:column;display:flex}.letter-track>span{height:1.15em;line-height:1.15em;display:block}.main-nav a:hover .letter-track,.main-nav a:focus-visible .letter-track,.nav-case:hover .letter-track,.nav-case:focus-visible .letter-track,.primary-cta:hover .letter-track,.primary-cta:focus-visible .letter-track{transform:translateY(-50%)}.scroll-story{--copy-width:33.3333%;isolation:isolate;background:var(--animation-beige);grid-template-columns:minmax(0,1fr) minmax(0,2fr);min-height:400svh;display:grid;position:relative;overflow:clip}.scroll-story:after{content:"";z-index:2;inset:0 calc(100% - var(--copy-width)) 0 0;pointer-events:none;background:linear-gradient(270deg,#f4ede0d6,#f1e7d5e8),url(/portfolio-cracked-clay-v1.webp) 50%/900px;border-right:1px solid #5a391f21;position:absolute;box-shadow:26px 0 70px #26170d17}.character-rail{z-index:1;background:var(--animation-beige);grid-area:1/1/auto/-1;height:100svh;position:sticky;top:0;overflow:hidden}.character-video-shell{inset:var(--header-h) 0 12px var(--copy-width);z-index:3;pointer-events:none;contain:paint;background:0 0;position:absolute}.character-video{object-fit:contain;object-position:center;opacity:1;filter:none;image-rendering:auto;backface-visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.character-caption{z-index:9;color:#000;letter-spacing:.1em;align-items:center;gap:12px;font-size:18px;display:flex;position:absolute;top:14%;right:4.2%}.character-caption span{color:#fff;background:var(--red);border-radius:50%;place-items:center;width:48px;height:48px;font-family:Special Elite,serif;display:grid}.character-caption strong{font-size:13px}.story-meter{z-index:9;left:calc(var(--copy-width) - 34px);color:#000;grid-template-rows:auto 1fr auto;justify-items:center;gap:10px;font:14px Special Elite,serif;display:grid;position:absolute;top:18%;bottom:17%}.story-meter i{background:#3625172e;width:1px;height:100%;display:block;position:relative;overflow:hidden}.story-meter b{background:var(--red);transform:scaleY(var(--story-progress));transform-origin:top;will-change:transform;display:block;position:absolute;inset:0}.story-copy{z-index:5;grid-area:1/1;position:relative}.story-scene{min-height:100svh;padding:calc(var(--header-h) + 6vh) 2.7vw 6vh;opacity:.22;align-items:center;transition:opacity .55s,transform .72s cubic-bezier(.2,.75,.2,1);display:flex;transform:translate(22px)}.story-scene.is-active{opacity:1;transform:translate(0)}.scene-inner{width:min(100%,650px)}.scene-kicker{color:var(--red);letter-spacing:.18em;margin:0 0 clamp(24px,4vh,46px);font-size:11px;font-weight:700}.story-scene h1,.story-scene h2{letter-spacing:-.067em;text-wrap:balance;overflow-wrap:break-word;max-width:660px;margin:0;font:600 clamp(46px,4.8vw,92px)/.94 Cormorant Garamond,serif}.story-scene h1 span,.story-scene h2 em{color:var(--red);font-style:normal}.story-scene h1[tabindex="-1"]:focus{outline:none}.story-scene h2{font-size:clamp(44px,4.5vw,84px)}.scene-lead{color:#17120e;letter-spacing:.012em;text-wrap:pretty;max-width:535px;margin:clamp(25px,4vh,42px) 0 0;font:400 clamp(18px,1.45vw,21px)/1.65 Special Elite,Georgia,serif}.scene-stamp{color:#000;letter-spacing:.1em;border:3px double #0008;width:max-content;margin-top:6vh;padding:11px 15px;font:14px Special Elite,serif;transform:rotate(-3deg)}.deadline-paper{place-items:center;width:min(100%,380px);margin:24px 0 0;display:grid}.deadline-paper>img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:min(40svh,520px);display:block;box-shadow:0 8px 22px #4d361c26}@media (width>=901px) and (width<=1100px){.deadline-paper>img{max-height:32svh}}@media (width<=900px){.deadline-paper>img{width:min(100%,380px);max-height:none}}.story-scene.is-active .deadline-paper{animation:.55s ease-out both paper-print-in}@keyframes paper-print-in{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.clue-list{flex-wrap:wrap;gap:8px;margin:5vh 0 0;padding:0;list-style:none;display:flex}.clue-list li{color:#000;letter-spacing:.07em;background:#f8efdcb8;border:1px solid #0006;padding:12px 14px;font:13px/1.45 Special Elite,serif;transform:rotate(-1deg)}.clue-list li:nth-child(2){transform:rotate(1.5deg)}.clue-list li:nth-child(3){transform:rotate(-.5deg)}.primary-cta{--tilt-x:0deg;--tilt-y:0deg;--light-x:25%;--light-y:0%;color:#38251a;letter-spacing:-.01em;width:min(100%,430px);transform:perspective(700px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));outline-offset:12px;background:#8c6148;border-radius:999px;margin-top:6vh;font-size:16px;font-weight:700;transition:transform .2s ease-out,box-shadow .25s;display:block;position:relative;box-shadow:0 14px 0 -5px #744d35,8px 24px 30px #51301930}.cta-face{border-radius:inherit;background:radial-gradient(circle at var(--light-x) var(--light-y), #fff8ecb3, transparent 63%), linear-gradient(145deg,#efddc6,#cbb299);border:1px solid #fff4e3;justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:14px 16px 14px 25px;transition:transform .22s,background .3s,border-color .3s,box-shadow .3s,color .3s;display:flex;position:relative;overflow:hidden;transform:translateY(-5px);box-shadow:inset 0 2px 1px #fffaf0cc,inset 0 -3px 2px #79554238}.cta-face:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,#0000 25%,#fff9 50%,#0000 75%);transition:transform .65s;position:absolute;inset:0;transform:translate(-130%)}.cta-label,.cta-arrow{z-index:1;position:relative}.cta-label{line-height:1.35}.cta-arrow{background:#76523e14;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:23px;font-weight:500;transition:transform .35s,background .3s;display:grid;box-shadow:inset 0 1px 3px #6a402b26,0 1px #fffb}.primary-cta:hover .cta-face,.primary-cta:focus-visible .cta-face{color:#fffaf1;background:radial-gradient(circle at var(--light-x) var(--light-y), #ffdf9855, transparent 62%), linear-gradient(135deg,#d95e32,#a93726);border-color:#ffc996;transform:translateY(-8px);box-shadow:inset 0 2px 1px #ffe6bf99,inset 0 -3px 2px #70301355}.primary-cta:hover .cta-face:before,.primary-cta:focus-visible .cta-face:before{transform:translate(130%)}.primary-cta:hover .cta-arrow,.primary-cta:focus-visible .cta-arrow{background:#fff2;transform:rotate(45deg)}.primary-cta:focus-visible{outline:2px solid #20685f}.primary-cta:active{box-shadow:0 6px 0 -3px #744d35,2px 10px 15px #51301922}.primary-cta:active .cta-face{color:#e3fff6;background:linear-gradient(145deg,#28675d,#173b36);border-color:#9bd3c9;transform:translateY(1px)}.site-footer{z-index:5;color:#a99a86;letter-spacing:.12em;background:linear-gradient(105deg,#1b120d,#2c1b11 56%,#15100d);border-top:1px solid #dfc69f26;justify-content:space-between;align-items:center;min-height:138px;padding:0 3.2vw;font-size:11px;font-weight:700;display:flex;position:relative;box-shadow:inset 0 1px #ffffff08}.site-footer a{color:#eadcc4}@media (width>=901px) and (height<=800px){.story-scene[data-scene="2"]{padding-top:calc(var(--header-h) + 2vh);padding-bottom:2vh}.story-scene[data-scene="2"] .scene-kicker{margin-bottom:22px}.story-scene[data-scene="2"] .scene-lead{margin-top:22px}}@media (width<=900px){:root{--header-h:66px}.site-header{grid-template-columns:1fr auto;padding:0 20px}.monogram{font-size:21px}.nav-case{padding:14px 0 11px;font-size:9px}.main-nav{display:none}.scroll-story{min-height:auto;display:block}.scroll-story:after{display:none}.paper-grain{inset:50svh 0 0}.character-rail{border-bottom:1px solid var(--line);height:50svh;min-height:360px;top:0}.character-video-shell{inset:var(--header-h) 0 0}.character-video{object-position:center center}.character-caption{top:calc(var(--header-h) + 14px);right:20px}.story-meter{display:none}.story-copy{margin-top:-50svh}.story-scene{opacity:.4;background:linear-gradient(#0000 0 38%,#f2e8d6cc 53%,#eee1cbf0 72%),url(/portfolio-cracked-clay-v1.webp) 0 100%/900px 47% no-repeat;align-items:flex-end;min-height:100svh;padding:62svh 24px 72px;transform:none}.story-scene.is-active{opacity:1}.story-scene h1,.story-scene h2{font-size:clamp(52px,15vw,84px)}.scene-lead{font-size:18px}.site-footer{flex-direction:column;align-items:flex-start;gap:17px;padding:36px 20px}.intro-index{left:20px}.intro-pusher{width:clamp(138px,29vw,230px)}}@media (width<=520px){.paper-grain{inset:46svh 0 0}.character-rail{height:46svh;min-height:325px}.character-video{object-position:center center}.character-caption strong{display:none}.story-copy{margin-top:-46svh}.story-scene{padding:57svh 20px 64px}.scene-kicker{margin-bottom:22px}.story-scene h1,.story-scene h2{font-size:clamp(48px,15.5vw,72px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}.intro-curtain{transform:translate(calc(100vw + 360px))}.intro-pusher{visibility:hidden}}