:root{--bg:#0b0d0c;--dark:#111411;--surface:#161a17;--cream:#eaece5;--muted:#9ca39a;--line:rgba(255,255,255,.19);--accent:#c8f27c;--base-font:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--base-font);font-size:14px;overflow-x:hidden}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}::selection{background:var(--accent);color:var(--bg)}.noise{pointer-events:none;position:fixed;inset:0;opacity:.09;z-index:99;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='.76' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.scroll-meter{position:fixed;z-index:101;height:3px;top:0;left:0;width:0;background:var(--accent);pointer-events:none}.site-header{position:fixed;z-index:90;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:23px 4.4vw;color:white;transition:background .3s,padding .3s;border-bottom:1px solid transparent}.site-header.scrolled{background:rgba(12,14,12,.89);backdrop-filter:blur(18px);padding-top:14px;padding-bottom:14px;border-bottom-color:rgba(255,255,255,.1)}.site-logo{display:flex;align-items:center;gap:13px;z-index:2}.logo-glyph{font:700 39px/1 'Barlow Condensed',sans-serif;letter-spacing:-3px;white-space:nowrap}.logo-dot,.accent-period{color:var(--accent)}.logo-copy{font:700 10px/1.15 'Space Grotesk',sans-serif;letter-spacing:.12em}.desktop-nav{display:flex;gap:44px;padding-left:7vw}.desktop-nav a,.nav-right,.header-cta{font:700 10px/1 'Space Grotesk',sans-serif;letter-spacing:.12em}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:var(--accent)}.desktop-nav a span{font-size:8px;opacity:.45;vertical-align:super}.nav-right{display:flex;align-items:center;gap:27px}.header-indicator{display:flex;gap:8px;align-items:center;color:#c1c9bf}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 11px var(--accent)}.header-cta{display:flex;gap:16px;border:1px solid #e5e9dc;padding:15px 20px;color:#fff;transition:background .25s,color .25s}.header-cta:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}.header-cta span{font-size:15px}.menu-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:7px;background:transparent;border:1px solid var(--line);color:white}.menu-toggle span{width:17px;height:1px;background:currentColor}.mobile-menu{display:none}
.hero{position:relative;min-height:920px;min-height:100svh;overflow:hidden;background:radial-gradient(ellipse at 64% 54%,#2b342b 0,#111714 41%,#0b0d0c 82%)}.hero-bg{inset:0;position:absolute;overflow:hidden;pointer-events:none}.bg-orb{display:block;position:absolute;border-radius:50%;filter:blur(50px)}.bg-orb-1{width:38vw;height:30vw;background:rgba(129,162,104,.11);right:0;top:17%}.bg-orb-2{width:30vw;height:22vw;background:rgba(199,241,125,.045);left:2%;bottom:0}.hero-inner{width:100%;padding:190px 6vw 42px;position:relative;min-height:inherit;display:flex;flex-direction:column;justify-content:space-between}.hero-overline{display:flex;align-items:center;gap:20px;font:700 10px/1 'Space Grotesk',sans-serif;letter-spacing:.14em;color:#bbc4b7;position:relative;z-index:4}.pill-number{border:1px solid var(--line);border-radius:40px;padding:10px 13px;color:#eaece5}.overline-rule{height:1px;width:40px;background:#788075}.hero-sideword{position:absolute;right:2.6vw;top:26%;font:700 9px 'Space Grotesk',sans-serif;letter-spacing:.24em;writing-mode:vertical-rl;color:#94a192;z-index:4}.hero-heading-wrap{z-index:5;margin-top:-20px;pointer-events:none}.hero-heading{font:800 clamp(116px,14.6vw,250px)/.72 var(--display);letter-spacing:-.036em;margin:0;text-transform:uppercase;white-space:nowrap;position:relative}.hero-heading>span{display:block}.hero-line-2{padding-left:12.4vw;color:var(--cream);-webkit-text-stroke:.6px var(--cream)}.hero-subline{display:flex;align-items:center;gap:15px;margin:26px 0 0 13vw}.hero-subline p{max-width:310px;line-height:1.75;color:#cbd1c9;font-size:12px;margin:0}.spinning-mark{font-size:51px;color:var(--accent);animation:spin 19s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-image-composition{position:absolute;right:10%;top:28%;width:46vw;height:49vw;max-height:600px;max-width:640px;min-width:500px;min-height:420px;perspective:1200px;transform-style:preserve-3d;pointer-events:none}.hero-card{position:absolute;overflow:hidden;will-change:transform;box-shadow:0 20px 70px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.15);background:#333f35;transform-style:preserve-3d}.hero-card .media-image{position:absolute;inset:0}.media-image{background:linear-gradient(120deg,#324438,#121d21 55%,#75847a);background-position:center;background-size:cover}.hero-card-back{width:61%;height:50%;top:-5%;right:-2%;transform:rotate(12deg) translateZ(-60px);z-index:1}.hero-card-main{width:64%;height:75%;left:13%;top:6%;transform:rotate(-7deg) translateZ(25px);z-index:2}.hero-card-front{width:37%;height:43%;right:-13%;bottom:-2%;transform:rotate(8deg) translateZ(85px);z-index:3}.hero-img-overlay{position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.5))}.hero-img-caption{position:absolute;bottom:18px;left:18px;color:white;font:700 9px 'Space Grotesk';letter-spacing:.12em}.corner-mark{position:absolute;top:18px;right:18px;width:32px;height:32px;border:1px solid white;border-radius:50%;display:grid;place-items:center;font-size:17px;color:white}.photo-index{position:absolute;left:15px;bottom:15px;font:700 9px 'Space Grotesk';letter-spacing:.16em;color:white}.front-text{position:absolute;bottom:14px;left:14px;font:800 34px/.87 var(--display);letter-spacing:-.02em}.hero-image-circle{position:absolute;z-index:3;left:0;bottom:3%;background:var(--accent);color:var(--bg);width:104px;height:104px;border-radius:50%;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5px;transform:rotate(-16deg);font:700 12px 'Space Grotesk'}.hero-image-circle span:nth-child(2){font-size:21px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4;margin-top:130px;font:700 10px 'Space Grotesk';letter-spacing:.13em;color:#bfc8ba}.scroll-prompt{display:flex;align-items:center;gap:14px}.scroll-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(255,255,255,.5);border-radius:50%;font-size:20px;color:var(--accent)}.tiny-star{color:var(--accent)}
.ticker{border-block:1px solid #262b26;height:81px;overflow:hidden;display:flex;align-items:center;background:#d2f58e;color:#0b0d0c}.ticker-track{flex-shrink:0;white-space:nowrap;font:800 50px/1 var(--display);letter-spacing:.04em;animation:ticker 37s linear infinite}.ticker-track b{font-size:26px;font-weight:500;padding:0 28px;vertical-align:middle}@keyframes ticker{to{transform:translateX(-50%)}}
.section-counter,.section-topline,.intro-meta{font:700 10px 'Space Grotesk';letter-spacing:.15em}.section-topline,.intro-meta{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--line);color:#b3bcb1}.intro-section{padding:110px 6vw 140px;background:var(--cream);color:#101410}.intro-meta{border-color:#a6ada3;color:#5a675b}.intro-grid{display:grid;grid-template-columns:21% 1fr;gap:20px;margin-top:58px}.intro-icon{font-size:90px;color:#202b25;line-height:1}.display-heading{font:800 clamp(90px,11.5vw,172px)/.78 var(--display);letter-spacing:-.027em;margin:0;text-transform:uppercase}.intro-display{max-width:1150px;white-space:pre-line}.intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;max-width:830px;margin-top:60px}.intro-bottom p{font-size:clamp(18px,2.2vw,29px);line-height:1.55;max-width:650px;color:#444e43}.round-asterisk{font-size:72px}
.depth-section{height:300vh;position:relative;background:#0e1410}.depth-sticky{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;display:grid;place-items:center;perspective:1200px;background:radial-gradient(ellipse at center,#213328 0,#0d1510 65%,#0b0d0c 100%)}.depth-caption{position:absolute;z-index:1;top:12%;left:7%;pointer-events:none}.depth-caption>span,.depth-caption p{font:700 10px 'Space Grotesk';letter-spacing:.16em;color:var(--accent)}.depth-caption h2{font:800 clamp(55px,7.8vw,120px)/.86 var(--display);letter-spacing:-.02em;margin:20px 0}.depth-caption h2 em{font-style:normal;color:#687a69}.depth-caption p{color:#b3bdb0}.depth-stack{width:100%;height:100%;transform-style:preserve-3d;perspective:1200px}.depth-panel{position:absolute;top:38%;left:50%;width:min(37vw,540px);aspect-ratio:1.38;border:7px solid #dce0d6;background:#242f25;box-shadow:0 30px 120px rgba(0,0,0,.5);overflow:hidden;transform-style:preserve-3d;will-change:transform;transform:translate3d(-50%,0,0)}.depth-img{height:100%;width:100%;background-size:cover;background-position:center;background-image:linear-gradient(120deg,#314b51,#151a16)}.depth-panel span{position:absolute;bottom:14px;left:16px;color:#fff;font:700 11px 'Space Grotesk';letter-spacing:.15em;text-shadow:0 2px 8px black}.depth-progress{position:absolute;bottom:50px;left:7%;right:7%;display:flex;align-items:center;gap:27px;z-index:2;color:#c2cfbf;font:700 10px 'Space Grotesk';letter-spacing:.15em}.depth-progress-track{height:1px;background:#526156;flex:1}.depth-progress-track>div{height:2px;background:var(--accent);width:0}
.work-section{padding:110px 6vw 150px;background:#0d100e}.work-header{margin:55px 0 75px;display:flex;align-items:end;justify-content:space-between;gap:30px}.work-header .display-heading{font-size:clamp(125px,16vw,250px)}.work-header em{font-style:normal;color:var(--accent)}.work-description{display:flex;flex-direction:column;gap:30px;align-items:flex-start;min-width:300px;align-self:end}.work-description p{font-size:16px;line-height:1.55;color:#c3cbc2}.small-arrow{font-size:48px;color:var(--accent)}.work-filters{display:flex;gap:7px}.filter{border:1px solid #4f574e;background:transparent;color:#d1d5cc;padding:11px 17px;border-radius:3px;font:700 10px 'Space Grotesk';letter-spacing:.1em;transition:background .2s,color .2s}.filter.active,.filter:hover{background:var(--accent);color:#151914;border-color:var(--accent)}.filter span{opacity:.7;margin-left:9px}.project-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:3.3vw;row-gap:100px}.project-card{min-width:0;cursor:pointer}.project-card:nth-child(4n + 2){padding-top:115px}.project-card:nth-child(4n + 3){padding-top:30px}.project-card[hidden]{display:none}.project-media{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#2b3c37,#111e1c 70%,#566050);aspect-ratio:1.15;transform-style:preserve-3d}.project-card:nth-child(4n + 1) .project-media{aspect-ratio:.86}.project-card:nth-child(4n + 2) .project-media{aspect-ratio:1.35}.project-card:nth-child(4n + 3) .project-media{aspect-ratio:1.2}.project-card:nth-child(4n) .project-media{aspect-ratio:.98}.project-media-image{width:100%;height:100%;background-position:center;background-size:cover;transition:transform .8s cubic-bezier(.18,.75,.2,1),filter .5s;filter:saturate(.82)}.project-card:hover .project-media-image{transform:scale(1.07);filter:saturate(1.1)}.project-media:after{content:'';inset:45% 0 0;position:absolute;background:linear-gradient(transparent,rgba(0,0,0,.32));pointer-events:none}.project-tag{position:absolute;top:18px;left:18px;z-index:2;background:rgba(8,12,10,.75);color:#fff;backdrop-filter:blur(12px);padding:10px 13px;font:700 10px 'Space Grotesk';letter-spacing:.12em}.project-arrow{position:absolute;right:18px;bottom:18px;width:50px;height:50px;display:grid;place-items:center;border-radius:50%;z-index:2;background:var(--cream);color:#111;transform:translateY(70px);transition:transform .45s ease;font-size:23px}.project-card:hover .project-arrow{transform:translateY(0)}.project-play{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.15);backdrop-filter:blur(12px);width:74px;height:74px;border-radius:50%;display:grid;place-items:center;font-size:23px}.project-data{padding-top:21px;display:flex;align-items:start;justify-content:space-between;gap:12px}.project-title{font:700 clamp(24px,2.8vw,42px)/.98 var(--display);text-transform:uppercase;letter-spacing:.02em}.project-caption{margin-top:9px;color:#8c978d;font:700 10px 'Space Grotesk';letter-spacing:.1em}.project-year{font:700 11px 'Space Grotesk';color:var(--accent)}.loading-projects{color:#9ba598;font:700 13px 'Space Grotesk';letter-spacing:.2em}.demo-notice{font:500 11px/1.7 'DM Sans';color:#98a398;margin-top:70px}
.statement-section{padding:150px 6vw 110px;background:var(--accent);color:#101710;text-align:center;overflow:hidden}.statement-section>p{font:700 11px 'Space Grotesk';letter-spacing:.16em}.statement-section h2{font:800 clamp(78px,12.5vw,200px)/.8 var(--display);margin:55px 0 50px;white-space:nowrap;letter-spacing:-.03em}.statement-section h2 span:not(.accent-period){-webkit-text-stroke:2px #101710;color:transparent}.statement-section .accent-period{color:#101710}.statement-bottom{border-top:1px solid rgba(0,0,0,.3);padding-top:20px;display:flex;justify-content:space-between;align-items:center;font:700 10px 'Space Grotesk';letter-spacing:.12em}.burst{font-size:45px}
.about-section{padding:110px 6vw 150px;background:#171d19}.about-grid{display:grid;grid-template-columns:47% 1fr;gap:7vw;margin-top:90px;align-items:center}.about-photo{aspect-ratio:.85;position:relative;background:linear-gradient(130deg,#364943,#101e26);overflow:hidden}.about-photo .media-image{height:100%;width:100%}.about-photo-tag{background:var(--cream);color:var(--bg);position:absolute;left:0;bottom:0;padding:19px 22px;width:78%;display:flex;justify-content:space-between;font:700 10px 'Space Grotesk';letter-spacing:.13em}.small-top{font:700 11px 'Space Grotesk';letter-spacing:.15em;color:var(--accent);display:flex;justify-content:space-between;align-items:center;max-width:350px}.small-top span{font-size:25px}.about-copy .display-heading{font-size:clamp(75px,8vw,142px);margin:38px 0}.about-copy>p{max-width:520px;color:#bec9bc;font-size:18px;line-height:1.85}.about-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:55px 0 40px;padding:21px 0;display:flex;justify-content:space-between;gap:20px}.about-facts>span{display:flex;flex-direction:column;gap:14px}.muted-label{display:block;color:#829184;font:700 10px 'Space Grotesk';letter-spacing:.15em}.about-facts strong{font:600 12px 'Space Grotesk';letter-spacing:.06em}.text-cta{font:700 11px 'Space Grotesk';letter-spacing:.15em;color:var(--accent);display:inline-flex;gap:25px;border-bottom:1px solid var(--accent);padding-bottom:15px}.text-cta span{font-size:20px}
.contact-section{padding:110px 6vw 110px;background:#e5e8df;color:#141916}.contact-section .section-topline{border-color:#b5bab1;color:#555e54}.contact-heading{position:relative;margin-top:66px}.contact-heading .display-heading{font-size:clamp(90px,12.4vw,190px);max-width:1100px;white-space:pre-line}.contact-star{position:absolute;right:3%;top:4%;font-size:100px}.contact-heading p{margin-top:32px;font-size:19px;color:#5d675d}.contact-area{display:grid;grid-template-columns:40% 1fr;gap:10%;margin-top:95px}.contact-details{display:flex;flex-direction:column;align-items:start;gap:22px}.contact-details>a{font:700 clamp(18px,2vw,28px) 'Space Grotesk';text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px;word-break:break-word}.contact-details .muted-label:not(:first-child){margin-top:36px}.social-links{display:flex;flex-wrap:wrap;gap:14px}.social-links a{border:1px solid #6d776d;padding:11px 13px;font:700 10px 'Space Grotesk';letter-spacing:.12em;transition:background .2s}.social-links a:hover{background:#101710;color:white}.contact-location{display:flex;align-items:center;gap:9px;margin-top:30px;color:#657264;font:700 9px 'Space Grotesk';letter-spacing:.13em}.contact-location .status-dot{background:#3f6d2a}.contact-form{display:flex;flex-direction:column;gap:27px}.contact-form label{display:flex;flex-direction:column;gap:12px;font:700 10px 'Space Grotesk';letter-spacing:.13em}.contact-form input,.contact-form textarea{width:100%;padding:15px 0;outline:0;color:#172017;border:0;border-bottom:1px solid #7e897e;background:transparent;font:500 16px 'DM Sans';letter-spacing:0;resize:vertical;border-radius:0}.contact-form input:focus,.contact-form textarea:focus{border-bottom:2px solid #233c19}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#878e84}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:28px}.form-bottom>span{font-size:11px;line-height:1.6;color:#6d776b;max-width:240px}.submit-btn{border:0;background:#1a271b;color:var(--accent);padding:18px 25px;white-space:nowrap;font:700 11px 'Space Grotesk';letter-spacing:.1em;display:flex;gap:28px;align-items:center;transition:background .2s}.submit-btn:hover{background:#3b5135}.submit-btn span{font-size:20px}.submit-btn:disabled{opacity:.6;cursor:wait}.form-status{min-height:15px;font-size:12px}.honeypot{position:absolute;left:-9999px;overflow:hidden}
footer{background:#0a0e0b;padding:65px 6vw 27px}.footer-first{display:flex;justify-content:space-between;align-items:end;padding-bottom:90px}.footer-brand{font:800 clamp(40px,8vw,130px)/1 var(--display);letter-spacing:-.01em}.footer-brand span{font:600 13px 'DM Sans';vertical-align:top}.to-top{font:700 11px 'Space Grotesk';letter-spacing:.12em;border-bottom:1px solid var(--accent);padding-bottom:12px}.footer-last{display:flex;gap:20px;justify-content:space-between;padding-top:24px;border-top:1px solid #303830;font:700 9px 'Space Grotesk';letter-spacing:.14em;color:#98a698}.footer-last a{color:var(--accent)}
.project-modal{position:fixed;max-width:1100px;width:min(94vw,1100px);max-height:92vh;padding:0;border:1px solid #39423a;color:var(--cream);background:#141b16;overflow:auto}.project-modal::backdrop{background:rgba(4,9,6,.87);backdrop-filter:blur(8px)}.modal-panel{position:relative;padding:30px}.modal-close{position:sticky;top:0;left:calc(100% - 50px);z-index:6;background:var(--accent);color:#111;border:0;border-radius:50%;width:43px;height:43px;font-size:30px}.modal-title{font:800 clamp(55px,9vw,122px)/.86 var(--display);margin:5px 0 25px}.modal-meta{display:flex;gap:20px;flex-wrap:wrap;font:700 11px 'Space Grotesk';letter-spacing:.12em;color:var(--accent);margin-bottom:30px}.modal-description{font:400 18px/1.65 'DM Sans';max-width:620px;color:#bcc9b8;margin:24px 0 36px}.modal-gallery{display:grid;grid-template-columns:1fr 1fr;gap:13px}.modal-gallery img{width:100%;height:100%;max-height:600px;object-fit:cover;display:block;background:#334139}.modal-gallery img:first-child:last-child{grid-column:span 2}.modal-gallery img:first-child:not(:last-child){grid-column:span 2;max-height:640px}.modal-player{width:100%;aspect-ratio:16/9;background:#030605;margin-bottom:26px;display:block}.empty-video{padding:80px 25px;background:#1b261e;text-align:center;border:1px dashed #596d5c}.empty-video strong{font:700 40px var(--display)}.empty-video p{font-size:14px;color:#a8b8a9}
@media(min-width:1600px){.hero-heading{font-size:14vw}.hero-inner{padding-top:220px}}
@media(max-width:1100px){.header-indicator{display:none}.desktop-nav{gap:23px;padding-left:0}.hero-heading{font-size:14vw}.hero-image-composition{right:6%;top:35%;min-width:390px;width:50vw;min-height:370px}.hero-inner{padding-top:160px}.depth-panel{width:50vw}.intro-grid{grid-template-columns:12% 1fr}.contact-area{gap:5%}}
@media(max-width:760px){.site-header{padding:16px 5vw}.logo-glyph{font-size:34px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex}.mobile-menu{display:flex;flex-direction:column;gap:12px;position:fixed;z-index:88;inset:0;padding:130px 7vw 40px;background:#0f1711;transform:translateY(-110%);transition:transform .35s ease}.mobile-menu.open{transform:translateY(0)}.mobile-menu a{font:800 85px/.95 var(--display);border-bottom:1px solid var(--line);padding:10px 0}.hero{min-height:780px;min-height:100svh}.hero-inner{padding:135px 5vw 28px;justify-content:flex-start}.hero-overline{font-size:8px;gap:11px}.overline-rule{width:20px}.hero-heading-wrap{margin-top:70px}.hero-heading{font-size:clamp(85px,17vw,150px);line-height:.8}.hero-line-2{padding-left:3vw}.hero-subline{margin:25px 0 0 8px}.hero-subline p{max-width:230px;font-size:11px}.spinning-mark{font-size:36px}.hero-image-composition{top:46%;right:8%;width:79vw;height:49vh;min-width:0;min-height:0;max-width:none;max-height:none}.hero-card-back{width:53%;height:43%;right:4%;top:0}.hero-card-main{width:60%;height:74%;left:12%;top:5%}.hero-card-front{width:38%;height:37%;right:-5%;bottom:8%}.hero-image-circle{width:73px;height:73px;font-size:9px;left:-6%;bottom:5%}.hero-image-circle span:nth-child(2){font-size:15px}.front-text{font-size:22px}.hero-bottom{margin-top:auto;gap:15px}.hero-bottom>span{display:none}.hero-sideword{display:none}.ticker{height:65px}.ticker-track{font-size:38px}.intro-section{padding:75px 5vw 90px}.intro-grid{grid-template-columns:1fr;margin-top:50px}.intro-icon{font-size:56px}.display-heading{font-size:clamp(70px,15vw,118px)}.intro-bottom{margin-top:35px;gap:15px}.intro-bottom p{font-size:17px}.round-asterisk{font-size:40px}.depth-section{height:250vh}.depth-caption{top:18%;left:5%}.depth-caption h2{font-size:clamp(56px,12vw,90px)}.depth-panel{top:46%;width:70vw;border-width:4px}.depth-progress{left:5%;right:5%;bottom:35px;gap:12px;font-size:8px}.work-section{padding:70px 5vw 90px}.work-header{display:block;margin:50px 0}.work-header .display-heading{font-size:clamp(105px,23vw,190px)}.work-description{margin-top:35px;gap:16px}.small-arrow{display:none}.work-description p{font-size:14px}.project-grid{grid-template-columns:1fr;row-gap:65px}.project-card:nth-child(n){padding-top:0}.project-media,.project-card:nth-child(n) .project-media{aspect-ratio:1.05}.project-card:nth-child(3n) .project-media{aspect-ratio:.95}.project-arrow{transform:translateY(0)}.statement-section{padding:100px 4vw 80px}.statement-section h2{font-size:clamp(57px,11vw,100px)}.statement-bottom{font-size:7px}.burst{font-size:20px}.about-section{padding:70px 5vw 90px}.about-grid{grid-template-columns:1fr;margin-top:50px;gap:45px}.about-photo{aspect-ratio:1.1}.about-copy .display-heading{font-size:clamp(79px,16vw,140px)}.about-copy>p{font-size:16px}.about-facts{margin:35px 0}.contact-section{padding:70px 5vw}.contact-heading .display-heading{font-size:clamp(66px,13vw,118px)}.contact-star{font-size:45px;top:-40px}.contact-area{grid-template-columns:1fr;gap:65px;margin-top:60px}.contact-details .muted-label:not(:first-child){margin-top:10px}.contact-location{margin-top:0}footer{padding:70px 5vw 25px}.footer-first{padding-bottom:65px}.footer-brand{font-size:clamp(38px,9vw,85px)}.footer-last{font-size:8px;flex-wrap:wrap}.modal-gallery{grid-template-columns:1fr}.modal-gallery img:first-child:not(:last-child),.modal-gallery img:first-child:last-child{grid-column:span 1}.modal-panel{padding:16px}}
@media(max-width:420px){.hero-heading{font-size:18.1vw}.hero-overline{font-size:7px}.hero-subline{margin-top:25px}.hero-image-composition{top:47%;height:45vh}.hero-card-main{height:70%}.project-title{font-size:31px}.form-pair{grid-template-columns:1fr}.form-bottom{flex-direction:column;align-items:flex-start}.contact-heading .display-heading{font-size:14vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track,.spinning-mark{animation:none}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}.hero-card,.depth-panel{will-change:auto}}
/* Keep oversized editorial lettering inside narrow viewports. */
html{overflow-x:clip}
@media(max-width:760px){.hero-heading{font-size:14vw}.hero-image-composition{top:51%;height:42vh}.statement-section h2{white-space:normal;font-size:11vw}}
@media(max-width:420px){.hero-heading{font-size:14vw}.hero-image-composition{top:51%;height:41vh}.hero-card-front{bottom:5%}}

.custom-logo{width:auto;max-width:110px;max-height:51px;object-fit:contain;display:block}
.footer-legal{display:flex;align-items:center;gap:24px;flex-wrap:wrap}

.about-copy .display-heading{white-space:pre-line}

/* WARM EDITION — espresso, walnut, sand */
:root{--bg:#211914;--dark:#2d211a;--surface:#35271f;--cream:#eee0ca;--muted:#b5a28f;--line:rgba(239,217,188,.22);--accent:#d7ac7d}
body{background:var(--bg)}.hero{background:radial-gradient(ellipse at 65% 40%,#5c4030 0,#30231b 43%,#211914 82%)}.bg-orb-1{background:rgba(215,172,125,.16)}.bg-orb-2{background:rgba(164,112,68,.13)}.site-header.scrolled{background:rgba(33,25,20,.94)}.hero-card{background:#674c39;border-color:rgba(244,223,194,.22)}.media-image{background:linear-gradient(120deg,#70543f,#33251e 55%,#b48c67)}.ticker{background:#d7ac7d;color:#211914;border-color:#b4875e}.intro-section{background:#e9d8bd;color:#2d211a}.intro-meta{color:#6e5845;border-color:#b69a7d}.intro-bottom p{color:#5d493a}.depth-section{background:#261b16}.depth-sticky{background:radial-gradient(ellipse at center,#604432 0,#30221a 63%,#211914 100%)}.depth-caption h2 em{color:#9d7960}.depth-panel{border-color:#ebd6b7;background:#60442f}.depth-img{background-image:linear-gradient(120deg,#8e6447,#35251b)}.work-section{background:#211914}.statement-section{background:#d7ac7d;color:#261b16}.about-section{background:#2b201a}.contact-section{background:#211914}
.gallery-section{padding:115px 6vw 120px;background:#e8d6bd;color:#2a201a;overflow:hidden}.gallery-section .section-topline{border-color:#aa917a;color:#6d5342}.gallery-heading-main{display:flex;align-items:end;justify-content:space-between;gap:35px;margin:55px 0 65px}.gallery-heading-main h2{font-size:clamp(72px,10vw,155px)}.gallery-heading-main h2 em{font-style:normal;color:#946b4d}.gallery-kicker{font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.16em;color:#8a6248}.gallery-heading-main p{max-width:300px;line-height:1.8;color:#6d5441;font-size:14px}.gallery-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;perspective:1400px}.archive-card{display:block;border:0;text-align:left;padding:10px 10px 12px;background:#f5e8d5;box-shadow:0 14px 38px rgba(58,35,19,.15);transform:perspective(950px) rotateY(var(--tilt)) translateY(30px);opacity:.3;transition:transform .75s cubic-bezier(.2,.8,.2,1),opacity .7s,box-shadow .4s;cursor:zoom-in;min-width:0}.archive-card.in-view{opacity:1;transform:perspective(950px) rotateY(var(--tilt)) translateY(0)}.archive-card:hover{transform:perspective(950px) rotateY(0deg) rotateX(3deg) translateY(-14px) translateZ(30px);box-shadow:0 25px 48px rgba(58,35,19,.28)}.archive-image{display:block;width:100%;aspect-ratio:3/4;background-size:cover;background-position:center;background-color:#9e7b60}.archive-card:nth-child(5n+2) .archive-image{aspect-ratio:4/5}.archive-card:nth-child(5n+3) .archive-image{aspect-ratio:1/1.12}.archive-caption{display:flex;justify-content:space-between;padding:12px 3px 0;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.1em;color:#684c38}.archive-caption b{font-size:16px}.gallery-bottom{display:flex;justify-content:space-between;border-top:1px solid #ad957c;margin-top:55px;padding-top:20px;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.13em;color:#745744}.gallery-empty{grid-column:1/-1;padding:55px 20px;border:1px solid #b99d80;text-align:center}.archive-full img{width:100%;max-height:78vh;object-fit:contain}.archive-full p{font:700 12px 'Space Grotesk';letter-spacing:.15em}
@media(max-width:950px){.gallery-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gallery-heading-main{align-items:start;flex-direction:column}.gallery-heading-main p{max-width:540px}}
@media(max-width:600px){.gallery-section{padding:75px 5vw}.gallery-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.archive-card{padding:6px}.archive-caption{font-size:8px}.gallery-heading-main h2{font-size:clamp(60px,13vw,95px)}.gallery-bottom{font-size:8px}}
@media(prefers-reduced-motion:reduce){.archive-card,.archive-card.in-view{opacity:1;transform:none;transition:none}}

/* Midnight blue accents and cinematic side-to-center photo flight */
:root{--accent:#174B35}
.scroll-meter{background:#174B35}.status-dot{background:#174B35;box-shadow:0 0 12px #174B35}.ticker{background:#174B35;color:#f4e7d3;border-color:#174B35}.statement-section{background:#174B35;color:#f4e7d3}.gallery-heading-main h2 em{color:#174B35}.gallery-kicker{color:#174B35}
.photo-flight{position:relative;height:360vh;background:#211914;color:#eee0ca}.photo-flight-sticky{position:sticky;top:0;height:100svh;min-height:540px;overflow:hidden;perspective:1100px;background:radial-gradient(ellipse at center,#453329 0%,#251b16 63%,#1b1512 100%)}.photo-flight-title{position:absolute;z-index:4;top:39%;left:50%;width:80%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;text-shadow:0 4px 24px #211914}.photo-flight-title>span,.photo-flight-title>p,.photo-flight-counter{font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.22em}.photo-flight-title h2{font:800 clamp(75px,12vw,195px)/.78 'Barlow Condensed',Impact,sans-serif;margin:22px 0}.photo-flight-title h2 em{font-style:normal;color:#5F9B77}.photo-flight-title>p{margin-top:24px}.photo-flight-stage{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.flight-photo{position:absolute;top:50%;left:50%;width:clamp(145px,19vw,330px);aspect-ratio:4/5;background:#e7d6bc;padding:7px 7px 27px;box-shadow:0 25px 65px #0009;transform-origin:center;opacity:0;will-change:transform,opacity;backface-visibility:hidden}.flight-photo img{display:block;width:100%;height:100%;object-fit:cover}.flight-photo:nth-child(3n){aspect-ratio:5/4}.flight-photo:nth-child(4n){aspect-ratio:3/4}.photo-flight-counter{position:absolute;bottom:35px;left:6vw;right:6vw;display:flex;justify-content:space-between;color:#c6b7a6}.photo-flight-counter span{color:#A6C9B2}
@media(max-width:760px){.photo-flight{height:310vh}.photo-flight-title{width:94%;top:38%}.photo-flight-title h2{font-size:clamp(66px,15vw,110px)}.photo-flight-title>span,.photo-flight-title>p{font-size:8px}.flight-photo{width:42vw;padding:5px 5px 17px}.photo-flight-counter{bottom:24px}}
@media(prefers-reduced-motion:reduce){.photo-flight{height:100svh}.flight-photo{will-change:auto}}


/* Kontaktbereich: kontraststarkes Braun-Beige mit dunkelblauen Akzenten */
.contact-section { background:#e9dcc9; color:#251b17; }
.contact-section .section-topline { color:#574536; border-color:#9e8a77; }
.contact-section .contact-heading .display-heading,
.contact-section .contact-star,
.contact-section .contact-details > a,
.contact-section .contact-form label,
.contact-section .muted-label { color:#251b17; }
.contact-section .contact-heading p,
.contact-section .contact-location,
.contact-section .form-bottom > span { color:#59493c; }
.contact-section .contact-details > a { text-decoration-color:#174B35; }
.contact-section .social-links a { color:#174B35; border-color:#174B35; }
.contact-section .social-links a:hover { background:#174B35; color:#fff; }
.contact-section .contact-form input,
.contact-section .contact-form textarea {
  color:#251b17; border-bottom:1.5px solid #786553;
}
.contact-section .contact-form input::placeholder,
.contact-section .contact-form textarea::placeholder { color:#665447; opacity:1; }
.contact-section .contact-form input:focus,
.contact-section .contact-form textarea:focus { border-bottom:2px solid #174B35; }
.contact-section .submit-btn { background:#174B35; color:#fff; }
.contact-section .submit-btn:hover { background:#103B2A; }
.contact-section .form-status { color:#251b17; }
.contact-section .status-dot { background:#174B35; box-shadow:0 0 8px #174B3555; }

/* Dunkelgrün statt Blau; Lesbarkeit der Kontaktsektion */
:root{--accent:#174B35}
.contact-section .contact-details > a,
.contact-section .social-links a,
.contact-section .contact-form input:focus,
.contact-section .contact-form textarea:focus {color:#174B35;border-color:#174B35}
.contact-section .submit-btn {background:#174B35;color:#fff}
.contact-section .submit-btn:hover{background:#0D3929}
.contact-section .status-dot{background:#174B35;box-shadow:0 0 8px #174B3555}
.photo-flight{min-height:350vh}
.photo-flight-sticky{isolation:isolate}
.photo-flight-stage{z-index:2;pointer-events:none}
.flight-photo{backface-visibility:visible}
.flight-photo img{display:block;width:100%;height:100%;object-fit:cover}

/* Finaler einheitlicher Dunkelblau-Akzent */
:root{--accent:#174B35}
.contact-section .social-links a,.contact-section .contact-details>a{color:#174B35;border-color:#174B35}
.contact-section .submit-btn{background:#174B35;color:#fff}
.contact-section .submit-btn:hover{background:#103B2A}
.contact-section .status-dot{background:#174B35;box-shadow:0 0 8px #174B3555}

/* Einheitliche dunkelgrüne Akzente */
:root{--accent:#174B35}
.photo-flight-title h2 em,.photo-flight-counter span{color:#5F9B77}
.contact-section .social-links a,.contact-section .contact-details>a{color:#174B35;border-color:#174B35}
.contact-section .submit-btn{background:#174B35;color:#fff}
.contact-section .submit-btn:hover{background:#103B2A}
.contact-section .status-dot{background:#174B35;box-shadow:0 0 8px #174B3555}
/* Galerie: individuell skalierbare Karten */
.archive-card{transform:perspective(950px) rotateY(var(--tilt)) translateY(30px) scale(var(--photo-size,1));transform-origin:center;z-index:1}
.archive-card.in-view{transform:perspective(950px) rotateY(var(--tilt)) translateY(0) scale(var(--photo-size,1))}
.archive-card:hover{transform:perspective(950px) rotateY(0deg) translateY(-10px) scale(var(--photo-size,1));z-index:3}

/* Admin-gesteuerte Größen: Logo, Hero-Bildkarten, Bildausschnitt und Scroll-Fotos */
.custom-logo{max-width:none;max-height:none;width:var(--logo-width,110px);height:var(--logo-height,51px);object-fit:contain}
.hero-image-composition{scale:var(--hero-scale,1);transform-origin:center center}
.hero-card-main{scale:var(--hero-main-scale,1)}
.hero-card-back{scale:var(--hero-back-scale,1)}
.hero-card-front{scale:var(--hero-front-scale,1)}
#heroMainImage{background-size:calc(100% * var(--hero-zoom,1));background-position:var(--hero-x,50%) var(--hero-y,50%)}
.flight-photo{scale:var(--flight-scale,1)}

/* FIX: About image is a background DIV, not an img element. Show whole portrait. */
.about-photo { aspect-ratio: 2 / 3; }
.about-photo #aboutImage.media-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  transform: none !important;
}
@media(max-width:760px){.about-photo{aspect-ratio:2 / 3}}

/* Über mich: echtes Bild statt Background-Div, ohne Zoom oder Overlay */
.about-photo{position:relative;aspect-ratio:2 / 3;background:#231b16;overflow:hidden}
.about-photo img#aboutImage.about-real-photo{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;transform:none!important;scale:1!important;filter:none!important;opacity:1!important;position:absolute!important;inset:0!important;max-width:none!important}
.about-photo-tag{z-index:2}
@media(max-width:760px){.about-photo{aspect-ratio:2 / 3}}


/* NOAH — EDITORIAL PHOTO BOOK */
.gallery-rail.photo-book-holder{display:block;perspective:none;max-width:1350px;margin-inline:auto}
.photo-book{width:100%;padding:20px 0}
.book-spread{display:grid;grid-template-columns:1fr 1fr;position:relative;min-height:clamp(320px,55vw,760px);filter:drop-shadow(0 24px 25px rgba(36,23,15,.22));transform-style:preserve-3d}
.book-spread:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:22px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(49,31,17,.2) 40%,rgba(255,255,255,.3) 55%,transparent);pointer-events:none;z-index:2}
.book-page{background:#f8f0e3;padding:clamp(12px,2.5vw,34px);display:flex;flex-direction:column;justify-content:space-between;gap:15px;min-width:0;cursor:zoom-in}
.book-page-left{border-radius:5px 0 0 5px;box-shadow:inset -14px 0 22px -19px #4d3624}
.book-page-right{border-radius:0 5px 5px 0;box-shadow:inset 14px 0 22px -19px #4d3624}
.book-page img{display:block;width:100%;height:calc(clamp(320px,55vw,760px) - 90px);object-fit:contain;object-position:center;background:#eee2d0}
.book-page-number{font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.14em;color:#62503c}
.book-page-empty{background:#f3e9d9}
.book-controls{display:flex;justify-content:center;align-items:center;gap:clamp(15px,4vw,65px);padding:28px 5px;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.12em;color:#30251c}
.book-controls button{border:1px solid #a48d70;background:transparent;color:#174b35;padding:13px 20px;cursor:pointer;font:inherit;transition:background .2s,color .2s}
.book-controls button:hover:not(:disabled){background:#174b35;color:white}
.book-controls button:disabled{opacity:.3;cursor:not-allowed}
.book-turn-next{animation:bookTurnNext .55s ease both}
.book-turn-prev{animation:bookTurnPrev .55s ease both}
@keyframes bookTurnNext{from{transform:perspective(1600px) rotateY(-9deg);opacity:.5}to{transform:rotateY(0);opacity:1}}
@keyframes bookTurnPrev{from{transform:perspective(1600px) rotateY(9deg);opacity:.5}to{transform:rotateY(0);opacity:1}}
@media(max-width:650px){.book-spread{min-height:260px}.book-page{padding:9px;gap:7px}.book-page img{height:clamp(210px,55vw,360px)}.book-page-number{font-size:7px}.book-controls{gap:8px;font-size:9px}.book-controls button{padding:11px 9px}}
@media(prefers-reduced-motion:reduce){.book-turn-next,.book-turn-prev{animation:none}}

/* Realistische 3D-Seitenwende: die rechte bzw. linke Buchseite dreht am Buchrücken */
.book-spread{isolation:isolate;perspective:1800px;overflow:visible}
.book-flip-sheet{position:absolute!important;top:0;bottom:0;width:50%;height:100%;z-index:8;backface-visibility:visible;pointer-events:none;will-change:transform;overflow:hidden}
.book-flip-sheet::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(25,18,12,.22),transparent 35%,rgba(25,18,12,.15));opacity:.3;animation:pageShade .85s ease-in-out both}
.book-flip-forward{left:50%;right:auto;transform-origin:left center;animation:flipForward .85s cubic-bezier(.55,.08,.24,1) both}
.book-flip-backward{left:0;right:auto;transform-origin:right center;animation:flipBackward .85s cubic-bezier(.55,.08,.24,1) both}
@keyframes flipForward{0%{transform:rotateY(0deg)}49%{transform:rotateY(-89deg)}100%{transform:rotateY(-179deg)}}
@keyframes flipBackward{0%{transform:rotateY(0deg)}49%{transform:rotateY(89deg)}100%{transform:rotateY(179deg)}}
@keyframes pageShade{0%,100%{opacity:.1}50%{opacity:.8}}
@media(prefers-reduced-motion:reduce){.book-flip-sheet{animation:none!important}}

/* Genuine two-sided book leaf with page-turn perspective */
.book-spread{perspective:1900px;transform-style:preserve-3d;isolation:isolate}
.book-spread>.book-page{position:relative;z-index:1}
.book-static-old{position:absolute!important;top:0;bottom:0;width:50%;z-index:3;pointer-events:none;box-sizing:border-box}
.book-static-left{left:0}.book-static-right{right:0}
.book-turning-sheet{position:absolute;top:0;bottom:0;width:50%;z-index:5;transform-style:preserve-3d;pointer-events:none;will-change:transform}
.book-sheet-forward{left:50%;transform-origin:left center;animation:noahRealTurnForward 1.05s cubic-bezier(.42,.02,.17,1) both}
.book-sheet-backward{left:0;transform-origin:right center;animation:noahRealTurnBackward 1.05s cubic-bezier(.42,.02,.17,1) both}
.book-sheet-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#f8f0e3;overflow:hidden}
.book-sheet-face .book-page{box-sizing:border-box;width:100%;height:100%;box-shadow:none;border-radius:0}
.book-sheet-face .book-page img{height:calc(100% - 30px)}
.book-sheet-back{transform:rotateY(180deg)}
.book-sheet-front:after,.book-sheet-back:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(38,25,16,.22),transparent 42%,rgba(38,25,16,.10));opacity:.28}
@keyframes noahRealTurnForward{0%{transform:rotateY(0deg)}45%{transform:rotateY(-77deg)}55%{transform:rotateY(-103deg)}100%{transform:rotateY(-180deg)}}
@keyframes noahRealTurnBackward{0%{transform:rotateY(0deg)}45%{transform:rotateY(77deg)}55%{transform:rotateY(103deg)}100%{transform:rotateY(180deg)}}
@media(prefers-reduced-motion:reduce){.book-turning-sheet{animation:none}}

/* --- NOAH: FLÜSSIGES FOTOBUCH V6 --- */
.gallery-rail.photo-book-holder{display:block;perspective:none;max-width:1280px;margin-inline:auto}
.folio-book{width:100%;padding:22px 0;outline-offset:8px}
.folio-spread{
  position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  height:clamp(270px,54vw,720px);perspective:1900px;transform-style:preserve-3d;
  box-shadow:0 30px 42px -24px rgba(43,29,15,.38),0 6px 14px -5px rgba(43,29,15,.15);
  border-radius:3px;background:#faf4e9;
}
.folio-spread::after{
  position:absolute;content:"";left:50%;top:0;bottom:0;width:12px;
  transform:translateX(-50%);z-index:8;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(25,18,12,.13) 42%,rgba(255,255,255,.21) 70%,transparent);
}
.folio-page{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;box-sizing:border-box;
  padding:clamp(9px,2.35vw,29px);gap:clamp(5px,1vw,15px);background:#f8f0e3;user-select:none}
.folio-page-left{box-shadow:inset -13px 0 16px -14px rgba(30,20,13,.45)}
.folio-page-right{box-shadow:inset 13px 0 16px -14px rgba(30,20,13,.45)}
.folio-image-space{min-height:0;flex:1;display:flex;align-items:center;justify-content:center;background:#eee5d8;overflow:hidden}
.folio-image-space img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;object-position:center}
.folio-page-label{flex:0 0 auto;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:700;letter-spacing:.13em;color:#74614f}
.folio-page[role="button"]{cursor:zoom-in}
.folio-page[role="button"]:focus-visible{outline:3px solid #174B35;outline-offset:-5px}
.folio-page-blank{background:#f7efe2}
.folio-controls{display:flex;align-items:center;justify-content:center;gap:clamp(10px,4vw,50px);padding:26px 5px 12px;color:#34261c}
.folio-indicator{font-size:11px;letter-spacing:.13em;font-weight:800;white-space:nowrap}
.folio-button{border:1px solid #ad9b81;background:transparent;padding:14px 20px;font-size:11px;font-weight:800;letter-spacing:.09em;color:#174B35;cursor:pointer;transition:background .2s,color .2s}
.folio-button:hover:not(:disabled){background:#174B35;color:#fff}
.folio-button:disabled{opacity:.34;cursor:not-allowed}
.folio-stationary{position:absolute;top:0;bottom:0;width:50%;z-index:4;pointer-events:none}
.folio-stationary-left{left:0}.folio-stationary-right{right:0}
.folio-stationary .folio-page{width:100%}
.folio-turn-sheet{
  position:absolute;top:0;bottom:0;width:50%;z-index:6;
  transform-style:preserve-3d;-webkit-transform-style:preserve-3d;
  backface-visibility:visible;will-change:transform;pointer-events:none;
}
.folio-turn-forward{left:50%;transform-origin:left center}
.folio-turn-backward{left:0;transform-origin:right center}
.folio-sheet-face{
  position:absolute;inset:0;background:#f8f0e3;
  backface-visibility:hidden;-webkit-backface-visibility:hidden;
  overflow:hidden;transform:translateZ(.15px)
}
.folio-sheet-back{transform:rotateY(180deg) translateZ(.15px)}
.folio-sheet-face .folio-page{width:100%}
.folio-sheet-face::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(35,24,14,.24),transparent 28%,transparent 80%,rgba(35,24,14,.07));opacity:.35}
.folio-moving-shadow{position:absolute;top:0;bottom:0;left:49.5%;width:11%;z-index:5;pointer-events:none;
  background:linear-gradient(90deg,rgba(31,21,14,.31),transparent);opacity:0}
@media(max-width:600px){
 .folio-spread{height:clamp(215px,75vw,440px)}
 .folio-page{padding:7px;gap:5px}
 .folio-page-label{font-size:7px;letter-spacing:.05em}
 .folio-controls{gap:8px}
 .folio-button{font-size:9px;padding:11px 9px}
 .folio-indicator{font-size:8px;letter-spacing:.04em}
}
@media(prefers-reduced-motion:reduce){.folio-button{transition:none}}

/* NOAH FURTHNER — 3D Papierwölbung (Canvas), statt starrer Blätter. */
.folio-spread{isolation:isolate;overflow:visible}
.folio-curl-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:11;pointer-events:none;overflow:visible}
.folio-curl-cast-shadow{position:absolute;top:2%;bottom:2%;width:110px;z-index:9;pointer-events:none;opacity:0;background:radial-gradient(ellipse,rgba(35,20,10,.34),transparent 72%);filter:blur(17px);will-change:left,opacity}
.folio-stationary{z-index:10}
@media(prefers-reduced-motion:reduce){.folio-curl-canvas,.folio-curl-cast-shadow{display:none}}