:root{--paper:#f2f0e8;--ink:#172019;--muted:#657067;--moss:#607a54;--acid:#d9e974;--blue:#2f5b88;--line:rgba(23,32,25,.18);--serif:"Newsreader",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}
.skip-link{position:fixed;left:18px;top:18px;z-index:1000;padding:12px 16px;background:var(--paper);color:var(--ink);transform:translateY(-180%);transition:transform .2s}.skip-link:focus{transform:translateY(0)}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:5px}
.grain{position:fixed;inset:0;pointer-events:none;opacity:.16;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}
.site-header{height:84px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:30}
.brand{display:flex;gap:12px;align-items:center;font-weight:600}
.brand span{width:34px;height:34px;border:1px solid;border-radius:50%;display:grid;place-items:center;font-size:12px}
.brand img{display:block;width:auto;height:52px;max-width:158px}
.site-header nav{display:flex;gap:32px}
.site-header a,footer a{color:inherit;text-decoration:none}
.site-header nav a{font-size:14px}
.menu-toggle{display:none;background:none;border:0;font:inherit}
.section-pad{padding:clamp(80px,10vw,150px) clamp(22px,7vw,110px)}
.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:3vw}
.hero-copy{max-width:760px}
.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:600}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5c8a50;margin-right:9px;box-shadow:0 0 0 5px rgba(92,138,80,.12)}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:.98;margin:.25em 0}
h1{font-size:clamp(58px,7.7vw,124px);letter-spacing:-.045em}
h2{font-size:clamp(48px,6vw,92px);letter-spacing:-.035em}
h3{font-size:clamp(30px,3vw,48px)}
em{color:var(--moss);font-weight:400}
.intro{font-size:clamp(18px,1.6vw,23px);max-width:690px;color:#465047}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:40px}
.button{display:inline-flex;background:var(--ink);color:var(--paper);padding:15px 21px;text-decoration:none;border-radius:100px;font-size:14px}
.text-link{display:inline-flex;gap:9px;color:inherit;text-decoration:none;border-bottom:1px solid;padding-bottom:3px;font-size:14px}
.text-link span{transition:transform .25s}
.text-link:hover span{transform:translate(3px,-3px)}
.living-system svg{width:100%;overflow:visible}
.living-system .orbit{fill:none;stroke:var(--line);stroke-width:1}
.orbit-a{animation:rotate 28s linear infinite;transform-origin:center}
.orbit-b{stroke-dasharray:3 7;animation:rotate 40s linear reverse infinite;transform-origin:center}
.living-system .pulse{fill:var(--acid);animation:breathe 5s ease-in-out infinite;transform-origin:center}
.living-system text{text-anchor:middle;font:500 18px var(--sans);letter-spacing:.08em}
.living-system .sub{font-size:10px;letter-spacing:.02em;fill:var(--muted)}
.node circle{fill:var(--ink)}
.node text{font:12px var(--sans);letter-spacing:.02em;fill:var(--muted)}
@keyframes rotate{to{transform:rotate(360deg)}
}
@keyframes breathe{50%{transform:scale(1.08);opacity:.76}
}
.credibility{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px clamp(22px,7vw,110px);gap:30px}
.credibility p{display:flex;flex-direction:column;margin:0}
.credibility strong{font-family:var(--serif);font-size:24px;font-weight:400}
.credibility span{font-size:12px;color:var(--muted)}
.section-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:80px}
.section-heading h2{max-width:900px}
.project-featured{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(30px,5vw,80px);align-items:center;margin-bottom:100px}
.project-media{display:grid;place-items:center;border-radius:2px;overflow:hidden;min-height:420px}
.project-media img{width:82%;height:auto;display:block;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.project-media:hover img{transform:scale(1.045) rotate(-.5deg)}
.tone-green{background:#d8e1cc}
.tone-blue{background:#cbd9df}
.tone-berry{background:#e6cbd5}
.project-copy p:not(.eyebrow),.project-card>p{color:var(--muted);max-width:480px}
.project-copy ul{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin:25px 0}
.project-copy li{border:1px solid var(--line);border-radius:30px;padding:6px 11px;font-size:11px}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.project-card .project-media{min-height:370px}
.project-card h3{margin-top:16px}
.nda-card{margin-top:26px;border:1px solid var(--line);padding:35px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;background:rgba(255,255,255,.25)}
.nda-mark{font-size:44px;color:var(--moss)}
.nda-card h3{font-size:32px}
.nda-card p{margin:0}
.nda-note{color:var(--muted);font-size:12px}
.thinking{background:#1b251d;color:var(--paper)}
.thinking em{color:var(--acid)}
.notes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(242,240,232,.2)}
.note{padding:35px;border-right:1px solid rgba(242,240,232,.2);min-height:390px;display:flex;flex-direction:column}
.note:last-child{border:0}
.note>span{color:var(--acid);font-family:var(--serif);font-size:34px}
.note h3{font-size:34px;margin-top:35px}
.note>p:not(.eyebrow){color:#bbc3bb}
.note .text-link{margin-top:auto;width:max-content}
.about{background:#d9dfc9}
.about-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:7vw;align-items:end}
.about h2{font-size:clamp(44px,5.6vw,82px)}
.about-copy{font-size:17px}
.button-dark{margin-top:20px}
.contact{text-align:center;min-height:75vh;display:flex;flex-direction:column;justify-content:center;align-items:center}
.contact h2{max-width:1000px}
.contact>p:not(.eyebrow){font-size:18px;color:var(--muted);max-width:690px}
.email{font-family:var(--serif);font-size:clamp(28px,4vw,60px);color:inherit;text-decoration:none;border-bottom:1px solid;margin-top:40px}
footer{padding:28px clamp(22px,5vw,76px);border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s}
.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:90px}
.living-system{max-width:560px;margin:auto}
.credibility,.notes{grid-template-columns:1fr}
.credibility p+ p{border-top:1px solid var(--line);padding-top:20px}
.project-featured,.about-grid{grid-template-columns:1fr}
.project-grid{grid-template-columns:1fr}
.notes .note{border-right:0;border-bottom:1px solid rgba(242,240,232,.2)}
.section-heading{display:block}
.nda-card{grid-template-columns:auto 1fr}
.nda-note{grid-column:2}
}
@media(max-width:620px){.site-header{height:70px}
.brand img{height:42px;max-width:127px}
.menu-toggle{display:block}
.site-header nav{display:none;position:absolute;left:0;right:0;top:70px;background:var(--paper);padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}
.site-header nav.open{display:flex}
.section-pad{padding-block:78px}
.hero{min-height:auto}
.hero-actions{align-items:flex-start;flex-direction:column}
.living-system{margin-top:20px}
.project-media,.project-card .project-media{min-height:270px}
.nda-card{grid-template-columns:1fr}
.nda-note{grid-column:auto}
.about-grid{gap:30px}
.email{font-size:25px}
footer{flex-direction:column}
.section-heading{margin-bottom:45px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important}
.reveal{opacity:1;transform:none}
}

/* Bright systems direction */
:root{--paper:#fff;--ink:#111;--muted:#616161;--moss:#2457ff;--acid:#efff62;--blue:#2457ff;--orange:#ff5b3d;--soft:#f4f4f1;--line:rgba(17,17,17,.18)}
.grain{opacity:.08}.hero{background:#fff}.hero h1 em,.work h2 em{color:var(--blue)}.button{background:var(--blue);color:#fff}.status-dot{background:var(--orange);box-shadow:0 0 0 5px rgba(255,91,61,.14)}
.practice-field{height:min(45vw,590px);min-height:470px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;position:relative;gap:4px;background:var(--ink);padding:4px;transform:rotate(1.5deg);box-shadow:16px 18px 0 var(--acid)}
.field-cell{padding:24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .45s;position:relative}.field-cell span{font-size:11px}.field-cell h3{font:500 clamp(29px,3.3vw,54px) var(--sans);letter-spacing:-.06em;margin:auto 0 0}.field-cell p{font-size:12px;line-height:1.35;opacity:0;transform:translateY(10px);transition:.35s}.field-cell:hover{transform:scale(1.025);z-index:2}.field-cell:hover p{opacity:1;transform:none}.field-blue{background:var(--blue);color:#fff}.field-yellow{background:var(--acid)}.field-orange{background:var(--orange)}.field-white{background:var(--soft)}
.field-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-4deg);background:var(--ink);color:#fff;border-radius:50%;width:142px;height:142px;display:grid;place-items:center;text-align:center;font:18px/1.05 var(--serif);z-index:4;box-shadow:0 0 0 7px #fff}
.tone-green{background:var(--acid)}.tone-blue{background:#8ec9ff}.tone-berry{background:#ff9c89}.project-media{border-radius:0}.thinking{background:var(--blue)}.thinking em,.note>span{color:var(--acid)}.about{background:var(--acid)}.about h2 em{color:var(--blue)}
.philips-heading{margin-top:120px;padding-top:45px;border-top:2px solid var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}.philips-heading h3{font-size:clamp(38px,4vw,64px)}.philips-heading>p{color:var(--muted);max-width:500px}.philips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.philips-card h3{font-size:34px;margin-top:14px}.philips-card>p:not(.eyebrow){color:var(--muted)}
.philips-media{height:330px;background:#e8f0ff;display:grid;place-items:center;position:relative;overflow:hidden}.philips-media img{width:86%;max-height:84%;object-fit:contain;transition:transform .6s}.philips-media:hover img{transform:scale(1.06)}.lock{position:absolute;left:12px;bottom:12px;background:var(--ink);color:#fff;padding:9px 12px;font-size:11px;letter-spacing:.04em}.contact em{color:var(--orange)}
@media(max-width:900px){.practice-field{height:560px}.philips-grid{grid-template-columns:1fr 1fr}.philips-heading{grid-template-columns:1fr}}
@media(max-width:620px){.practice-field{height:440px;min-height:440px;box-shadow:9px 10px 0 var(--acid)}.field-cell{padding:15px}.field-cell p{display:none}.field-label{width:110px;height:110px;font-size:15px}.philips-grid{grid-template-columns:1fr}.philips-media{height:290px}}

/* Two-colour editorial direction */
:root{--paper:#f6f2e8;--ink:#173f35;--muted:#173f35;--moss:#173f35;--acid:#f6f2e8;--blue:#173f35;--orange:#173f35;--soft:#f6f2e8;--line:rgba(23,63,53,.32)}
body{background:var(--paper);color:var(--ink)}.grain{opacity:.06}.site-header{height:108px;background:var(--ink);color:var(--paper);border:0}.brand span{background:var(--paper);color:var(--ink);border:0}.site-header nav a{font-size:16px}.menu-toggle{color:var(--paper)}
.hero{background:var(--paper);grid-template-columns:1.45fr .55fr;gap:8vw;min-height:calc(100vh - 108px);align-items:end}.hero-copy{max-width:none}.hero h1{font-family:var(--sans);font-size:clamp(66px,9.2vw,148px);font-weight:500;line-height:.87;letter-spacing:-.075em}.hero h1 em,.work h2 em,.about h2 em,.contact em{color:inherit;font-family:var(--serif);font-weight:400}.hero .intro{max-width:760px;margin-top:34px}.status-dot{background:var(--ink);box-shadow:none}.button{background:var(--ink);color:var(--paper)}
.hero-aside{border-top:2px solid;padding-top:18px;margin-bottom:10px}.hero-index{font-size:11px;text-transform:uppercase;letter-spacing:.14em}.hero-manifesto{font:clamp(22px,2.25vw,34px)/1.08 var(--serif);margin:50px 0}.hero-note{font-size:13px;line-height:1.5}
.hero-portrait{margin:0 0 22px;position:relative}.hero-portrait img{display:block;width:100%;aspect-ratio:1/1.08;object-fit:cover;object-position:center 28%;filter:saturate(.78) contrast(1.04)}.hero-portrait figcaption,.about-portrait figcaption{font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-top:9px}.hero-index{display:none}
.discipline-marquee{overflow:hidden;display:flex;background:var(--ink);color:var(--paper);padding:18px 0;font:500 clamp(18px,2vw,30px)/1 var(--sans);white-space:nowrap}.discipline-marquee div{animation:marquee 28s linear infinite}@keyframes marquee{to{transform:translateX(-100%)}}
.credibility{background:var(--paper);padding-block:42px}.credibility strong{font-size:30px}.work{padding-top:170px}.section-heading{border-top:2px solid;padding-top:22px}.section-heading h2{font-family:var(--sans);font-weight:500;line-height:.94}.project-media,.tone-green,.tone-blue,.tone-berry{background:var(--ink)}.project-media img{background:var(--paper)}
.philips-heading{border-color:var(--ink)}.philips-media{background:var(--ink)}.lock{background:var(--paper);color:var(--ink)}
.thinking{background:var(--ink);color:var(--paper)}.thinking em,.note>span{color:var(--paper)}.note>p:not(.eyebrow){color:var(--paper);opacity:.72}.about{background:var(--paper);border-top:2px solid}.contact{background:var(--ink);color:var(--paper)}.contact>p:not(.eyebrow){color:var(--paper);opacity:.72}footer{background:var(--ink);color:var(--paper);border-color:rgba(246,242,232,.35)}
@media(max-width:900px){.hero{grid-template-columns:1fr;align-items:center;gap:55px}.hero-aside{max-width:620px}.hero-manifesto{margin:28px 0}.work{padding-top:110px}}
@media(max-width:620px){.site-header{height:78px}.site-header nav{top:78px;background:var(--ink);color:var(--paper)}.hero{padding-top:90px}.hero h1{font-size:clamp(58px,17vw,88px)}.discipline-marquee{padding:14px 0}.project-media,.project-card .project-media{background:var(--ink)}}
.about-grid{grid-template-columns:1.1fr .55fr .55fr;align-items:start}.about-portrait{margin:8px 0 0}.about-portrait img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:48% center;filter:saturate(.78) contrast(1.04)}
@media(max-width:1100px){.about-grid{grid-template-columns:1fr 1fr}.about-grid h2{grid-column:1/-1}}
@media(max-width:700px){.about-grid{grid-template-columns:1fr}.about-grid h2{grid-column:auto}.about-portrait{max-width:520px}.hero-aside{display:grid;grid-template-columns:.8fr 1fr;gap:22px;align-items:start}.hero-portrait{grid-row:1/4}.hero-manifesto{margin:0}.hero-note{margin:0}}
@media(max-width:480px){.hero-aside{display:block}.hero-portrait{margin-bottom:28px}.hero-manifesto{margin:28px 0}}

/* Scan-first content pass */
.portrait-note{font:18px/1.35 var(--serif);margin:20px 0 0}.hero-manifesto,.hero-note{display:none}.hero .intro{max-width:610px}.note{min-height:300px}.note h3{margin-bottom:32px}.about-copy p{font-size:18px}.contact{min-height:62vh}

/* Hero alignment and Career 17 */
.hero{align-items:start;padding-top:clamp(72px,8vw,126px)}.hero-aside{border-top:0;padding-top:0;margin-top:0}.hero-portrait{margin-top:0}.hero-copy{padding-top:0}.career17-project{margin-top:110px}.career17-media{background:var(--ink)}.career17-media img{width:72%;background:transparent}.career17-media:hover img{transform:scale(1.04)}
@media(max-width:900px){.hero{align-items:start}.career17-project{margin-top:80px}}

/* Left-aligned section introductions */
.section-heading{display:block;padding-top:22px;margin-bottom:72px}.section-heading .eyebrow{margin:0 0 24px}.section-heading h2{margin:0;max-width:1050px;text-align:left}.philips-heading-first{border-top:0;padding-top:0;margin-top:0}.thinking .section-heading{display:block}.thinking .section-heading h2{margin-left:0;text-align:left}
@media(max-width:620px){.section-heading{margin-bottom:48px}.section-heading .eyebrow{margin-bottom:18px}}

/* Curated homepage work */
.home-work-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:24px}.home-work-card{min-width:0}.home-work-wide{grid-row:span 2}.home-work-media{display:grid;place-items:center;min-height:330px;height:100%;background:var(--ink);position:relative;overflow:hidden}.home-work-wide .home-work-media{min-height:690px}.home-work-media img{display:block;width:78%;max-height:82%;object-fit:contain;transition:transform .55s}.home-work-media:hover img{transform:scale(1.045)}.home-work-card .eyebrow{margin:18px 0 8px}.home-work-card h3{font-size:clamp(27px,2.5vw,42px);line-height:1.06;margin:0}.home-work-cta{margin-top:52px}

/* Complete work index */
.work-page-intro{min-height:76vh;display:flex;flex-direction:column;justify-content:flex-end}.work-page-intro h1{font-family:var(--sans);font-size:clamp(62px,9vw,142px);line-height:.96;letter-spacing:-.065em;max-width:1300px}.work-page-intro h1 em{font-family:var(--serif);font-weight:400}.work-intro-meta{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:900px;margin:42px 0 0 auto}.work-intro-meta p{margin:0}.work-group{border-top:1px solid var(--line)}.work-group-heading{display:grid;grid-template-columns:.35fr 1fr .55fr;gap:40px;align-items:end;margin-bottom:70px}.work-group-heading h2{font-family:var(--sans);font-weight:500;line-height:1;margin:0}.work-group-heading p{margin:0}.work-index-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:72px 24px}.work-index-grid-three{grid-template-columns:repeat(3,1fr)}.work-index-media{height:390px;background:var(--ink);display:grid;place-items:center;position:relative;overflow:hidden}.work-index-media img{width:82%;max-height:82%;object-fit:contain;transition:transform .55s}.work-index-media:hover img{transform:scale(1.045)}.work-index-card .eyebrow{margin:18px 0 8px}.work-index-card h3{font-size:clamp(31px,3vw,47px);margin:0}.work-index-card>p:last-child{margin-top:10px;max-width:480px}.work-group-dark{background:var(--ink);color:var(--paper)}.work-group-dark .work-index-media{background:var(--paper)}.work-group-dark .work-index-card>p{color:var(--paper)}.work-next{text-align:center}.work-next h2{line-height:1}.work-next .email{display:inline-block}
@media(max-width:1000px){.home-work-wide .home-work-media{min-height:590px}.work-index-grid-three{grid-template-columns:repeat(2,1fr)}.work-group-heading{grid-template-columns:1fr}.work-group-heading p{max-width:550px}}
@media(max-width:700px){.home-work-grid,.work-index-grid,.work-index-grid-three,.work-intro-meta{grid-template-columns:1fr}.home-work-wide{grid-row:auto}.home-work-wide .home-work-media,.home-work-media{min-height:340px}.work-page-intro{min-height:68vh}.work-index-media{height:330px}.work-group-heading{margin-bottom:45px}}

/* Stable three-card homepage grid */
.home-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}.home-work-wide{grid-row:auto}.home-work-media,.home-work-wide .home-work-media{height:260px;min-height:0;background:transparent;border:1px solid var(--line);padding:20px}.home-work-media img,.home-work-wide .home-work-media img{width:100%;height:100%;max-height:none;object-fit:contain;background:transparent}.home-work-card .eyebrow{margin:18px 0 10px}.home-work-card h3{font-size:clamp(25px,2.15vw,36px);line-height:1.08;margin:0;overflow-wrap:anywhere}.home-work-cta{position:static;clear:both;display:inline-flex;margin-top:58px}.home-work-card .lock{left:10px;bottom:10px}
@media(max-width:900px){.home-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-work-media,.home-work-wide .home-work-media{height:250px}}
@media(max-width:620px){.home-work-grid{grid-template-columns:1fr;gap:46px}.home-work-media,.home-work-wide .home-work-media{height:280px}.home-work-cta{margin-top:44px}}

/* Direct, left-aligned work groups */
.work-group-first{border-top:0;padding-top:clamp(80px,9vw,130px)}.work-group-heading{display:block;margin-bottom:58px}.work-group-heading .eyebrow{margin:0 0 18px}.work-group-heading h2{margin:0 0 20px;max-width:900px;text-align:left}.work-group-heading>p:last-child{max-width:560px;line-height:1.5}.work-group-dark .work-group-heading>p:last-child{color:var(--paper)}
@media(max-width:700px){.work-group-first{padding-top:72px}.work-group-heading{margin-bottom:42px}}

/* Let project imagery carry the colour */
.work-index-media,.work-group-dark .work-index-media{background:transparent;border:1px solid var(--line);padding:22px}.work-index-media img{width:100%;height:100%;max-height:none;object-fit:contain;background:transparent}.work-group-dark{background:var(--paper);color:var(--ink)}.work-group-dark .work-index-card>p,.work-group-dark .work-group-heading>p:last-child{color:var(--ink)}

/* Display typography rhythm and work hierarchy */
.hero h1{line-height:.96;letter-spacing:-.065em}.section-heading h2,.about h2,.contact h2{line-height:1.02}.project-copy h3,.project-card h3,.philips-card h3,.philips-heading h3,.note h3{line-height:1.08}.philips-heading-first{margin-top:0}.project-after-philips{margin-top:130px}
@media(max-width:620px){.hero h1{line-height:1;letter-spacing:-.055em}.project-after-philips{margin-top:90px}}

/* Usability and case-study metadata */
.work .section-heading{border-top:0;padding-top:0}
.hero-portrait figcaption,.about-portrait figcaption{font-size:12px}
.discipline-marquee:hover div{animation-play-state:paused}
.home-work-card h3 a{color:inherit;text-decoration:none}.home-work-card h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.work-index-card .project-role{font-weight:500;margin:12px 0 0;max-width:520px}
.work-index-card .project-status{font-size:12px;text-transform:uppercase;letter-spacing:.1em;border-top:1px solid var(--line);padding-top:12px;margin-top:18px}
.note-status{margin-top:auto!important;width:max-content;font-size:12px;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid;padding-bottom:3px;opacity:.72}
.notes-single{grid-template-columns:1fr}.notes-single .note{border-right:0;min-height:330px}.notes-single .note h3{max-width:760px}

/* DXR 7000 M case study */
.project-title-link{color:inherit;text-decoration:none}.project-title-link:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.case-page .site-header{height:68px}.case-study p{max-width:720px}.case-back{display:inline-block;color:inherit;text-decoration:none;border-bottom:1px solid;margin-bottom:24px;font-size:13px}.case-hero{padding-top:clamp(28px,3.5vw,48px)}.case-hero h1{font-family:var(--sans);font-size:clamp(48px,5.4vw,88px);font-weight:500;line-height:.97;letter-spacing:-.055em;max-width:1080px;margin:.18em 0 .24em}.case-hero h1 em{font-family:var(--serif);font-weight:400;color:inherit}.case-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(40px,8vw,130px);align-items:start}.case-lede{font:clamp(24px,2.5vw,38px)/1.2 var(--serif);margin:0}.case-meta{margin:0}.case-meta div{border-top:1px solid var(--line);padding:13px 0}.case-meta dt{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:600}.case-meta dd{margin:4px 0 0}.case-hero-image{margin:22px 0 48px;border:1px solid var(--line);padding:clamp(16px,3vw,40px)}.case-hero-image img{display:block;width:100%;height:auto}
.case-split-hero{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);gap:clamp(36px,5vw,78px);align-items:center}.case-split-copy h1{font-size:clamp(46px,4.2vw,74px);margin:.2em 0 .34em}.case-split-copy .case-lede{font-size:clamp(20px,1.6vw,27px);margin-bottom:34px}.case-split-copy .case-meta{max-width:520px}.case-split-hero .case-hero-image{margin:0;padding:clamp(12px,1.6vw,24px)}.case-split-hero .case-hero-image img{max-width:none;height:auto;object-fit:contain;margin:0}.case-split-hero .beet-hero-link{min-width:0}
.case-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);padding:36px clamp(22px,7vw,110px);gap:28px}.case-metrics p{margin:0;display:flex;flex-direction:column}.case-metrics strong{font:clamp(31px,3.4vw,52px)/1 var(--serif);font-weight:400}.case-metrics span{font-size:13px;margin-top:8px}
.case-section{border-bottom:1px solid var(--line)}.case-section h2{font-family:var(--sans);font-weight:500;font-size:clamp(46px,6vw,92px);line-height:.96;margin:12px 0 30px}.case-section h3{font-family:var(--sans);font-weight:500;font-size:clamp(23px,2.3vw,34px);line-height:1.12}.case-section p{font-size:17px}.case-two-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,130px);align-items:center}.case-image{margin:0;border:1px solid var(--line);padding:clamp(18px,3vw,38px)}.case-image img{display:block;width:100%;height:auto}.case-image figcaption{font-size:12px;margin-top:14px}.case-section-heading{display:block;margin-bottom:70px}.case-section-heading .eyebrow{margin:0 0 14px}.case-section-heading h2{margin:0 0 24px;max-width:1050px}.case-section-heading>p:not(.eyebrow){margin:0;max-width:720px}
.case-audit-grid{display:grid;grid-template-columns:1fr .8fr;gap:clamp(50px,8vw,120px);align-items:start}.case-steps{list-style:none;margin:0;padding:0}.case-steps li{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:22px 0;border-top:1px solid var(--line)}.case-steps li>span{font:24px var(--serif)}.case-steps h3{font-size:24px;margin:0}.case-steps p{font-size:15px;margin:6px 0 0}.case-audit-image{max-width:620px}.case-list{padding:0;list-style:none;margin:28px 0 0}.case-list li{border-top:1px solid var(--line);padding:11px 0}.case-list li::before{content:"↳";margin-right:10px}.case-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,120px);align-items:center}.case-principles{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.case-principles span{border:1px solid var(--line);border-radius:100px;padding:8px 13px;font-size:12px}.case-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:55px 0 100px}.case-swatches div{display:flex;flex-direction:column;gap:10px;font-size:12px}.case-swatches i{height:100px;background:var(--swatch);border:1px solid rgba(23,63,53,.15)}.case-anatomy{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(45px,7vw,100px);align-items:center;margin-bottom:100px}.case-anatomy h3{margin-top:12px}.case-anatomy .case-image{background:#202020}.case-anatomy figcaption{color:var(--paper)}.case-contrast{padding:0}.case-outcome-grid{display:grid;grid-template-columns:1.25fr .45fr;gap:90px;align-items:center}.case-outcomes{list-style:none;padding:0;margin:0}.case-outcomes li{font:clamp(24px,2.5vw,38px)/1.2 var(--serif);border-top:1px solid var(--line);padding:18px 0}.case-award{margin:0}.case-award img{width:100%;height:auto}.case-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.case-quote{text-align:center}.case-quote blockquote{font:clamp(32px,4.5vw,70px)/1.05 var(--serif);max-width:1300px;margin:35px auto 0}.case-pagination{display:flex;justify-content:space-between;padding:34px clamp(22px,7vw,110px);border-bottom:1px solid var(--line)}.case-pagination a{color:inherit;text-decoration:none}
@media(max-width:900px){.case-hero-grid,.case-two-col,.case-audit-grid,.case-rule-grid,.case-anatomy,.case-outcome-grid{grid-template-columns:1fr}.case-section-heading{grid-template-columns:1fr;margin-bottom:45px}.case-section-heading h2{margin-bottom:0}.case-metrics{grid-template-columns:1fr 1fr}.case-swatches{grid-template-columns:repeat(3,1fr);margin-bottom:70px}.case-anatomy{margin-bottom:70px}.case-role-grid{grid-template-columns:1fr;gap:35px}.case-hero-image{margin-top:30px}.case-outcome-grid{gap:50px}.case-award{max-width:280px}}
@media(max-width:560px){.case-page .site-header{height:70px}.case-metrics{grid-template-columns:1fr}.case-metrics p+p{border-top:1px solid var(--line);padding-top:20px}.case-swatches{grid-template-columns:1fr 1fr}.case-swatches i{height:76px}.case-pagination{flex-direction:column;gap:18px}.case-back{margin-bottom:24px}}
@media(max-width:620px){.case-page .site-header{height:70px}.case-page .site-header nav{top:70px}}
@media(max-width:1050px){.case-split-hero{grid-template-columns:1fr}.case-split-copy{max-width:720px}.case-split-hero .case-hero-image{margin-top:8px}}

.case-signal-swatches{grid-template-columns:repeat(5,minmax(100px,150px));gap:18px;margin:40px 0 75px}.case-signal-swatches i{height:48px}.case-swatches small{font-size:11px;line-height:1.45}.case-anatomy-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:28px}.case-anatomy-swatches div{font-size:11px;line-height:1.45}.case-anatomy-swatches i{display:block;height:44px;background:var(--swatch);border:1px solid var(--line);margin-bottom:8px}.case-anatomy-swatches strong{font-weight:600}
.case-cursors{padding-top:80px;border-top:1px solid var(--line)}.case-cursors figcaption{color:var(--paper)}
@media(max-width:900px){.case-signal-swatches{grid-template-columns:repeat(3,minmax(100px,150px))}}
@media(max-width:560px){.case-signal-swatches{grid-template-columns:1fr 1fr}.case-signal-swatches i{height:42px}.case-anatomy-swatches{grid-template-columns:1fr}}

