@font-face{font-family:'Euclid Circular B';src:url('./Euclid%20Circular/Euclid%20Circular%20B%20Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:'Euclid Circular B';src:url('./Euclid%20Circular/Euclid%20Circular%20B%20Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap;}@font-face{font-family:'Euclid Circular B';src:url('./Euclid%20Circular/Euclid%20Circular%20B%20SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap;}@font-face{font-family:'Euclid Circular B';src:url('./Euclid%20Circular/Euclid%20Circular%20B%20Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap;}@font-face{font-family:'Test Söhne';src:url('./sohne-font-family/TestSohne-Buch-BF663d89cd32e6a.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:'Test Söhne';src:url('./sohne-font-family/TestSohne-Kraftig-BF663d89cd37e26.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap;}@font-face{font-family:'Test Söhne';src:url('./sohne-font-family/TestSohne-Fett-BF663d89cca89ff.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap;}@font-face{font-family:'Test Söhne';src:url('./sohne-font-family/TestSohne-Dreiviertelfett-BF663d89ccc5f66.otf') format('opentype');font-weight:600;font-style:normal;font-display:swap;}@font-face{font-family:'Test Söhne Mono';src:url('./sohne-font-family/TestSohneMono-Fett-BF663d89cc6a8e8.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap;}:root{--page-padding:max(24px, calc((100vw - 1728px) / 2));--pill-pad:31px;--content-pad-left:max(63px, calc((100vw - 1533px) / 2));--content-pad-right:max(63px, calc((100vw - 1533px) / 2));--title-size:clamp(3.5rem, 12vw, 10rem);--bg-color:#02050E;--accent-color:#FFE873;--text-primary:#FFFCE5;--text-body:#EAEAEA;--border-color:rgba(255, 255, 255, 0.4);--font-mono:'IBM Plex Mono', monospace;--font-sans:'Test Söhne', 'Inter', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;--font-sohne-mono:'Test Söhne Mono', 'IBM Plex Mono', monospace;}*{box-sizing:border-box;margin:0;padding:0;}.preload *{transition:none !important;}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;position:relative;min-height:100vh;transition:background-color 0.5s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}@media (max-width:768px){:root{--pill-pad:clamp(16px, 4vw, 24px);--content-pad-left:clamp(24px, 6vw, 40px);--content-pad-right:clamp(24px, 6vw, 40px);}}#svg-container{position:fixed;top:-5vh;left:-5vw;width:110vw;height:110vh;z-index:0;pointer-events:none;opacity:0.7;transition:opacity 0.5s ease;}body.hide-background-lines #svg-container, body.hide-background-lines #clone-header-layer svg{opacity:0 !important;}#svg-container svg{width:100%;height:100%;}#clone-header-layer{position:fixed;top:0;left:0;width:100%;height:92px;background-color:var(--bg-color);z-index:50;pointer-events:none;overflow:hidden;transform:translateZ(0);will-change:transform;}#yellow-mask-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#FFF9C8;opacity:0;transition:opacity 0.85s ease;z-index:-1;transform-origin:top;will-change:transform;}body.about-mode #yellow-mask-layer{opacity:1;}body.about-mode #clone-header-layer svg{opacity:0;}#clone-header-layer svg{position:absolute;top:-5vh;left:-5vw;width:110vw;height:110vh;opacity:0.7;transition:opacity 0.5s ease;}.content-wrapper{max-width:1728px;margin:0 auto;padding:0 var(--page-padding);padding-bottom:0;}header{position:sticky;top:54px;z-index:100;margin-top:54px;display:flex;justify-content:center;width:100%;padding-left:calc(var(--content-pad-left) - var(--pill-pad));padding-right:calc(var(--content-pad-right) - var(--pill-pad));box-sizing:border-box;transform:translateZ(0);will-change:transform;}main{position:relative;z-index:1;transform:translateZ(0);}.pill-nav{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1595px;height:76px;background:var(--bg-color);border:1px solid rgba(255, 255, 255, 0.2);border-radius:9px;padding:0 var(--pill-pad);box-shadow:0 0 16px rgba(255, 244, 160, 0.2);transition:background-color 0.85s ease, border-color 0.85s ease, box-shadow 0.85s ease;transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;}.pill-nav > .logo, .pill-nav > .menu-toggle, .pill-nav > .nav-links{position:relative;z-index:1;}.logo{font-family:var(--font-sans);color:var(--accent-color);font-weight:700;font-size:clamp(1.25rem, 2vw, 1.875rem);letter-spacing:0px;transition:color 0.85s ease;display:flex;align-items:center;transform:translateY(-3px);}.logo-svg{height:clamp(28px, 3.5vw, 40px);width:auto;display:block;}.nav-links{list-style:none;display:flex;gap:clamp(24px, 4vw, 48px);}.nav-links a{color:#FFFCE5;text-decoration:none;font-family:var(--font-mono);font-size:clamp(0.85rem, 1.2vw, 1rem);font-weight:600;display:inline-block;transform-origin:left center;transition:color 0.85s ease, text-shadow 0.3s ease, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);}.nav-links a:hover{color:var(--accent-color);transform:scale(1.1);}#hero{margin-top:clamp(60px, 8vw, 120px);padding-left:var(--content-pad-left);padding-right:var(--content-pad-right);}#hero h1{font-family:var(--font-sans);font-size:min(clamp(5rem, 18vw, 14rem), calc(100vw / 5.8));white-space:nowrap;font-weight:700;color:var(--accent-color);margin:0;margin-left:-0.04em;margin-bottom:clamp(2.5rem, 6vw, 5rem);line-height:0.8;letter-spacing:-0.03em;margin-top:-0.12em;padding-right:var(--content-pad-right);padding-top:20px;}.dot{color:var(--accent-color);}.intro-text{font-size:clamp(0.85rem, 1.5vw, 1.125rem);line-height:1.6;color:#e0e0e0;text-align:justify;max-width:1100px;margin-bottom:60px;}#case-studies{margin-top:72px;position:relative;z-index:10;transition:opacity 0.5s ease, transform 0.5s ease;}#case-studies h2{font-family:var(--font-sans);font-size:clamp(1.25rem, 1.8vw, 1.75rem);font-weight:800;color:var(--text-primary);padding-left:var(--content-pad-left);margin-bottom:clamp(8px, 1.5vw, 12px);letter-spacing:0.5px;text-transform:uppercase;transition:color 0.85s ease;}#case-studies .divider{height:1px;background-color:rgba(255, 255, 255, 0.2);margin-left:var(--content-pad-left);margin-right:var(--content-pad-right);border:none;transition:background 0.85s ease;}.grid-container{margin-top:30px;padding-left:var(--content-pad-left);padding-right:var(--content-pad-right);display:grid;grid-template-columns:repeat(3, 1fr);gap:clamp(24px, 3.5vw, 55px);}.card{background-color:transparent;perspective:1000px;position:relative;}.card::before{content:'';position:absolute;inset:-15px;z-index:-1;}.card-inner{position:relative;width:100%;height:100%;transition:transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.8s ease;transform-style:preserve-3d;border-radius:14px;}.card:hover .card-inner, .card.hover .card-inner{transform:rotateY(180deg) translateY(-5px);}body.about-mode .card:hover .card-inner, body.about-mode .card.hover .card-inner{box-shadow:0 12px 40px rgba(2, 5, 14, 0.15);}.card-front, .card-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;border-radius:14px;padding:clamp(20px, 2.5vw, 35px);display:flex;flex-direction:column;box-sizing:border-box;}.card-front{position:relative;height:100%;background:var(--bg-color);border:1px solid rgba(255, 255, 255, 0.2);width:100%;transform:rotateY(0deg) translateZ(1px);transition:opacity 0.01s 0.25s;}.card:hover .card-front, .card.hover .card-front{opacity:0;pointer-events:none;}.card-back{position:absolute;top:0;left:0;width:100%;height:100%;background:#FFF9C8;border:1px solid rgba(2, 5, 14, 0.2);transform:rotateY(180deg) translateZ(1px);}.card-back h3{color:#02050E !important;}.card-back p{color:#02050E !important;}.card-back .go-btn{background:#FFF9C8;color:#02050E;border:1px solid rgba(2, 5, 14, 0.2);}.card-back .go-btn:hover{background:#02050E;color:var(--accent-color);}.card-back .icon-box{background:#FFE873 !important;}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:clamp(15px, 2vw, 30px);margin-bottom:clamp(1.2rem, 2.5vw, 2rem);}.card h3{font-family:var(--font-sans);font-size:clamp(0.9rem, 1.25vw, 1.25rem);font-weight:600;color:var(--accent-color);line-height:1.5;letter-spacing:0.5px;}.icon-box{background:var(--accent-color);padding:0.4rem;border-radius:5px;display:flex;justify-content:center;align-items:center;width:clamp(28px, 2.5vw, 40px);height:clamp(28px, 2.5vw, 40px);flex-shrink:0;}.icon-box img{width:clamp(14px, 1.25vw, 20px);height:clamp(14px, 1.25vw, 20px);filter:invert(1) brightness(0);}.card p{color:#d0d0d0;font-family:'Söhne Buch', 'Test Söhne Buch', var(--font-sans);font-weight:400;font-size:clamp(0.75rem, 1.2vw, 1rem);margin-bottom:clamp(1.5rem, 3.5vw, 2.5rem);flex-grow:1;line-height:1.5;text-align:justify;}.go-btn{align-self:flex-end;margin-top:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;max-width:clamp(110px, 9vw, 140px);height:clamp(34px, 2.8vw, 45px);flex-shrink:0;border:1px solid rgba(255, 255, 255, 0.2);border-radius:8.75px;color:var(--accent-color);text-decoration:none;font-family:var(--font-mono);font-size:clamp(0.7rem, 0.9vw, 0.875rem);letter-spacing:-0.03em;word-spacing:-0.2em;font-weight:500;line-height:1;transition:all 0.3s ease;background:var(--bg-color);}.go-btn:hover{background:var(--accent-color);color:var(--bg-color);border-color:var(--bg-color);}.go-btn svg{width:clamp(14px, 1.2vw, 18px);height:clamp(14px, 1.2vw, 18px);stroke-width:clamp(1px, 0.15vw, 2px);transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);-webkit-backface-visibility:hidden;backface-visibility:hidden;}@keyframes arrowBounce{0%{transform:translateX(0);}100%{transform:translateX(6px);}}.card:hover .go-btn svg{animation:arrowBounce 0.6s ease-in-out infinite alternate;}#svg-container path{transition:stroke 0.3s ease;}body.about-mode #svg-container{opacity:0;}body.nav-about-mode .pill-nav{background-color:#FFE873;border:0.5px solid #292929;box-shadow:0 0 24px rgba(0, 0, 0, 0.1);}body.nav-about-mode .pill-nav .logo, body.nav-about-mode .pill-nav .nav-links a{color:#02050E;}#about-me, .about-title, .about-subtitle, .about-list-title, .about-text, #case-studies h2, #case-studies .divider{transition:color 0.85s ease, background 0.85s ease;}body.about-mode #about-me, body.about-mode .about-title, body.about-mode .about-subtitle, body.about-mode .about-list-title, body.about-mode .about-text, body.about-mode #case-studies h2{color:#02050E;}body.about-mode #case-studies .divider{background:rgba(2, 5, 14, 0.2);}#about-me{margin-top:clamp(80px, 12vw, 200px);padding:clamp(30px, 4.5vh, 58px) var(--content-pad-right) clamp(135px, 16vh, 180px) var(--content-pad-left);max-width:1728px;margin-left:auto;margin-right:auto;color:var(--text-primary);position:relative;transition:color 0.85s ease;}#about-me::after{content:'';position:absolute;top:-200vh;bottom:0;left:50%;transform:translateX(-50%);width:100vw;background-color:#FFF9C8;z-index:-2;opacity:0;transition:opacity 0.85s ease;pointer-events:none;}body.about-mode #about-me::after{opacity:1;}.about-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:auto auto;column-gap:clamp(30px, 4vw, 60px);align-items:start;}.about-title{grid-column:1 / 3;grid-row:1;font-family:var(--font-sans);font-size:min(clamp(5rem, 18vw, 14rem), calc(100vw / 5.8));white-space:nowrap;font-weight:700;line-height:0.8;margin-bottom:clamp(30px, 6vw, 80px);letter-spacing:-0.03em;margin-top:-0.12em;padding-right:var(--content-pad-right);padding-top:20px;}.col-3{grid-column:3 / 4;grid-row:1 / 3;}.col-1{grid-column:1 / 2;grid-row:2;}.col-2{grid-column:2 / 3;grid-row:2;}.about-subtitle{font-family:var(--font-sans);font-size:clamp(1.25rem, 1.8vw, 1.75rem);font-weight:800;color:var(--text-primary);margin-bottom:clamp(8px, 1.5vw, 12px);letter-spacing:0.5px;text-transform:uppercase;text-align:left !important;padding-left:0 !important;}.about-text{font-family:var(--font-sans);font-size:clamp(0.85rem, 1.5vw, 1.125rem);line-height:1.6;color:#e0e0e0;margin-bottom:clamp(15px, 2vw, 30px);font-weight:400;text-align:justify;}.about-list-title{font-family:var(--font-mono);font-size:clamp(0.85rem, 1.4vw, 1.25rem);font-weight:600;margin:clamp(16px, 2.5vw, 24px) 0 clamp(8px, 1.5vw, 12px);}.about-list{list-style-type:square;padding-left:20px;margin-top:0;font-family:var(--font-sans);font-size:clamp(0.75rem, 1.3vw, 1rem);line-height:1.5;font-weight:400;}.about-list li{margin-bottom:4px;}#contact{padding:calc(130px + clamp(60px, 8vw, 120px)) var(--content-pad-right) clamp(24px, 4vh, 48px) var(--content-pad-left);display:flex;flex-direction:column;justify-content:space-between;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden;position:sticky;top:0;z-index:10;}.contact-grid-layout{display:grid;grid-template-columns:1fr;width:100%;margin-top:0;margin-bottom:clamp(12px, 2vh, 24px);}.contact-left{grid-column:1;grid-row:1;justify-self:start;display:grid;grid-template-rows:min(240px, 25vh) auto;row-gap:clamp(24px, 4vh, 48px);width:max-content;z-index:2;pointer-events:none;}.contact-right{grid-column:1;grid-row:1;justify-self:end;display:grid;grid-template-rows:240px auto;row-gap:clamp(24px, 4vh, 48px);width:490px;z-index:1;}.contact-title{font-family:var(--font-sans);font-size:min(clamp(5rem, 18vw, 14rem), calc(100vw / 5.8));font-weight:700;line-height:0.8;letter-spacing:-0.03em;margin-top:-0.12em;color:var(--accent-color);white-space:nowrap;padding-right:var(--content-pad-right);padding-top:20px;}.contact-artwork{position:relative;width:240px;height:240px;}.artwork-portrait{width:200px;height:200px;border-radius:50%;background-size:cover;background-position:center;position:absolute;top:20px;left:0;z-index:1;filter:grayscale(100%);}.artwork-circle{width:200px;height:200px;border-radius:50%;background:linear-gradient(to right, #FFE873, #181818);opacity:0.5;position:absolute;top:20px;left:0;z-index:2;transition:transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);}.contact-artwork.animate-in .artwork-circle{transform:translateX(50px);}.contact-links{display:flex;justify-content:space-between;width:100%;padding-left:calc(0.04 * min(clamp(5rem, 18vw, 14rem), calc(100vw / 5.8)) - 2px);padding-right:var(--content-pad-right);pointer-events:auto;margin-top:27px;}.contact-item{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:12px;}.contact-item h3{font-family:var(--font-mono);font-size:clamp(0.85rem, 1.4vw, 1.25rem);color:var(--accent-color);font-weight:500;margin:0;}.contact-item a{font-family:var(--font-mono);font-size:clamp(0.7rem, 1.3vw, 1rem);color:var(--accent-color);text-decoration:none;font-weight:500;display:flex;align-items:center;gap:6px;transition:opacity 0.3s ease;}.contact-item a:hover{opacity:0.7;}.contact-item a svg{margin-bottom:2px;width:clamp(11px, 1.3vw, 16px);height:clamp(11px, 1.3vw, 16px);}.contact-desc{width:100%;}.contact-desc p{font-family:var(--font-sans);font-size:clamp(0.85rem, 1.5vw, 1.125rem);font-weight:400;color:#e0e0e0;line-height:1.6;margin:0;text-align:justify;}.contact-divider{width:100%;height:0.5px;background-color:var(--border-color);margin:auto 0 clamp(24px, 4vh, 48px) 0;}.contact-footer-title{font-family:var(--font-sohne-mono);font-size:min(calc((100vw - 108px) / 16), 115px);white-space:nowrap;display:flex;justify-content:space-between;align-items:baseline;font-weight:700;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.25'/%3E%3C/svg%3E"), radial-gradient(circle 160px at center, #FFFCE5 5%, var(--accent-color) 25%, rgba(255, 232, 115, 0.4) 55%, transparent 100%), linear-gradient(#02050E, #02050E);background-blend-mode:overlay, normal, normal;background-size:150px 150px, 400px 200%, 100% 100%;background-repeat:repeat, no-repeat, no-repeat;color:#02050E;-webkit-text-stroke:2px transparent;-webkit-background-clip:text;background-clip:text;animation:torchSweep 3s linear infinite alternate;width:100%;box-sizing:content-box;padding-right:12px;letter-spacing:-0.02em;line-height:1;padding-bottom:0.25em;margin-bottom:-0.25em;margin-top:0;}.contact-footer-title span:last-child{padding-right:12px;margin-right:-12px;}@keyframes torchSweep{0%{background-position:0 0, calc(0% - 200px) center, 0 0;}20%{background-position:0 0, calc(20% - 120px) calc(50% + 8px), 0 0;}40%{background-position:0 0, calc(40% - 40px) calc(50% - 6px), 0 0;}60%{background-position:0 0, calc(60% + 40px) calc(50% + 10px), 0 0;}80%{background-position:0 0, calc(80% + 120px) calc(50% - 4px), 0 0;}100%{background-position:0 0, calc(100% + 200px) center, 0 0;}}.menu-toggle{display:none;cursor:pointer;color:var(--text-primary);transition:color 0.85s ease;}body.nav-about-mode .menu-toggle{color:#02050E;}@media (max-width:1024px){.grid-container{grid-template-columns:repeat(2, 1fr);}.about-grid{grid-template-columns:1fr 1fr;}.col-3{grid-column:1 / 3;grid-row:3;margin-top:var(--page-padding);}}@media (max-width:1600px){#contact{height:auto;min-height:100dvh;overflow:clip;}.contact-grid-layout{flex-grow:1;margin-bottom:clamp(16px, 4vh, 32px);}.contact-left{grid-row:1;width:max-content;max-width:100%;grid-template-rows:auto auto;row-gap:clamp(8px, 2vh, 16px);}.contact-right{grid-row:2;justify-self:start;width:calc(100vw - var(--content-pad-left) - var(--content-pad-right) - (var(--page-padding) * 2));margin-top:clamp(12px, 3vh, 32px);grid-template-rows:auto auto;row-gap:clamp(12px, 2vh, 24px);transform:none;}.contact-title{white-space:nowrap;padding-right:var(--content-pad-right);align-self:flex-start;}.contact-links{flex-direction:row;justify-content:space-between;padding-right:var(--content-pad-right);margin-top:clamp(8px, 2vh, 24px);}.contact-artwork{margin:0 auto;width:clamp(120px, 25vh, 240px);height:clamp(120px, 25vh, 240px);}.artwork-portrait, .artwork-circle{width:clamp(100px, 21vh, 200px);height:clamp(100px, 21vh, 200px);}}@media (max-width:768px){.menu-toggle{right:0;}}@media (min-width:769px) and (max-height:850px){#hero{margin-top:clamp(40px, 6vh, 80px);}#contact{padding-top:calc(130px + clamp(40px, 6vh, 80px));padding-bottom:2vh;}#hero h1, .about-title, .contact-title{font-size:min(clamp(3rem, 18vh, 14rem), calc(100vw / 5.8)) !important;line-height:0.85;}.contact-footer-title{font-size:clamp(2rem, 6vw, 115px) !important;padding-bottom:15px !important;margin-bottom:-15px !important;}.contact-artwork{width:clamp(80px, 18vh, 240px) !important;height:clamp(80px, 18vh, 240px) !important;}.artwork-portrait, .artwork-circle{width:clamp(66px, 15vh, 200px) !important;height:clamp(66px, 15vh, 200px) !important;top:clamp(6px, 1.5vh, 20px) !important;}.contact-artwork.animate-in .artwork-circle{transform:translateX(clamp(16px, 3.75vh, 50px)) !important;}.contact-grid-layout{margin-bottom:2vh;}.contact-divider{margin-bottom:3vh;}.contact-right{margin-top:1vh;row-gap:1vh;}}@media (max-width:768px){.menu-toggle{display:block;}.pill-nav{transform:none;will-change:auto;-webkit-backface-visibility:visible;backface-visibility:visible;}.pill-nav > .nav-links{display:flex;flex-direction:column;position:absolute;top:20px;z-index:-1;left:0;right:0;background:var(--bg-color);box-sizing:border-box;padding:0 var(--pill-pad);border:0 solid rgba(255, 255, 255, 0.2);border-top:none !important;border-radius:0 0 20px 20px;gap:1.5rem;transform:translateZ(0);-webkit-transform:translateZ(0);pointer-events:none;max-height:0;overflow:hidden;transition:max-height 0.7s cubic-bezier(0.22, 1, 0.36, 1), padding-bottom 0.7s cubic-bezier(0.22, 1, 0.36, 1), border-width 0.7s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.85s ease, border-color 0.85s ease;}.pill-nav > .nav-links > li:first-child{margin-top:70px;}.nav-links a{display:block;padding:10px 0;}.pill-nav.menu-open .nav-links{pointer-events:auto;max-height:400px;padding-bottom:1rem;border-width:1px;}body.nav-about-mode .pill-nav .nav-links{background:#FFE873;border-color:#292929;}body.nav-about-mode .pill-nav.menu-open .nav-links{border-width:0.5px;}.grid-container{grid-template-columns:1fr;gap:50px;}.card{aspect-ratio:auto;}.about-grid{grid-template-columns:1fr;}.col-1, .col-2, .col-3, .about-title{grid-column:1 / -1;grid-row:auto;}.col-2, .col-3{margin-top:var(--page-padding);}.intro-text{margin-bottom:30px;}}.case-study-hero{margin-top:clamp(20px, 4vw, 50px) !important;}.case-study-hero h1{white-space:normal !important;font-size:clamp(3rem, 8vw, 7rem) !important;line-height:1 !important;padding-right:0 !important;letter-spacing:-0.02em;margin-bottom:clamp(1.5rem, 4vw, 3rem) !important;}.case-study-tldr{display:flex;flex-wrap:wrap;gap:clamp(30px, 4vw, 60px);margin-top:clamp(30px, 5vw, 60px);}.tldr-number{display:block;font-family:var(--font-sans);font-size:clamp(2rem, 5vw, 3rem);font-weight:700;color:var(--accent-color);}.tldr-label{font-family:var(--font-mono);font-size:0.9rem;color:var(--text-body);}.case-study-content{padding:clamp(40px, 6vw, 80px) var(--content-pad-right) clamp(40px, 6vw, 80px) var(--content-pad-left);}.section-title{font-family:var(--font-sans);font-size:clamp(1.5rem, 3vw, 2.5rem);font-weight:700;margin-bottom:clamp(20px, 3vw, 40px);color:var(--text-primary);}.case-content-block{margin-bottom:clamp(40px, 6vw, 80px);}.case-paragraph{font-family:var(--font-sans);color:var(--text-body);line-height:1.7;font-size:clamp(0.85rem, 1.1vw, 1rem);margin-bottom:1.5rem;text-align:justify;}.case-content-block p, .case-content-block .cs-card-list{max-width:900px;}.accordion-content p, .accordion-content .cs-card-list{max-width:100%;text-align:justify;}.premium-accordion{width:100%;border-top:1px solid rgba(255, 255, 255, 0.15);border-bottom:1px solid rgba(255, 255, 255, 0.15);transition:all 0.3s ease;}.premium-accordion + .premium-accordion{border-top:none;}.cs-four-col-grid > .premium-accordion, .cs-three-col-grid > .premium-accordion, .cs-two-col-grid > .premium-accordion{border-top:1px solid rgba(255, 255, 255, 0.15);}@media (min-width:1025px){.cs-four-col-grid > .premium-accordion:nth-child(n+5){border-top:none;}.cs-three-col-grid > .premium-accordion:nth-child(n+4){border-top:none;}.cs-two-col-grid > .premium-accordion:nth-child(n+3){border-top:none;}}@media (max-width:1024px) and (min-width:901px){.cs-four-col-grid > .premium-accordion:nth-child(n+3){border-top:none;}.cs-three-col-grid > .premium-accordion:nth-child(n+3){border-top:none;}.cs-two-col-grid > .premium-accordion:nth-child(n+3){border-top:none;}}@media (max-width:900px){.cs-four-col-grid > .premium-accordion:nth-child(n+2){border-top:none;}.cs-three-col-grid > .premium-accordion:nth-child(n+2){border-top:none;}.cs-two-col-grid > .premium-accordion:nth-child(n+2){border-top:none;}}.premium-accordion summary{font-family:var(--font-mono);font-size:clamp(1.1rem, 1.5vw, 1.25rem);font-weight:500;color:var(--text-primary);padding:25px 0;padding-right:30px;cursor:pointer;list-style:none;position:relative;display:block;transition:color 0.3s ease;line-height:1.3;}.premium-accordion summary::-webkit-details-marker{display:none;}.premium-accordion summary::after{content:'+';font-size:clamp(1.5rem, 2vw, 1.8rem);font-weight:400;color:var(--accent-color);position:absolute;right:0;top:25px;margin-top:-8px;line-height:1.2;transition:transform 0.3s ease;}.premium-accordion[open] summary::after{content:'-';transform:rotate(180deg);}.premium-accordion[open] summary{color:var(--accent-color);}.accordion-content{font-family:var(--font-sans);font-size:clamp(0.85rem, 1.1vw, 1rem);color:var(--text-body);line-height:1.7;max-height:0;opacity:0;overflow:hidden;padding-top:0;padding-bottom:0;transform:translateY(-10px);transition:max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease 0.1s, transform 0.5s ease 0.1s, padding-bottom 0.6s cubic-bezier(0.4, 0, 0.2, 1), padding-top 0.6s cubic-bezier(0.4, 0, 0.2, 1);}.premium-accordion[open] .accordion-content{max-height:1000px;opacity:1;padding-top:0;padding-bottom:25px;transform:translateY(0);}.philosophy-artwork-container{position:relative;left:-25px;width:90%;max-width:1000px;margin:60px auto;aspect-ratio:1076 / 767;border-radius:12px;}#svg-injection-point{width:100%;height:100%;display:flex;justify-content:center;align-items:center;}#svg-injection-point svg{width:100%;height:100%;object-fit:contain;}.artwork-base{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:1;}.artwork-base svg{width:100%;height:100%;}.anim-layer{transform:translate(var(--tx), var(--ty));transition:transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.3s;}.anim-rect{fill:var(--orig-fill) !important;transition:stroke 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.3s, width 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.3s;}.anim-layer:last-child .anim-rect{fill:#02050E !important;transition:fill 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.3s, stroke 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.3s, width 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.3s;}.elongated-rect{width:176.3px !important;}.anim-text{fill:#FAE43E !important;transition:fill 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.3s;}.anim-text-fade-right{clip-path:inset(0 100% 0 0);fill:#02050E !important;transition:clip-path 0.3s ease-in-out 0s;}.anim-text-fade-left{clip-path:inset(0 0 0 100%);fill:#02050E !important;transition:clip-path 0.3s ease-in-out 0s;}.philosophy-artwork-container.is-stacked .anim-layer{transition:transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0s;transform:translate(0, 0);}.philosophy-artwork-container.is-stacked .anim-rect{fill:var(--orig-fill) !important;stroke:black !important;transition:stroke 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0s, width 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0s;}.philosophy-artwork-container.is-stacked .anim-layer:last-child .anim-rect{transition:fill 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0s, stroke 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0s, width 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0s;}.philosophy-artwork-container.is-stacked .elongated-rect{width:var(--orig-width) !important;}.philosophy-artwork-container.is-stacked .anim-text{fill:#02050E !important;transition:fill 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0s;}.philosophy-artwork-container.is-stacked .anim-text-fade-right, .philosophy-artwork-container.is-stacked .anim-text-fade-left{clip-path:inset(0 0 0 0);transition:clip-path 0.6s ease-in-out 0.3s;}.anim-mask-path-y{transition:stroke-dashoffset 0.2s linear 0.4s;}.anim-mask-path-z{transition:stroke-dashoffset 0.4s linear 0s;}.philosophy-artwork-container.draw-lines .anim-mask-path-y{stroke-dashoffset:0 !important;transition:stroke-dashoffset 0.2s linear 0s;}.philosophy-artwork-container.draw-lines .anim-mask-path-z{stroke-dashoffset:0 !important;transition:stroke-dashoffset 0.4s linear 0.2s;}.cs-new-layout{margin-top:150px;font-family:var(--font-sans);}.cs-main-title{font-family:var(--font-sans);font-size:clamp(32px, 5vw, 64px);font-weight:600;color:var(--accent-color);line-height:1.2;margin-bottom:30px;letter-spacing:0.5px;}.cs-abstract-text{font-size:clamp(0.85rem, 1.5vw, 1.125rem);line-height:1.6;color:#e0e0e0;text-align:justify;max-width:1100px;margin-bottom:60px;}.cs-metrics-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin-bottom:60px;}.cs-metric{display:flex;flex-direction:column;}.cs-metric-value{font-size:clamp(1.75rem, 3.5vw, 2.75rem);font-weight:800;margin-bottom:5px;font-family:var(--font-mono);line-height:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.5' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.25'/%3E%3C/svg%3E"), linear-gradient(90deg, var(--text-primary) 0%, var(--accent-color) 50%, var(--text-primary) 100%);background-size:120px 120px, 200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;animation:metricNoiseShimmer 3s linear infinite;}@keyframes metricNoiseShimmer{0%{background-position:0px 0px, 0% center;}100%{background-position:120px 120px, 200% center;}}.cs-framework-content{margin-bottom:40px;}.cs-framework-subtitle{font-family:var(--font-sans);font-size:clamp(1.15rem, 1.5vw, 1.25rem);font-weight:800;color:var(--accent-color);text-transform:uppercase;margin-bottom:12px;letter-spacing:0.5px;}.cs-framework-text{font-family:var(--font-sans);font-size:clamp(0.85rem, 1.1vw, 1rem);color:var(--text-body);line-height:1.7;max-width:650px;margin-bottom:40px;text-align:justify;}.cs-metric-label{font-size:14px;color:#a0a0a0;font-family:var(--font-mono);}.cs-divider-section{margin:60px 0 60px 0;display:flex;flex-direction:column;}.cs-mt-large{margin-top:100px;}.cs-divider-title{font-family:var(--font-sans);font-size:clamp(1.45rem, 2.5vw, 1.75rem);font-weight:800;color:var(--text-color);margin-bottom:10px;text-transform:uppercase;}.cs-divider-line{width:100%;height:1px;background-color:rgba(255, 255, 255, 0.2);}.cs-abstract-cards{display:grid;grid-template-columns:1fr 1fr;gap:30px;}.cs-abstract-cards.cs-three-columns{grid-template-columns:repeat(3, 1fr);}.cs-card{background-color:transparent;border:1px solid rgba(255, 255, 255, 0.2);border-radius:8px;padding:30px;transition:box-shadow 0.8s ease-out, border-color 0.8s ease-out;}.cs-card.glow-active{}.cs-card-header{font-size:clamp(1.15rem, 1.5vw, 1.25rem);font-weight:700;color:var(--accent-color);margin-bottom:15px;font-family:var(--font-sans);line-height:1.3;}.cs-card-text{font-size:clamp(0.85rem, 1.1vw, 1rem);line-height:1.7;color:#d0d0d0;text-align:justify;}.cs-card-list{list-style-type:none;padding-left:0;color:#d0d0d0;font-size:clamp(0.85rem, 1.1vw, 1rem);line-height:1.7;text-align:justify;}.cs-card-list li{margin-bottom:10px;position:relative;padding-left:15px;}.cs-card-list li::before{content:"•";position:absolute;left:0;color:#fff;}.cs-card-list li:last-child{margin-bottom:0;}.cs-card-list strong{color:#fff;font-weight:600;}.cs-failures-list{display:grid;grid-template-columns:1fr;gap:30px;margin-bottom:0px;}@media (max-width:900px){.cs-metrics-grid{grid-template-columns:repeat(2, 1fr);}.cs-abstract-cards, .cs-abstract-cards.cs-three-columns{grid-template-columns:1fr;}}@media (max-width:600px){.cs-metrics-grid{grid-template-columns:1fr;}.cs-main-title{font-size:32px;}}.cs-eval-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:80px;}.cs-three-col-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:0 40px;margin-bottom:40px;}.cs-col-title-1, .cs-col-title-2, .cs-col-title-3{align-self:start;}.cs-four-col-grid{display:grid;grid-template-columns:repeat(4, 1fr);column-gap:40px;row-gap:0;margin-bottom:60px;align-items:start;}.cs-three-col-grid{display:grid;grid-template-columns:repeat(3, 1fr);column-gap:40px;row-gap:0;margin-bottom:60px;align-items:start;}.cs-roi-top-content-1{}.cs-roi-top-content-2{}.cs-two-col-grid{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:40px;row-gap:0;margin-bottom:60px;align-items:start;}@media (max-width:1024px){.cs-four-col-grid{grid-template-columns:repeat(2, 1fr);}.cs-three-col-grid{grid-template-columns:repeat(2, 1fr);}}@media (max-width:1024px) and (min-width:901px){.cs-col-title-1{grid-column:1;grid-row:1;min-height:auto;}.cs-col-title-2{grid-column:2;grid-row:1;min-height:auto;}.cs-col-text-1{grid-column:1;grid-row:2;margin-bottom:40px;}.cs-col-text-2{grid-column:2;grid-row:2;margin-bottom:40px;}.cs-col-title-3{grid-column:1 / span 2;grid-row:3;min-height:auto;}.cs-col-text-3{grid-column:1 / span 2;grid-row:4;}}@media (max-width:900px){.cs-roi-col-left{margin-bottom:60px;}.cs-roi-grid .cs-roi-col-left, .cs-roi-grid .cs-roi-col-right{display:contents;}.cs-eval-grid{grid-template-columns:1fr;gap:40px;}.cs-four-col-grid, .cs-three-col-grid, .cs-two-col-grid{grid-template-columns:1fr;column-gap:20px;row-gap:0;}.cs-col-title-1{grid-row:1;min-height:auto;}.cs-col-text-1{grid-row:2;margin-bottom:40px;}.cs-col-title-2{grid-row:3;min-height:auto;}.cs-col-text-2{grid-row:4;margin-bottom:40px;}.cs-col-title-3{grid-row:5;min-height:auto;}.cs-col-text-3{grid-row:6;}}.cs-eval-quote{font-family:var(--font-sans);font-size:clamp(1.1rem, 1.5vw, 1.3rem);font-style:italic;font-weight:700;line-height:1.6;color:#ffffff;margin-bottom:30px;}.cs-eval-subtitle-container{display:flex;justify-content:space-between;align-items:center;color:var(--accent-color);font-family:var(--font-sans);font-weight:700;font-size:clamp(1rem, 1.2vw, 1.1rem);padding-bottom:15px;border-bottom:1px solid rgba(255, 255, 255, 0.2);margin-bottom:20px;}.cs-eval-graph img{width:85% !important;max-width:700px;height:auto;display:block;}.cs-narrative-banner{width:100%;height:auto;display:block;filter:drop-shadow(0 0 8px rgba(255, 244, 160, 0.15));}.cs-narrative-cutout-container{display:flex;gap:4%;align-items:flex-start;}.cs-narrative-cutout-img{flex:0 0 42%;}.cs-narrative-cutout-img img{width:100%;height:auto;display:block;filter:drop-shadow(0 0 8px rgba(255, 244, 160, 0.15));}.cs-narrative-cutout-text{flex:1;font-family:var(--font-sans);font-style:italic;font-size:clamp(1rem, 1.2vw, 1.15rem);line-height:1.6;margin-bottom:0;color:#ffffff;}@media (max-width:1200px){.cs-narrative-cutout-container{flex-direction:column;align-items:flex-start;gap:40px;}.cs-narrative-cutout-img{flex:0 0 auto;width:42%;}.cs-narrative-cutout-text{width:100%;}}.menu-toggle svg line{transition:stroke-dasharray 0.4s cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), stroke 0.4s ease, stroke-width 0.4s ease;stroke-dasharray:16 32;stroke-dashoffset:0;stroke-width:2.5px;transform-origin:center;}.pill-nav.menu-open .menu-toggle svg line{stroke:var(--accent-color);stroke-dasharray:0 32;stroke-width:7px;}body.nav-about-mode .pill-nav.menu-open .menu-toggle svg line{stroke:#02050E;}.pill-nav.menu-open .menu-toggle svg line:nth-child(1){stroke-dashoffset:-2;transform:none;}.pill-nav.menu-open .menu-toggle svg line:nth-child(2){stroke-dashoffset:-14;transform:translateY(-1.5px);}.pill-nav.menu-open .menu-toggle svg line:nth-child(3){stroke-dashoffset:-14;transform:translateY(1.5px);}