/* Freelance edition. Loaded only by /f/; the market portfolio keeps its own design. */
.freelance-site{--paper:#f0eee7;--ink:#20201d;--muted:#63635a;--studio-red:#eb4c34;--studio-rule:#cbc9bf;background:var(--paper);color:var(--ink)}
.freelance-home{overflow-x:clip}
.freelance-site ::selection{background:var(--studio-red);color:#171715}
.freelance-site .header,.freelance-site .footer{width:calc(100% - 80px);max-width:1440px;border-color:var(--studio-rule)}
.freelance-site .brand-name{display:none}
.freelance-site .header{height:90px;position:relative;z-index:20}
.freelance-site .header nav{background:var(--paper)}
.freelance-site a:focus-visible,.freelance-site button:focus-visible,.freelance-site summary:focus-visible{outline:2px solid #b73723;outline-offset:6px}
.freelance-site .footer{padding-block:30px 70px}
.freelance-site .footer p span{display:none}
.freelance-site svg{flex-shrink:0}
.studio-wrap{width:calc(100% - 80px);max-width:1440px;margin-inline:auto}
.studio-eyebrow{font-size:.72rem;line-height:1.5;letter-spacing:.08em;text-transform:uppercase}
.studio-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding-block:12px;border-bottom:1px solid currentColor;font-size:.875rem;width:fit-content}
.studio-link svg{width:20px;height:20px;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.studio-link:hover svg{transform:translate(4px,-4px)}
.studio-hero{position:relative;padding-top:26px}
.studio-hero-top{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:.72rem}
.studio-hero-top>p{max-width:300px}.studio-hero-top>span{color:var(--muted)}
.studio-hero-stage{position:relative;padding-block:64px 45px;min-height:370px}
.studio-hero h1{position:relative;z-index:2;pointer-events:none;font:500 clamp(5rem,11.4vw,11rem)/.94 var(--display);letter-spacing:-.09em;margin:0}
.studio-title-line{display:block;overflow:clip;padding:.035em .08em .12em 0;margin-bottom:-.1em}
.studio-title-line>span{display:block;transform-origin:left bottom}
.studio-title-last{margin-left:10.5vw;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.075em}
html[lang="en"] .studio-hero h1{font-size:clamp(4.5rem,9.5vw,9.6rem)}
.studio-object{position:absolute;right:0;top:2px;width:clamp(215px,25vw,350px);z-index:1;transform:translateY(var(--hero-shift,0px));}
.studio-fold{display:block;width:100%;height:auto;overflow:visible;transform:perspective(900px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .35s ease-out}
.studio-object-caption{display:flex;justify-content:space-between;font-size:.58rem;letter-spacing:.08em;padding:0 15% 15px;color:var(--muted)}
.fold-plane{transform-origin:50% 75%}
.studio-hero-bottom{display:grid;grid-template-columns:120px minmax(280px,440px) 1fr;align-items:center;gap:36px;position:relative;z-index:3;padding-bottom:42px}
.studio-hero-bottom>p{font-size:1rem;line-height:1.85;max-width:420px}
.studio-hero-bottom>.studio-link{justify-self:end;align-self:end;margin-bottom:10px}
.studio-round{width:98px;height:98px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;transition:background .35s,color .35s,transform .35s}
.studio-round svg{width:34px;height:34px;transform:rotate(90deg);transition:transform .35s}
.studio-round:hover{background:var(--ink);color:var(--paper);transform:rotate(-10deg)}
.studio-hero-foot{display:flex;justify-content:space-between;border-top:1px solid var(--studio-rule);padding-block:17px 23px;font-size:.66rem;color:var(--muted)}
.studio-hero-foot a{display:flex;gap:20px}
.studio-ribbon-frame{overflow:clip;padding-block:22px;margin-top:2px}
.studio-ribbon{background:var(--ink);color:var(--paper);overflow:clip;padding:19px 0;transform:rotate(-2deg);position:relative;z-index:4}
.studio-ribbon-track{width:max-content;display:flex;align-items:center;gap:42px;font:400 clamp(1.5rem,3vw,2.8rem)/1.2 var(--display);letter-spacing:-.04em}
.studio-ribbon i{font-style:normal;color:var(--studio-red);font-size:1.2em}
.studio-ribbon span:nth-of-type(2n){color:transparent;-webkit-text-stroke:1px var(--paper)}
.studio-work{padding-block:100px 90px}
.studio-section-head{display:flex;flex-direction:column;gap:28px;margin-bottom:54px}
.studio-section-head h2{font:500 clamp(2.9rem,6.2vw,6.3rem)/1.04 var(--display);letter-spacing:-.065em}
.studio-section-head h2 em{font:400 1em/1 Georgia,'Times New Roman',serif;letter-spacing:-.065em}
.studio-stack{position:relative;padding-bottom:35px}
.studio-project{position:sticky;top:calc(28px + var(--index)*18px);background:#dddcd3;border:1px solid #c8c7be;padding:24px 28px 28px;box-shadow:0 -12px 34px #1717140a;margin-bottom:40px;transform-origin:center top}
.studio-project:focus-within{z-index:8}
.studio-project-top{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:35px;padding-bottom:20px;font-size:.65rem;text-transform:uppercase;letter-spacing:.07em}
.studio-project-content{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(30px,6vw,95px);align-items:stretch}
.studio-project-art{position:relative;display:block;overflow:clip;min-height:375px;perspective:1000px}
.studio-project-art>div{height:100%;min-height:375px;position:relative;padding:23px;overflow:clip;transition:transform .5s cubic-bezier(.2,.8,.2,1);transform:rotateY(var(--tilt-x,0deg)) rotateX(var(--tilt-y,0deg)) scale(1.025)}
.studio-art-open{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;background:var(--paper);color:var(--ink);width:47px;height:47px;border-radius:50%;transition:transform .35s}
.studio-art-open svg{width:22px;height:22px}.studio-project-art:hover .studio-art-open{transform:rotate(45deg)}
.studio-project-copy{display:flex;flex-direction:column;justify-content:center;padding-block:20px;max-width:420px}
.studio-project-copy h3{font:500 clamp(2.4rem,4.2vw,4.6rem)/1 var(--display);letter-spacing:-.065em;margin:0 0 24px}
.studio-project-copy>p{font-size:1rem;line-height:1.8}
.studio-project-copy .studio-proof{font-size:.77rem;line-height:1.8;margin-top:24px;color:var(--muted);border-left:1px solid currentColor;padding-left:18px}
.studio-project-copy .studio-link{margin-top:28px}
.studio-art-label,.studio-art-caption{position:absolute;font:400 .58rem/1.5 var(--font);letter-spacing:.1em;z-index:2}
.studio-art-label{top:23px;left:23px}.studio-art-caption{bottom:26px;left:23px}
.studio-art-word{position:absolute;z-index:2;left:27px;bottom:75px;font:500 clamp(6rem,12vw,12rem)/.7 var(--display);letter-spacing:-.08em}
.studio-averi-art{background:#252624;color:#f1f0e7}
.averi-grid{position:absolute;display:grid;grid-template-columns:repeat(6,1fr);gap:7px;width:54%;right:22px;top:50px;transform:rotate(-12deg)}
.averi-grid i{display:block;aspect-ratio:1;background:#e9e5ca;opacity:var(--shade);border-radius:2px}
.studio-averi-art .studio-art-word>span{color:#ee6049}
.studio-project-zelar{background:#d7e0d3;border-color:#bccab7}
.studio-zelar-art{background:#204838;color:#e4f0b9}
.studio-zelar-art .studio-art-word{font-size:clamp(5rem,8.5vw,9rem);bottom:78px}
.studio-zelar-art .studio-art-word em{display:block;font-family:Georgia,'Times New Roman',serif;font-weight:400;margin-left:1.3em}
.zelar-path{position:absolute;display:flex;align-items:center;right:28px;top:64px;width:62%;transform:rotate(-7deg)}
.zelar-path>span{display:grid;place-items:center;width:45px;height:45px;flex-shrink:0;border:1px solid #d4e8a870;border-radius:50%;font-size:.65rem}
.zelar-path>i{height:1px;background:#d4e8a8;flex:1;transform-origin:left;opacity:.55}
.studio-project-fire{background:#e5dbf2;border-color:#c9b7df;color:#342044}
.studio-project-fire .studio-proof{color:#604874}
.studio-partner{text-transform:none;font-size:.65rem;display:flex;align-items:baseline;gap:12px}
.studio-partner strong{font:500 1.8rem/1 var(--display);letter-spacing:-.06em}
.studio-fire-art{background:#7651ae;color:#f3eaff}
.studio-fire-art>svg{position:absolute;inset:40px 0 auto;width:100%;opacity:.35}
.studio-fire-art .studio-art-word{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:clamp(5rem,8.5vw,9rem);bottom:65px}
.studio-fire-art .studio-art-word em{display:block;font:500 1em/.8 var(--display);letter-spacing:-.08em;margin-left:1em}
.studio-archive{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:20px 0 33px;border-bottom:1px solid var(--ink)}
.studio-archive .studio-eyebrow{display:block;max-width:360px;color:var(--muted);font-size:.65rem;text-transform:none;letter-spacing:0;margin-bottom:15px}
.studio-archive-title{display:block;font:500 clamp(2rem,4.6vw,4.3rem)/1.12 var(--display);letter-spacing:-.06em}
.studio-archive-title sup{font:400 .75rem var(--font);letter-spacing:0;margin-left:15px;vertical-align:top;display:inline-block;padding-top:8px}
.studio-archive-arrow{width:75px;height:75px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;transition:background .3s,color .3s}
.studio-archive-arrow svg{width:30px;height:30px}.studio-archive:hover .studio-archive-arrow{background:var(--ink);color:var(--paper)}
.studio-services{background:#242622;color:#edeee4;padding:70px 0 85px}
.studio-service-head{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start;margin-bottom:60px}
.studio-service-head>.studio-eyebrow{padding-top:10px;color:#b3b7a9}
.studio-service-head h2{font:400 clamp(2.5rem,4.5vw,4.5rem)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.05em;max-width:620px}
.studio-service{border-top:1px solid #686b61;padding-block:25px}
.studio-service:last-child{border-bottom:1px solid #686b61}
.studio-service summary{display:grid;grid-template-columns:80px 1fr 44px;align-items:center;gap:25px;cursor:pointer;list-style:none}
.studio-service summary::-webkit-details-marker{display:none}
.studio-service-index{font:400 .8rem/1 var(--font);color:#b3b7a9}
.studio-service h3{font:500 clamp(1.6rem,4.2vw,4.2rem)/1.14 var(--display);letter-spacing:-.055em;transition:color .3s,transform .3s}
.studio-service summary:hover h3{color:#f18165;transform:translateX(8px)}
.studio-service-toggle{position:relative;width:35px;height:35px;border:1px solid #83887a;border-radius:50%}
.studio-service-toggle:before,.studio-service-toggle:after{content:'';position:absolute;top:16px;left:9px;width:15px;height:1px;background:currentColor;transition:transform .3s}
.studio-service-toggle:after{transform:rotate(90deg)}
.studio-service[open] .studio-service-toggle:after{transform:rotate(0)}
.studio-service-detail{padding:22px 80px 9px 105px;display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end}
.studio-service-detail>p{font-size:.9rem;line-height:1.9;max-width:450px;color:#c6cbbd}
.studio-service-detail>span{font-size:.68rem;line-height:1.9;color:#a6ad9b;max-width:230px}
.studio-about{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:100px}
.studio-about-title{align-self:start;position:sticky;top:50px}
.studio-about h2{font:500 clamp(3.5rem,6.8vw,6.8rem)/1 var(--display);letter-spacing:-.07em;margin-top:40px}
.studio-about h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.studio-ticket{display:grid;grid-template-columns:auto 50px auto;gap:20px;max-width:315px;align-items:center;padding:25px 0;border-block:1px dashed #acaa9c;margin-top:45px;color:#b33827}
.studio-ticket>span{font:500 2.8rem/1 var(--display);letter-spacing:-.06em}
.studio-ticket svg{width:40px;height:40px;transform:rotate(45deg)}
.studio-ticket small{grid-column:1/-1;font-size:.7rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}
.studio-about-copy>p{font-size:1rem;line-height:1.9;margin-bottom:23px}
.studio-about-copy>.studio-link{margin:0 0 45px}
.studio-timeline h3,.studio-recognition h3{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:22px;font-weight:400}
.studio-timeline article{display:grid;grid-template-columns:110px 1fr;gap:20px;padding-block:18px;border-top:1px solid var(--studio-rule)}
.studio-timeline article>span{font-size:.63rem;padding-top:4px;color:var(--muted)}
.studio-timeline h4{font-size:1rem;font-weight:500;letter-spacing:-.03em;margin-bottom:5px}
.studio-timeline article p{font-size:.8rem;color:var(--muted);line-height:1.7}
.studio-recognition{margin-top:28px;padding-top:25px;border-top:1px solid var(--studio-rule)}
.studio-recognition ul{list-style:none;padding:0;margin:0;display:grid;gap:12px;font-size:.77rem;line-height:1.8;color:var(--muted)}
.studio-contact{background:var(--studio-red);color:#241d17;padding:55px 0 42px;overflow:clip}
.studio-contact-title{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:30px 0 50px}
.studio-contact-title h2{font:500 clamp(4rem,10vw,10.5rem)/.94 var(--display);letter-spacing:-.075em}
.studio-contact-title h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.studio-contact-title>svg{width:clamp(70px,16vw,220px);height:auto;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.studio-contact-title:hover>svg{transform:translate(12px,-12px)}
.studio-contact-bottom{display:grid;grid-template-columns:1fr 1.25fr auto;gap:50px;border-top:1px solid #241d1750;padding-top:28px}
.studio-contact-bottom>p{font-size:.8rem;line-height:1.8;max-width:250px}
.studio-email{font-size:.95rem;overflow-wrap:anywhere}
.studio-contact .copy-email{display:block;color:inherit;opacity:1;margin-top:17px;font-size:.7rem}
.studio-contact .copy-status{display:block;font-size:.7rem;margin-top:6px}
.studio-socials{display:grid;align-content:start;gap:16px;font-size:.8rem}
.studio-socials>a{display:flex;justify-content:space-between;gap:30px}.studio-socials svg{width:16px;height:16px}
.studio-motion-toggle{position:fixed;z-index:30;bottom:16px;right:20px;display:flex;align-items:center;gap:10px;border:1px solid #bbb9ae;background:#f0eee7ed;color:#20201d;padding:10px 13px;border-radius:30px;font:400 .65rem var(--font);cursor:pointer;box-shadow:0 2px 9px #00000009}
.studio-motion-toggle[hidden]{display:none}
.studio-motion-toggle:before{content:'';width:7px;height:7px;background:#396849;border-radius:50%}
.studio-motion-toggle[aria-pressed="false"]:before{background:#848278}

/* The same edition continues through the catalogue and project pages. */
.freelance-site.catalog-page .catalog-intro{padding-block:65px 50px}
.freelance-site.catalog-page .catalog-intro h1{font-size:clamp(4rem,7.8vw,8rem);line-height:.95;letter-spacing:-.075em}
.freelance-site.catalog-page .catalog-big-count{font-family:Georgia,'Times New Roman',serif;font-style:italic}
.freelance-site.catalog-page .category-tab{transition:background .3s,transform .3s}
.freelance-site.catalog-page .category-tab:hover{transform:translateY(-5px)}
.freelance-site.catalog-page .catalog-card{border-radius:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.freelance-site.catalog-page .catalog-card:hover{transform:translateY(-6px);box-shadow:0 20px 30px #20201d0c}
.freelance-site.catalog-page .catalog-group-heading{padding-top:22px;border-top:1px solid var(--category-line)}
.freelance-site.case-page .case-header{padding-top:50px}
.freelance-site.case-page .case-header h1{font-size:clamp(3rem,6.4vw,6.6rem);line-height:1.05;letter-spacing:-.065em}
.freelance-site.case-page .next-project{padding-block:50px}
.freelance-site.case-page .next-project>svg{transition:transform .4s}.freelance-site.case-page .next-project:hover>svg{transform:translate(8px,-8px)}
.freelance-site:not(.freelance-home) .contact{background:#242622;color:#edeee4}
.freelance-site:not(.freelance-home) .contact .eyebrow,.freelance-site:not(.freelance-home) .contact .contact-intro,.freelance-site:not(.freelance-home) .contact .copy-email{color:#c6cbbd;opacity:1}

@media(prefers-reduced-motion:no-preference){
  .intro-animate .studio-title-line>span{animation:studio-title-in 1.1s cubic-bezier(.2,.8,.2,1) both}
  .intro-animate .studio-title-last>span{animation-delay:.13s}
  .motion-running .fold-plane{animation:studio-fold-drift 6s ease-in-out infinite alternate}
  .motion-running .fold-two{animation-delay:-1s}.motion-running .fold-three{animation-delay:-2s}.motion-running .fold-four{animation-delay:-3s}
  .motion-running .studio-ribbon-track{animation:studio-ribbon 26s linear infinite}
  .motion-running .averi-grid i{animation:studio-cell 5s ease-in-out infinite alternate;animation-delay:calc(var(--cell)*-.6s)}
  .motion-running .fire-node{animation:studio-node 3s ease-in-out infinite;animation-delay:calc(var(--node)*-.7s);transform-box:fill-box;transform-origin:center}
  .motion-running .zelar-path>i{animation:studio-wire 2.5s ease-in-out infinite alternate}
  .motion-running .studio-service[open] .studio-service-detail{animation:studio-detail-in .4s ease-out}
  .freelance-site.motion-ready [data-enter]{transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}
  .freelance-site.motion-ready [data-enter]:not(.entered){opacity:0;transform:translateY(28px)}
  @keyframes studio-title-in{from{transform:translateY(120%) rotate(3deg)}to{transform:translateY(0) rotate(0)}}
  @keyframes studio-fold-drift{from{transform:translateY(-7px)}to{transform:translateY(7px)}}
  @keyframes studio-ribbon{to{transform:translateX(-25%)}}
  @keyframes studio-cell{to{opacity:calc(var(--shade)*.45)}}
  @keyframes studio-node{50%{opacity:.35;transform:scale(.7)}}
  @keyframes studio-wire{from{transform:scaleX(.15)}to{transform:scaleX(1)}}
  @keyframes studio-detail-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
}
.freelance-site.motion-paused *,.freelance-site.motion-paused *:before,.freelance-site.motion-paused *:after{animation-play-state:paused!important;transition:none!important}
.freelance-site.motion-paused [data-enter]{opacity:1!important;transform:none!important}
.freelance-site.motion-paused .studio-title-line>span{animation:none;transform:none}
.freelance-site.motion-paused .studio-project{position:relative;top:auto}

@media(min-width:1700px){.studio-title-last{margin-left:165px}}
@media(max-width:1050px){
  .studio-object{width:245px;top:0;right:-10px}.studio-hero-stage{padding-top:72px}
  .studio-project-content{gap:35px;grid-template-columns:1.1fr 1fr}.studio-project{padding:20px}
  .studio-project-art,.studio-project-art>div{min-height:335px}.studio-project-copy h3{font-size:2.8rem}
  .studio-hero-bottom{grid-template-columns:100px 1fr auto;gap:25px}.studio-hero-bottom>p{font-size:.9rem}
  .studio-service-detail{gap:30px;padding-right:0}.studio-about{gap:55px}.studio-contact-bottom{gap:28px}
}
@media(max-width:760px){
  .studio-wrap,.freelance-site .header,.freelance-site .footer{width:calc(100% - 40px)}
  .studio-hero-top{align-items:start;font-size:.63rem}.studio-hero-top>p{max-width:185px}.studio-hero-top>span{max-width:110px;text-align:right}
  .studio-hero-stage{padding-block:140px 32px;min-height:0}.studio-hero h1{font-size:14vw;line-height:.98;letter-spacing:-.075em}
  html[lang="en"] .studio-hero h1{font-size:11.8vw}.studio-title-last{margin-left:6vw}
  .studio-object{width:180px;top:-24px;right:0}.studio-object-caption{display:none}
  .studio-hero-bottom{grid-template-columns:64px 1fr;gap:20px;padding-bottom:24px}.studio-round{width:64px;height:64px}.studio-round svg{width:27px;height:27px}
  .studio-hero-bottom>p{font-size:.9rem;line-height:1.8}.studio-hero-bottom>.studio-link{grid-column:2;justify-self:start;align-self:start;margin:0;font-size:.8rem;padding-top:0}
  .studio-hero-foot{font-size:.58rem;gap:15px;padding-bottom:18px}.studio-hero-foot a{gap:9px}
  .studio-ribbon-frame{padding-block:15px;margin-top:0}.studio-ribbon{padding-block:15px}.studio-ribbon-track{gap:25px}
  .studio-work{padding-block:65px 55px}.studio-section-head{gap:22px;margin-bottom:32px}.studio-section-head h2{font-size:clamp(2.45rem,7vw,3.8rem)}
  .studio-project{position:relative;top:auto;padding:15px;margin-bottom:25px}.studio-stack{padding-bottom:15px}
  .studio-project-top{font-size:.56rem;gap:10px;padding-bottom:16px}.studio-partner{font-size:.5rem;display:block;text-align:right}.studio-partner strong{display:block;font-size:1.3rem;margin-top:4px}
  .studio-project-content{grid-template-columns:1fr;gap:0}.studio-project-art,.studio-project-art>div{min-height:300px}
  .studio-project-copy{padding:26px 10px 12px;max-width:none}.studio-project-copy h3{font-size:2.5rem;margin-bottom:17px}.studio-project-copy>p{font-size:.9rem}
  .studio-project-copy .studio-proof{margin-top:18px;font-size:.72rem}.studio-project-copy .studio-link{margin-top:16px;font-size:.8rem}
  .studio-art-word{font-size:9rem}.studio-zelar-art .studio-art-word,.studio-fire-art .studio-art-word{font-size:7rem}
  .studio-archive-title{font-size:2.2rem}.studio-archive-arrow{width:55px;height:55px;flex-shrink:0}.studio-archive-arrow svg{width:25px;height:25px}.studio-archive .studio-eyebrow{max-width:250px;font-size:.6rem}
  .studio-services{padding-block:48px}.studio-service-head{grid-template-columns:1fr;gap:24px;margin-bottom:35px}.studio-service-head h2{font-size:2.5rem;max-width:390px}
  .studio-service summary{grid-template-columns:25px 1fr 32px;gap:13px}.studio-service h3{font-size:clamp(1.4rem,4.7vw,2.4rem)}.studio-service-toggle{width:29px;height:29px}.studio-service-toggle:before,.studio-service-toggle:after{top:13px;left:7px;width:13px}
  .studio-service-detail{grid-template-columns:1fr;gap:15px;padding:18px 12px 0 38px}.studio-service-detail>span{max-width:none}.studio-service-detail>p{font-size:.85rem}
  .studio-about{grid-template-columns:1fr;gap:40px;padding-block:60px}.studio-about-title{position:static}.studio-about h2{font-size:4rem;margin-top:27px}.studio-ticket{margin-top:30px;padding:20px 0;max-width:290px}
  .studio-about-copy>p{font-size:.93rem}.studio-about-copy>.studio-link{margin-bottom:35px}.studio-timeline article{grid-template-columns:100px 1fr}
  .studio-contact{padding-top:40px}.studio-contact-title{margin:32px 0 36px;gap:14px}.studio-contact-title h2{font-size:clamp(3.3rem,11vw,5.2rem)}.studio-contact-title>svg{width:15vw}
  .studio-contact-bottom{grid-template-columns:1fr;gap:25px}.studio-contact-bottom>p{max-width:330px}.studio-socials{display:flex;gap:30px}.studio-socials>a{gap:15px}
  .studio-email{font-size:.9rem}.studio-motion-toggle{bottom:10px;right:10px;font-size:.6rem;padding:9px 11px}
  .freelance-site.catalog-page .catalog-intro{padding-top:35px}.freelance-site.catalog-page .catalog-intro h1{font-size:clamp(3.4rem,11vw,5rem)}
  .freelance-site.case-page .case-header{padding-top:30px}.freelance-site.case-page .case-header h1{font-size:clamp(2.7rem,9vw,4.5rem)}
}
@media(max-width:380px){.studio-hero-top>p{max-width:150px}.studio-project-art,.studio-project-art>div{min-height:265px}.studio-zelar-art .studio-art-word,.studio-fire-art .studio-art-word{font-size:6rem}.studio-service h3{font-size:1.35rem}.studio-archive-title{font-size:1.95rem}.studio-contact-title h2{font-size:3.15rem}}
@media(max-height:660px) and (min-width:761px){.studio-project{position:relative;top:auto}.studio-about-title{position:static}}
@media(prefers-reduced-motion:reduce){.studio-project{position:relative;top:auto}.studio-object,.studio-fold,.studio-project-art>div{transform:none!important}.studio-title-line>span{transform:none!important}.studio-motion-toggle{display:none}.freelance-site [data-enter]{opacity:1!important;transform:none!important}}
@media print{.studio-motion-toggle{display:none!important}.freelance-site{background:white;color:#111}.studio-project,.studio-about-title{position:static}.freelance-site [data-enter]{opacity:1!important;transform:none!important}}