/*
Theme Name: Daniel Johanson
Description: Daniel Johanson portfolio with editable work examples, freelance services and an email project brief.
Version: 2.0.1
Author: Daniel Johanson
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: daniel-johanson
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#19191c;--paper:#f8f7f2;--blue:#d5e8ed;--lavender:#dcd1ef;--burgundy:#65243d;--navy:#14213d;--gutter:clamp(24px,5vw,100px);font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:.3em;text-decoration-thickness:1px}a:focus-visible{outline:3px solid currentColor;outline-offset:6px}::selection{background:#b8a5d0;color:#19191c}img{max-width:100%;display:block}p{margin:0;line-height:1.6}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:500;margin:0;letter-spacing:-.055em;line-height:1.08;overflow-wrap:break-word}h1{font-size:clamp(64px,8vw,128px)}h2{font-size:clamp(40px,5vw,76px)}h3{font-size:clamp(32px,4vw,64px)}
.page-shell{width:100%;min-height:100svh;display:flex;flex-direction:column}main{flex:1;min-width:0}.entry-content>.wp-block-group{max-width:none}.wp-block-group{margin-block:0}.site-header{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px var(--gutter);min-height:96px}.wordmark{font-family:Manrope,Arial,sans-serif;font-size:32px;font-weight:600;letter-spacing:-.08em;text-decoration:none}.header-label{margin-right:auto;font-size:14px}.site-header .menu{display:flex;gap:28px;align-items:center;list-style:none;padding:0;margin:0}.site-header nav a{text-decoration:none;font-size:15px;padding:8px 0}.site-header a[aria-current=page],.site-header .current-menu-item>a{ text-decoration:underline}.site-header nav a:hover{text-decoration:underline}.site-footer{padding:32px var(--gutter);font-size:14px}.skip-link{position:fixed;z-index:999;left:20px;top:20px;padding:12px;background:var(--ink);color:var(--paper);transform:translateY(-200%)}.skip-link:focus{transform:none}
.hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:620px}.hero-copy{background:var(--blue);padding:80px var(--gutter);display:flex;flex-direction:column;justify-content:center;gap:40px;min-width:0}.hero h1{font-size:clamp(64px,7.6vw,122px)}.hero-bottom{display:flex;flex-direction:column;gap:28px}.hero-bottom>p:first-child{font-size:clamp(18px,1.6vw,24px);max-width:30ch}.hero-visual{background:var(--lavender);isolation:isolate;display:grid;place-items:center;min-width:0}.hero-image{margin:0!important;width:100%;max-width:640px;padding:36px}.hero-image img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:lighten}.text-link a{display:inline-block;font-size:16px;padding:6px 0}.home-directory{display:flex;flex-direction:column}.directory-links p{margin:0}.directory-links a{display:block;padding:50px var(--gutter);font-family:Manrope,Arial,sans-serif;font-size:clamp(40px,5vw,76px);letter-spacing:-.055em;line-height:1.15;text-decoration:none;background:var(--blue)}.directory-links p:nth-child(2) a{background:var(--lavender);color:var(--ink)}.directory-links p:nth-child(3) a{background:var(--blue)}.directory-links a:hover{text-decoration:underline}
.portfolio-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:72px var(--gutter) 88px;align-items:end}.page-intro-copy{font-size:clamp(19px,1.7vw,25px);max-width:40ch}.project-grid{display:flex;flex-direction:column}.project-card{padding:64px var(--gutter);background:var(--lavender);display:grid;grid-template-columns:1fr 1fr;gap:24px 60px}.project-card:nth-child(even){background:var(--blue)}.project-kicker{grid-column:1/-1;font-size:14px}.project-summary{display:contents}.project-summary>p{font-size:18px;max-width:48ch;align-self:center}.project-bottom{grid-column:2;display:flex;flex-direction:column;gap:24px;font-size:15px}.project-bottom a{display:inline-block;padding:6px 0}.media-strip{background:var(--lavender);padding:72px var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:60px}.media-strip-copy{font-size:18px;max-width:48ch;display:flex;flex-direction:column;justify-content:center;gap:28px}.inline-links{display:flex;flex-wrap:wrap;gap:32px}.work-inquiry{background:var(--blue);padding:48px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:32px}.work-inquiry>p{font-size:clamp(28px,3vw,44px);letter-spacing:-.04em}
.page-books{background:var(--navy);color:var(--paper)}.page-books .skip-link{background:var(--paper);color:var(--navy)}.fiction-heading{padding:32px var(--gutter) 48px;display:flex;flex-direction:column;gap:16px}.fiction-heading h2{font-size:clamp(30px,3.5vw,48px)}.book-grid{display:flex;flex-direction:column}.book-card{background:var(--burgundy);padding:64px var(--gutter);display:grid;grid-template-columns:1fr 1fr;column-gap:60px;row-gap:24px}.book-card:nth-child(even){background:#1d3253}.book-kicker{grid-column:1/-1;font-size:14px}.book-card h3{font-size:clamp(54px,6vw,88px);grid-column:1;grid-row:2/5;align-self:start}.book-genres,.book-description,.book-note,.book-link{grid-column:2;max-width:48ch}.book-description{font-size:18px}.book-note,.book-genres{font-size:15px}.book-link{margin-top:12px}.writing-section{padding:72px var(--gutter)}.writing-heading{margin-bottom:48px}.writing-piece{display:grid;grid-template-columns:220px 1fr;gap:32px;padding:28px 0}.writing-piece h3{font-size:clamp(26px,3vw,42px);letter-spacing:-.035em;line-height:1.2}.writing-piece a{text-decoration:none}.writing-piece a:hover{text-decoration:underline}.writing-meta{font-size:14px}
.contact-page{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.contact-heading{background:var(--blue);padding:80px var(--gutter);display:flex;flex-direction:column;justify-content:center;gap:32px}.contact-panel{background:var(--lavender);padding:80px var(--gutter);display:flex;flex-direction:column;justify-content:center;gap:40px;min-width:0}.contact-details{display:flex;flex-direction:column;gap:28px}.email-link{font-size:clamp(18px,1.8vw,28px);overflow-wrap:anywhere}.contact-note{font-size:18px}.content-prose{padding:64px var(--gutter);max-width:1000px}.content-prose p{margin:24px 0}
@media(min-width:1800px){:root{--gutter:max(80px,calc((100% - 1560px)/2))}.hero-copy,.contact-heading{padding-right:80px}.hero-image{max-width:720px}}
@media(max-width:900px){.header-label{display:none}.hero{min-height:500px}.hero-copy{padding-block:64px}.hero h1{font-size:clamp(54px,8vw,76px)}.hero-image{padding:20px}.portfolio-intro,.project-card,.book-card,.media-strip{column-gap:36px}.project-bottom{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}.contact-page{min-height:540px}.contact-heading h1{font-size:64px}.writing-piece{grid-template-columns:160px 1fr}}
@media(max-width:640px){.site-header{min-height:84px;padding-block:22px;gap:20px}.wordmark{font-size:28px}.site-header .menu{gap:18px}.site-header nav a{font-size:14px}.hero{grid-template-columns:1fr}.hero-copy{padding:56px var(--gutter);gap:28px}.hero h1{font-size:clamp(58px,14vw,88px)}.hero-visual{min-height:0}.hero-image{max-width:440px;padding:24px}.directory-links a{padding-block:36px}.portfolio-intro{grid-template-columns:1fr;gap:32px;padding-block:52px}.project-card,.book-card,.media-strip{display:flex;flex-direction:column;gap:28px;padding-block:48px}.project-bottom{align-items:flex-start;flex-direction:column;gap:20px}.project-summary{display:flex;flex-direction:column;gap:28px}.project-summary>p{align-self:auto}.work-inquiry{align-items:flex-start;flex-direction:column;gap:20px;padding-block:36px}.fiction-heading{padding-block:16px 40px}.book-card h3{font-size:64px}.writing-section{padding-block:52px}.writing-heading{margin-bottom:28px}.writing-piece{grid-template-columns:1fr;gap:16px;padding-block:24px}.writing-piece h3{font-size:30px}.contact-page{grid-template-columns:1fr}.contact-heading,.contact-panel{padding-block:56px}.contact-heading h1{font-size:72px}.email-link{font-size:clamp(18px,5.3vw,28px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Books only: terminal stems meet at a 414-unit repeat; each strip keeps its aspect ratio. */
.page-books main{--gutter:clamp(36px,8vw,116px);--vine-cap:clamp(64px,11vw,160px);--vine-side:clamp(36px,7vw,100px);position:relative;isolation:isolate}
.page-books main::before,.page-books main::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}
.page-books main::before{background-image:url('assets/vine-soft-top.svg'),url('assets/vine-soft-bottom.svg');background-position:left top,left bottom;background-size:calc(var(--vine-cap)*4.14) var(--vine-cap);background-repeat:repeat-x}
.page-books main::after{background-image:url('assets/vine-soft-left.svg'),url('assets/vine-soft-right.svg');background-position:left top,right top;background-size:var(--vine-side) calc(var(--vine-side)*4.14);background-repeat:repeat-y}
.page-books main :is(h1,h2,h3,p){position:relative;z-index:2}
.page-books .books-intro{padding-top:calc(72px + var(--vine-cap)*.55)}
.page-books .writing-section{padding-bottom:calc(72px + var(--vine-cap)*.7)}
@media(max-width:640px){.page-books .books-intro{padding-top:calc(52px + var(--vine-cap)*.55)}.page-books .writing-section{padding-bottom:calc(52px + var(--vine-cap)*.7)}}
@media print{.page-books main::before,.page-books main::after{display:none}}