/* Full-width case-study section introductions */
.case-section-heading{display:block;width:100%}.case-section-heading h2,.case-section-heading>p:not(.eyebrow){width:100%;max-width:none}.case-signal-swatches{justify-content:center;margin-left:auto;margin-right:auto}

/* HeartPrint case study */
.hp-hero-image{display:grid;place-items:center;background:#edf1fa;padding:0;overflow:hidden}.hp-hero-image img{width:100%;height:100%;object-fit:cover}
.hp-wide-image{padding:clamp(20px,3vw,38px)}.hp-problem-quote{font:clamp(34px,5vw,76px)/1.08 var(--serif);max-width:1300px;margin:60px 0 0}
.hp-iterations{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.hp-iterations article{border:1px solid var(--line);padding:24px;display:flex;flex-direction:column}.hp-iterations article>span{font:28px var(--serif)}.hp-iterations figure{height:240px;margin:25px 0;display:grid;place-items:center;background:rgba(255,255,255,.35)}.hp-iterations figure img{max-width:82%;max-height:82%;object-fit:contain}.hp-iterations h3{margin:0 0 10px}.hp-iterations p{font-size:15px;margin:0}
.hp-mood-states{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:60px 0}.hp-mood-states figure{margin:0}.hp-mood-states img{display:block;width:100%;height:auto}.hp-mood-states figcaption{text-align:center;font-size:12px;margin-top:10px}.hp-detail-grid,.hp-principles{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.hp-detail-grid>div,.hp-principles article{border-top:1px solid var(--line);padding-top:24px}.hp-detail-grid h3,.hp-principles h3{margin-top:0}.hp-energy-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(50px,9vw,140px);align-items:center}.hp-phone{max-width:500px}.hp-phone img{max-height:680px;object-fit:contain}.hp-energy-grid>div h3:not(:first-child){margin-top:60px}.hp-principles{grid-template-columns:repeat(3,1fr)}.hp-principles article>span{font:28px var(--serif)}.hp-principles h3{margin-top:45px}
@media(max-width:900px){.hp-iterations{grid-template-columns:1fr}.hp-iterations figure{height:280px}.hp-mood-states{grid-template-columns:repeat(3,1fr)}.hp-energy-grid{grid-template-columns:1fr}.hp-phone{margin:auto}.hp-principles{grid-template-columns:1fr}}
@media(max-width:600px){.hp-mood-states{grid-template-columns:1fr 1fr}.hp-detail-grid{grid-template-columns:1fr}.hp-iterations figure{height:220px}}

/* Philips DLS case study */
.dls-hero-image{display:grid;place-items:center;background:#173f35}.dls-hero-image img{width:min(82%,900px);height:auto}.dls-capabilities{display:flex;flex-wrap:wrap;gap:10px}.dls-capabilities span{border:1px solid var(--line);border-radius:100px;padding:10px 16px;font-size:13px}.dls-wide-image{padding:clamp(20px,4vw,55px)}.dls-wide-image img{width:100%;height:auto}.dls-embedded-image{max-width:620px}.dls-guidelines{margin-top:70px}.dls-rule-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:90px 0}.dls-rule-summary article{border-top:1px solid var(--line);padding-top:20px}.dls-rule-summary span{font:26px var(--serif)}.dls-rule-summary h3{font-size:22px;margin:32px 0 12px}.dls-rule-summary p{font-size:14px}.dls-guideline-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dls-guideline-gallery figure{margin:0;border:1px solid var(--line);padding:14px}.dls-guideline-gallery img{display:block;width:100%;height:auto}.dls-guideline-gallery figcaption{font-size:12px;margin-top:12px}.dls-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dls-tool{border:1px solid var(--line);padding:clamp(24px,4vw,50px)}.dls-tool h3{font-size:clamp(30px,3.2vw,48px);margin:14px 0 20px}.dls-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center;margin-top:45px}.dls-flow span{border:1px solid var(--line);padding:12px 8px;text-align:center;font-size:11px}.dls-flow b{font-weight:400}.dls-pose-evidence{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:38px}.dls-pose-evidence figure{margin:0;border:1px solid var(--line);padding:10px}.dls-pose-evidence img{display:block;width:100%;height:auto}.dls-pose-evidence figcaption{font-size:11px;margin-top:10px}.dls-tool-note{border-top:1px solid var(--line);padding-top:18px;margin-top:30px;font-size:14px}.dls-principles{grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.dls-rule-summary{grid-template-columns:1fr 1fr}.dls-tools-grid{grid-template-columns:1fr}.dls-flow{grid-template-columns:1fr}.dls-flow b{transform:rotate(90deg);text-align:center}.dls-principles{grid-template-columns:1fr}}
@media(max-width:600px){.dls-rule-summary,.dls-guideline-gallery,.dls-pose-evidence{grid-template-columns:1fr}.dls-rule-summary{margin:60px 0}}

/* Quest Alliance case study */
.quest-hero-image{background:#eef3fb}.quest-hero-image img{max-width:1050px;margin:auto}.quest-module-system{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 55px}.quest-module-system article{border-top:1px solid var(--line);padding-top:14px}.quest-module-system span{font-size:11px;letter-spacing:.12em}.quest-module-system i{display:block;width:100%;height:18px;margin:22px 0 14px}.quest-module-system p{font-size:14px;margin:0}.quest-green{background:#79a944}.quest-coral{background:#e96c67}.quest-yellow{background:#edc74c}.quest-orange{background:#e6913d}.quest-wide-image{padding:clamp(20px,4vw,55px);background:#f4f6fb}.quest-paired{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:38px}.quest-paired article{border:1px solid var(--line);padding:clamp(24px,4vw,48px)}.quest-paired h3{margin:18px 0 14px}.quest-paired p:last-child{font-size:15px}
@media(max-width:700px){.quest-module-system,.quest-paired{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.quest-module-system,.quest-paired{grid-template-columns:1fr}}

/* BeetVPN case study */
.beet-hero-link{display:block;color:inherit;text-decoration:none}.beet-hero-image{position:relative;background:#fff;padding:clamp(18px,3vw,42px)}.beet-hero-image img{max-width:1100px;margin:auto}.beet-hero-image span{position:absolute;left:clamp(18px,3vw,42px);bottom:clamp(18px,3vw,42px);background:var(--ink);color:var(--paper);padding:13px 18px;font-size:13px}.beet-storyboard{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.beet-storyboard figure,.beet-social-grid figure{margin:0;border:1px solid var(--line);background:#fff}.beet-storyboard img,.beet-social-grid img{display:block;width:100%;height:auto}.beet-storyboard figcaption{display:flex;gap:12px;padding:14px;font-size:12px}.beet-storyboard figcaption span{font-weight:600}.beet-watch{margin:45px 0 0!important}.beet-watch a{display:inline-block;background:var(--ink);color:var(--paper);padding:16px 22px;border-radius:100px;text-decoration:none}.beet-social-wide{background:#fff;margin-bottom:28px}.beet-social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.beet-palette{display:grid;grid-template-columns:repeat(5,1fr);height:120px;border:1px solid var(--line)}.beet-palette i:nth-child(1){background:#59102c}.beet-palette i:nth-child(2){background:#d12673}.beet-palette i:nth-child(3){background:#fff}.beet-palette i:nth-child(4){background:#486e72}.beet-palette i:nth-child(5){background:#174c3f}
@media(max-width:850px){.beet-storyboard,.beet-social-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.beet-storyboard,.beet-social-grid{grid-template-columns:1fr}.beet-palette{height:75px}}

/* Job Connect case study */
.job-split-hero{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);gap:clamp(36px,5vw,78px);align-items:center}.job-split-copy h1{font-size:clamp(46px,4.2vw,74px);margin:.2em 0 .34em}.job-split-copy .case-lede{font-size:clamp(20px,1.6vw,27px);margin-bottom:34px}.job-split-copy .case-meta{max-width:520px}.job-split-hero .job-hero-image{background:#f1f4f2;margin:0;padding:clamp(12px,1.6vw,24px)}.job-split-hero .job-hero-image img{max-width:none;margin:0}.job-ecosystem{max-width:620px;margin:0 auto}.job-problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.job-problem-grid article{border-top:1px solid var(--line);padding-top:18px}.job-problem-grid span{font-size:11px;letter-spacing:.12em}.job-problem-grid h3{margin:28px 0 12px}.job-problem-grid p{font-size:14px}.job-role-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.job-role-cards article{border:1px solid var(--line);padding:clamp(24px,3vw,42px)}.job-role-cards h3{margin:18px 0 24px}.job-ai-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:center}.job-process{display:grid;grid-template-columns:1fr .75fr;gap:clamp(45px,8vw,120px);align-items:center}.job-process ol{list-style:none;margin:0;padding:0}.job-process li{display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);padding:20px 0;font-size:clamp(18px,2vw,28px)}.job-process li:last-child{border-bottom:1px solid var(--line)}.job-process li span{font-size:11px;letter-spacing:.12em}.job-screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.job-screen-grid figure{margin:0;border:1px solid var(--line);background:#fff;padding:14px;display:flex;flex-direction:column;justify-content:space-between}.job-screen-grid img{display:block;width:100%;height:auto}.job-screen-grid figcaption{font-size:12px;margin-top:14px}.job-system{background:#f5f7f6}.job-system img{max-width:1100px;margin:auto}
@media(max-width:1050px){.job-split-hero{grid-template-columns:1fr}.job-split-copy{max-width:780px}.job-split-hero .job-hero-image{margin-top:8px}}
@media(max-width:900px){.job-problem-grid,.job-screen-grid{grid-template-columns:1fr 1fr}.job-role-cards,.job-ai-grid,.job-process{grid-template-columns:1fr}}
@media(max-width:560px){.job-problem-grid,.job-role-cards,.job-screen-grid{grid-template-columns:1fr}}

/* About page */
.about-page .site-header{height:84px}.about-page .site-header nav a[aria-current="page"]{border-bottom:1px solid;padding-bottom:4px}
.about-hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(38px,5vw,82px);align-items:center;padding-top:clamp(70px,7vw,105px);padding-bottom:clamp(76px,8vw,120px)}
.about-hero-copy h1{font-family:var(--sans);font-size:clamp(52px,5.8vw,92px);font-weight:500;line-height:.96;letter-spacing:-.06em;max-width:900px}.about-hero-copy h1 em{font-family:var(--serif);font-weight:400;color:inherit}.about-intro{font:clamp(19px,1.65vw,25px)/1.3 var(--serif);max-width:650px;margin-top:30px}.about-hero-portrait{margin:0}.about-hero-portrait img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 24%;filter:saturate(.8) contrast(1.04)}.about-hero-terrarium{align-self:center}.about-hero-terrarium img{aspect-ratio:4/3;object-position:center;filter:saturate(.86) contrast(1.03)}.about-hero-portrait figcaption,.about-terrariums figcaption{font-size:11px;text-transform:uppercase;letter-spacing:.11em;margin-top:10px}
.about-section-heading{margin-bottom:clamp(55px,7vw,100px)}.about-section-heading h2{font-family:var(--sans);font-weight:500;line-height:.98;max-width:1120px}.about-section-heading h2 em{font-family:var(--serif);font-weight:400;color:inherit}
.about-path{border-top:1px solid var(--line)}.about-path-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.about-path-steps article{min-height:265px;padding:24px 28px 20px 0;border-right:1px solid var(--line)}.about-path-steps article+article{padding-left:28px}.about-path-steps article:last-child{border-right:0}.about-path-steps span{font:28px var(--serif)}.about-path-steps .eyebrow{margin-top:48px}.about-path-steps h3{font-family:var(--sans);font-size:26px;font-weight:500;margin:10px 0}.about-path-steps article>p:last-child{font-size:15px;max-width:330px;margin-bottom:0}
.about-experience{background:var(--ink);color:var(--paper)}.about-lessons{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(246,242,232,.35)}.about-lessons article{padding:28px 26px 16px 0;border-right:1px solid rgba(246,242,232,.25);min-height:280px}.about-lessons article+article{padding-left:26px}.about-lessons article:last-child{border-right:0}.about-lessons span{font:30px var(--serif);opacity:.72}.about-lessons h3{font-family:var(--sans);font-size:26px;font-weight:500;margin:58px 0 15px}.about-lessons p{font-size:15px;color:rgba(246,242,232,.78)}
.about-living{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(55px,8vw,130px);align-items:start}.about-living-copy{position:sticky;top:48px}.about-living-copy h2{font-family:var(--sans);font-size:clamp(48px,5.6vw,88px);font-weight:500;line-height:.98}.about-living-copy h2 em{font-family:var(--serif);font-weight:400;color:inherit}.about-living-copy>p:not(.eyebrow){font-size:17px;max-width:660px}.about-living-copy .text-link{margin-top:18px}.about-terrariums{display:grid;grid-template-columns:1fr 1fr;gap:20px}.about-terrariums figure{margin:0}.about-terrariums figure:nth-child(2){margin-top:100px}.about-terrariums img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}
.about-details{border-block:1px solid var(--line)}.about-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(35px,6vw,95px)}.about-detail-grid article{border-top:1px solid var(--line);padding-top:18px}.about-detail-grid h3{font-family:var(--sans);font-size:22px;font-weight:500;line-height:1.2;margin:42px 0 7px}.about-detail-grid p:not(.eyebrow){font-size:14px;margin:0;color:var(--muted)}
.about-curiosity{text-align:center;min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.about-curiosity h2{font-family:var(--sans);font-weight:500;line-height:.98;max-width:1200px}.about-curiosity h2 em{font-family:var(--serif);font-weight:400;color:inherit}.about-curiosity>p:not(.eyebrow){font:clamp(20px,2vw,29px)/1.35 var(--serif);max-width:920px}.about-curiosity .hero-actions{justify-content:center}
@media(max-width:1000px){.about-hero,.about-living{grid-template-columns:1fr}.about-hero-portrait{max-width:720px}.about-lessons{grid-template-columns:1fr 1fr}.about-lessons article:nth-child(2){border-right:0}.about-lessons article:nth-child(3),.about-lessons article:nth-child(4){border-top:1px solid rgba(246,242,232,.25)}.about-living-copy{position:static}.about-terrariums{max-width:820px}.about-detail-grid{grid-template-columns:1fr 1fr}.about-detail-grid article:last-child{grid-column:1/-1}}
@media(max-width:700px){.about-path-steps{grid-template-columns:1fr}.about-path-steps article,.about-path-steps article+article{min-height:0;padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}.about-path-steps article:last-child{border-bottom:0}.about-path-steps .eyebrow{margin-top:24px}}
@media(max-width:620px){.about-page .site-header{height:70px}.about-page .site-header nav{top:70px}.about-hero{padding-top:66px}.about-hero-copy h1{font-size:clamp(50px,15vw,72px);line-height:.97}.about-hero-portrait{max-width:none}.about-lessons,.about-detail-grid{grid-template-columns:1fr}.about-lessons article,.about-lessons article+article{padding:26px 0;border-right:0;border-top:1px solid rgba(246,242,232,.25);min-height:0}.about-lessons h3{margin-top:30px}.about-detail-grid article:last-child{grid-column:auto}.about-terrariums{grid-template-columns:1fr}.about-terrariums figure:nth-child(2){margin-top:20px}.about-curiosity{text-align:left;align-items:flex-start}.about-curiosity .hero-actions{justify-content:flex-start}}

/* Thinking index */
.thinking-page .site-header nav a[aria-current="page"],.article-page .site-header nav a[aria-current="page"]{border-bottom:1px solid;padding-bottom:4px}.thinking-hero{min-height:72vh;display:flex;flex-direction:column;justify-content:center}.thinking-hero h1{font-family:var(--sans);font-weight:500;font-size:clamp(62px,9vw,142px);line-height:.9;letter-spacing:-.07em;max-width:1250px}.thinking-hero h1 em{font-family:var(--serif);font-weight:400;color:inherit}.thinking-hero>p:last-child{font:clamp(21px,2vw,30px)/1.3 var(--serif);max-width:720px;margin-top:35px}.thinking-library{border-top:1px solid var(--line);padding-top:42px}.thinking-toolbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:70px}.topic-filter{font:13px var(--sans);color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:100px;padding:10px 15px;cursor:pointer}.topic-filter.active,.topic-filter:hover{background:var(--ink);color:var(--paper)}.article-list{border-top:1px solid var(--line)}.article-row{border-bottom:1px solid var(--line)}.article-row[hidden]{display:none}.article-row>a{color:inherit;text-decoration:none;display:grid;grid-template-columns:60px 1fr 170px;gap:30px;padding:38px 0;align-items:start}.article-number{font:28px var(--serif)}.article-row h2{font-family:var(--sans);font-size:clamp(31px,4vw,58px);font-weight:500;line-height:1;letter-spacing:-.045em;margin:8px 0 16px}.article-row div>p:last-child{margin:0;max-width:670px}.article-meta{display:flex;flex-direction:column;align-items:flex-end;font-size:12px;text-transform:uppercase;letter-spacing:.09em}.article-meta b{font:34px var(--serif);margin-top:35px;transition:transform .2s}.article-row a:hover .article-meta b{transform:translate(5px,-5px)}.thinking-invitation{text-align:center;min-height:68vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--ink);color:var(--paper)}.thinking-invitation h2{font-family:var(--sans);font-weight:500;line-height:1;max-width:1100px}.thinking-invitation h2 em{font-family:var(--serif);color:inherit}.thinking-invitation>p:last-child{font-size:18px}

/* Article template */
.article-hero{padding-bottom:clamp(70px,8vw,120px);border-bottom:1px solid var(--line)}.article-hero h1{font-family:var(--sans);font-size:clamp(58px,8vw,126px);font-weight:500;line-height:.92;letter-spacing:-.065em;max-width:1350px}.article-hero h1 em{font-family:var(--serif);font-weight:400;color:inherit}.article-deck{font:clamp(23px,2.5vw,36px)/1.25 var(--serif);max-width:850px;margin:40px 0}.article-byline{display:flex;gap:clamp(35px,7vw,110px);margin:55px 0 0}.article-byline div{border-top:1px solid var(--line);padding-top:12px;min-width:150px}.article-byline dt{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:600}.article-byline dd{margin:5px 0 0}.article-body{display:grid;grid-template-columns:220px minmax(0,760px);gap:clamp(60px,10vw,170px);justify-content:center;align-items:start}.article-aside{position:sticky;top:36px;display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:16px}.article-aside a{color:inherit;text-decoration:none;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.article-prose{font:20px/1.65 var(--serif)}.article-prose .article-opening{font-size:30px;line-height:1.35}.article-prose h2{font-family:var(--sans);font-weight:500;font-size:clamp(36px,4vw,54px);line-height:1.05;margin:2em 0 .55em}.article-prose blockquote{font-size:clamp(31px,4vw,52px);line-height:1.12;margin:1.5em 0;padding-left:28px;border-left:3px solid}.article-prose figure{margin:65px 0}.article-image-placeholder{aspect-ratio:16/9;border:1px solid var(--line);display:grid;place-items:center;font:14px var(--sans);text-transform:uppercase;letter-spacing:.1em}.article-prose figcaption{font:12px/1.5 var(--sans);margin-top:12px}.article-sources{border-top:1px solid var(--line);margin-top:80px}.article-sources ol{padding-left:22px}.article-sources a{color:inherit}.article-disclosure{font:13px/1.55 var(--sans);border:1px solid var(--line);padding:20px;margin-top:55px}.article-next{border-top:1px solid var(--line)}.article-next>a{display:flex;justify-content:space-between;color:inherit;text-decoration:none;font:clamp(38px,5vw,74px) var(--serif)}
.note h3 a{color:inherit;text-decoration:none}.note h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
@media(max-width:800px){.article-row>a{grid-template-columns:45px 1fr}.article-meta{grid-column:2;align-items:flex-start;flex-direction:row;gap:15px}.article-meta b{display:none}.article-body{grid-template-columns:1fr}.article-aside{display:none}.article-byline{display:grid;grid-template-columns:1fr 1fr}.article-prose{font-size:18px}}
@media(max-width:560px){.thinking-hero{min-height:auto}.thinking-toolbar{margin-bottom:45px}.article-row>a{grid-template-columns:1fr;padding:30px 0}.article-number{font-size:21px}.article-meta{grid-column:1}.article-hero h1{font-size:clamp(50px,15vw,72px)}.article-byline{grid-template-columns:1fr}.article-prose .article-opening{font-size:24px}}
.article-preview{display:grid;grid-template-columns:60px 1fr 170px;gap:30px;padding:38px 0;align-items:start}
@media(max-width:800px){.article-preview{grid-template-columns:45px 1fr}.article-preview .article-meta{grid-column:2}}
@media(max-width:560px){.article-preview{grid-template-columns:1fr;padding:30px 0}.article-preview .article-meta{grid-column:1}}

/* Server-side case-study gate */
.server-password-page{margin:0;background:var(--paper);color:var(--ink)}.password-gate{min-height:100vh;overflow:auto;background:var(--paper);display:grid;place-items:center;padding:40px 22px}.password-panel{width:min(100%,720px)}.password-brand{display:block;width:150px;margin-bottom:clamp(65px,10vh,110px)}.password-brand img{display:block;width:100%;height:auto}.password-panel h1{font-family:var(--sans);font-size:clamp(48px,7vw,86px);font-weight:500;line-height:.94;letter-spacing:-.055em;margin:18px 0 30px}.password-panel h1 em{font-family:var(--serif);font-weight:400;color:inherit}.password-panel>p:not(.eyebrow){font:clamp(19px,2vw,25px)/1.35 var(--serif);max-width:650px}.password-form{margin:42px 0 34px}.password-form>label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:600;margin-bottom:9px}.password-form>div{display:grid;grid-template-columns:1fr auto}.password-form input{min-width:0;border:1px solid var(--ink);border-right:0;background:transparent;color:var(--ink);padding:15px;font:16px var(--sans);border-radius:0}.password-form button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:0 22px;font:14px var(--sans);cursor:pointer}.password-error{min-height:24px;margin:9px 0 0;font-size:13px;color:#8a2e28}.password-panel .case-back{margin:0}
@media(max-width:500px){.password-brand{margin-bottom:60px}.password-form>div{grid-template-columns:1fr}.password-form input{border-right:1px solid var(--ink);border-bottom:0}.password-form button{min-height:50px}}
.case-page .site-header nav .case-lock{border:1px solid rgba(246,242,232,.55);border-radius:999px;padding:7px 12px}.case-page .site-header nav .case-lock:hover{background:var(--paper);color:var(--ink)}