*{box-sizing:border-box;margin:0;padding:0}:root{--teal:#1a5f7a;--teal-dark:#134d63;--teal-mid:#1e6d8a;--teal-light:#e4f2f7;--teal-xlight:#f0f8fb;--grey-bg:#f5f5f3;--text:#1a1a1a;--subtext:#333;--border:#e4e4e0;--border-soft:#eeede9}body{color:var(--text);-webkit-font-smoothing:antialiased;background:#fff;font-family:Golos Text,system-ui,sans-serif}h1,h2,h3,h4,.cs-title-card h1,.cs-conclusion h2,.cs-conclusion h3,.cs-section-title,.cs-takeaway h4{font-family:Sofia Sans,sans-serif}nav{border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(12px);z-index:100;background:#ffffffeb;justify-content:space-between;align-items:center;padding:14px 32px;display:flex;position:sticky;top:0}.logo{cursor:pointer;opacity:.85;width:44px;height:44px;transition:opacity .2s;display:inline-block}.logo:hover{opacity:1}.logo svg{width:100%;height:100%}.nav-links{align-items:center;gap:4px;display:flex}.nav-links a{color:var(--subtext);border-radius:20px;padding:6px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .18s}.nav-links a:hover{color:var(--text);background:var(--grey-bg)}.nav-links a.active{color:var(--text);font-weight:600}.nav-links button.btn-nav,.nav-links a.btn-nav{border:1.5px solid var(--teal);color:var(--teal);cursor:pointer;font:inherit;background:0 0;border-radius:20px;margin-left:4px;padding:6px 14px;font-size:14px;font-weight:500}.nav-links button.btn-nav:hover,.nav-links a.btn-nav:hover{background:var(--teal);color:#fff}.hero{justify-content:center;align-items:center;gap:64px;max-width:1120px;margin:0 auto;padding:88px 32px 72px;display:flex}.hero-text h1{letter-spacing:-.6px;max-width:720px;margin-bottom:22px;font-size:42px;font-weight:800;line-height:1.15}.hero-text h1 em{color:var(--teal);font-style:normal}.hero-text p{color:var(--subtext);max-width:640px;margin-bottom:32px;font-size:16px;line-height:1.7}.btn-linkedin{border:1.5px solid var(--teal);color:var(--teal);background:0 0;border-radius:8px;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.btn-linkedin:hover{background:var(--teal);color:#fff;transform:translateY(-1px)}.btn-linkedin svg{width:17px;height:17px}hr.section-divider{border:none;border-top:1px solid var(--border-soft);margin:0}.work-section{background:#f0f5f7;padding:52px 32px 72px}.work-label{letter-spacing:.1em;color:#999;text-transform:uppercase;text-align:center;margin-bottom:28px;font-size:11px;font-weight:700}.cards{grid-template-columns:repeat(2,1fr);gap:20px;max-width:1120px;margin:0 auto;display:grid}.card{border:1px solid var(--border);background:#fff;border-radius:18px;flex-direction:column;align-items:stretch;gap:0;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.card-featured{max-width:1120px;margin:0 auto 20px}.card-featured .card-img-wrap{height:460px}.card-featured .card-text h3{font-size:26px}.card:hover{border-color:#b8d4de;transform:translateY(-2px)}.card-text{flex:1;min-width:0;padding:36px 40px}.card-text h3{margin-bottom:6px;font-size:21px;font-weight:700;line-height:1.3}.card-text .tags{letter-spacing:.09em;color:var(--teal);text-transform:uppercase;flex-wrap:wrap;gap:8px;margin-bottom:12px;font-size:10.5px;font-weight:700;display:flex}.card-text .tag{background:var(--teal-xlight);color:var(--teal-dark);letter-spacing:.07em;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700}.card-text p{color:var(--subtext);margin-bottom:24px;font-size:16px;line-height:1.6}.btn-case{background:var(--teal);color:#fff;cursor:pointer;letter-spacing:.01em;border:none;border-radius:8px;align-items:center;gap:8px;padding:11px 22px;font-family:Sofia Sans,sans-serif;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.btn-case:hover{background:var(--teal-dark);color:#fff;transform:translateY(-1px)}.btn-case svg{width:14px;height:14px}.card-img-wrap{background:#fff;justify-content:center;align-items:center;width:100%;height:360px;padding:16px;display:flex;overflow:hidden}.card-img-wrap img{object-fit:contain;width:100%;height:100%;display:block}footer{border-top:1px solid var(--border-soft);padding:72px 32px 56px}.footer-inner{max-width:1120px;margin:0 auto}.footer-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;margin-bottom:36px;display:grid}.footer-cta{flex-direction:column;gap:16px;display:flex}.footer-cta h3{font-size:19px;font-weight:400}.footer-cta h3 strong{font-weight:700}.footer-mascot{justify-content:center;align-items:center;display:flex}.footer-mascot svg{width:180px;height:auto;display:block}.footer-location{text-align:right}.footer-label{letter-spacing:.09em;color:var(--teal-mid);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}.footer-value{color:#5e5e5e;font-size:15px;font-weight:500}.footer-links{flex-direction:column;gap:12px;margin-bottom:36px;display:flex}.footer-link{color:var(--teal);align-items:center;gap:10px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.footer-link:hover{text-decoration:underline}.footer-link svg{flex-shrink:0;width:18px;height:18px}.footer-email{align-items:center;gap:4px;display:inline-flex}.footer-email-text{color:var(--teal);align-items:center;gap:10px;font-size:14px;font-weight:500;display:inline-flex}.footer-email-text svg{flex-shrink:0;width:18px;height:18px}.footer-copy-btn{width:22px;height:22px;color:var(--teal);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:all .18s;display:inline-flex}.footer-copy-btn:hover{color:var(--teal-dark)}.footer-bottom{justify-content:flex-end;display:flex}.footer-bottom p{color:#aaa;font-size:12px}@media(max-width:768px){.footer-top{text-align:center;grid-template-columns:1fr;gap:24px}.footer-mascot svg{width:140px}.footer-location{text-align:center}}.about-hero{align-items:flex-start;gap:64px;max-width:1120px;margin:0 auto;padding:88px 32px 72px;display:flex}.about-photo-wrap{border-radius:16px;flex-shrink:0;align-self:flex-start;width:280px;height:auto;overflow:hidden}.about-photo-wrap img{width:100%;display:block}.about-text h2{letter-spacing:-.2px;margin-bottom:20px;font-size:28px;font-weight:800}.about-text p{color:var(--subtext);margin-bottom:14px;font-size:16px;line-height:1.7}.about-text p a{color:var(--teal);text-decoration:underline}.about-text p a:hover{color:var(--teal-dark)}.skills-section{background:#f0f5f7;padding:0}.skills-inner{align-items:center;gap:64px;max-width:1120px;margin:0 auto;padding:72px 32px;display:flex}.skills-text{flex:1}.skills-text h2{letter-spacing:-.2px;margin-bottom:16px;font-size:24px;font-weight:700}.skills-text p{color:var(--subtext);margin-bottom:28px;font-size:16px;line-height:1.7}.btn-outline{border:1.5px solid var(--teal);color:var(--teal);cursor:pointer;background:0 0;border-radius:8px;padding:10px 22px;font-family:inherit;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-block}.btn-outline:hover{background:var(--teal);color:#fff;transform:translateY(-1px)}.skills-img-wrap{border-radius:16px;flex-shrink:0;width:320px;height:260px;overflow:hidden}.skills-img-wrap img{object-fit:cover;width:100%;height:100%;display:block}.modal-overlay{z-index:200;background:#0006;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal{background:#fff;border-radius:20px;width:90%;max-width:420px;padding:44px;position:relative}.modal h2{margin-bottom:10px;font-size:23px;font-weight:800}.modal p{color:var(--subtext);margin-bottom:32px;font-size:16px;line-height:1.65}.modal-links{flex-direction:column;gap:16px;margin-bottom:28px;display:flex}.modal-email{align-items:center;gap:12px;display:inline-flex}.modal-email-text{color:var(--teal);align-items:center;gap:12px;font-size:15px;font-weight:600;display:inline-flex}.modal-email-text svg{width:20px;height:20px}.modal-copy-btn{width:22px;height:22px;color:var(--teal);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:all .18s;display:inline-flex}.modal-copy-btn:hover{color:var(--teal-dark)}.modal-mascot{justify-content:center;align-items:center;display:flex}.modal-mascot svg{width:140px;height:auto;display:block}.modal-close{background:var(--grey-bg);cursor:pointer;color:#888;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;line-height:1;display:flex;position:absolute;top:16px;right:20px}.modal-close:hover{background:var(--border);color:var(--text)}.cs-nav{border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(12px);z-index:100;background:#ffffffeb;justify-content:space-between;align-items:center;padding:14px 32px;display:flex;position:sticky;top:0}.cs-back{background:var(--grey-bg);cursor:pointer;color:var(--subtext);border:none;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;transition:all .18s;display:flex}.cs-back:hover{color:var(--text);background:var(--border)}.cs-hero{justify-content:center;align-items:center;height:420px;display:flex;position:relative;overflow:hidden}.cs-hero-img{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.cs-hero-bg{z-index:1;background-position:50%;background-size:cover;position:absolute;inset:0}.cs-hero-bg:after{content:"";background:var(--teal);opacity:.7;position:absolute;inset:0}.cs-title-card{text-align:center;z-index:2;background:#fff;border-radius:20px;max-width:760px;padding:40px 56px;position:relative}.cs-title-card h1{color:#1a1a1a;letter-spacing:-.2px;margin-bottom:14px;font-size:34px;font-weight:800}.cs-title-card .subtitle{color:var(--subtext);margin-bottom:6px;font-size:16px;line-height:1.5}.cs-title-card .date{letter-spacing:.09em;color:var(--teal-mid);text-transform:uppercase;margin-top:10px;font-size:11px;font-weight:700;display:block}.cs-overview-wrap{background:#f0f5f7;justify-content:center;padding:40px 12px 52px;display:flex}.cs-overview{border:1px solid var(--border);background:#fff;border-radius:18px;width:100%;max-width:1200px;padding:40px}.cs-overview h2{color:var(--teal-dark);margin-bottom:6px;font-size:22px;font-weight:800}.cs-overview-intro{color:var(--subtext);border-top:2px solid var(--teal-light);margin-top:16px;margin-bottom:32px;padding-top:14px;font-size:16px;line-height:1.7}.cs-overview-grid{grid-template-columns:1fr 1fr;gap:24px 48px;margin-bottom:28px;display:grid}.cs-ov-item h4{color:var(--teal);text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px;font-size:15px;font-weight:700}.cs-ov-item p{color:var(--subtext);font-size:16px;line-height:1.7}.cs-role-row{border-top:1px solid var(--border-soft);grid-template-columns:1fr 1fr;gap:24px 48px;padding-top:24px;display:grid}.cs-body{max-width:1200px;margin:0 auto;padding:0 12px}.cs-workshop{padding:36px 0 0}.cs-workshop-label{color:var(--teal);letter-spacing:.09em;text-transform:uppercase;margin-bottom:6px;font-size:11.5px;font-weight:700;display:inline-block}.cs-workshop h2{color:var(--text);letter-spacing:-.3px;margin:14px 0 8px;font-size:30px;font-weight:800}.cs-workshop-intro{color:var(--subtext);margin-bottom:20px;font-size:16px;line-height:1.7}.cs-section-title{color:var(--text);margin:24px 0 10px;font-size:19px;font-weight:700}.cs-body-text{color:var(--subtext);margin-bottom:12px;font-size:16px;line-height:1.7}.cs-body ul{margin-bottom:20px;padding-left:20px}.cs-body ul li{color:var(--subtext);font-size:16px;line-height:1.8;list-style:outside}.cs-img-single{border-radius:14px;max-width:620px;margin:28px auto;overflow:hidden}.cs-img-single img{width:100%;display:block}.cs-img-caption{text-align:center;color:#5e5e5e;margin-top:8px;margin-bottom:20px;font-size:12px}.cs-img-row{gap:14px;margin:24px 0;display:flex}.cs-img-ph{color:#7aafc2;text-align:center;background:linear-gradient(145deg,#ddeef5,#c8e3ed);border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;height:200px;font-size:12px;display:flex}.cs-img-ph span{font-size:22px}.cs-img-breakout{border-radius:14px;margin:24px -200px;overflow:hidden}.cs-img-breakout img{border-radius:14px;width:100%;display:block}.cs-img-grid-teal{background:var(--teal-xlight);border-radius:16px;grid-template-columns:1fr 1fr 1fr;gap:14px;margin:24px -120px;padding:20px;display:grid}.cs-img-grid-2{grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:14px;margin:24px 0;display:grid}.cs-img-grid-2 img{object-fit:cover;border-radius:14px;width:100%;height:100%;display:block}.cs-img-single-col{flex-direction:column;gap:16px;margin:24px 0;display:flex}.cs-img-single-col img{border-radius:14px;width:100%;height:auto;display:block}.cs-img-grid-3{grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0;display:grid}.cs-slideshow-wrap{background:#f0f5f7;flex-direction:column;align-items:center;padding:40px 12px 52px;display:flex}.cs-slideshow{align-items:center;gap:16px;width:100%;max-width:1200px;display:flex}.cs-slideshow-stage{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;cursor:grab;border-radius:10px;flex:1;min-width:0;position:relative;overflow:hidden}.cs-slideshow-stage:active{cursor:grabbing}.cs-slideshow-track{will-change:transform;width:100%;display:flex}.cs-slideshow-slide{flex:0 0 100%;justify-content:center;align-items:center;display:flex}.cs-slideshow-slide img{cursor:zoom-in;pointer-events:auto;-webkit-user-drag:none;border-radius:10px;width:auto;max-width:100%;height:auto;max-height:560px;display:block}.cs-slideshow-btn{border:1px solid var(--border);cursor:pointer;width:42px;height:42px;color:var(--text);background:#fffffff2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;transition:background .15s;display:flex;box-shadow:0 2px 8px #00000014}.cs-slideshow-btn:hover{background:#fff}.cs-slideshow-dots{justify-content:center;gap:8px;margin-top:18px;display:flex}.cs-slideshow-dot{cursor:pointer;background:#d0d0d0;border:none;border-radius:50%;width:9px;height:9px;padding:0;transition:background .15s}.cs-slideshow-dot.active{background:var(--teal)}@media(max-width:768px){.cs-slideshow-btn{display:none}}.cs-two-col{grid-template-columns:1fr 1fr;align-items:start;gap:64px;margin:24px 0;display:grid}.cs-two-col .cs-img-single{max-width:90%;margin:0 auto}.cs-split-row{grid-template-columns:1fr 1fr;align-items:center;gap:64px;margin:40px 0;display:grid}.cs-split-row--reverse .cs-split-media{order:-1}.cs-split-text .cs-section-title{margin-top:0}.cs-split-media .cs-img-single{max-width:100%;margin:0}.cs-results{margin:24px 0}.cs-results h2{color:var(--text);letter-spacing:-.3px;margin:14px 0 28px;font-size:30px;font-weight:800}.cs-result-card{background:#f0f5f7;border-radius:18px;grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-bottom:16px;padding:32px;display:grid}.cs-result-text h4{color:var(--text);letter-spacing:-.2px;margin-bottom:10px;font-size:17px;font-weight:700}.cs-result-text p{color:var(--subtext);font-size:16px;line-height:1.7}.cs-video-placeholder{background:var(--teal-xlight);border:2px solid var(--teal-light);border-radius:16px;justify-content:center;align-items:center;width:100%;height:220px;transition:background .18s,border-color .18s;display:flex}.cs-video-placeholder span{color:var(--teal);opacity:.8;font-size:36px}.cs-video-placeholder:hover{background:var(--teal-light);border-color:var(--teal)}.cs-result-card--stacked{grid-template-columns:1fr;align-items:start}.cs-result-card--stacked .cs-result-text{max-width:100%}.cs-img-grid-2--natural{grid-template-columns:1fr 1fr;gap:14px;margin:8px 0 0;display:grid}.cs-img-grid-2--natural img{border-radius:14px;width:100%;height:auto;display:block}.cs-result-video{width:100%}.cs-result-video-player{background:var(--teal-xlight);border-radius:16px;width:100%;height:auto;display:block}@media(max-width:768px){.cs-two-col{grid-template-columns:1fr;gap:32px}.cs-two-col .cs-img-single{max-width:100%;margin:0 auto}.cs-result-card{grid-template-columns:1fr;gap:24px;padding:24px}.cs-split-row{grid-template-columns:1fr;gap:32px}.cs-split-row--reverse .cs-split-media{order:1}.cs-split-row--reverse .cs-split-text{order:0}}.cs-takeaway{background:var(--teal-xlight);border-left:3px solid var(--teal);border-radius:0 12px 12px 0;margin:28px 0;padding:24px 28px}.cs-takeaway h4{letter-spacing:.05em;color:var(--teal-dark);text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:700}.cs-takeaway p{color:var(--subtext);font-size:16px;line-height:1.8}.cs-conclusion-wrap{background:#f0f5f7;justify-content:center;margin-top:36px;padding:44px 12px;display:flex}.cs-conclusion{border:1px solid var(--border);background:#fff;border-radius:18px;width:100%;max-width:1200px;padding:40px}.cs-conclusion h2{color:var(--text);letter-spacing:-.2px;margin-bottom:28px;font-size:26px;font-weight:800}.cs-conclusion h3{color:var(--teal-dark);margin:28px 0 10px;font-size:17px;font-weight:700}.cs-conclusion p{color:var(--subtext);margin-bottom:12px;font-size:16px;line-height:1.7}.cs-conclusion ul{margin-bottom:16px;padding-left:20px}.cs-conclusion ul li{color:var(--subtext);font-size:16px;line-height:1.8;list-style:outside}.cs-case-nav{background:#f0f5f7}.cs-case-nav-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:64px 12px;display:flex}.cs-case-nav-side{align-items:center;min-width:0;display:flex}.cs-case-nav-btn{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:10px;max-width:360px;padding:16px 24px;font-family:Sofia Sans,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:all .18s;display:inline-flex}.cs-case-nav-btn:hover{background:var(--teal-dark);color:#fff;transform:translateY(-1px)}.cs-case-nav-btn svg{flex-shrink:0;width:18px;height:18px}.cs-case-nav-btn span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cs-case-nav-btn--prev{justify-content:flex-start}.cs-case-nav-btn--next{justify-content:flex-end}.insight-cards{flex-wrap:wrap;gap:14px;margin:20px 0;display:flex}.insight-card{background:var(--teal-xlight);border-radius:14px;flex:1;min-width:160px;padding:20px 22px}.insight-card p:first-child{color:var(--teal-dark);margin-bottom:7px;font-size:16px;font-weight:700}.insight-card p:last-child{color:var(--subtext);font-size:16px;line-height:1.65}@media(max-width:768px){.insight-card{flex:calc(50% - 7px);min-width:auto}}.lightbox-overlay{z-index:300;background:#000000e6;display:none;position:fixed;inset:0;overflow:hidden}.lightbox-overlay.open{display:block}.lightbox-canvas{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lightbox-canvas img{transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:grab;border-radius:8px;max-width:90vw;max-height:78vh}.lightbox-close{color:#fff;cursor:pointer;z-index:301;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:28px;transition:background .18s;display:flex;position:fixed;top:20px;right:24px}.lightbox-close:hover{background:#ffffff4d}.lightbox-caption{text-align:center;color:#fff;z-index:301;pointer-events:none;max-width:min(640px,88vw);position:fixed;bottom:56px;left:50%;transform:translate(-50%)}.lightbox-caption h3{letter-spacing:-.1px;margin-bottom:6px;font-size:18px;font-weight:600}.lightbox-caption p{color:#fffc;font-size:14.5px;line-height:1.6}.lightbox-hint{color:#ffffff80;z-index:301;pointer-events:none;font-size:12px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.cs-zoomable{cursor:zoom-in}.hobbies-section{background:#f0f5f7;padding:0}.hobbies-inner{text-align:center;max-width:1120px;margin:0 auto;padding:72px 32px}.hobbies-inner h2{letter-spacing:-.2px;margin-bottom:12px;font-size:24px;font-weight:700}.hobbies-lead{color:var(--subtext);margin-bottom:48px;font-size:16px;line-height:1.7}.hobbies-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:36px;display:flex}.hobby-card{--tilt:0deg;cursor:pointer;transform:rotate(var(--tilt));background:#fff;border:none;border-radius:4px;width:240px;padding:14px 14px 44px;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 12px 28px #0000001f}.hobby-card:hover{transform:rotate(0)translateY(-6px);box-shadow:0 20px 40px #0000002e}.hobby-card img{object-fit:cover;border-radius:2px;width:100%;height:240px;display:block}.hobby-label{color:var(--subtext);margin-top:12px;font-family:Sofia Sans,sans-serif;font-size:14px;font-weight:700;display:block}.hobby-overlay{z-index:1000;background:#0f171b99;justify-content:center;align-items:center;padding:24px;animation:.2s hobbyFade;display:flex;position:fixed;inset:0}.hobby-overlay-card{background:#fff;border-radius:4px;width:min(440px,92vw);max-height:90vh;padding:18px 18px 28px;animation:.25s cubic-bezier(.2,.9,.3,1.2) hobbyPop;position:relative;overflow:auto;box-shadow:0 30px 80px #00000059}.hobby-overlay-card img{object-fit:cover;border-radius:2px;width:100%;height:auto;max-height:52vh;display:block}.hobby-overlay-body{padding:20px 8px 4px}.hobby-overlay-body h3{letter-spacing:-.2px;margin-bottom:10px;font-size:20px;font-weight:700}.hobby-overlay-body p{color:var(--subtext);font-size:15px;line-height:1.65}.hobby-overlay-body p a{color:#1a5f7a;text-decoration:underline}.hobby-overlay-body p a:hover{color:var(--teal-dark)}.hobby-overlay-close{color:var(--subtext);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-size:28px;line-height:1;position:absolute;top:8px;right:10px}.hobby-overlay-close:hover{color:var(--text)}@keyframes hobbyFade{0%{opacity:0}to{opacity:1}}@keyframes hobbyPop{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media(max-width:680px){nav,.cs-nav{padding:12px 20px}.hero{text-align:center;flex-direction:column;gap:28px;padding:48px 20px}.cards{grid-template-columns:1fr}.card-featured{margin:0 auto 20px}.card-featured .card-img-wrap{height:240px}.card-featured .card-text h3{font-size:21px}.card-img-wrap{width:100%}.about-hero,.skills-inner{flex-direction:column;padding:48px 20px}.hobbies-row{flex-direction:column;align-items:center;gap:40px}.hobby-card{width:min(320px,90vw);transform:rotate(0)!important}.work-section,.cs-overview-wrap,.cs-conclusion-wrap{padding:32px 12px 48px}.cs-case-nav-inner{flex-direction:column;gap:16px;padding:48px 20px}.cs-case-nav-btn{justify-content:center;width:100%;max-width:100%}footer{padding:40px 20px 28px}.cs-body{padding:0 12px}.cs-overview-grid,.cs-role-row{grid-template-columns:1fr}.cs-img-row{flex-direction:column}.cs-title-card{padding:28px 24px}.hero-text h1{font-size:24px}.cs-img-breakout,.cs-img-grid-teal{margin:32px 0}.cs-img-grid-2,.cs-img-grid-2--natural,.cs-img-grid-3{grid-template-columns:1fr}.cs-video-placeholder{height:180px}}