@font-face{font-family:Gambetta;src:url(/fonts/Gambetta-Regular.woff2) format("woff2");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Gambetta;src:url(/fonts/Gambetta-Medium.woff2) format("woff2");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Gambetta;src:url(/fonts/Gambetta-Semibold.woff2) format("woff2");font-weight:600;font-display:swap;font-style:normal}@font-face{font-family:Gambetta;src:url(/fonts/Gambetta-MediumItalic.woff2) format("woff2");font-weight:500;font-display:swap;font-style:italic}@property --gx1{syntax:"<percentage>";inherits:false;initial-value:0%}@property --gy1{syntax:"<percentage>";inherits:false;initial-value:0%}@property --gx2{syntax:"<percentage>";inherits:false;initial-value:100%}@property --gy2{syntax:"<percentage>";inherits:false;initial-value:0%}*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--color-bg:#FAF8F5;--color-bg-dark:#000;--color-text:#2E2A3B;--color-text-muted:#8A8695;--color-accent:#4A4560;--color-accent-rgb:46,42,59;--color-link:#5E5878;--font-sans:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;--font-serif:"Gambetta",Georgia,serif}html{scroll-behavior:smooth;background:var(--color-bg)}body{font-family:var(--font-sans);background:transparent;color:var(--color-text);line-height:1.6;overflow-x:hidden;cursor:none}a{color:var(--color-link);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.7}.gradient-bg-wrapper{position:fixed;inset:0;z-index:0;opacity:0;transition:opacity .8s ease;pointer-events:none}.gradient-bg-wrapper.gradient-visible{opacity:.5}.gradient-page-wrapper{align-items:center;width:100vw;height:100vh}.gradient-page-wrapper,.gradient-panel-wrapper{display:flex;justify-content:center;overflow:hidden}.gradient-panel-wrapper{flex:1 1;align-items:stretch;min-height:100vw;margin:-10vw;position:relative}.gradient-blur-layer{position:absolute;inset:0;z-index:1;backdrop-filter:blur(100px);-webkit-backdrop-filter:blur(100px);background-color:rgba(0,0,0,.01)}.gradient-panel{background:radial-gradient(circle farthest-side at var(--gx1,0) var(--gy1,0),#a3c4e8,transparent),linear-gradient(180deg,#f0d870cc,transparent 71%),radial-gradient(circle farthest-side at var(--gx2,100%) var(--gy2,0),#deb0a0,transparent);border-radius:100vw;flex:1 1;display:flex;justify-content:center;padding:80px;position:relative;animation:gradientShift 30s linear infinite}@keyframes gradientShift{0%{--gx1:0%;--gy1:0%;--gx2:100%;--gy2:0%}25%{--gx1:50%;--gy1:70%;--gx2:30%;--gy2:80%}50%{--gx1:100%;--gy1:30%;--gx2:0%;--gy2:60%}75%{--gx1:40%;--gy1:90%;--gx2:70%;--gy2:10%}to{--gx1:0%;--gy1:0%;--gx2:100%;--gy2:0%}}.grain-overlay{position:fixed;inset:-50%;width:200%;height:200%;z-index:9998;pointer-events:none;opacity:.06;filter:url(#grain-filter);animation:grainShift .4s steps(3) infinite}@keyframes grainShift{0%{transform:translate(0)}33%{transform:translate(-3%,-3%)}66%{transform:translate(3%,1%)}to{transform:translate(0)}}.preloader{position:fixed;inset:0;background:#2E2A3B;z-index:9999;display:flex;align-items:center;justify-content:center;transition:transform 1s cubic-bezier(.76,0,.24,1)}.preloader.slide-up{transform:translateY(-100%)}.preloader-logo{width:clamp(120px,20vw,180px);height:auto}.preloader-logo path{fill:transparent;stroke:#fff;stroke-width:.3}.preloader-logo.waiting{animation:logoPulse 1.5s ease-in-out infinite}@keyframes logoPulse{0%,to{opacity:1}50%{opacity:.4}}.cursor{width:12px;height:12px;background:var(--color-accent);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9999;will-change:transform;display:flex;align-items:center;justify-content:center;transition:width .15s ease,height .15s ease,padding .15s ease,border-radius .15s ease,opacity .15s ease}.cursor-text{font-family:var(--font-sans);font-size:0;font-weight:500;color:#fff;white-space:nowrap;opacity:0;transition:font-size .2s ease,opacity .2s ease}.cursor.hover{width:24px;height:24px}.cursor.cursor-pill{width:auto;height:auto;padding:9px 18px;border-radius:100px;background:rgba(255,255,255,.22);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.35);border-top-color:rgba(255,255,255,.55);box-shadow:0 4px 24px -2px rgba(0,0,0,.1),inset 0 .5px 0 0 rgba(255,255,255,.25)}.cursor.cursor-pill .cursor-text{font-family:var(--font-sans);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:rgba(0,0,0,.65);opacity:1}@media (hover:none){body{cursor:auto}.cursor{display:none}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;opacity:0;transition:opacity .5s ease}.nav.revealed{opacity:1}.nav-logo{font-size:.875rem;font-weight:400;letter-spacing:.02em;transition:color .3s ease}.nav-links{display:flex;gap:.5rem}.nav-links a{padding:.5rem 1rem;font-size:.875rem;border-radius:50px;transition:all .2s ease}.nav-hero{mix-blend-mode:difference}.nav-hero .nav-links a,.nav-hero .nav-logo{color:#fff}.nav-hero .nav-links a:hover{opacity:.7}.nav-light .nav-links a,.nav-light .nav-logo{color:var(--color-text)}.nav-light .nav-links a:hover{background:rgba(0,0,0,.05);opacity:1}.hero{position:relative;z-index:1;height:100vh;background:transparent}.hero,.hero-video-wrapper{width:100%;overflow:hidden}.hero-video-wrapper{position:absolute;inset:0;height:100%;will-change:transform,border-radius;transform-origin:center center}.hero-video{width:100%;height:100%;object-fit:cover}.hero-video.loading{opacity:0}.hero-video.loaded{opacity:1;transition:opacity .3s ease}.hero-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;mix-blend-mode:difference}.hero-title{font-family:Lora,Georgia,serif;font-size:clamp(3rem,10vw,6rem);letter-spacing:.02em;margin-bottom:1.5rem}.hero-btn,.hero-title{font-weight:400;color:#fff}.hero-btn{padding:.6rem 1.75rem;background:transparent;border:1px solid #fff;border-radius:50px;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;transition:background .3s ease}.hero-btn:hover{background:rgba(255,255,255,.1);opacity:1}.about{position:relative;z-index:1;background:transparent;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center}.about-intro{display:grid;grid-template-columns:280px 1fr;grid-gap:3rem;gap:3rem;align-items:center;width:100%;max-width:900px;margin:0 auto 2rem}.about-intro-image img{width:100%;max-width:280px;height:auto;object-fit:cover;border-radius:4px;box-shadow:0 10px 40px rgba(0,0,0,.08)}.about-intro-content{max-width:450px}.about-intro-content h2{font-family:var(--font-serif);font-size:clamp(1.5rem,2.5vw,1.85rem);font-weight:400;font-style:normal;line-height:1.35;margin-bottom:1.25rem}.about-subtitle{font-size:.85rem;font-weight:300;color:var(--color-text-muted);margin-bottom:1.25rem;line-height:1.7}.about-hint{display:inline-block;padding:.5rem 1rem;background:rgba(var(--color-accent-rgb),.08);color:var(--color-accent);font-family:var(--font-sans);font-size:.8rem;font-weight:300;border:1px solid rgba(var(--color-accent-rgb),.25);border-radius:6px}.about-section{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:center;width:100%;max-width:850px;margin:0 auto;padding:3rem 0}.about-section-reverse .photo-cluster{order:-1}.about-section .about-content{padding-right:1rem}.about-section-reverse .about-content{padding-left:1rem;padding-right:0}.section-title{font-family:var(--font-serif);font-size:1.75rem;font-weight:400;font-style:italic;margin-bottom:1.25rem}.about-list{list-style:disc;padding-left:1.25rem}.about-list li{margin-bottom:.85rem;font-size:.8rem;font-weight:300;line-height:1.7;color:var(--color-text)}.about-list a{color:var(--color-link)}.about-list a:hover{text-decoration:underline}.photo-cluster{position:relative;width:100%;height:400px;cursor:pointer;perspective:1000px}.polaroid{position:absolute;background:#f5f4f0;padding:12px 12px 44px;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.12);transition:all .25s ease-out;width:220px}.polaroid img{width:100%;height:190px;object-fit:cover;display:block}.polaroid-1{top:50%;left:50%;transform:translate(-50%,-50%) rotate(-2deg);z-index:4}.polaroid-2{top:50%;left:50%;transform:translate(-55%,-45%) rotate(3deg);z-index:3}.polaroid-3{top:50%;left:50%;transform:translate(-45%,-55%) rotate(-4deg);z-index:2}.polaroid-4{top:50%;left:50%;transform:translate(-52%,-48%) rotate(5deg);z-index:1}.photo-cluster.spread .polaroid-1{top:0;left:0;transform:rotate(-3deg)}.photo-cluster.spread .polaroid-2{top:0;left:50%;transform:rotate(2deg)}.photo-cluster.spread .polaroid-3{top:50%;left:0;transform:rotate(-2deg)}.photo-cluster.spread .polaroid-4{top:50%;left:50%;transform:rotate(3deg)}.footer{position:relative;z-index:1;background:transparent;color:var(--color-text);padding:4rem 5% 2rem;border-top:1px solid rgba(46,42,59,.1)}.footer-top{display:grid;grid-template-columns:1.2fr .8fr 1fr;grid-gap:3rem;gap:3rem;max-width:1200px;margin:0 auto}.footer-col{display:flex;flex-direction:column;gap:.5rem}.footer-col-heading{font-family:var(--font-sans);font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.5rem}.footer-name{font-family:var(--font-serif);font-size:1.35rem;color:var(--color-text);text-decoration:none;font-weight:500;letter-spacing:-.01em}.footer-name:hover{opacity:.7}.footer-tagline{font-size:.85rem;color:var(--color-text-muted);line-height:1.5;margin-top:.25rem}.footer-col-center a,.footer-col-right>a{color:var(--color-text-muted);text-decoration:none;font-size:.9rem;transition:color .2s;line-height:1.8}.footer-col-center a:hover,.footer-col-right>a:hover{color:var(--color-text)}.footer-socials{display:flex;gap:.75rem;margin-top:.5rem}.footer-socials a{color:var(--color-text-muted);transition:color .2s,transform .2s;display:flex;align-items:center;justify-content:center}.footer-socials a:hover{color:var(--color-text);transform:translateY(-1px)}.footer-bottom{max-width:1200px;margin:3.5rem auto 0;text-align:center}.footer-divider{height:1px;background:rgba(46,42,59,.1);margin-bottom:1.5rem}.footer-bottom p{font-size:.78rem;color:var(--color-text-muted);letter-spacing:.02em}@media (max-width:768px){.footer{padding:3rem 6% 2rem}.footer-top{grid-template-columns:1fr;gap:2rem}.footer-col-center{flex-direction:row;gap:1.5rem;flex-wrap:wrap}.footer-col-center .footer-col-heading,.footer-col-right .footer-col-heading{width:100%}}.page-section{padding-top:6rem}.page-light{background:transparent}.page-light .nav-logo{color:var(--color-text)}.contact-page{position:relative;z-index:1;background:transparent;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 5%}.contact-content{max-width:600px;text-align:center}.contact-title{font-family:var(--font-serif);font-size:clamp(2.5rem,5vw,4rem);font-weight:400;font-style:normal;margin-bottom:1.5rem}.contact-subtitle{font-size:1rem;font-weight:300;color:var(--color-text-muted);line-height:1.7;margin-bottom:3rem}.contact-links{display:flex;flex-direction:column;gap:1.5rem}.contact-link{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.05);transition:transform .2s ease,box-shadow .2s ease}.contact-link:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.1);opacity:1}.contact-link-label{font-size:.875rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.contact-link-value{font-size:1rem;color:var(--color-text)}.work-page{position:relative;z-index:1;background:transparent;padding:5rem 5% 2rem}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:3rem 2.5rem;gap:3rem 2.5rem;max-width:1100px;margin:0 auto 6rem;padding:0 2rem}.project-image{width:100%;aspect-ratio:3/2;border-radius:8px;overflow:hidden;margin-bottom:1.25rem;background:#f0f0f0}.project-image img,.project-image video{width:100%;height:100%;object-fit:cover}.project-link{display:block;color:var(--color-text)}.project-link:hover{opacity:1}@media (hover:hover) and (pointer:fine){.other-work-card a:focus-visible,.project-link:focus-visible,.writing-link:focus-visible{outline:2px solid rgba(var(--color-accent-rgb),.55);outline-offset:6px;border-radius:12px}}.project-title{font-family:var(--font-serif);font-size:1.35rem;font-weight:400;margin-bottom:.25rem}.project-desc{font-size:.85rem;font-weight:300;color:var(--color-text-muted);line-height:1.6}.work-tagline{max-width:1100px;margin:0 auto 5rem;padding:0 2rem}.tagline-label{font-family:monospace;font-size:.3em;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-right:1.35em;vertical-align:baseline;opacity:.8;display:inline-block;position:relative;top:-.03em;white-space:nowrap}.work-tagline h2{font-family:var(--font-serif);font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:400;line-height:1.35;color:var(--color-text);letter-spacing:-.01em}.tagline-buttons{display:flex;gap:.75rem;margin-top:2rem}.tagline-btn{font-family:var(--font-sans);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-accent);text-decoration:none;padding:.6rem 1.5rem;border:1px solid var(--color-accent);border-radius:6px;transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease;min-width:10rem;text-align:center;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.tagline-btn-primary{background:var(--color-accent);color:#fff}.tagline-btn-primary:hover{background:rgba(var(--color-accent-rgb),.92);opacity:1}.tagline-btn-secondary{background:transparent;color:var(--color-accent);border-color:rgba(var(--color-accent-rgb),.55)}.tagline-btn-secondary:hover{background:rgba(var(--color-accent-rgb),.06);border-color:rgba(var(--color-accent-rgb),.75);opacity:1}.tagline-btn:active{transform:translateY(1px)}.work-tagline em{font-style:italic}.icon-inline{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin:0 .1em;position:relative;top:-.05em}.icon-inline svg{width:.85em;height:.85em;display:block;color:var(--color-accent);stroke:var(--color-accent);stroke-width:2.5}.icon-inline svg path{fill:none;stroke:var(--color-accent)}.icon-wave{transform-origin:50% 50%}.icon-wave svg{animation:gentleBounce 3s ease-in-out infinite}@keyframes gentleBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.05)}}.icon-code svg{transform-origin:50% 50%;animation:codeRock 4s ease-in-out infinite}@keyframes codeRock{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(-6deg) scale(1.05)}75%{transform:rotate(6deg) scale(1.05)}}.icon-sparkle svg{transform-origin:50% 50%;animation:sparkleTwinkle 3.5s ease-in-out infinite}.icon-sparkle svg path:first-child{animation:sparkleGlow 3.5s ease-in-out infinite}@keyframes sparkleTwinkle{0%,to{transform:rotate(0deg) scale(1);filter:brightness(1)}25%{transform:rotate(8deg) scale(1.12);filter:brightness(1.15)}50%{transform:rotate(0deg) scale(.95);filter:brightness(.9)}75%{transform:rotate(-8deg) scale(1.1);filter:brightness(1.1)}}@keyframes sparkleGlow{0%,to{opacity:1}30%{opacity:.6}60%{opacity:1}80%{opacity:.7}}.featured-writing{max-width:1100px;margin:0 auto 6rem;padding:0 2rem}.featured-writing-title{font-family:monospace;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:1.5rem}.writing-image{width:240px;height:160px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#f5f5f5}.writing-image img{width:100%;height:100%;object-fit:cover}.writing-link{display:flex;gap:2.5rem;align-items:flex-start;color:var(--color-text);text-decoration:none;padding:1rem 0}.writing-link:hover{opacity:1}.writing-content{flex:1 1;padding-top:.25rem}.writing-title{font-family:var(--font-serif);font-size:1.1rem;font-weight:400;margin-bottom:.25rem;line-height:1.4}.writing-desc{font-size:.9rem;font-weight:300;color:var(--color-text-muted);line-height:1.6}.other-works{max-width:1100px;margin:0 auto;padding:0 2rem 6rem}.other-works-title{font-family:monospace;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:1.5rem}.other-works-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem}.other-work-card h4{font-family:var(--font-serif);font-size:1rem;font-weight:400;margin-top:1rem}.other-work-card a{display:block;color:var(--color-text)}.other-work-card a:hover{opacity:1}.laptop-mockup{position:relative;width:100%;padding-top:62.5%;background:#e8e8e8;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1)}.laptop-mockup img,.laptop-mockup video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media (max-width:768px){.about-intro{grid-template-columns:1fr;text-align:center}.about-intro-image img{max-width:300px;margin:0 auto}.about-intro-content{max-width:100%}.about-section{grid-template-columns:1fr;gap:2rem}.photo-cluster{height:300px}.polaroid{width:180px;padding:10px 10px 36px}.polaroid img{height:150px}.other-works-grid,.projects-grid{grid-template-columns:1fr}.writing-link{flex-direction:column;gap:1.25rem}.writing-image{width:100%;height:180px}.writing-content{padding-top:0}.contact-link{flex-direction:column;gap:.5rem;text-align:center}}.page-case-study .gradient-bg-wrapper,.page-case-study .grain-overlay{display:none}.case-study{position:relative;z-index:1;background:var(--color-bg);padding-top:0}.cs-hero{display:grid;grid-template-columns:1fr 1.1fr;grid-gap:5rem;gap:5rem;max-width:1200px;margin:0 auto;padding:7rem 3rem 6rem;align-items:center}.cs-hero-split{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;max-width:none;margin:0;padding:0;min-height:100vh}.cs-hero-left{padding:3rem 4rem;display:flex;flex-direction:column;justify-content:center;background:#ffffff}.cs-logo{font-family:var(--font-sans);font-size:.95rem;color:#999;text-decoration:none;margin-bottom:auto;padding-bottom:4rem}.cs-logo:hover{color:var(--color-text)}.cs-hero-content{max-width:500px}.cs-hero-meta{font-family:monospace;font-size:.85rem;color:#888;margin-bottom:1.5rem;letter-spacing:.02em}.cs-hero-title{font-family:var(--font-serif);font-size:clamp(2rem,3.5vw,2.75rem);font-weight:400;line-height:1.15;margin-bottom:1.5rem;color:var(--color-text)}.cs-hero-description{font-size:1rem;font-weight:300;color:#666;line-height:1.7;margin-bottom:2rem}.cs-hero-tags{display:flex;gap:.75rem;flex-wrap:wrap}.cs-hero-right{position:relative;overflow:hidden}.cs-hero-right img{width:100%;height:100%;object-fit:cover}.cs-video-embed{position:relative;width:100%;padding-bottom:56.25%;margin:2rem 0;border-radius:12px;overflow:hidden;background:#000}.cs-video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.cs-meta{font-size:.8rem;margin-bottom:1.25rem}.cs-back-link,.cs-meta{font-family:monospace;color:#888;letter-spacing:.04em}.cs-back-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;text-decoration:none;margin-bottom:1rem}.cs-back-link:hover,.cs-title{color:var(--color-text)}.cs-title{font-family:var(--font-serif);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:400;line-height:1.2;margin-bottom:0}.cs-description{font-size:.95rem;font-weight:300;color:#666;line-height:1.7;margin-bottom:2rem;max-width:500px}.cs-tags{display:flex;gap:.5rem}.cs-tag{padding:.4rem .85rem;border:1px solid #ddd;border-radius:4px;font-size:.8rem;color:#555}.cs-hero-content{padding-top:0}.cs-hero-media{display:flex;justify-content:center;align-items:center}.cs-hero-media img{width:100%;max-width:500px;height:auto;object-fit:contain;border-radius:8px}.cs-hero-mockup{width:100%;max-width:450px;aspect-ratio:4/3;background:#EFECE9;border-radius:12px;display:flex;align-items:center;justify-content:center}.cs-mockup-btn{padding:1rem 2rem;background:#1a1a1a;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:500;cursor:pointer}.cs-hero-video{width:100%;background:#EFECE9;border-radius:10px;overflow:hidden}.cs-hero-video video{width:100%;max-height:400px;object-fit:cover;display:block;border-radius:8px}.cs-section{padding:5rem 2rem}.cs-section-gray{background:#F4F2EF}.cs-section-inner{max-width:640px;margin:0 auto;padding:0}.cs-section-label{font-family:monospace;font-size:.75rem;color:#999;margin-bottom:1.5rem;letter-spacing:.03em;text-transform:uppercase}.cs-section-title{font-family:var(--font-serif);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:400;line-height:1.3;margin-bottom:1.5rem;color:var(--color-text)}.cs-section-text{font-size:.95rem;color:#555;line-height:1.75;margin-bottom:2.5rem}.cs-section-text:last-child{margin-bottom:0}.cs-problem-list{list-style:none;padding:0;margin:0 0 2.5rem}.cs-problem-list li{font-size:.95rem;color:#555;line-height:1.75;padding-left:1.5rem;position:relative;margin-bottom:.75rem}.cs-problem-list li:last-child{margin-bottom:0}.cs-problem-list li:before{content:"\2022";position:absolute;left:0;color:var(--color-accent);font-size:1.2rem;line-height:1.4}.cs-diagram-placeholder{margin:2.5rem 0}.cs-diagram-placeholder img{width:100%;height:auto;display:block}.cs-diagram-label{font-family:monospace;font-size:.75rem;color:#999;letter-spacing:.05em;text-transform:uppercase;margin:0}.cs-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2rem;gap:2rem;margin-top:3rem;padding-top:3rem;border-top:1px solid #e3e3e3}.cs-meta-label{font-family:monospace;font-size:.65rem;color:#999;margin-bottom:.5rem;letter-spacing:.08em;text-transform:uppercase}.cs-meta-value{font-size:.85rem;color:var(--color-text);line-height:1.5}.cs-features{max-width:1100px;margin:0 auto;padding:5rem 2rem}.cs-features-label{font-family:monospace;font-size:.75rem;color:#999;margin-bottom:3rem;letter-spacing:.03em;text-transform:uppercase}.cs-feature{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:5rem;gap:5rem;align-items:center;margin-bottom:6rem}.cs-feature-content{display:flex;flex-direction:column;justify-content:center}.cs-feature:last-child{margin-bottom:0}.cs-feature-media{background:#ffffff;border-radius:12px;overflow:hidden;border:1px solid #e3e3e3}.cs-feature-media img,.cs-feature-media video{width:100%;height:auto;display:block}.cs-feature-title{font-family:var(--font-serif);font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:400;line-height:1.3;margin-bottom:1rem;color:var(--color-text)}.cs-feature-text{font-size:.95rem;color:#666;line-height:1.75}.cs-results-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3rem;gap:3rem;margin-top:3rem}.cs-result-title{font-family:var(--font-serif);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:400;line-height:1.3;margin-bottom:1rem;color:var(--color-text)}.cs-result-text{font-size:.9rem;color:#666;line-height:1.7}.cs-reflection-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3rem;gap:3rem;margin-top:3rem}.cs-reflection-title{font-family:var(--font-serif);font-size:clamp(1.25rem,2vw,1.6rem);font-weight:400;line-height:1.3;margin-bottom:1rem;color:var(--color-text)}.cs-reflection-text{font-size:.9rem;color:#666;line-height:1.7}.cs-reflection-text strong{color:var(--color-text);font-weight:600}@media (max-width:900px){.cs-hero{gap:3rem}.cs-hero,.cs-hero-split{grid-template-columns:1fr}.cs-hero-split{min-height:auto}.cs-hero-left{padding:2rem;order:2}.cs-hero-right{order:1;height:50vh}.cs-logo{position:absolute;top:2rem;left:2rem;margin-bottom:0;padding-bottom:0;z-index:10;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.cs-hero-mockup{max-width:100%}.cs-meta-grid{grid-template-columns:repeat(2,1fr)}.cs-feature,.cs-reflection-grid,.cs-results-grid{grid-template-columns:1fr;gap:2rem}}@media (max-width:600px){.cs-hero{gap:3rem}.cs-hero,.cs-section{padding:4rem 1.5rem}.cs-section-inner{padding:0;max-width:100%}.cs-features{padding:4rem 1.5rem}.cs-meta-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem;padding-top:2rem}}.cs-hero-phones{width:100%;display:flex;justify-content:center;align-items:center}.cs-hero-phones img{width:100%;height:auto;object-fit:contain}.cs-section-text strong{font-weight:600;color:var(--color-text)}.cs-challenges-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.25rem;gap:1.25rem;margin:1.5rem 0}.cs-challenge-card{background:#ffffff;padding:2rem;border-radius:8px;border:1px solid #e3e3e3}.cs-challenge-title{font-family:var(--font-serif);font-size:1.1rem;font-weight:400;margin-bottom:.5rem;color:var(--color-text)}.cs-challenge-text{font-size:.85rem;color:#666;line-height:1.65}.cs-callout{border:1.5px dashed #d9d9d9;padding:2rem 2.5rem;margin-top:2.5rem;border-radius:8px;background:#f7f7f7}.cs-callout-title{font-family:var(--font-serif);font-size:1.1rem;font-weight:400;margin-bottom:.5rem;color:var(--color-text)}.cs-callout-text{font-size:.875rem;color:#666;line-height:1.7}.cs-callout-text strong{color:var(--color-text);font-weight:600}.cs-callout-text em{font-style:italic}.cs-exploration-block{background:#ffffff;border-radius:8px;padding:2rem;margin:2rem 0;border:1px solid #e3e3e3}.cs-exploration-block img{width:100%;height:auto;display:block}.cs-exploration-row{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:2rem;gap:2rem;margin:2rem 0;align-items:center}.cs-exploration-phone img,.cs-exploration-phone video{width:100%;max-width:280px;height:auto;display:block;margin:0 auto;border-radius:24px}.cs-interaction-layout,.cs-profiles-layout{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin:2.5rem auto;max-width:720px;position:relative;left:50%;transform:translateX(-50%);width:calc(100% + 80px)}.cs-wireframes-box{display:flex;align-items:flex-start;justify-content:center;gap:1.25rem;background:#ffffff;padding:2rem 2rem 1.25rem;border-radius:6px;border:1px solid #e3e3e3;min-width:280px}.cs-interaction-item{text-align:center;flex:0 0 auto}.cs-interaction-item .cs-wireframe-img img{width:120px;height:auto;border-radius:8px}.cs-interaction-arrow{font-size:1.5rem;color:#bbb;flex-shrink:0}.cs-wireframe-label{font-family:var(--font-sans);font-size:.8rem;font-style:italic;color:#999;margin-top:.75rem;letter-spacing:.01em}.cs-final-phone{flex:0 0 auto}.cs-final-phone video{height:360px;width:auto}.cs-final-phone img{height:480px;width:auto}.cs-wireframes-box-labeled{position:relative;padding-top:2.5rem}.cs-version-label{position:absolute;top:1rem;left:1.5rem;font-family:monospace;font-size:.65rem;color:#aaa;letter-spacing:.1em;text-transform:uppercase}.cs-wireframes-row{display:flex;align-items:flex-start;gap:1.25rem}.cs-profile-wireframe{text-align:center;flex:0 0 auto}.cs-profile-wireframe .cs-wireframe-img img{width:120px;height:auto;border-radius:8px}.cs-wireframes-grid{display:flex;justify-content:center;gap:2rem;margin:1.5rem 0;background:#ffffff;padding:2rem 1.5rem;border-radius:6px;border:1px solid #e3e3e3}.cs-wireframe{text-align:center;max-width:140px}.cs-wireframe-img{margin-bottom:.75rem}.cs-wireframe-img img{width:100%;max-width:120px;height:auto;border-radius:6px}.cs-options-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;margin:2rem 0}.cs-option-title{font-family:var(--font-serif);font-size:.9rem;font-weight:400;margin-bottom:.35rem;color:var(--color-text)}.cs-option-text{font-size:.75rem;color:#777;line-height:1.5}.cs-transform-list{display:flex;flex-direction:column;gap:.75rem}.cs-transform-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:1.5rem;gap:1.5rem}.cs-transform-from{font-size:.875rem;color:#777;text-align:right}.cs-transform-arrow{font-size:1rem;color:#ccc;text-align:center}.cs-transform-to{font-size:.875rem;color:#444;font-weight:500;text-align:left}.cs-flow{display:grid;grid-template-columns:1fr 1fr;grid-gap:5rem;gap:5rem;align-items:center;margin-bottom:5rem}.cs-flow:last-child{margin-bottom:0}.cs-flow-media{border-radius:12px;overflow:hidden}.cs-flow-media img,.cs-flow-media video{width:100%;height:auto;display:block}.cs-flow-title{font-family:var(--font-serif);font-size:clamp(1.5rem,2.5vw,1.75rem);font-weight:400;margin-bottom:1rem;color:var(--color-text)}.cs-flow-text{font-size:.95rem;color:#666;line-height:1.7}.cs-flow-text em{font-style:italic}@media (max-width:900px){.cs-challenges-grid{grid-template-columns:1fr}.cs-wireframes-grid{flex-wrap:wrap;gap:2rem}.cs-wireframe{max-width:160px}.cs-interaction-layout,.cs-profiles-layout{left:auto;transform:none;width:100%;max-width:100%;flex-wrap:wrap;gap:1.5rem}.cs-interaction-grid,.cs-profiles-grid{flex-wrap:wrap;gap:1.5rem}.cs-interaction-arrow{display:none}.cs-final-phone img,.cs-final-phone video{height:280px}.cs-interaction-item .cs-wireframe-img img,.cs-profile-wireframe .cs-wireframe-img img{width:140px}.cs-interaction-grid .cs-exploration-phone img,.cs-interaction-grid .cs-exploration-phone video,.cs-profiles-grid .cs-exploration-phone img{width:140px;max-width:140px}.cs-exploration-row,.cs-options-grid{grid-template-columns:1fr}.cs-transform-row{grid-template-columns:1fr auto 1fr;gap:1rem}.cs-transform-from,.cs-transform-to{font-size:.9rem}.cs-flow{grid-template-columns:1fr;gap:2rem}}