/* Qalamera Sans v1.4 — self-hosted, original brand typeface. */
@font-face{font-family:"Qalamera Sans";font-style:normal;font-weight:400;font-display:swap;src:url("assets/fonts/QalameraSans-Regular.woff2?v=1.4") format("woff2")}
@font-face{font-family:"Qalamera Sans";font-style:oblique;font-weight:400;font-display:swap;src:url("assets/fonts/QalameraSans-Oblique.woff2?v=1.4") format("woff2")}
@font-face{font-family:"Qalamera Sans";font-style:normal;font-weight:500;font-display:swap;src:url("assets/fonts/QalameraSans-Medium.woff2?v=1.4") format("woff2")}
@font-face{font-family:"Qalamera Sans";font-style:oblique;font-weight:500;font-display:swap;src:url("assets/fonts/QalameraSans-MediumOblique.woff2?v=1.4") format("woff2")}
@font-face{font-family:"Qalamera Sans";font-style:normal;font-weight:600;font-display:swap;src:url("assets/fonts/QalameraSans-Semibold.woff2?v=1.4") format("woff2")}
@font-face{font-family:"Qalamera Sans";font-style:oblique;font-weight:600;font-display:swap;src:url("assets/fonts/QalameraSans-SemiboldOblique.woff2?v=1.4") format("woff2")}
@font-face{font-family:"Qalamera Sans";font-style:normal;font-weight:700;font-display:swap;src:url("assets/fonts/QalameraSans-Bold.woff2?v=1.4") format("woff2")}
@font-face{font-family:"Qalamera Sans";font-style:oblique;font-weight:700;font-display:swap;src:url("assets/fonts/QalameraSans-BoldOblique.woff2?v=1.4") format("woff2")}
:root{--font:"Qalamera Sans",Arial,sans-serif;--serif:"Qalamera Sans",Arial,sans-serif}
body{font-family:var(--font);font-synthesis:none;font-size:17px;line-height:1.75}
em{font-family:var(--font);font-style:normal;color:#5c7047}
h1,h2,h3,p,a,button,dt,dd{overflow-wrap:break-word}
h1,h2,h3{text-wrap:balance}
h1,h2{letter-spacing:-.035em!important}
.hero{min-height:720px;max-height:1100px}
.hero-content{width:54%;padding-bottom:100px}
.hero h1{font-size:clamp(76px,7.7vw,132px);line-height:1.1;letter-spacing:-.045em!important;margin:25px 0 32px}
.hero h1 em{letter-spacing:inherit;line-height:inherit}
.hero-description{font-size:18px;line-height:1.75;max-width:440px}
.hero-art{width:49%;right:0;top:46%}
.sculpture-wrap{translate:0 var(--scroll-y,0px);rotate:var(--scroll-rotation,0deg)}
.desktop-nav a,.header-contact,.button,.text-link{font-size:15px;font-weight:500}
.desktop-nav{gap:22px}
.button{min-height:58px;gap:24px}
.button .icon-arrow{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.button:hover .icon-arrow,.button:focus-visible .icon-arrow{transform:translate(3px,-3px)}
.text-link:focus-visible .icon-arrow{transform:translate(3px,-3px)}
.eyebrow,.section-label{font-size:12px;letter-spacing:.055em;line-height:1.6}
.hero .eyebrow{font-size:12px;letter-spacing:.025em}
.art-coordinate,.art-caption,.hero-baseline,.hero-baseline p,.motion-toggle,.focus-art-label,.focus-art-bottom>span:last-child,.research-status,.diagram-caption,.field-meta,.field-caption,.method-kicker,.method-panel dt,.footer-top>p,.footer-bottom,.back-top{font-size:12px;letter-spacing:.02em}
.hero-baseline{flex-wrap:wrap;column-gap:18px;row-gap:4px;min-height:86px}
.hero-baseline>a{font-size:12px;min-height:44px}
.about h2,.focus h2,.portfolio-heading h2,.method-heading h2{font-size:clamp(42px,4.1vw,65px);line-height:1.2}
.about-copy p,.focus-body p,.method-panel>p:not(.method-kicker),.research-intro>p,.research-agenda ul,.contact-bottom>p{font-size:17px;line-height:1.8}
.about-copy p.lead{font-size:24px;line-height:1.55}
.method-panel h3{font-size:31px;letter-spacing:-.02em}
.method-panel dd{font-size:16px}
.method-tabs{gap:16px}
.method-tabs button{font-size:16px;min-height:56px}
.method-enhanced .method-panels{min-height:400px}
.method-heading>p,.focus-heading>p,.portfolio-heading>p{font-size:17px}
.focus-item h3{font-size:25px;letter-spacing:-.02em}
.focus-body{padding-left:0}
.tags span{font-size:13px;letter-spacing:0}
.focus em{color:var(--lime)}
.research h2{font-size:clamp(38px,3.6vw,58px);line-height:1.22}
.research-agenda h3{font-size:17px}
.diagram-label{font-size:13px;letter-spacing:0}
.contact h2{font-size:clamp(44px,5.3vw,84px);line-height:1.2}
.contact h2 em{color:#3d542b}
.contact-email{font-size:clamp(22px,2.4vw,32px);overflow-wrap:anywhere}
.contact-actions .text-link{font-size:16px}
.modal{width:min(680px,calc(100% - 32px));padding:48px 36px 36px}
.modal h2{font-size:38px;line-height:1.25}
.modal label,.modal-intro,.modal>p:not(.eyebrow),.form-status{font-size:16px}
.modal form{gap:22px}
.modal textarea,.modal input,.modal select{font-size:17px;line-height:1.6}
.modal .button{white-space:normal;text-align:left}
.footer-privacy,.location-link{font-size:14px}
.featured-work{display:grid;grid-template-columns:1.1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:clamp(28px,5vw,80px);padding:36px 0}
.work-art{min-height:515px;background:var(--ink);color:var(--paper-light);padding:32px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}
.work-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#f1f1e909 1px,transparent 1px),linear-gradient(90deg,#f1f1e909 1px,transparent 1px);background-size:60px 60px;pointer-events:none}
.work-art-meta,.work-art-bottom,.work-category{font-size:12px;letter-spacing:.035em}
.work-specimen{font-size:clamp(80px,11vw,166px);line-height:1.15;letter-spacing:-.02em;padding:18px 0;transition:transform .6s cubic-bezier(.2,.8,.2,1);align-self:center}
.work-specimen span{color:var(--lime)}
.work-art-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}
.work-copy{align-self:center;padding:24px 0}
.work-category{color:var(--muted);line-height:1.7}
.work-copy h3{font-size:clamp(35px,3.4vw,52px);line-height:1.25;letter-spacing:-.03em;margin:22px 0}
.work-copy>p:not(.work-category){font-size:17px;color:var(--muted);max-width:460px}
.work-facts{display:flex;gap:38px;margin:32px 0}
.work-facts dt{font-size:32px;line-height:1.1;font-variant-numeric:tabular-nums}
.work-facts dd{margin:8px 0 0;font-size:13px;color:var(--muted)}
.portfolio-grid:empty{display:none}
.portfolio-grid:not(:empty){margin-top:32px}
@media(hover:hover) and (pointer:fine){.work-art:hover .work-specimen{transform:translateY(-5px) rotate(-3deg)}}
/* Case study and live type specimen share the site's spacing and controls. */
.case-header{padding:26px var(--pad);display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}
.case-header img{width:210px}
.case-header>a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;gap:14px}
.case-main{max-width:1440px;margin:auto}
.case-intro{padding:80px var(--pad) 64px}
.case-intro h1{font-size:clamp(48px,6.5vw,100px);line-height:1.13;margin:24px 0 32px;max-width:990px}
.case-intro .case-description{font-size:21px;line-height:1.75;max-width:720px;color:var(--muted)}
.case-metadata{display:flex;gap:30px;flex-wrap:wrap;margin:36px 0 0;font-size:13px;color:var(--muted)}
.case-metadata span{border-top:1px solid var(--line);padding-top:12px}
.case-section{padding:64px var(--pad);border-top:1px solid var(--line)}
.case-section h2{font-size:clamp(32px,4vw,52px);line-height:1.25;margin:18px 0 28px}
.case-section>p{max-width:750px;color:var(--muted)}
.case-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.case-columns h3{font-size:24px;margin-bottom:18px}
.case-columns p{color:var(--muted)}
.type-lab{background:var(--ink);color:var(--paper-light)}
.type-lab h2{color:var(--paper-light)}
.type-lab>p{color:#cbd8c1}
.lab-controls{display:flex;flex-wrap:wrap;gap:24px;margin:32px 0 24px}
.lab-controls label{display:grid;gap:8px;font-size:14px;flex:1 1 180px}
.lab-controls select{font:inherit;color:var(--paper-light);border:1px solid #82937b;border-radius:0;background-color:var(--ink);padding:12px 40px 12px 12px;min-height:48px;max-width:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4ed83' stroke-width='1.6'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.lab-controls input[type=range]{accent-color:var(--lime);width:100%;min-height:48px;margin:0}
.lab-label{font-size:14px;display:block;margin:24px 0 14px}
.type-input{font:400 clamp(32px,5vw,72px)/1.5 var(--font);display:block;background:transparent;color:var(--paper-light);border:0;border-top:1px solid #82937b;border-bottom:1px solid #82937b;border-radius:0;resize:vertical;width:100%;max-width:100%;min-height:240px;padding:24px 4px;overflow-wrap:anywhere}
.type-lab .lab-note{color:#cbd8c1;font-size:14px;margin-top:18px}
.type-lab :focus-visible{outline:2px solid var(--lime);outline-offset:5px}
.geometry-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:34px}
.geometry-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 12px;min-height:240px;background:#e5e9dc;gap:22px}
.geometry-tile img{width:115px;height:115px}
.geometry-letter{font-size:152px;line-height:1.05}
.geometry-tile small{font-size:13px;text-align:center}
.case-alphabet{font-size:clamp(24px,3vw,42px);line-height:1.9;letter-spacing:.03em;word-spacing:.12em;margin-top:34px}
.case-icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:32px 0}
.case-icon{padding:28px 8px;background:#e5e9dc;display:flex;align-items:center;justify-content:center;min-height:100px}
.case-icon img{width:36px;height:36px}
.case-end{background:var(--lime)}
.case-end .text-link{margin-top:22px}
.case-footer{padding:28px var(--pad);display:flex;gap:20px;justify-content:space-between;font-size:13px;color:var(--muted)}
@media(max-width:1200px) and (min-width:801px){.site-header{gap:16px}.brand{width:185px}.desktop-nav{gap:15px}.desktop-nav a,.header-contact{font-size:13px}.header-contact{gap:12px}.hero h1{font-size:8.1vw}.hero-description{font-size:17px}.hero .eyebrow{max-width:410px;font-size:12px}.method-enhanced .method-panels{min-height:450px}.method-tabs{gap:8px}.method-tabs button{font-size:14px}.work-art{min-height:450px}.work-facts{gap:28px}}
@media(max-width:1000px){.desktop-nav{display:none}.header-contact{display:none}.menu-toggle{display:flex;width:48px;height:48px;flex-direction:column;justify-content:center;gap:7px;padding:12px}.menu-toggle span{width:24px;height:1px;background:var(--ink)}.mobile-menu{top:80px}.site-header{height:80px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}}
@media(max-width:800px){
 :root{--pad:24px}html{scroll-padding-top:96px}.site-header{padding:0 var(--pad)}.brand{width:184px}.hero{height:auto;max-height:none;min-height:0;padding-top:36px}.hero-content{width:100%;padding:0}.hero h1{font-size:clamp(50px,11.6vw,84px);line-height:1.12;margin:22px 0 25px}.hero .eyebrow{font-size:11px;letter-spacing:.02em;line-height:1.8;max-width:100%;gap:10px}.hero-description{font-size:17px;max-width:520px;line-height:1.8;margin-bottom:25px}.button{font-size:15px;min-height:56px;gap:20px;padding:15px 19px;max-width:100%;text-align:left}.hero-art{position:relative;top:auto;right:auto;transform:none;width:100%;max-width:490px;margin:20px auto 0;aspect-ratio:1}.sculpture-wrap{inset:-4% -5%}.art-coordinate{top:4%;right:0;font-size:12px}.art-caption{font-size:11px;left:0;right:0;bottom:0;gap:15px}.art-cross{display:none}.hero-baseline{margin-top:12px;min-height:96px;justify-content:space-between;gap:8px}.hero-baseline p{font-size:11px;max-width:150px}.motion-toggle{font-size:12px;min-height:44px;gap:8px;padding:0}.hero-baseline>a{width:44px;min-height:44px;font-size:0}.section-pad{padding-top:68px;padding-bottom:68px}.section-label{font-size:12px;letter-spacing:.04em}.about-main{gap:26px;margin-top:28px}.about h2,.focus h2,.method-heading h2,.portfolio-heading h2{font-size:clamp(34px,7.4vw,50px);line-height:1.25;letter-spacing:-.025em!important}.about-copy p.lead{font-size:22px}.about-copy p,.focus-body p,.method-panel>p:not(.method-kicker),.research-intro>p{font-size:17px}.principles{display:flex;flex-wrap:wrap;column-gap:24px;row-gap:4px}.principles>div{flex:1 1 130px}.principles p{font-size:16px}.focus-heading>p,.method-heading>p,.portfolio-heading>p{font-size:17px;line-height:1.75}.focus-item h3{font-size:23px}.focus-body{padding-left:0}.focus-item summary{gap:16px}.focus-art-label,.focus-art-bottom>span:last-child{font-size:12px}.method-field{order:0}.method-story{order:1}.field-meta,.field-caption{font-size:11px;line-height:1.7;padding:18px;letter-spacing:.015em;gap:14px;flex-wrap:wrap}.field-hint{font-size:13px;padding:0 18px 20px}.method-drawing{max-height:none;aspect-ratio:600/440}.method-tabs{gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}.method-tabs button{min-height:56px;font-size:15px}.method-panel h3{font-size:29px}.method-kicker,.method-panel dt{font-size:12px}.method-enhanced .method-panels{min-height:0}.method-panel{margin-bottom:24px}.featured-work{grid-template-columns:1fr;gap:24px;padding:24px 0}.work-art{min-height:380px;padding:24px}.work-specimen{font-size:clamp(115px,26vw,170px);line-height:1.1;padding:8px 0}.work-copy{padding:0 0 8px}.work-copy h3{font-size:35px;line-height:1.28;margin:16px 0 20px}.work-copy>p:not(.work-category){max-width:none}.work-category{font-size:12px}.work-facts{gap:36px;margin:28px 0}.work-facts dt{font-size:31px}.research h2{font-size:clamp(32px,7vw,46px);line-height:1.25}.research-status,.diagram-caption{font-size:12px;line-height:1.7}.diagram-label{font-size:13px}.research-diagram{max-width:380px;margin:10px auto}.contact-top{display:block}.contact h2{font-size:clamp(35px,7.5vw,54px);line-height:1.24}.contact-arrow{width:56px;height:56px;margin:24px 0 0}.contact-email{font-size:clamp(22px,5.9vw,30px)}.contact-actions .text-link{font-size:16px}.contact-note{font-size:16px;line-height:1.8}.footer-top>p{font-size:12px;letter-spacing:0}.back-top{font-size:12px;gap:10px}.footer-bottom{font-size:13px}.modal{padding:50px 24px 28px}.modal h2{font-size:32px}.modal form{gap:20px}.modal label{font-size:16px}.modal-close{width:48px;height:48px}.modal .brief-download{font-size:14px;line-height:1.65}.mobile-menu a{font-size:clamp(23px,5.6vw,31px);line-height:1.5;padding:17px 0}.mobile-menu p{font-size:14px}
 .case-header{padding:18px 24px;gap:16px}.case-header img{width:160px}.case-header>a{font-size:13px}.case-intro{padding:44px var(--pad) 40px}.case-intro h1{font-size:clamp(40px,8.8vw,65px);line-height:1.18}.case-intro .case-description{font-size:18px}.case-metadata{gap:16px;font-size:12px}.case-section{padding:44px var(--pad)}.case-section h2{font-size:34px}.case-columns{grid-template-columns:1fr;gap:34px}.lab-controls{gap:18px}.lab-controls label{flex-basis:calc(50% - 18px);min-width:0;font-size:14px}.lab-controls select{font-size:16px}.type-input{font-size:36px;min-height:240px;padding:20px 2px;line-height:1.55}.geometry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.geometry-tile{min-height:165px;gap:16px;padding:20px 5px}.geometry-tile img{width:65px;height:65px}.geometry-letter{font-size:84px}.geometry-tile small{font-size:12px}.case-icon-grid{grid-template-columns:repeat(4,1fr);gap:10px}.case-icon{padding:20px 8px;min-height:78px}.case-footer{flex-wrap:wrap;font-size:13px}.type-sample strong{letter-spacing:-.035em}.type-sample p{font-size:14px}
}
@media(max-width:375px){:root{--pad:20px}.brand{width:164px}.hero h1{font-size:49px}.hero .eyebrow{font-size:10px;letter-spacing:0}.hero .status-dot{display:none}.hero-baseline{display:grid;grid-template-columns:1fr auto}.hero-baseline p{max-width:none;font-size:11px}.hero-baseline>a{display:none}.art-caption{font-size:10px}.about h2,.method-heading h2,.focus h2,.portfolio-heading h2{font-size:32px}.contact h2{font-size:32px}.work-facts{gap:28px}.field-meta,.field-caption{font-size:11px;gap:10px}.method-tabs button{font-size:14px}.field-meta>span:first-child{max-width:170px}.modal{padding-left:20px;padding-right:20px}.case-header img{width:138px}.case-header>a{font-size:12px}.case-intro h1{font-size:36px}.case-section h2{font-size:30px}.lab-controls label{flex-basis:100%}.geometry-grid{grid-template-columns:1fr}.geometry-tile{min-height:180px}.geometry-tile img{width:85px;height:85px}.geometry-letter{font-size:108px}.case-alphabet{font-size:25px}}
@media(prefers-reduced-motion:reduce){.sculpture-wrap{translate:none!important;rotate:none!important}.work-specimen{transform:none!important}}
.motion-paused .sculpture-wrap{translate:none!important;rotate:none!important}
@media print{.case-header,.lab-controls,.case-footer{display:none}.case-section{padding:24px 0}.type-lab{background:white;color:black}.type-input{color:black}.featured-work{break-inside:avoid}.hero{min-height:0}.hero h1{font-size:55px}}
.type-sample em{font-style:oblique}
@media(max-width:800px){.hero .eyebrow,.art-caption,.hero-baseline p,.field-meta,.field-caption{font-size:12px}.geometry-tile:last-child .geometry-letter{font-size:68px}}
@media(max-width:375px){.geometry-tile:last-child .geometry-letter{font-size:108px}.hero .eyebrow{font-size:12px}}
.lab-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.lab-controls select{width:100%;min-width:0}
.footer-bottom>span{font-size:12px}
@media(max-width:800px){.lab-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-controls label:last-child{grid-column:1/-1}}
@media(max-width:375px){.lab-controls{grid-template-columns:1fr}}
@media(max-width:600px){.lab-controls{grid-template-columns:1fr}}

.modal .attachment-note{font-size:14px;line-height:1.7;color:var(--muted);margin:0}


.modal select{font-size:16px;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d2923' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-size:20px 20px;background-position:right 10px center;background-repeat:no-repeat}
/* Small-phone optical scale: keep reading text comfortable without oversized spacing. */
@media(max-width:480px){
 body{font-size:16px;line-height:1.7}
 .hero h1{font-size:clamp(44px,12vw,58px);line-height:1.12}
 .hero-description,.about-copy p:not(.lead),.focus-body p,.method-panel>p:not(.method-kicker),.research-intro>p,.research-agenda ul,.contact-bottom>p,.focus-heading>p,.method-heading>p,.portfolio-heading>p,.work-copy>p:not(.work-category){font-size:16px;line-height:1.7}
 .about-copy p.lead{font-size:20px;line-height:1.6}
 .about h2,.focus h2,.method-heading h2,.portfolio-heading h2{font-size:clamp(30px,8.2vw,36px);line-height:1.25}
 .focus-item h3{font-size:22px}.method-panel h3{font-size:27px}.work-copy h3{font-size:32px}
 .contact-note{font-size:16px;line-height:1.7}
 .modal h2{font-size:30px;line-height:1.25}.modal-intro,.modal>p:not(.eyebrow){font-size:16px;line-height:1.65}
 .modal label{font-size:15px}.modal input,.modal select,.modal textarea{font-size:16px;line-height:1.6}.modal form{gap:18px}
 .case-intro h1{font-size:clamp(34px,9vw,40px)}.case-intro .case-description{font-size:17px;line-height:1.7}.case-section h2{font-size:30px}
}

/* Q Lab invitation: a working experiment within the portfolio. */
.lab-invitation{display:grid;grid-template-columns:230px 1fr;align-items:center;gap:48px;margin-top:32px;padding:26px;border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:border-color .25s,background .25s}.lab-invitation>img{display:block;width:100%;height:auto;aspect-ratio:960/850;background:#1d2923}.lab-invitation h3,.lab-invitation h2{font-size:clamp(26px,3vw,40px);font-weight:400;line-height:1.25;margin:14px 0}.lab-invitation p:not(.section-label){font-size:16px;line-height:1.7;color:var(--muted)}.lab-invitation .text-link{display:inline-flex;margin-top:18px;font-size:14px}.lab-invitation:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.lab-invitation:hover{border-color:#647b47;background:#e9edde}.lab-invitation:hover .icon-arrow{transform:translate(3px,-3px)}
@media(max-width:800px){.lab-invitation{grid-template-columns:150px 1fr;gap:26px;padding:20px}.lab-invitation h2,.lab-invitation h3{font-size:28px}}
@media(max-width:520px){.lab-invitation{grid-template-columns:1fr;gap:22px;padding:18px}.lab-invitation>img{max-height:210px;object-fit:contain}.lab-invitation .section-label{font-size:12px}.lab-invitation h2,.lab-invitation h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.lab-invitation{transition:none}.lab-invitation:hover .icon-arrow{transform:none}}

/* Internal experiments support the company story without dominating it. */
.internal-studies{padding-top:76px;padding-bottom:76px;border-top:1px solid var(--line)}
.internal-heading{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin:24px 0 36px}
.internal-heading h2{font-size:clamp(32px,3.3vw,48px);line-height:1.25}
.internal-heading>p{max-width:430px;font-size:16px;line-height:1.75;color:var(--muted)}
.internal-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.internal-study{display:grid;grid-template-columns:88px minmax(0,1fr);gap:24px;padding-top:26px;border-top:1px solid var(--line);align-items:start}
.internal-study-mark{width:88px;height:88px;background:var(--ink);overflow:hidden;display:grid;place-items:center}
.internal-study-mark img{width:100%;height:100%;object-fit:cover}
.internal-type-mark{font-size:42px;letter-spacing:-.05em;background:#e2e9d7;color:var(--ink)}
.internal-category{font-size:12px;line-height:1.6;letter-spacing:.035em;color:var(--muted)}
.internal-study h3{font-size:25px;line-height:1.3;margin:10px 0 12px}
.internal-study-copy>p:not(.internal-category){font-size:16px;line-height:1.75;color:var(--muted)}
.internal-study .text-link{font-size:14px;min-height:44px;margin-top:16px;gap:18px}
@media(max-width:800px){.internal-studies{padding-top:52px;padding-bottom:52px}.internal-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.internal-heading h2{font-size:34px}.internal-heading>p{max-width:530px}.internal-grid{grid-template-columns:1fr;gap:30px}.internal-study{gap:22px}}
@media(max-width:480px){.internal-study{grid-template-columns:60px minmax(0,1fr);gap:18px}.internal-study-mark{width:60px;height:60px}.internal-type-mark{font-size:32px}.internal-study h3{font-size:23px}.internal-category{font-size:12px;letter-spacing:0}.internal-heading h2{font-size:32px}}
@media(max-width:600px){.internal-study{row-gap:0}.internal-study-copy{display:contents}.internal-study-mark{grid-column:1;grid-row:1/3}.internal-category{grid-column:2;align-self:end}.internal-study h3{grid-column:2;margin:6px 0 0}.internal-study-copy>p:not(.internal-category){grid-column:1/-1;margin-top:18px}.internal-study .text-link{grid-column:1/-1;justify-self:start;margin-top:10px}}