:root{--purple:#3d348b;--orange:#f28123;--sage:#b4b8ab;--ink:#153243;--paper:#fff;--rule:#15324335;--heading:'Work Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 'Work Sans',sans-serif}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid currentColor;outline-offset:5px}img{display:block;max-width:100%;height:auto}figure,h1,h2,h3,h4,p{margin:0}p+p{margin-top:20px}h1,h2,h3{line-height:1.04;letter-spacing:-.055em;font-weight:500}h1{font-size:clamp(64px,8.5vw,136px)}h2{font-size:clamp(42px,5vw,76px)}h3{font-size:29px}h4{font-size:17px;line-height:1.4;margin:28px 0 12px}ul{padding-left:20px}button,summary{font:inherit}.wrap{width:calc(100% - 96px);max-width:1360px;margin-inline:auto}.skip{position:absolute;top:-100px;z-index:20;background:white;padding:12px}.skip:focus{top:60px}.concept-switch{position:sticky;top:0;z-index:30;background:#153243;color:#fff;padding:10px 24px;display:flex;gap:22px;align-items:center;flex-wrap:wrap;font:12px/1.5 'Work Sans',sans-serif;letter-spacing:0}.concept-switch span{margin-right:auto;color:#dadddf}.concept-switch a{text-decoration:none;white-space:nowrap}.concept-switch a[aria-current]{color:#fff;font-weight:600;text-decoration:underline}.concept-switch a:hover{text-decoration:underline}header{display:flex;justify-content:space-between;gap:35px;align-items:center;padding-block:35px;border-bottom:1px solid var(--rule)}.brand img{width:155px;height:auto;filter:brightness(0) saturate(100%)}nav{display:flex;flex-wrap:wrap;gap:24px;font-size:13px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:28px;padding-block:75px 100px;align-items:start}.hero-copy{display:contents}.hero h1{grid-column:1/10;grid-row:1;color:var(--purple)}.greeting{font:14px/1.5 'Work Sans',sans-serif;letter-spacing:0;display:block;margin-bottom:26px}.name-break{display:none}.hero .lead{grid-column:4/10;grid-row:2;font-size:27px;line-height:1.4;letter-spacing:-.035em;max-width:630px}.hero-description{grid-column:4/10;grid-row:3;font-size:15px;max-width:560px}.hero-links{grid-column:4/10;grid-row:4;display:flex;flex-wrap:wrap;gap:22px;font-size:13px}.portrait{grid-column:10/13;grid-row:2/5;align-self:end}.portrait img{width:100%;aspect-ratio:4/5;object-fit:cover}.section{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:50px 24px;padding-block:100px;border-top:1px solid var(--rule)}.section-label{grid-column:1/6}.section-label p{max-width:380px;margin-top:26px}.eyebrow{display:block;font-size:11px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:24px}.section-label>.text-link{display:inline-block;margin-top:30px}.work-list,.writing-body,.building-intro,.about>.section-label+div{grid-column:7/13}.work-item{display:grid;grid-template-columns:30px 1fr;gap:18px;padding:30px 0;border-top:1px solid var(--rule)}.work-item:first-child{padding-top:0;border:0}.number{font-size:11px;padding-top:5px;color:var(--purple)}.work-item p{margin-top:16px;font-size:15px}.work-item h3{font-size:30px}.work-item details{font-size:14px}details{margin-top:22px}summary{cursor:pointer;font-size:13px;border-bottom:1px solid var(--rule);padding:12px 0;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:20px}details[open]>summary:after{content:'−'}.detail-content{padding-top:10px}.teaching-photo{grid-column:1/10;margin-top:25px}.teaching-photo img{width:100%}figcaption{font-size:11px;margin-top:14px}.experience{padding-block:30px 70px}.client-logos{display:flex;gap:40px;justify-content:space-between;align-items:center;list-style:none;padding:28px 0;margin:0;overflow-x:auto}.client-logos li{flex:0 0 130px;display:flex;justify-content:center;align-items:center;height:80px}.client-logos img{max-height:70px;max-width:130px;object-fit:contain}.client-logos .client-fbin{max-width:100px}.experience details{max-width:800px;margin-left:auto}.audiences{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-block:30px}.audiences h3{font-size:23px}.audiences p{font-size:14px;margin-top:14px}.large-copy{font-size:25px;line-height:1.45;letter-spacing:-.03em}.writing-body>p:not(.large-copy),.building-intro>p:not(.large-copy),.about>.section-label+div>p:not(.large-copy){font-size:15px}.fbin{margin-top:40px;padding-top:30px;border-top:3px solid var(--orange)}.fbin h3{font-size:30px}.fbin p{font-size:15px;margin-top:16px}.fbin-gallery{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:38px 24px;margin-top:20px;align-items:start}.fbin-gallery figure:nth-child(1){grid-column:1/9;grid-row:1/3}.fbin-gallery figure:nth-child(2){grid-column:9/13;grid-row:1}.fbin-gallery figure:nth-child(3){grid-column:9/13;grid-row:2}.fbin-gallery img{width:100%}.website-work{grid-column:1/-1;margin-top:30px}.website-work>h3{font-size:13px;letter-spacing:0;margin-bottom:30px}.website-links{display:block}.website-link{display:grid;grid-template-columns:1fr 4fr 2fr;gap:24px;text-decoration:none;align-items:center;border-top:1px solid var(--rule);padding:32px 0}.website-link:last-child{border-bottom:1px solid var(--rule)}.website-index{font-size:11px}.website-link strong{font-size:clamp(30px,4vw,60px);font-weight:500;letter-spacing:-.055em;line-height:1.1}.website-domain{font-size:12px;display:flex;justify-content:space-between;gap:12px}.website-link:hover strong{color:var(--purple)}.adframe-feature{grid-column:4/13;margin-top:35px;border-top:3px solid var(--orange);padding-top:35px}.adframe-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.adframe-heading h3{font-size:70px}.adframe-heading .eyebrow{margin-bottom:15px}.visit{font-size:13px}.adframe-intro{max-width:680px;margin-top:30px}.tool-groups{margin-top:28px}.tool-groups>div{display:grid;grid-template-columns:35px 120px 1fr;gap:20px;padding:18px 0;border-top:1px solid var(--rule)}.tool-number{font-size:11px;padding-top:5px}.tool-groups h4{margin:0;font-size:23px;letter-spacing:-.04em}.tool-groups p{font-size:14px}.project-note{grid-column:4/13;font-size:14px}.about .text-link{display:inline-block;margin-top:30px;font-size:13px}.contact{padding-block:85px;border-top:1px solid var(--rule)}.contact h2{max-width:800px}.contact>p:not(.eyebrow){max-width:580px;margin:30px 0 25px}.email{display:block;font-size:clamp(24px,4.5vw,66px);letter-spacing:-.05em;overflow-wrap:anywhere;margin-bottom:30px}.email span{margin-left:12px}.text-link{font-size:13px}footer{display:grid;grid-template-columns:1fr 2fr auto;gap:40px;padding-block:30px 45px;border-top:1px solid var(--rule);font-size:11px}footer>span{font-size:16px}.editorial h1,.editorial h2{font-family:'Work Sans',sans-serif;font-weight:400}.editorial .hero h1{letter-spacing:-.065em;font-size:clamp(65px,9.4vw,150px)}.editorial .hero .lead{border-left:3px solid var(--orange);padding-left:24px}.editorial .education .section-label h2{max-width:360px}.editorial .about h2{font-size:clamp(40px,4.5vw,68px)}
/* A bold composition with broad colour changes, open lists, and uneven image scales. */
.studio{--paper:#3d348b;--ink:#fff;--rule:#ffffff40}.studio .brand img{filter:brightness(0) invert(1)}.studio header{border:0}.studio .hero{padding-top:40px;row-gap:35px}.studio .hero h1{grid-column:1/-1;grid-row:1;color:#fff;font-weight:600;font-size:clamp(80px,11.5vw,180px);letter-spacing:-.075em}.studio .greeting{color:#fff;font-size:15px}.studio .hero .lead{grid-column:1/8;grid-row:2;font-size:clamp(28px,3.5vw,50px);max-width:750px;color:#fff}.studio .hero-description{grid-column:2/7;grid-row:3}.studio .hero-links{grid-column:2/8;grid-row:4}.studio .portrait{grid-column:9/13;grid-row:2/5;border-bottom:12px solid var(--orange)}.studio .education{width:100%;max-width:none;background:#fff;color:#153243;--rule:#15324335;padding:90px max(48px,calc((100vw - 1360px)/2));grid-template-columns:repeat(12,minmax(0,1fr));border:0}.studio .education .section-label{grid-column:1/5}.studio .education .work-list{grid-column:6/13}.studio .education .teaching-photo{grid-column:4/13;margin-top:30px}.studio .experience{padding-top:60px}.studio .client-logos{background:#fff;padding-inline:25px;color:#153243}.studio .writing .section-label{grid-column:1/5}.studio .writing .section-label h2{color:#fff}.studio .writing-body{grid-column:6/12}.studio .fbin{border-color:var(--orange)}.studio .fbin-gallery figure:nth-child(1){grid-column:1/7;grid-row:1}.studio .fbin-gallery figure:nth-child(2){grid-column:8/13;grid-row:1;margin-top:140px}.studio .fbin-gallery figure:nth-child(3){grid-column:3/10;grid-row:2}.studio .building{width:100%;max-width:none;background:#3d348b;color:#fff;--rule:#ffffff40;padding:100px max(48px,calc((100vw - 1360px)/2))}.studio .building .section-label{grid-column:1/7}.studio .building-intro{grid-column:8/13}.studio .website-link{grid-template-columns:1fr 5fr 2fr}.studio .website-link strong{font-size:clamp(30px,4.5vw,70px)}.studio .adframe-feature{border-top:3px solid var(--orange)}.studio .about h2{color:#fff}.studio .contact{border-top:6px solid var(--orange)}.studio .contact h2{font-size:clamp(50px,7vw,100px)}
/* A calmer magazine composition: sage, close typography, and photography beside the services. */
.fieldnotes{--paper:#fff;--ink:#153243;--rule:#15324335}.fieldnotes header{border-bottom:2px solid #3d348b}.fieldnotes .hero{width:100%;max-width:none;background:#b4b8ab;padding:65px max(48px,calc((100vw - 1360px)/2)) 75px}.fieldnotes .hero h1{grid-column:1/9;grid-row:1;font-family:'Work Sans',sans-serif;font-size:clamp(65px,8vw,120px);letter-spacing:-.065em}.fieldnotes .hero .name-break{display:block}.fieldnotes .hero .lead{grid-column:2/8;grid-row:2;font-size:28px}.fieldnotes .hero-description{grid-column:2/8;grid-row:3}.fieldnotes .hero-links{grid-column:2/8;grid-row:4}.fieldnotes .portrait{grid-column:9/13;grid-row:1/4;align-self:center;padding-top:25px}.fieldnotes h2{font-family:'Work Sans',sans-serif;font-size:clamp(42px,4.8vw,72px)}.fieldnotes .education .section-label{grid-column:1/6;grid-row:1}.fieldnotes .education .work-list{grid-column:1/7;grid-row:2}.fieldnotes .education .teaching-photo{grid-column:8/13;grid-row:1/3;align-self:start;margin-top:130px}.fieldnotes .teaching-photo img{aspect-ratio:4/5;object-fit:cover;object-position:center}.fieldnotes .work-item h3{font-size:27px}.fieldnotes .experience{border-top:1px solid var(--rule);padding-top:35px}.fieldnotes .writing .section-label{grid-column:1/5}.fieldnotes .writing-body{grid-column:6/12}.fieldnotes .fbin{border-color:var(--purple)}.fieldnotes .fbin-gallery figure:nth-child(1){grid-column:1/6;grid-row:1;margin-top:90px}.fieldnotes .fbin-gallery figure:nth-child(2){grid-column:7/13;grid-row:1}.fieldnotes .fbin-gallery figure:nth-child(3){grid-column:4/11;grid-row:2}.fieldnotes .building{background:#3d348b;color:#fff;--rule:#ffffff40;width:100%;max-width:none;padding:90px max(48px,calc((100vw - 1360px)/2))}.fieldnotes .website-link:hover strong{color:#fff;text-decoration:underline}.fieldnotes .website-link strong{font-family:'Work Sans',sans-serif;font-weight:400}.fieldnotes .about .section-label{grid-column:1/5}.fieldnotes .about>.section-label+div{grid-column:6/12}.fieldnotes .contact h2{color:var(--purple)}
@media(min-width:1600px){.studio .education,.studio .building,.fieldnotes .hero,.fieldnotes .building{column-gap:28px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}header{gap:24px}nav{gap:15px;font-size:12px}.section{column-gap:20px}.section-label{grid-column:1/6}.work-list,.writing-body,.building-intro,.about>.section-label+div{grid-column:6/13}.hero .lead{grid-column:2/9}.hero-description,.hero-links{grid-column:2/9}.hero h1{grid-column:1/-1}.portrait{grid-column:9/13}.studio .education,.studio .building,.fieldnotes .hero,.fieldnotes .building{padding-inline:28px}.studio .building-intro{grid-column:7/13}.studio .hero-description{grid-column:1/8}.studio .hero-links{grid-column:1/8}.website-link{grid-template-columns:1fr 4fr}.website-domain{grid-column:2}.adframe-feature{grid-column:2/13}.studio .website-link{grid-template-columns:1fr 5fr}.fieldnotes .hero h1{grid-column:1/9}.fieldnotes .hero .lead,.fieldnotes .hero-description,.fieldnotes .hero-links{grid-column:1/8}}
@media(max-width:700px){html{scroll-padding-top:115px}.concept-switch{gap:8px 16px;padding:10px 20px;font-size:11px}.concept-switch span{width:100%;margin:0}.wrap{width:calc(100% - 40px)}header{display:block;padding-block:25px}.brand img{width:135px}nav{margin-top:24px;gap:12px 19px;font-size:12px}.hero,.studio .hero,.fieldnotes .hero{display:grid;grid-template-columns:1fr 1fr;gap:26px 18px;padding:40px 0 55px}.hero h1,.studio .hero h1,.fieldnotes .hero h1,.editorial .hero h1{grid-column:1/-1;grid-row:1;font-size:clamp(58px,13.7vw,95px);overflow-wrap:normal}.greeting{font-size:13px;margin-bottom:18px}.hero .lead,.studio .hero .lead,.fieldnotes .hero .lead{grid-column:1/-1;grid-row:2;font-size:25px}.hero-description,.studio .hero-description,.fieldnotes .hero-description{grid-column:1/-1;grid-row:3;font-size:15px}.hero-links,.studio .hero-links,.fieldnotes .hero-links{grid-column:1/-1;grid-row:4;font-size:12px}.portrait,.studio .portrait,.fieldnotes .portrait{grid-column:2;grid-row:5;align-self:start;padding:0;width:100%}.fieldnotes .hero{padding-inline:20px}.fieldnotes .hero .name-break{display:none}.section,.studio .education,.studio .building,.fieldnotes .building{display:block;padding-block:55px}.studio .education,.studio .building,.fieldnotes .building{padding-inline:20px}.section-label{margin-bottom:35px}h2,.fieldnotes h2{font-size:44px}.section-label p{max-width:none}.work-item h3{font-size:26px}.work-item{gap:10px}.teaching-photo,.studio .education .teaching-photo,.fieldnotes .education .teaching-photo{margin-top:38px}.fieldnotes .teaching-photo img{aspect-ratio:auto}.large-copy{font-size:23px}.experience{padding-bottom:50px}.client-logos{gap:24px}.client-logos li{flex-basis:120px}.audiences{display:block}.audiences article+article{margin-top:25px}.fbin-gallery{display:block;margin-top:40px}.fbin-gallery figure,.studio .fbin-gallery figure:nth-child(n),.fieldnotes .fbin-gallery figure:nth-child(n){margin:0 0 28px}.fbin-gallery figure:nth-child(2){width:85%;margin-left:auto!important}.fbin-gallery figure:nth-child(3){width:90%}.website-work{margin-top:40px}.website-link,.studio .website-link{grid-template-columns:1fr;gap:15px;padding-block:25px}.website-index,.website-domain{grid-column:1}.website-link strong,.studio .website-link strong{font-size:36px}.adframe-feature{margin-top:45px}.adframe-heading{display:block}.visit{display:inline-block;margin-top:20px}.adframe-heading h3{font-size:58px}.tool-groups>div{grid-template-columns:25px 1fr;gap:10px}.tool-groups p{grid-column:2}.project-note{margin-top:30px}.contact{padding-block:55px}.contact h2,.studio .contact h2{font-size:46px}.email{font-size:clamp(23px,6vw,37px)}footer{grid-template-columns:1fr;gap:20px}.editorial .about h2{font-size:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Refined direction: Work Sans throughout, compact service-led introduction. */
:root{--heading:'Work Sans',sans-serif}
body,h1,h2,h3,h4,button,summary{font-family:'Work Sans',sans-serif}
.wrap{max-width:1100px;width:calc(100% - 80px)}
header{padding-block:28px}.brand img{width:160px}
h1,h2,h3{font-weight:600;letter-spacing:-.045em}
h2,.fieldnotes h2,.editorial .about h2{font-size:clamp(32px,3.5vw,46px);font-weight:600}
.section{padding-block:65px;row-gap:38px}
.hero,.studio .hero,.fieldnotes .hero{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:20px;padding-block:52px 58px;align-items:start}
.hero h1,.editorial .hero h1,.studio .hero h1,.fieldnotes .hero h1{grid-column:1/9;grid-row:1;font-size:clamp(36px,4.1vw,58px);line-height:1.08;font-weight:600;letter-spacing:-.05em}
.hero .lead,.studio .hero .lead,.fieldnotes .hero .lead{grid-column:1/9;grid-row:2;font-size:21px;line-height:1.5;max-width:630px;letter-spacing:-.02em;padding:0;border:0}
.hero-description,.studio .hero-description,.fieldnotes .hero-description{grid-column:1/9;grid-row:3;max-width:580px;font-size:14px}
.hero-links,.studio .hero-links,.fieldnotes .hero-links{grid-column:1/9;grid-row:4;gap:25px;font-size:13px;margin-top:6px}
.portrait,.studio .portrait,.fieldnotes .portrait{grid-column:10/13;grid-row:1/5;align-self:center;padding:0;border:0;border-right:6px solid var(--orange);border-bottom:6px solid var(--orange);width:100%;max-width:230px;justify-self:end}
.portrait img{aspect-ratio:1;object-fit:cover}
.studio .education,.studio .building,.fieldnotes .building,.fieldnotes .hero{padding-inline:max(40px,calc((100vw - 1100px)/2))}
.studio .education,.studio .building,.fieldnotes .building{padding-block:65px}
.studio .education .section-label,.studio .writing .section-label{grid-column:1/5}
.studio .education .work-list,.studio .writing-body{grid-column:6/13}
.studio .building .section-label{grid-column:1/6}.studio .building-intro{grid-column:7/13}
.work-item h3,.fieldnotes .work-item h3{font-size:24px}.work-item{padding-block:24px}
.large-copy{font-size:22px}.fbin h3{font-size:25px}
.teaching-photo,.studio .education .teaching-photo{grid-column:2/12;margin-top:12px}
.experience{padding-bottom:55px}.studio .experience{padding-top:40px}
.client-logos{gap:22px}.client-logos li{flex:0 0 130px}
.fbin-gallery{gap:28px 24px;margin-top:5px}
.studio .fbin-gallery figure:nth-child(2){margin-top:60px}.studio .fbin-gallery figure:nth-child(3){grid-column:4/11}
.fieldnotes .fbin-gallery figure:nth-child(1){margin-top:50px}
.website-link strong,.studio .website-link strong{font-size:clamp(28px,3.3vw,43px);font-weight:600;letter-spacing:-.04em}
.studio .website-link:hover strong{color:#fff;text-decoration:underline}
.website-link{padding-block:26px}.adframe-heading h3{font-size:46px}
.contact{padding-block:60px}.contact h2,.studio .contact h2{font-size:clamp(34px,4vw,52px)}.email{font-size:clamp(24px,3.5vw,42px)}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.studio .education,.studio .building,.fieldnotes .building,.fieldnotes .hero{padding-inline:28px}.client-logos li{flex-basis:115px}.hero h1,.editorial .hero h1,.studio .hero h1,.fieldnotes .hero h1{font-size:clamp(36px,4.5vw,50px)}.portrait,.studio .portrait,.fieldnotes .portrait{grid-column:10/13}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}header{padding-block:22px}.brand img{width:145px}.hero,.studio .hero,.fieldnotes .hero{grid-template-columns:1fr;gap:20px;padding-block:32px 40px}.fieldnotes .hero{padding-inline:20px}.hero h1,.editorial .hero h1,.studio .hero h1,.fieldnotes .hero h1{grid-column:1;grid-row:1;font-size:clamp(30px,7.4vw,43px)}.hero .lead,.studio .hero .lead,.fieldnotes .hero .lead{grid-column:1;grid-row:2;font-size:19px}.hero-description,.studio .hero-description,.fieldnotes .hero-description{grid-column:1;grid-row:3;font-size:14px}.hero-links,.studio .hero-links,.fieldnotes .hero-links{grid-column:1;grid-row:4;font-size:12px;gap:20px}.portrait,.studio .portrait,.fieldnotes .portrait{grid-column:1;grid-row:5;justify-self:start;max-width:140px;margin-top:5px;border-width:4px}.section,.studio .education,.studio .building,.fieldnotes .building{padding-block:45px}.studio .education,.studio .building,.fieldnotes .building{padding-inline:20px}h2,.fieldnotes h2,.editorial .about h2{font-size:34px}.studio .fbin-gallery figure:nth-child(2),.fieldnotes .fbin-gallery figure:nth-child(1){margin-top:0}.teaching-photo,.studio .education .teaching-photo{margin-top:30px}.website-link strong,.studio .website-link strong{font-size:30px}.contact h2,.studio .contact h2{font-size:36px}.adframe-heading h3{font-size:40px}.email{font-size:clamp(23px,6vw,34px)}}

/* Selected combination: Colour typography and hero, Editorial palette below. */
.combined{--paper:#fff;--ink:#153243;--rule:#15324335}
.combined header,.combined .hero{background:#3d348b;color:#fff;box-shadow:0 0 0 100vmax #3d348b;clip-path:inset(0 -100vmax)}
.combined .hero h1,.combined .hero .lead{color:#fff}
.combined .education,.combined .building{background:#fff;color:#153243;--rule:#15324335}
.combined .writing .section-label h2,.combined .about h2{color:#153243}
.combined .client-logos{background:transparent;padding-inline:0}
.combined .experience{padding-top:30px}
.combined .contact{border-top:1px solid var(--rule)}
.combined .website-link:hover strong{color:#3d348b;text-decoration:none}
.combined .adframe-feature{border-top:3px solid var(--orange)}
.combined footer{color:#153243}

/* Football support inset */
.fbin,.studio .fbin,.fieldnotes .fbin{background:#F4F9E9;color:#153243;border-top:0;border-left:5px solid #f28123;padding:25px 28px}
@media(max-width:700px){.fbin,.studio .fbin,.fieldnotes .fbin{padding:22px}}

/* Keep section 3 and its divider aligned with the shared content width. */
.combined .building{width:calc(100% - 80px);max-width:1100px;padding-inline:0}
@media(max-width:1000px){.combined .building{width:calc(100% - 56px)}}
@media(max-width:700px){.combined .building{width:calc(100% - 40px)}}

/* Website list and tool-suite inset */
.website-link,.studio .website-link{grid-template-columns:minmax(0,1fr) auto}.website-domain{grid-column:auto}
.adframe-feature,.studio .adframe-feature,.combined .adframe-feature{background:#F4F9E9;color:#153243;--rule:#15324335;border-top:0;border-left:5px solid #f28123;padding:28px}
@media(max-width:700px){.website-link,.studio .website-link{grid-template-columns:1fr}.website-domain{grid-column:1}.adframe-feature,.studio .adframe-feature,.combined .adframe-feature{padding:22px}}