/* Portfolio folio: substantial type, real examples and a clear project scope. */
:root{--refresh-ink:#202b3e;--refresh-muted:#505566;--refresh-rule:#c9c9cb;--refresh-lilac:#e0d7f0;--refresh-deep:#243650;--refresh-max:1500px;--gutter:clamp(22px,5.4vw,92px)}
body{color:var(--refresh-ink)}
html{scroll-behavior:smooth;scroll-padding-top:24px}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.refresh-site-header{gap:36px;padding-block:28px;max-width:var(--refresh-max);width:100%;margin-inline:auto}
.refresh-wordmark{font-family:Manrope,Arial,sans-serif;font-size:25px;letter-spacing:-.065em;font-weight:700;text-decoration:none;line-height:1.2;white-space:nowrap}
.refresh-wordmark span{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:.01em;margin-top:6px}
.refresh-site-header .menu{gap:28px}
.refresh-site-header .menu a{font-size:15px;min-height:44px;display:flex;align-items:center}
.refresh-site-footer{display:grid;grid-template-columns:1fr 1fr auto;gap:28px;align-items:start;padding-block:42px;font-size:14px;max-width:var(--refresh-max);width:100%;margin-inline:auto}
.refresh-site-footer>a:first-child{font-family:Manrope,Arial,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.05em;text-decoration:none}
.refresh-site-footer p{line-height:1.5}
.refresh-site-footer>a:last-child{overflow-wrap:anywhere}
[class*="refresh-"]{min-width:0}
[class*="refresh-"] h1,[class*="refresh-"] h2,[class*="refresh-"] h3,[class*="refresh-"] h4{color:inherit}
[class*="refresh-"] h1{font-size:clamp(49px,5.8vw,90px);font-weight:600;letter-spacing:-.065em;line-height:1.04}
[class*="refresh-"] h2{font-size:clamp(35px,3.8vw,60px);font-weight:600;line-height:1.08;letter-spacing:-.055em}
[class*="refresh-"] h3{font-size:clamp(24px,2.4vw,36px);font-weight:600;letter-spacing:-.04em;line-height:1.2}
[class*="refresh-"] h4{font-family:'DM Sans',Arial,sans-serif;font-size:15px;letter-spacing:0;font-weight:700;margin:28px 0 12px}
[class*="refresh-"] p{font-size:17px;line-height:1.65;max-width:62ch}
p.refresh-eyebrow{font-size:11px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;font-weight:600}
p.refresh-lede{font-size:clamp(18px,1.45vw,21px);line-height:1.6;max-width:51ch}
p.refresh-caption{font-size:12px;line-height:1.5;color:var(--refresh-muted);max-width:70ch}
p.refresh-small-link{font-size:14px;line-height:1.5}
.refresh-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px}
.refresh-action{max-width:none!important}
.refresh-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid var(--refresh-ink);border-radius:0;background:var(--refresh-ink);color:#fff;text-decoration:none;font-size:14px;line-height:1.4;font-weight:500}
.refresh-button:hover{background:#38465d}
.refresh-button-secondary{background:transparent;color:var(--refresh-ink)}
.refresh-button-secondary:hover{background:#ffffff65}
.refresh-button:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7253a5;outline-offset:4px}
.refresh-hero{background:var(--refresh-lilac);padding:66px var(--gutter) 58px;display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:center}
.refresh-hero-copy{display:flex;flex-direction:column;gap:27px}
.refresh-hero-copy .refresh-lede{max-width:45ch}
.refresh-hero-copy .refresh-actions{margin-top:6px}
.refresh-hero-proof{display:flex;flex-direction:column;gap:14px;padding:0 0 0 16px}
.refresh-format-pair,.refresh-study-pair{display:grid;grid-template-columns:1.28fr 1fr;align-items:center;gap:22px}
.refresh-format-pair{max-width:560px}
.refresh-format-pair .refresh-feed{align-self:center}
.refresh-feed,.refresh-story{margin:0!important}
.refresh-feed img,.refresh-story img{width:100%;height:auto}
.refresh-feed img{aspect-ratio:4/5}
.refresh-story img{aspect-ratio:9/16}
.refresh-format-pair .refresh-story{max-width:205px;justify-self:end}
.refresh-hero-proof .refresh-caption{max-width:47ch}
.refresh-selected{padding:75px var(--gutter) 80px}
.refresh-section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:end;margin-bottom:36px}
.refresh-section-heading>p{max-width:46ch;font-size:16px}
.refresh-work-pair{display:grid;grid-template-columns:1fr 1fr;gap:38px}
.refresh-work-teaser{display:flex;flex-direction:column;gap:14px}
.refresh-work-teaser figure{margin:0 0 8px!important}
.refresh-work-teaser img{width:100%;height:auto;border:1px solid #d0d2d8}
.refresh-work-teaser img,.refresh-case-visual img{aspect-ratio:36/25}
.refresh-work-teaser h3 a{text-decoration:none}
.refresh-work-teaser h3 a:hover{text-decoration:underline}
.refresh-work-teaser>p:not(.refresh-eyebrow):not(.refresh-small-link){font-size:16px;max-width:53ch}
.refresh-work-teaser .refresh-small-link{margin-top:auto}
.refresh-services-overview{background:var(--refresh-deep);color:#f8f7f2;padding:70px var(--gutter)}
.refresh-services-overview .refresh-section-heading{margin-bottom:40px}
.refresh-service-line{display:grid;grid-template-columns:1fr 1.05fr auto;gap:32px;align-items:center;padding:27px 0;border-top:1px solid #8391a5}
.refresh-service-line h3{font-size:clamp(24px,2.1vw,32px)}
.refresh-service-line h3 a{text-decoration:none}
.refresh-service-line h3 a:hover{text-decoration:underline}
.refresh-service-line>p{font-size:15px;line-height:1.55}
.refresh-service-line .refresh-small-link{font-size:13px}
.refresh-about-strip{display:grid;grid-template-columns:1fr 1fr;gap:20px 8%;padding:72px var(--gutter);background:#dce9ed}
.refresh-about-strip>.refresh-eyebrow{grid-column:1/-1}
.refresh-about-copy{display:flex;flex-direction:column;gap:18px}
.refresh-about-copy p{font-size:16px}
.refresh-intro{padding:62px var(--gutter) 58px;background:var(--refresh-lilac);display:grid;grid-template-columns:1.2fr 1fr;gap:24px 8%;align-items:end}
.refresh-intro .refresh-eyebrow{grid-column:1/-1}
.refresh-intro h1{font-size:clamp(48px,5.5vw,82px)}
.refresh-intro>.refresh-lede{max-width:44ch;font-size:18px}
.refresh-work-jump{padding:20px var(--gutter);border-bottom:1px solid var(--refresh-rule)}
.refresh-work-jump p{display:flex;flex-wrap:wrap;gap:12px 30px;max-width:none;font-size:13px}
.refresh-work-jump a{padding-block:6px}
.refresh-case{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;padding:64px var(--gutter);align-items:start;border-bottom:1px solid var(--refresh-rule)}
.refresh-case:nth-of-type(even){background:#eef0f0}
.refresh-case-reverse .refresh-case-visual{grid-column:2;grid-row:1}
.refresh-case-reverse .refresh-case-copy{grid-column:1;grid-row:1}
.refresh-case-visual{display:flex;flex-direction:column;gap:14px}
.refresh-case-visual figure{margin:0!important}
.refresh-case-visual img{width:100%;height:auto;border:1px solid #c9ccd1}
.refresh-case-copy>h2{margin:12px 0 18px;font-size:clamp(34px,3.5vw,54px)}
.refresh-case-copy>h3.refresh-case-subtitle{font-size:21px;line-height:1.35;letter-spacing:-.025em;margin-bottom:16px}
.refresh-case-copy>p:not(.refresh-eyebrow){font-size:16px}
.refresh-case-copy ul,.refresh-service-scope ul{font-size:15px;line-height:1.6;padding-left:20px;margin:0}
.refresh-case-copy li,.refresh-service-scope li{padding:3px 0}
.refresh-case-links{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px}
.refresh-case-links p{font-size:14px}
.refresh-studies{background:#e0d7f0;padding:70px var(--gutter)}
.refresh-study-heading .refresh-eyebrow{margin-bottom:14px}
.refresh-study{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center;padding:40px 0;border-top:1px solid #aaa0bb}
.refresh-study-pair{grid-template-columns:1.27fr 1fr;gap:30px;max-width:630px}
.refresh-study-copy{display:flex;flex-direction:column;gap:17px}
.refresh-study-copy p:not(.refresh-eyebrow){font-size:16px}
.refresh-study-copy p:nth-last-child(1){font-size:14px}
.refresh-studies>.refresh-action{margin-top:14px}
.refresh-next{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;padding:65px var(--gutter);background:#dce9ed}
.refresh-next-copy{display:flex;flex-direction:column;gap:22px}
.refresh-next-copy>p{font-size:17px}
.refresh-service-detail{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:60px var(--gutter);border-bottom:1px solid var(--refresh-rule)}
.refresh-service-detail:nth-of-type(odd){background:#edf1f2}
.refresh-service-title{display:flex;flex-direction:column;gap:18px}
.refresh-service-title h2{font-size:clamp(34px,3.6vw,54px)}
.refresh-service-title .refresh-lede{font-size:18px}
.refresh-service-scope>h3,.refresh-scope-example h3{font-size:16px;letter-spacing:0;margin-bottom:12px}
.refresh-scope-example{border-left:3px solid #8c6db0;padding:4px 0 4px 20px;margin:24px 0}
.refresh-scope-example p,.refresh-service-scope>p{font-size:16px}
.refresh-service-scope>.refresh-actions{margin-top:26px}
.refresh-service-scope .refresh-small-link{font-size:14px}
.refresh-process{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:65px var(--gutter);background:var(--refresh-deep);color:var(--paper)}
.refresh-process-copy{display:flex;flex-direction:column;gap:20px}
.refresh-process-copy .refresh-lede{font-size:19px}
.refresh-process .refresh-button{background:var(--refresh-lilac);color:var(--refresh-ink);border-color:var(--refresh-lilac)}
.refresh-contact{display:grid;grid-template-columns:1fr 1.05fr;gap:8%;padding:64px var(--gutter) 75px;background:#e7e1f0}
.refresh-contact-copy{display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.refresh-contact-copy h1{font-size:clamp(48px,5vw,78px)}
.refresh-contact-copy .refresh-lede{font-size:19px}
p.refresh-contact-email{font-size:17px;line-height:1.8;overflow-wrap:anywhere;margin-block:4px}
.refresh-contact-copy>p:nth-last-child(-n+2){font-size:14px}
.refresh-contact-form{background:#fafaf6;padding:30px}
.refresh-contact-form h2{font-size:28px;letter-spacing:-.04em;margin-bottom:26px}
.refresh-brief-form{display:flex;flex-direction:column;gap:22px}
.refresh-field{display:flex;flex-direction:column;gap:8px}
.refresh-field label{font-size:14px;font-weight:600;line-height:1.5}
.refresh-field label span{font-weight:400;color:#5b5d64}
.refresh-field input,.refresh-field textarea,.refresh-field select{display:block;width:100%;border:1px solid #8f94a0;border-radius:0;background:#fff;color:var(--refresh-ink);padding:12px;min-height:48px;font-size:16px;line-height:1.5}
.refresh-field textarea{resize:vertical}
.refresh-field input::placeholder,.refresh-field textarea::placeholder{color:#686c76;opacity:1}
.refresh-field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.refresh-copy-button{font-size:14px;line-height:1.4;background:transparent;color:var(--refresh-ink);border:0;text-decoration:underline;text-underline-offset:4px;padding:12px 0;min-height:48px}
p.refresh-form-note{font-size:12px;color:#515867;line-height:1.6}
#brief-status{font-size:14px;line-height:1.5}
#brief-status:empty{display:none}
.page-books .refresh-site-header,.page-books .refresh-site-footer{color:var(--paper)}
@media(min-width:1700px){.refresh-hero,.refresh-selected,.refresh-services-overview,.refresh-about-strip,.refresh-intro,.refresh-work-jump,.refresh-case,.refresh-studies,.refresh-next,.refresh-service-detail,.refresh-process,.refresh-contact{padding-inline:max(var(--gutter),calc((100% - 1320px)/2))}}
@media(max-width:1100px){.refresh-hero{gap:5%;padding-block:52px}.refresh-hero h1{font-size:clamp(49px,6.1vw,68px)}.refresh-hero-proof{padding-left:0}.refresh-format-pair{gap:16px}.refresh-site-header .menu{gap:18px}.refresh-service-line{grid-template-columns:1fr 1.1fr;gap:15px 30px}.refresh-service-line .refresh-small-link{grid-column:2}.refresh-contact{gap:5%}.refresh-contact-form{padding:25px}.refresh-field-row{grid-template-columns:1fr}.refresh-site-footer{grid-template-columns:1fr 1fr}.refresh-site-footer>a:last-child{grid-column:2}}
@media(max-width:760px){.refresh-site-header{padding-block:22px;gap:18px;align-items:flex-start}.refresh-wordmark{font-size:22px}.refresh-wordmark span{font-size:11px}.refresh-site-header .menu{display:grid;grid-template-columns:auto auto;gap:0 18px}.refresh-site-header .menu a{font-size:13px;min-height:35px;padding-block:6px}.refresh-hero{grid-template-columns:1fr;gap:42px;padding-block:42px}.refresh-hero h1{font-size:clamp(48px,8.4vw,70px)}.refresh-hero-copy{gap:22px}.refresh-hero-proof{max-width:560px}.refresh-format-pair{grid-template-columns:1.2fr 1fr;gap:28px;max-width:490px}.refresh-format-pair .refresh-story{max-width:190px;justify-self:start}.refresh-hero-proof .refresh-caption{max-width:none}.refresh-section-heading,.refresh-about-strip,.refresh-intro,.refresh-next,.refresh-service-detail,.refresh-process,.refresh-contact{grid-template-columns:1fr;gap:25px}.refresh-selected,.refresh-services-overview,.refresh-about-strip,.refresh-studies{padding-block:46px}.refresh-section-heading{margin-bottom:30px}.refresh-work-pair{gap:25px}.refresh-work-teaser h3{font-size:24px}.refresh-work-teaser>p:not(.refresh-eyebrow){font-size:15px}.refresh-work-teaser .refresh-eyebrow{font-size:10px;letter-spacing:.08em}.refresh-about-strip>.refresh-eyebrow,.refresh-intro .refresh-eyebrow{grid-column:auto}.refresh-about-copy{max-width:60ch}.refresh-intro{padding-block:42px}.refresh-intro h1{font-size:clamp(46px,8.6vw,64px)}.refresh-intro>.refresh-lede{max-width:55ch}.refresh-case,.refresh-case-reverse{display:flex;flex-direction:column;padding-block:40px;gap:28px}.refresh-case-copy h2{font-size:42px}.refresh-case-visual{max-width:700px;width:100%}.refresh-case-copy{max-width:64ch}.refresh-case-copy h4{margin-top:22px}.refresh-study{grid-template-columns:1fr;gap:28px;padding-block:34px}.refresh-study-pair{max-width:540px}.refresh-study-copy{max-width:60ch;gap:13px}.refresh-study-copy h3{font-size:30px}.refresh-next,.refresh-process{padding-block:45px}.refresh-service-detail{padding-block:42px;gap:32px}.refresh-service-title{gap:14px}.refresh-service-title h2{font-size:40px}.refresh-contact{padding-block:40px;gap:35px}.refresh-contact-copy h1{font-size:58px}.refresh-contact-copy{gap:20px}.refresh-field-row{grid-template-columns:1fr 1fr}.refresh-site-footer{grid-template-columns:1fr;gap:18px;padding-block:32px}.refresh-site-footer>a:last-child{grid-column:auto}}
@media(max-width:480px){.refresh-wordmark{font-size:20px}.refresh-wordmark span{font-size:10px}.refresh-site-header{gap:14px}.refresh-site-header .menu{column-gap:15px}.refresh-hero h1{font-size:clamp(42px,10.7vw,51px)}.refresh-hero .refresh-lede{font-size:17px}.refresh-hero .refresh-actions{align-items:stretch;flex-direction:column;gap:12px}.refresh-hero .refresh-actions .refresh-button{width:100%}.refresh-format-pair{gap:18px}.refresh-work-pair{grid-template-columns:1fr;gap:34px}.refresh-work-teaser h3{font-size:29px}.refresh-service-line{grid-template-columns:1fr;gap:13px;padding-block:24px}.refresh-service-line .refresh-small-link{grid-column:auto}.refresh-service-line h3{font-size:29px}.refresh-work-jump{padding-block:16px}.refresh-work-jump p{gap:6px 20px}.refresh-case-copy h2{font-size:38px}.refresh-case-copy h3.refresh-case-subtitle{font-size:20px}.refresh-study-pair{gap:20px}.refresh-study-copy h3{font-size:28px}.refresh-service-title h2{font-size:37px}.refresh-contact-copy h1{font-size:51px}.refresh-contact-form{padding:24px 20px}.refresh-contact-form h2{font-size:25px}.refresh-field-row{grid-template-columns:1fr}.refresh-brief-form .refresh-actions{gap:8px 20px}.refresh-brief-form .refresh-button{padding-inline:18px}.refresh-contact-email a{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}