body.fdf-portfolio-canvas{margin:0}
#fdf-webflow{--blue:#6078f5;--deep:#15164f;--lime:#e1f05c;--paper:#f7f7ff;--ink:#161622;background:var(--paper);color:var(--ink);font:16px/1.5 'DM Sans',Arial,sans-serif;overflow:hidden}#fdf-webflow *{box-sizing:border-box}#fdf-webflow a{color:inherit;text-decoration:none}#fdf-webflow img{display:block;max-width:100%}#fdf-webflow button{font:inherit;cursor:pointer}#fdf-webflow .wrap{width:min(1380px,calc(100% - 8vw));margin:auto}#fdf-webflow .display{font:700 4rem/.99 Oswald,Impact,sans-serif;letter-spacing:-.025em;text-transform:uppercase}#fdf-webflow .eyebrow{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}#fdf-webflow .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;background:var(--deep);color:#fff;font-size:.85rem;font-weight:800;transition:transform .2s}#fdf-webflow .btn:hover{transform:translateY(-3px)}#fdf-webflow .btn.light{background:#fff;color:var(--deep)}#fdf-webflow .btn.yellow{background:var(--lime);color:var(--deep)}#fdf-webflow header{position:absolute;z-index:5;width:100%;color:#fff}#fdf-webflow .nav{height:87px;display:flex;align-items:center;justify-content:space-between;gap:24px}#fdf-webflow .wordmark{font-size:1.3rem;font-weight:800;letter-spacing:-.06em;line-height:.85}#fdf-webflow .wordmark span{display:block}#fdf-webflow .nav-links{display:flex;align-items:center;gap:26px;font-size:.8rem;font-weight:700}#fdf-webflow .menu-toggle{display:none;background:transparent;color:#fff;border:0;width:44px}#fdf-webflow .menu-toggle span{display:block;height:2px;background:currentColor;margin:6px}#fdf-webflow .hero{position:relative;background:radial-gradient(circle at 83% 47%,#8294ff,transparent 42%),linear-gradient(135deg,#4a64e8,#6078f5);color:#fff;min-height:790px}#fdf-webflow .hero-inner{position:relative;min-height:790px;padding-top:145px;padding-bottom:80px}#fdf-webflow .hero-heading{position:relative;max-width:760px}#fdf-webflow .hero h1{font-size:clamp(4.6rem,7.6vw,8rem);margin:25px 0 30px}#fdf-webflow .hero h1 span,#fdf-webflow .hero h1 em{display:block;white-space:nowrap}#fdf-webflow .hero h1 em{font-style:normal;color:var(--lime)}#fdf-webflow .hero-stickers{position:absolute;inset:0;pointer-events:none}#fdf-webflow .sticker{position:absolute;border-radius:99px;background:#e14577;color:#fff;padding:9px 17px;font-size:.78rem;font-weight:800}#fdf-webflow .sticker-one{left:45%;top:-35px;transform:rotate(-8deg)}#fdf-webflow .sticker-two{right:0;top:5px;transform:rotate(8deg)}#fdf-webflow .sticker-three{right:-15%;top:55%;transform:rotate(-6deg)}#fdf-webflow .hero-bottom{display:flex;flex-direction:column;align-items:start;gap:25px;max-width:48%}#fdf-webflow .hero-bottom p{max-width:430px;font-weight:700;margin:0}#fdf-webflow .hero-actions{display:flex;gap:9px;flex-wrap:wrap}#fdf-webflow .mail-icon{width:19px;height:19px;margin-left:8px}#fdf-webflow .hero-gif{position:absolute;right:4%;bottom:90px;width:min(33vw,430px)}#fdf-webflow .hero-gif img{width:100%;aspect-ratio:1;object-fit:cover;border:7px solid var(--lime);border-radius:25px}#fdf-webflow .hero-gif span{position:absolute;bottom:-18px;left:15px;background:#fff;color:var(--deep);border-radius:30px;padding:8px 13px;font-size:.72rem;font-weight:800}#fdf-webflow .statement{background:var(--lime);color:var(--deep);padding:80px 20px;text-align:center}#fdf-webflow .statement h2{font-size:clamp(2.8rem,6.2vw,6rem);margin:0}#fdf-webflow .statement h2 span{display:block}#fdf-webflow .statement .script{font:italic .72em Georgia,serif;text-transform:none}#fdf-webflow .statement p{max-width:470px;margin:24px auto 0}#fdf-webflow .smile{display:block;font-size:2.4rem;margin-top:22px;animation:fdf-spin 8s linear infinite}@keyframes fdf-spin{to{transform:rotate(360deg)}}#fdf-webflow .hero-slideshow{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border:7px solid var(--lime);border-radius:25px;background:var(--deep)}#fdf-webflow .hero-gif .hero-slideshow img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:1;object-fit:cover;border:0;border-radius:0;opacity:0;transition:opacity .8s ease}#fdf-webflow .hero-gif .hero-slideshow img.is-active{opacity:1}#fdf-webflow .hero-intro{text-transform:none;letter-spacing:.025em}#fdf-webflow .service-side p{margin:20px 0 0}#fdf-webflow .fdf-icon-arrow,#fdf-webflow .fdf-icon-spark{display:inline-block;width:1em;height:1em;vertical-align:-.14em;flex:none}#fdf-webflow .marquee .fdf-icon-spark{width:.72em;height:.72em;vertical-align:-.05em}#fdf-webflow .hero-gif span .fdf-icon-arrow{width:1.1em;height:1.1em;vertical-align:-.18em}#fdf-webflow .round-arrow .fdf-icon-arrow{width:20px;height:20px}#fdf-webflow .seal .fdf-icon-spark{width:1em;height:1em}#fdf-webflow .smile .fdf-icon-smile{width:48px;height:48px;display:inline-block;vertical-align:middle}#fdf-webflow .marquee{overflow:hidden;background:var(--deep);color:#fff;border-block:3px solid var(--deep)}#fdf-webflow .marquee-track{display:flex;width:max-content;align-items:center;white-space:nowrap;font-size:clamp(2rem,4vw,4rem);line-height:1.5;animation:fdf-marquee 32s linear infinite}#fdf-webflow .marquee-track span{flex:none;padding-right:1.3em}#fdf-webflow .marquee-track b{color:var(--lime)}#fdf-webflow .marquee:hover .marquee-track{animation-play-state:paused}@keyframes fdf-marquee{to{transform:translateX(-50%)}}#fdf-webflow .clients{padding:55px 0;background:var(--paper);overflow:hidden}#fdf-webflow .clients-heading{text-align:center}#fdf-webflow .clients h2{font-size:clamp(2.8rem,5vw,5rem);margin:10px 0 25px;color:var(--deep)}#fdf-webflow .logo-window{overflow:hidden}#fdf-webflow .logo-track{display:flex;width:max-content;animation:fdf-logo 48s linear infinite}#fdf-webflow .logo-window:hover .logo-track{animation-play-state:paused}#fdf-webflow .logo-group{display:flex;align-items:center;gap:14px;padding-right:14px}#fdf-webflow .logo-item{width:230px;height:125px;flex:none;display:grid;place-items:center;padding:9px 12px;background:#fff;border-radius:12px}#fdf-webflow .logo-item img{width:100%;height:100%;object-fit:contain}@keyframes fdf-logo{to{transform:translateX(-50%)}}#fdf-webflow .projects,#fdf-webflow .services{padding:100px 0}#fdf-webflow .section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:38px}#fdf-webflow .section-heading h2,#fdf-webflow .services h2{font-size:clamp(3rem,6vw,6rem);margin:8px 0}#fdf-webflow .project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}#fdf-webflow .project-card{position:relative;display:block;aspect-ratio:4/4.4;overflow:hidden;border-radius:17px;background:#ddd}#fdf-webflow .project-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}#fdf-webflow .project-card:hover img{transform:scale(1.055)}#fdf-webflow .project-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#080a35aa)}#fdf-webflow .card-bottom{position:absolute;z-index:1;bottom:19px;left:19px;right:19px;display:flex;align-items:end;justify-content:space-between;color:#fff}#fdf-webflow .card-title{display:block;font:700 clamp(1.6rem,3vw,3rem)/1 Oswald,sans-serif;text-transform:uppercase}#fdf-webflow .card-meta{display:inline-block;background:var(--deep);border-radius:30px;padding:7px 12px;font-size:.7rem;font-weight:700;margin-top:9px}#fdf-webflow .round-arrow{width:42px;height:42px;display:grid;place-items:center;border:1px solid #fff;border-radius:50%}#fdf-webflow .about{background:var(--deep);color:#fff;padding:100px 0;border-top:4px solid var(--lime);border-bottom:4px solid var(--lime)}#fdf-webflow .about-layout{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:9vw}#fdf-webflow .portrait-box{position:relative;background:#f49aca;border-radius:18px;min-height:560px;overflow:hidden;display:flex;align-items:end;justify-content:center}#fdf-webflow .portrait-box img{width:100%;height:100%;max-height:580px;object-fit:cover}#fdf-webflow .portrait-box .handnote{position:absolute;bottom:30px;left:25px;font:italic 2rem Georgia,serif}#fdf-webflow .about h2{font-size:clamp(3.4rem,6vw,7rem);margin:10px 0 26px}#fdf-webflow .about p{max-width:570px;line-height:1.7}#fdf-webflow .about .btn{margin-top:22px}#fdf-webflow .seal{color:var(--lime)}#fdf-webflow .services{background:#dfe4ff}#fdf-webflow .service-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;align-items:center}#fdf-webflow .service-row{display:flex;gap:20px;align-items:center;padding:21px 0;border-bottom:2px solid #15164f45;color:var(--deep)}#fdf-webflow .service-row:first-of-type{border-top:2px solid #15164f45}#fdf-webflow .service-row strong{flex:1;font-size:clamp(1.8rem,3vw,3rem)}#fdf-webflow .service-side{background:var(--blue);color:#fff;border-radius:17px;padding:45px;min-height:390px;display:flex;flex-direction:column;justify-content:space-between}#fdf-webflow .service-side .big{font:700 clamp(6rem,13vw,12rem)/.85 Oswald,sans-serif;color:var(--lime)}#fdf-webflow .service-side p{max-width:300px;font-size:1.3rem;font-weight:700}#fdf-webflow .contact{background:var(--blue);color:#fff;padding:80px 0}#fdf-webflow .contact-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}#fdf-webflow .contact h2{font-size:clamp(3rem,6.7vw,7rem);margin:5px 0}#fdf-webflow .contact h2 em{display:block;font:italic .56em Georgia,serif;text-transform:none;color:var(--lime)}#fdf-webflow .contact-info{font-weight:700;line-height:1.9}#fdf-webflow .contact-info .btn{margin-bottom:25px}#fdf-webflow footer{background:#10112e;color:#fff;padding:45px 0}#fdf-webflow .footer-layout{display:flex;align-items:end;justify-content:space-between;gap:25px}#fdf-webflow .footer-layout .wordmark{font-size:2rem}#fdf-webflow .footer-layout p{font-size:.82rem;margin:13px 0 0;opacity:.8}#fdf-webflow .footer-links{display:flex;gap:22px;font-size:.8rem;font-weight:700}#fdf-webflow .fdf-article{background:var(--paper);min-height:100vh}#fdf-webflow .fdf-article-heading{padding:65px 0 40px}#fdf-webflow .fdf-breadcrumb{font-weight:700;font-size:.85rem}#fdf-webflow .fdf-article h1{color:var(--deep);font-size:clamp(3.5rem,9vw,8.5rem);margin:18px 0 24px;overflow-wrap:anywhere}#fdf-webflow .fdf-deck{font-size:clamp(1.3rem,2.6vw,2.2rem);font-weight:600;max-width:800px}#fdf-webflow .fdf-hero-image{width:100%;height:clamp(350px,56vw,700px);object-fit:cover;background:#fff}#fdf-webflow .fdf-story{display:grid;grid-template-columns:1fr 2.1fr;gap:7vw;max-width:1100px;padding:70px 0}#fdf-webflow .fdf-story aside{font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--blue)}#fdf-webflow .fdf-story p{font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.65;margin:0 0 1.3em}#fdf-webflow .fdf-detail{width:min(1100px,92%);max-height:690px;object-fit:contain;margin:0 auto 70px;background:#fff;border-radius:18px}#fdf-webflow .fdf-conclusion{background:var(--lime);color:var(--deep);padding:65px 0}#fdf-webflow .fdf-conclusion h2{font-size:clamp(2.4rem,5vw,4.4rem);margin:0 0 18px}#fdf-webflow .fdf-conclusion p{max-width:900px;font-size:1.25rem;line-height:1.55}#fdf-webflow .fdf-related{padding:90px 0}#fdf-webflow .fdf-related h2{font-size:clamp(2.5rem,5vw,5rem);margin:8px 0 30px}#fdf-webflow .fdf-related-bar{display:flex;justify-content:space-between;align-items:end}#fdf-webflow .fdf-related-bar button{border:1px solid var(--deep);border-radius:50%;width:48px;height:48px;margin-left:8px;background:transparent}#fdf-webflow .fdf-rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory}#fdf-webflow .fdf-rail a{position:relative;flex:0 0 clamp(240px,31%,390px);aspect-ratio:1;scroll-snap-align:start;overflow:hidden;border-radius:14px;background:#fff}#fdf-webflow .fdf-rail img{width:100%;height:100%;object-fit:cover}#fdf-webflow .fdf-rail a:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#10112ebb)}#fdf-webflow .fdf-rail span{position:absolute;z-index:1;bottom:20px;left:20px;color:#fff;font:700 2rem Oswald,sans-serif;text-transform:uppercase}#fdf-webflow .fdf-article header{position:relative;background:var(--deep);color:#fff}#fdf-webflow .fdf-editorial-page .fdf-hero-image,#fdf-webflow .fdf-editorial-page .fdf-detail{display:block;width:min(1100px,92%);height:auto;max-height:690px;object-fit:contain;background:transparent;border-radius:18px}#fdf-webflow .fdf-editorial-page .fdf-hero-image{margin:0 auto}@media(max-width:850px){#fdf-webflow .wrap{width:min(100% - 40px,650px)}#fdf-webflow .nav{height:70px}#fdf-webflow .menu-toggle{display:block}#fdf-webflow .nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:var(--deep);padding:20px;flex-direction:column;align-items:stretch}#fdf-webflow .nav-links.open{display:flex}#fdf-webflow .nav-links a{padding:10px}#fdf-webflow .hero-inner{min-height:780px}#fdf-webflow .hero h1{font-size:clamp(4rem,9vw,6.5rem)}#fdf-webflow .hero-bottom{max-width:52%}#fdf-webflow .hero-gif{width:250px}#fdf-webflow .logo-item{width:185px;height:105px}#fdf-webflow .project-grid{grid-template-columns:repeat(2,1fr)}#fdf-webflow .about-layout,#fdf-webflow .service-layout{grid-template-columns:1fr;gap:45px}#fdf-webflow .portrait-box{min-height:460px;max-width:550px}#fdf-webflow .contact-inner{align-items:start;flex-direction:column}#fdf-webflow .footer-layout{align-items:start;flex-direction:column}}@media(max-width:640px){#fdf-webflow .hero-inner{min-height:0;padding:115px 0 65px}#fdf-webflow .hero h1{font-size:clamp(3.25rem,12vw,5.5rem)}#fdf-webflow .hero h1 span,#fdf-webflow .hero h1 em{white-space:normal}#fdf-webflow .hero-stickers{position:relative;height:80px}#fdf-webflow .sticker-one{left:3%;top:10px}#fdf-webflow .sticker-two{left:48%;right:auto;top:36px}#fdf-webflow .sticker-three{right:0;top:0}#fdf-webflow .hero-gif{position:relative;right:auto;bottom:auto;width:min(80vw,390px);margin:35px auto 55px}#fdf-webflow .hero-bottom{max-width:none}#fdf-webflow .logo-item{width:165px;height:94px}#fdf-webflow .projects,#fdf-webflow .services,#fdf-webflow .about{padding:65px 0}#fdf-webflow .section-heading{align-items:start;flex-direction:column}#fdf-webflow .project-grid{grid-template-columns:1fr}#fdf-webflow .project-card{aspect-ratio:1.08}#fdf-webflow .portrait-box{min-height:360px}#fdf-webflow .service-side{min-height:280px}#fdf-webflow .contact h2{font-size:3.6rem}#fdf-webflow .footer-links{flex-wrap:wrap}#fdf-webflow .fdf-story{display:block;padding:45px 0}#fdf-webflow .fdf-story aside{margin-bottom:20px}#fdf-webflow .fdf-related{padding:65px 0}#fdf-webflow .fdf-rail a{flex-basis:75%}}@media(min-width:1350px){#fdf-webflow .hero-heading{max-width:840px}#fdf-webflow .hero h1{font-size:clamp(4.4rem,5.65vw,6.5rem)}#fdf-webflow .hero-gif{top:42%;bottom:auto;transform:translateY(-50%)}#fdf-webflow .sticker-one{left:48%;top:-23px}#fdf-webflow .sticker-two{left:54%;right:auto;top:44%}#fdf-webflow .sticker-three{left:43%;right:auto;top:96%}}@media(min-width:641px) and (max-width:1349px){#fdf-webflow .hero-inner{min-height:0}#fdf-webflow .hero h1{font-size:clamp(3.5rem,7.5vw,6rem)}#fdf-webflow .hero-stickers{position:relative;display:flex;justify-content:center;gap:9px;height:auto;margin:20px 0 0}#fdf-webflow .sticker{position:static;transform:none;white-space:nowrap}#fdf-webflow .hero-gif{position:relative;top:auto;right:auto;bottom:auto;transform:none;width:min(55vw,390px);margin:35px auto 25px}#fdf-webflow .hero-bottom{max-width:none}}@media(max-width:640px){#fdf-webflow .hero h1{font-size:clamp(2.1rem,10.4vw,4.5rem);margin-bottom:24px}#fdf-webflow .hero-stickers{display:none}#fdf-webflow .hero-heading{max-width:100%}}@media(prefers-reduced-motion:reduce){#fdf-webflow .logo-track,#fdf-webflow .smile,#fdf-webflow .marquee-track{animation:none}#fdf-webflow .hero-gif .hero-slideshow img{transition:none}#fdf-webflow .logo-window,#fdf-webflow .marquee{overflow-x:auto}}
/* WordPress: progressive entrance, responsive layout and native single pages. */
#fdf-webflow { overflow:clip; }
#fdf-webflow .hero-intro,#fdf-webflow .hero h1,#fdf-webflow .hero-bottom,#fdf-webflow .hero-gif { animation:fdf-arrive .7s cubic-bezier(.2,.7,.2,1) both; }
#fdf-webflow .hero h1 { animation-delay:.08s; }
#fdf-webflow .hero-bottom { animation-delay:.16s; }
#fdf-webflow .hero-gif { animation-delay:.24s; }
@media(min-width:1350px) { #fdf-webflow .hero-gif { animation:fdf-fade .8s ease .24s both; } }
@keyframes fdf-arrive { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
@keyframes fdf-fade { from { opacity:0; } to { opacity:1; } }
#fdf-webflow .fdf-reveal { opacity:0; transform:translateY(22px); transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1); }
#fdf-webflow .fdf-reveal.is-visible { opacity:1; transform:none; }
#fdf-webflow .project-card { transition:transform .28s ease,box-shadow .28s ease; }
#fdf-webflow .project-card:hover { transform:translateY(-5px); box-shadow:0 15px 32px #15164f24; }
#fdf-webflow .fdf-copy p:first-child { margin-top:0; }
#fdf-webflow .fdf-article article img { max-width:100%; height:auto; max-height:none; padding:0; border:0; background:transparent; border-radius:18px; }
#fdf-webflow .project-card,#fdf-webflow .fdf-rail a { border-radius:18px; }
#fdf-webflow .project-card img,#fdf-webflow .fdf-rail a img { padding:0; border:0; border-radius:inherit; }
#fdf-webflow .fdf-copy figure { margin:30px 0; }
/* Images stay in the editor flow, between paragraphs in the text column. */
#fdf-webflow .fdf-article .fdf-story { align-items:start; padding-block:32px; opacity:1; transform:none; }
#fdf-webflow .fdf-project-page .fdf-copy { display:block; min-width:0; }
#fdf-webflow .fdf-project-page .fdf-copy > :is(figure,.wp-caption,.wp-block-gallery,img),
#fdf-webflow .fdf-project-page .fdf-copy p:has(img) { width:100% !important; max-width:none; margin:20px 0; float:none; }
#fdf-webflow .fdf-project-page .fdf-copy :is(.wp-block-image,.wp-caption) { width:100% !important; max-width:none; float:none; }
#fdf-webflow .fdf-project-page .fdf-copy img { display:block; width:100% !important; max-width:100%; height:auto !important; aspect-ratio:auto; object-fit:contain; border-radius:18px; }
#fdf-webflow .fdf-project-page .fdf-copy figcaption,#fdf-webflow .fdf-project-gallery figcaption { margin:12px 0 0; font-size:.9rem; line-height:1.5; }
#fdf-webflow .fdf-project-gallery { display:grid; gap:24px; width:min(1100px,calc(100% - 8vw)); margin:24px auto 32px; }
#fdf-webflow .fdf-project-gallery figure { margin:0; min-width:0; }
#fdf-webflow .fdf-project-gallery .fdf-gallery-image { display:block; width:100%; height:auto; aspect-ratio:auto; object-fit:contain; border-radius:18px; }
#fdf-webflow .fdf-article .fdf-hero-image,#fdf-webflow .fdf-article .fdf-detail { display:block; width:min(1100px,calc(100% - 8vw)); max-height:none; height:auto; aspect-ratio:auto; object-fit:contain; object-position:center; margin-inline:auto; padding:0; border:0; background:transparent; border-radius:18px; }
#fdf-webflow .fdf-article .fdf-detail { margin-bottom:24px; }
/* Third article media: same width as hero/detail, exact 2vh spacing. */
#fdf-webflow .fdf-content-flow { display:flow-root; margin-block:32px; }
#fdf-webflow .fdf-content-flow .fdf-story-inline { padding-block:0; }
#fdf-webflow .fdf-story-inline .fdf-copy { grid-column:2; min-width:0; }
#fdf-webflow .fdf-story-inline > aside[aria-hidden="true"] { display:none; }
#fdf-webflow .fdf-story-inline .fdf-copy > :last-child { margin-bottom:0; }
#fdf-webflow .fdf-story-inline .fdf-copy > :first-child { margin-top:0; }
#fdf-webflow .fdf-article .fdf-inline-media { display:block; width:min(1100px,calc(100% - 8vw)); margin:2vh auto; padding:0; border:0; background:transparent; }
#fdf-webflow .fdf-inline-media > :is(img,video) { display:block; width:100%; max-width:100%; height:auto; max-height:none; aspect-ratio:auto; object-fit:contain; margin:0; padding:0; border:0; border-radius:18px; }
#fdf-webflow .fdf-rail a img { aspect-ratio:4/3; object-fit:cover; }
#fdf-webflow .service-row[href] { transition:padding .2s ease,color .2s ease; }
#fdf-webflow .service-row[href]:hover { padding-left:12px; color:var(--blue); }
#fdf-webflow .service-row .arrow { font-size:1.7rem; }
#fdf-webflow .nav-links.open { z-index:30; box-shadow:0 12px 22px #15164f30; }
@media(max-width:850px) {
  #fdf-webflow .hero { min-height:0; }
  #fdf-webflow .hero-inner { padding-top:110px; }
  #fdf-webflow .hero-stickers { flex-wrap:wrap; }
  #fdf-webflow .hero-gif { width:min(50vw,360px); }
  #fdf-webflow .projects,#fdf-webflow .about,#fdf-webflow .services { overflow:clip; }
  #fdf-webflow .fdf-article .fdf-hero-image,#fdf-webflow .fdf-article .fdf-detail { width:calc(100% - 40px); }
  #fdf-webflow .fdf-article .fdf-inline-media { width:calc(100% - 40px); }
  #fdf-webflow .fdf-project-page .fdf-story,#fdf-webflow .fdf-project-gallery { width:calc(100% - 40px); }
}
@media(max-width:640px) {
  #fdf-webflow .wrap { width:calc(100% - 36px); }
  #fdf-webflow .hero-inner { padding:110px 0 58px; }
  #fdf-webflow .hero h1 { font-size:clamp(2.25rem,10.1vw,4.4rem); line-height:1.03; overflow-wrap:normal; }
  #fdf-webflow .hero h1 span,#fdf-webflow .hero h1 em { display:block; }
  #fdf-webflow .hero-bottom { width:100%; }
  #fdf-webflow .hero-bottom p { max-width:38ch; }
  #fdf-webflow .hero-actions { display:flex; flex-wrap:wrap; gap:10px; }
  #fdf-webflow .hero-actions .btn { max-width:100%; }
  #fdf-webflow .hero-gif { width:min(78vw,340px); margin:32px auto 0; }
  #fdf-webflow .project-grid { gap:20px; }
  #fdf-webflow .project-card { aspect-ratio:1.05; }
  #fdf-webflow .service-row { gap:10px; }
  #fdf-webflow .service-row strong { font-size:clamp(1.45rem,7vw,2.5rem); }
  #fdf-webflow .service-side { padding:26px; }
  #fdf-webflow .fdf-article-heading { padding:45px 0 28px; }
  #fdf-webflow .fdf-article h1 { font-size:clamp(2.65rem,12vw,5rem); }
  #fdf-webflow .fdf-article .fdf-hero-image,#fdf-webflow .fdf-article .fdf-detail { width:calc(100% - 36px); aspect-ratio:auto; }
  #fdf-webflow .fdf-article .fdf-inline-media { width:calc(100% - 36px); }
  #fdf-webflow .fdf-project-page .fdf-story,#fdf-webflow .fdf-project-gallery { width:calc(100% - 36px); }
  #fdf-webflow .fdf-project-gallery { gap:20px; margin-bottom:32px; }
  #fdf-webflow .fdf-rail a { flex-basis:78%; }
}
@media(prefers-reduced-motion:reduce) {
  #fdf-webflow .hero-intro,#fdf-webflow .hero h1,#fdf-webflow .hero-bottom,#fdf-webflow .hero-gif { animation:none; }
  #fdf-webflow .fdf-reveal { opacity:1; transform:none; transition:none; }
  #fdf-webflow .project-card,#fdf-webflow .service-row[href] { transition:none; }
}