@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f6f4ef;--surface:#fffefa;--surface-alt:#eeebe4;--text:#222523;--muted:#676963;--faint:#a1a197;--line:#dedbd3;--accent:#b94e38;--accent-d:#903926;--dark:#232b28;--pale:#dfdfd1;--radius:14px;--max:1240px;--shadow:0 14px 48px rgba(28,37,32,.075);color-scheme:light}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55}::selection{background:#f3c5a8;color:#25201d}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;left:18px;top:-100px;background:var(--text);color:white;padding:12px 18px;z-index:99}.skip:focus{top:10px}.wrap{width:min(calc(100% - 100px),var(--max));margin-inline:auto}.eyebrow{display:inline-flex;gap:10px;align-items:center;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.eyebrow .pip{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:100%}.muted{color:var(--muted)}.small{font-size:13px}.header{position:relative;z-index:20;border-bottom:1px solid var(--line);background:rgba(246,244,239,.96)}.nav{min-height:85px;display:flex;align-items:center;gap:30px}.logo{display:flex;align-items:center;gap:13px;white-space:nowrap}.logo-icon{width:40px;height:40px;border:1.5px solid var(--text);border-radius:100%;display:flex;align-items:center;justify-content:center;font:800 13px 'Manrope',sans-serif;letter-spacing:-.09em;transform:rotate(-11deg)}.logo-name{font-size:15px;font-weight:800;letter-spacing:-.045em;font-family:'Manrope',sans-serif}.nav-links{display:flex;align-items:center;gap:31px;margin-left:auto}.nav-links a{font-size:12px;font-weight:700;color:#565a54;transition:color .2s}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--accent)}.nav-cta{margin-left:13px;border:1px solid var(--text);border-radius:100px;padding:10px 17px!important;color:var(--text)!important}.nav-cta:hover{background:var(--text);color:#fff!important}.menu-toggle{display:none;border:1px solid var(--line);border-radius:100px;width:41px;height:41px;background:transparent;align-items:center;justify-content:center;font-size:19px}.hero{display:grid;grid-template-columns:1.06fr .94fr;min-height:625px;align-items:center;gap:50px;padding-block:70px 90px;position:relative}.hero h1,.page-hero h1,.statement h2,.big-serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.06em;line-height:1.01}.hero h1{font-size:clamp(64px,6.5vw,112px);margin:23px 0 27px}.hero h1 em{font-style:italic;color:var(--accent)}.hero-desc{max-width:550px;font-size:16px;line-height:1.84;color:#61645e}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}.btn{display:inline-flex;gap:15px;align-items:center;justify-content:center;border-radius:50px;background:var(--text);color:#fff;padding:14px 22px;font-size:12px;letter-spacing:.03em;font-weight:700;min-height:47px;border:1px solid var(--text);transition:transform .2s,background .2s,color .2s}.btn:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.btn.outline{background:transparent;color:var(--text)}.btn.outline:hover{background:var(--text);color:#fff}.arrow{font-size:17px;line-height:1}.hero-note{margin-top:45px;display:flex;gap:13px;align-items:center;color:#74786f;font-size:11px;font-weight:700;letter-spacing:.055em}.status-dot{background:#7d977b;box-shadow:0 0 0 5px #e6ebe2;width:8px;height:8px;border-radius:50%}.hero-art{position:relative;height:510px;max-width:520px;width:100%;margin:auto;isolation:isolate}.art-back{position:absolute;inset:50px 17px 38px 30px;border-radius:260px 260px 16px 16px;background:#e5e3d9;overflow:hidden}.art-back::after{content:'';position:absolute;inset:12px;border:1px solid rgba(46,50,46,.09);border-radius:inherit}.orbit{position:absolute;inset:54px;top:50px;border:1px solid rgba(50,56,50,.26);border-radius:50%;transform:rotate(28deg) scaleX(.78)}.orbit.two{transform:rotate(-37deg) scaleX(.8);inset:40px}.flower-shape{position:absolute;width:325px;height:325px;top:88px;left:92px;filter:drop-shadow(0 20px 9px rgba(0,0,0,.07));transform:rotate(-14deg)}.flower-shape::before{content:'';position:absolute;inset:0;background:var(--accent);border-radius:55% 13% 50% 12%;transform:rotate(42deg)}.flower-shape::after{content:'';position:absolute;width:240px;height:240px;left:39px;top:45px;background:#edb585;border-radius:10% 55% 15% 55%;transform:rotate(39deg)}.flower-core{position:absolute;z-index:3;left:211px;top:217px;width:80px;height:80px;background:#262c29;border-radius:50%}.flower-core::after{content:'';position:absolute;width:28px;height:28px;border-radius:50%;background:#ffdcc3;left:26px;top:25px}.art-label{position:absolute;z-index:5;bottom:65px;left:0;background:var(--surface);padding:23px 26px;width:218px;box-shadow:var(--shadow);border:1px solid var(--line);transform:rotate(-5deg)}.art-label strong{font-size:26px;font-family:Georgia,serif;font-weight:400;line-height:1.1;display:block}.art-label span{display:block;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:9px}.art-side{position:absolute;top:55px;right:-13px;transform:rotate(90deg);transform-origin:top right;text-transform:uppercase;letter-spacing:.3em;font-size:10px;font-weight:700;color:#888b82}.badge-round{position:absolute;right:-12px;bottom:36px;width:99px;height:99px;background:#cdd6c4;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(15deg);font-size:11px;font-weight:800;line-height:1.3;letter-spacing:.04em}.rule{height:1px;background:var(--line)}.index-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:28px;padding:23px 0 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center}.index-bar div{display:flex;gap:13px;align-items:center}.index-bar span{color:var(--accent);font-family:Georgia,serif;font-style:italic;font-size:23px}.index-bar p{margin:0;color:#696d66;font-size:12px;font-weight:700}.section{padding:100px 0}.section-sm{padding:75px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.section-head h2,.section-title{margin:10px 0 0;font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em;line-height:1.12;font-size:clamp(42px,4.8vw,68px)}.section-head .section-aside{max-width:320px;font-size:14px;color:var(--muted);line-height:1.7}.text-link{display:inline-flex;gap:11px;align-items:center;font-weight:700;font-size:12px;white-space:nowrap;border-bottom:1px solid var(--text);padding:0 0 6px}.text-link:hover{color:var(--accent);border-color:var(--accent)}.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:30px}.work-card{grid-column:span 6;min-width:0}.work-card.featured{grid-column:span 7}.work-card.companion{grid-column:span 5}.work-cover{display:block;position:relative;overflow:hidden;background:#e9e2d3;aspect-ratio:1.35;border-radius:3px}.work-cover img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.2,.7,.1,1)}.work-card:hover img{transform:scale(1.06)}.work-card .work-cover::after{content:'↗';position:absolute;right:17px;top:15px;width:35px;height:35px;border-radius:50%;background:var(--surface);display:grid;place-items:center;font-size:19px;transition:transform .25s}.work-card:hover .work-cover::after{transform:rotate(45deg)}.work-cover .art-fallback{position:absolute;inset:0;z-index:0;display:grid;place-items:center;color:#fff;font-family:Georgia,serif;font-size:clamp(26px,4vw,56px);letter-spacing:-.06em;font-style:italic}.work-cover img{position:relative;z-index:1}.work-cover::after{z-index:2}.cover-sun{background:linear-gradient(135deg,#ffc338,#d96c4e)}.cover-juice{background:linear-gradient(140deg,#b6c8a7,#637e65)}.cover-unicef{background:linear-gradient(135deg,#1c2831,#326988)}.cover-book{background:linear-gradient(125deg,#fd6664,#9b2432)}.cover-urban{background:linear-gradient(135deg,#444d50,#96958e)}.cover-water{background:linear-gradient(135deg,#28384d,#596993)}.cover-love{background:linear-gradient(135deg,#ec8d82,#8e2f2f)}.cover-batman{background:linear-gradient(135deg,#323335,#7a7e84)}.work-meta{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-top:16px}.work-meta h3{font-size:20px;letter-spacing:-.045em;font-family:'Manrope',sans-serif;font-weight:700;margin:0 0 4px}.work-meta p{font-size:12px;color:var(--muted);margin:0}.work-meta .num{font-size:11px;font-weight:700;color:#9a9c94}.areas{display:grid;grid-template-columns:1fr 1fr;gap:17px}.area-card{border:1px solid var(--line);background:#edeae1;padding:41px;min-height:375px;display:flex;flex-direction:column;align-items:flex-start;transition:background .3s}.area-card:nth-child(2){background:#dde5da}.area-card:hover{background:#e4ddd0}.area-card:nth-child(2):hover{background:#d1dccb}.area-card .counter{color:var(--accent);font-size:12px;letter-spacing:.17em;font-weight:800}.area-card h3{font-family:Georgia,serif;letter-spacing:-.055em;line-height:1.06;font-size:clamp(37px,4vw,58px);font-weight:400;margin:40px 0 14px}.area-card p{font-size:14px;line-height:1.8;color:#5e645d;max-width:390px}.area-card .text-link{margin-top:auto;padding-top:20px}.tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.tech-card{display:flex;flex-direction:column;min-width:0}.tech-art{position:relative;overflow:hidden;height:270px;background:var(--dark);border-radius:3px;color:#d9dccc;display:grid;place-items:center}.tech-art::after{content:'↗';position:absolute;right:17px;top:16px;width:35px;height:35px;border-radius:50%;background:#eef0e7;color:var(--text);display:grid;place-items:center;z-index:3;font-size:18px;transition:transform .2s}.tech-card:hover .tech-art::after{transform:rotate(45deg)}.tech-card h3{font-family:'Manrope',sans-serif;letter-spacing:-.045em;font-size:19px;line-height:1.3;margin:15px 0 6px}.tech-card p{font-size:12px;color:var(--muted);margin:0}.tech-art .tech-icon{position:absolute;z-index:2;width:182px;height:182px;border:1px solid #9cab96;border-radius:25px;transform:rotate(-17deg);display:grid;place-items:center;box-shadow:0 0 0 20px rgba(164,182,157,.08),0 0 0 44px rgba(164,182,157,.05)}.tech-art .tech-icon svg{transform:rotate(17deg);width:95px;height:95px;stroke:#d4e4d0;fill:none;stroke-width:1.3}.tech-art.variant-b{background:#e0e6db;color:#24362d}.tech-art.variant-b .tech-icon{border-color:#628773;box-shadow:0 0 0 20px rgba(76,127,86,.1),0 0 0 44px rgba(76,127,86,.05)}.tech-art.variant-b svg{stroke:#40624b}.tech-art.variant-c{background:#d5d9e9}.tech-art.variant-c .tech-icon{border-color:#6d719a;box-shadow:0 0 0 20px rgba(83,91,142,.09),0 0 0 44px rgba(83,91,142,.05)}.tech-art.variant-c svg{stroke:#515c83}.tech-art.variant-d{background:#e9d9ce}.tech-art.variant-d .tech-icon{border-color:#a7654e;box-shadow:0 0 0 20px rgba(171,96,71,.09),0 0 0 44px rgba(171,96,71,.05)}.tech-art.variant-d svg{stroke:#96523f}.statement{background:#24302b;color:#f3f0e8;overflow:hidden}.statement .wrap{padding-block:103px;position:relative}.statement .wrap::after{content:'✳';position:absolute;color:rgba(211,221,206,.09);font-size:410px;right:-25px;top:-155px}.statement h2{font-size:clamp(49px,6vw,84px);max-width:850px;position:relative;z-index:1;margin:21px 0 24px}.statement h2 em{color:#e6b79d;font-style:italic}.statement p{max-width:680px;color:#c1ccc2;font-size:15px;line-height:1.9;position:relative;z-index:1}.statement .eyebrow{color:#e7b299}.statement .eyebrow .pip{background:#e7b299}.statement .btn{background:#f3f0e8;color:#1f2c26;border-color:#f3f0e8;margin-top:22px;position:relative;z-index:1}.statement .btn:hover{background:#e6b79d;border-color:#e6b79d}.footer{padding:70px 0 30px}.footer-main{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:end}.footer-title{font-family:Georgia,serif;font-size:clamp(51px,6vw,84px);letter-spacing:-.06em;font-weight:400;line-height:1.04;margin:12px 0 22px}.footer-links{display:flex;gap:28px;justify-content:flex-end;flex-wrap:wrap}.footer-links a{font-size:12px;font-weight:700;border-bottom:1px solid var(--text);padding-bottom:4px}.footer-links a:hover{color:var(--accent);border-color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:75px;padding-top:24px;color:var(--muted);font-size:11px}.page-hero{padding:94px 0 68px}.page-hero h1{font-size:clamp(61px,8vw,112px);max-width:1050px;margin:22px 0 25px}.page-hero h1 em{font-weight:400;color:var(--accent)}.page-hero p{color:var(--muted);font-size:16px;line-height:1.9;max-width:660px}.page-hero.small-hero{padding-bottom:45px}.page-hero.small-hero h1{font-size:clamp(54px,7vw,92px)}.filterbar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 38px}.filter{border:1px solid var(--line);border-radius:50px;padding:9px 16px;background:transparent;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer}.filter:hover,.filter[aria-pressed=true]{background:var(--text);border-color:var(--text);color:white}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 23px}.design-grid .work-card{grid-column:auto}.design-grid .work-cover{aspect-ratio:1.28}.design-grid .work-meta h3{font-size:18px}.design-grid .work-card[hidden]{display:none}.tech-intro{max-width:730px;margin:0 0 40px;font-size:15px;color:var(--muted);line-height:1.9}.about-split{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:start;padding-bottom:95px}.about-body h2{font-family:Georgia,serif;font-size:clamp(38px,4vw,56px);line-height:1.15;letter-spacing:-.045em;font-weight:400}.about-body p{font-size:16px;line-height:2;color:#5d625b}.about-aside{background:#e8e5dc;padding:40px;position:relative}.about-aside::before{content:'';position:absolute;right:23px;top:23px;width:50px;height:50px;border:1px solid rgba(40,52,42,.18);border-radius:50%}.about-aside h3{font-size:12px;text-transform:uppercase;letter-spacing:.16em;margin:0 0 24px;color:var(--accent)}.skills{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:34px}.skill{font-size:12px;border:1px solid #c7c8be;padding:9px 12px;border-radius:50px}.about-aside .detail{border-top:1px solid #c5c4b9;padding:18px 0;font-size:13px;display:flex;justify-content:space-between;gap:20px}.about-aside .detail strong{font-weight:600;text-align:right}.project-hero{padding:65px 0 50px}.breadcrumbs{font-size:12px;color:var(--muted);display:flex;gap:10px;align-items:center}.breadcrumbs a:hover{color:var(--accent)}.project-hero h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em;line-height:1.05;font-size:clamp(52px,7vw,92px);max-width:920px;margin:31px 0 20px}.project-hero .summary{max-width:680px;color:var(--muted);font-size:16px;line-height:1.9}.project-tag{display:inline-block;color:var(--accent);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}.project-stage{min-height:410px;display:grid;place-items:center;background:#e5e1d7;overflow:hidden;position:relative;margin:16px 0 64px}.project-stage img{width:100%;max-height:570px;object-fit:contain;position:relative;z-index:1}.project-stage .stage-fallback{position:absolute;inset:0;display:grid;place-items:center;font:italic 70px Georgia,serif;color:rgba(34,40,34,.4)}.case-body{display:grid;grid-template-columns:1fr 2fr;gap:80px;padding-bottom:95px;border-bottom:1px solid var(--line)}.case-aside{font-size:12px;color:var(--muted)}.case-aside dl{margin:0}.case-aside dt{letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:800;color:var(--accent);margin:20px 0 4px}.case-aside dd{margin:0;font-size:14px;color:var(--text)}.case-content h2{font:400 36px Georgia,serif;letter-spacing:-.04em;margin:0 0 18px}.case-content p{color:var(--muted);line-height:1.95;font-size:15px;margin-bottom:26px}.case-content ul{color:var(--muted);font-size:15px;line-height:1.95;padding-left:18px}.case-content li{margin:7px 0}.case-content .notice{border-left:3px solid var(--accent);background:#ece9e1;padding:18px 21px;font-size:13px;color:#666a63;line-height:1.75;margin:28px 0}.project-bottom{padding:65px 0 100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.project-bottom h2{font:400 44px Georgia,serif;letter-spacing:-.04em;margin:0}.tiny-cap{font-size:11px;color:var(--faint);text-transform:uppercase;letter-spacing:.14em}.no-image-notice{font-size:12px;color:var(--muted);padding-top:8px}.mini-rule{width:40px;height:1px;background:var(--accent);margin:30px 0}code{background:#e6e2d7;padding:2px 5px;border-radius:3px}.error-page{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.error-page h1{font:400 100px Georgia,serif;margin:0}@media(max-width:1000px){.wrap{width:min(calc(100% - 64px),var(--max))}.hero{gap:20px}.hero-art{transform:scale(.9)}.art-side{right:8px}.index-bar{justify-content:flex-start;column-gap:50px}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-split{gap:40px}}@media(max-width:740px){.wrap{width:min(calc(100% - 40px),var(--max))}.header .nav{min-height:72px}.menu-toggle{display:flex;margin-left:auto}.nav-links{position:absolute;top:100%;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:18px 20px 28px;flex-direction:column;align-items:stretch;gap:0;display:none;box-shadow:0 20px 22px rgba(0,0,0,.04)}.nav-links.is-open{display:flex}.nav-links a{padding:12px 6px;font-size:14px}.nav-cta{margin:15px 0 0!important;text-align:center}.hero{grid-template-columns:1fr;padding:68px 0 58px;gap:23px;min-height:auto}.hero h1{font-size:clamp(60px,13vw,90px)}.hero-desc{font-size:15px}.hero-art{height:410px;max-width:480px;transform:scale(.9);margin:0 auto}.flower-shape{left:65px;top:45px}.flower-core{left:182px;top:181px}.art-back{inset:10px 20px 12px}.art-label{bottom:8px;left:0}.badge-round{right:0;bottom:0}.art-side{display:none}.index-bar{justify-content:flex-start;gap:15px 30px}.index-bar div{width:calc(50% - 16px)}.section{padding:68px 0}.section-sm{padding:52px 0}.section-head{align-items:start;flex-direction:column}.section-head .section-aside{max-width:100%}.section-head h2,.section-title{font-size:46px}.work-grid,.tech-grid,.areas,.about-split{display:grid;grid-template-columns:1fr;gap:26px}.work-card.featured,.work-card.companion,.work-card{grid-column:span 1}.work-cover{aspect-ratio:1.35}.area-card{min-height:305px;padding:30px}.area-card h3{margin-top:25px}.tech-art{height:240px}.statement .wrap{padding:70px 0}.statement h2{font-size:53px}.statement .wrap::after{right:-80px;top:-20px;font-size:250px}.footer-main{grid-template-columns:1fr}.footer-links{justify-content:flex-start;gap:18px}.footer-bottom{margin-top:40px}.page-hero{padding:67px 0 43px}.page-hero h1{font-size:clamp(55px,11vw,80px)}.design-grid{grid-template-columns:1fr;gap:28px}.about-split{padding-bottom:60px}.case-body{grid-template-columns:1fr;gap:22px;padding-bottom:70px}.project-stage{min-height:280px;margin-bottom:45px}.project-hero{padding-top:50px}.project-bottom{flex-direction:column;align-items:flex-start;padding:55px 0 75px}.project-hero h1{font-size:56px}}@media(max-width:410px){.hero h1{font-size:55px}.hero-art{height:315px;transform:scale(.7);transform-origin:top left;width:135%;margin-bottom:-80px}.index-bar div{width:100%}.footer-title{font-size:53px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* v2 review: maintainable homepage design refinements */
.hero.hero-v2{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:0;gap:clamp(24px,4vw,62px);padding:64px 0 59px}
.hero.hero-v2 h1{font-size:clamp(58px,5.2vw,84px);line-height:1.01;margin:20px 0 25px;letter-spacing:-.055em}
.hero.hero-v2 .hero-desc{max-width:555px;font-size:15.5px;line-height:1.8}
.hero.hero-v2 .hero-note{margin-top:31px}.hero.hero-v2 .actions{margin-top:26px}
.hero-art.hero-art-v2{height:475px;max-width:540px;width:100%;transform:none;margin:auto;isolation:isolate}
.collage-grid{position:absolute;inset:20px 18px 18px;border:1px solid rgba(35,43,40,.14);border-radius:52% 52% 16px 16px;background:radial-gradient(circle at 75% 20%,#e7dfce 0,transparent 55%),#ebe8df;transform:rotate(-3deg)}
.collage-tile{display:block;position:absolute;overflow:hidden;background:#e9e1d4;box-shadow:0 18px 33px rgba(24,32,25,.16);border:5px solid #fffaf2;transition:transform .25s,box-shadow .25s}
.collage-tile:hover{box-shadow:0 24px 45px rgba(24,32,25,.22)}
.collage-tile img{width:100%;height:100%;object-fit:cover}
.collage-main{top:34px;left:10px;width:59%;height:66%;transform:rotate(-6deg);z-index:2}
.collage-main:hover{transform:rotate(-3deg) translateY(-4px)}
.collage-side{top:4px;right:2px;width:42%;height:47%;transform:rotate(7deg);z-index:3}
.collage-side:hover{transform:rotate(4deg) translateY(-4px)}
.collage-caption{position:absolute;bottom:11px;left:11px;right:11px;display:flex;flex-direction:column;gap:2px;background:rgba(255,251,243,.97);padding:9px 11px;max-width:190px}
.collage-caption span{color:var(--accent-d);font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.collage-caption strong{font:400 17px Georgia,serif;letter-spacing:-.025em}
.collage-system{position:absolute;z-index:4;bottom:21px;right:0;width:59%;min-height:198px;display:flex;flex-direction:column;background:#26332c;color:#faf5e8;padding:22px 23px;box-shadow:0 15px 30px rgba(24,32,25,.15);transform:rotate(3deg);transition:transform .25s}
.collage-system:hover{transform:rotate(0) translateY(-4px)}
.system-overline{display:flex;align-items:center;gap:7px;color:#e6b59f;font-size:9px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
.system-dot{width:6px;height:6px;background:#dfb19a;border-radius:100%}
.system-title{font:400 22px/1.12 Georgia,serif;margin:13px 0}
.system-flow{display:flex;align-items:center;gap:8px;color:#e7ebdb;white-space:nowrap}
.system-flow i{font:700 9px 'DM Sans',sans-serif;letter-spacing:.05em;border:1px solid #7d9b85;padding:5px 6px;font-style:normal}
.system-flow b{font-weight:400;color:#b6cfb6}
.system-foot{margin-top:auto;padding-top:14px;font-size:11px;font-weight:700}
.collage-stamp{position:absolute;z-index:5;left:-13px;bottom:10px;background:#d2ddc8;border:1px solid #f9f4e8;border-radius:50%;width:87px;height:87px;display:grid;place-items:center;text-align:center;transform:rotate(-13deg);font-size:10px;font-weight:800;letter-spacing:.06em;line-height:1.3;padding:12px}
.pathways-section{padding-top:67px;padding-bottom:38px;scroll-margin-top:20px}
.pathways-section .section-head{margin-bottom:28px}.pathways-section .section-head h2 em{color:var(--accent)}
.pathways-section .area-card{min-height:305px;position:relative;padding:33px 36px;border-radius:3px;overflow:hidden}
.pathways-section .area-card:hover{transform:translateY(-3px)}
.pathways-section .area-card::after{content:'↗';position:absolute;right:28px;top:22px;font:400 31px Georgia,serif;opacity:.45}
.pathways-section .area-card h3{margin:30px 0 8px;font-size:clamp(36px,3.6vw,49px)}
.pathways-section .area-card p{font-size:13px;margin:0 0 12px;max-width:405px}
.area-tags{font-size:10px;letter-spacing:.055em;font-weight:800;color:#667164;padding:8px 0 4px}
.pathways-section .area-card .text-link{padding-top:13px}
#selected-work{padding-top:60px}
.work-grid .work-card.featured .work-cover{aspect-ratio:1.3}
.work-grid .work-card.companion .work-cover{aspect-ratio:1.03}
.career-section{border-top:1px solid var(--line);padding-top:82px;padding-bottom:86px}
.career-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:32px}
.career-heading h2{font:400 clamp(40px,4.3vw,62px)/1.1 Georgia,serif;letter-spacing:-.055em;margin:13px 0 0}
.career-heading h2 em{color:var(--accent)}.career-heading p{max-width:360px;font-size:14px;line-height:1.85;color:var(--muted);margin-bottom:3px}
.career-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.career-panel{background:var(--surface);border:1px solid var(--line);padding:33px 36px;display:flex;flex-direction:column;align-items:flex-start}
.career-count{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--accent)}
.career-panel h3{font:400 30px/1.1 Georgia,serif;letter-spacing:-.03em;margin:21px 0 10px}
.career-panel p{font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 16px}
.career-tags{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 26px}
.career-tags span{border:1px solid var(--line);border-radius:99px;padding:5px 9px;font-size:10px;color:var(--muted);font-weight:600}
.career-panel .text-link{margin-top:auto}
.career-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:25px 0}
.career-bottom span{font-size:13px;color:var(--muted)}
@media(max-width:1030px){.hero.hero-v2{gap:20px}.hero.hero-v2 h1{font-size:clamp(54px,5.8vw,76px)}.hero-art.hero-art-v2{height:440px}.collage-system{width:63%}}
@media(max-width:840px){.hero.hero-v2{grid-template-columns:1fr;gap:12px;padding-block:60px 40px}.hero.hero-v2 h1{font-size:clamp(60px,8vw,85px)}.hero-art.hero-art-v2{height:455px;width:min(100%,540px);margin:10px auto 0}.career-heading{align-items:start;flex-direction:column;gap:14px}}
@media(max-width:740px){.pathways-section{padding-top:55px}.pathways-section .area-card{min-height:305px}.hero.hero-v2 h1{font-size:clamp(51px,11vw,77px)}.hero-art.hero-art-v2{transform:none;height:400px;width:min(100%,440px);margin:0 auto}.collage-system{padding:16px 18px;min-height:163px}.system-title{font-size:20px}.system-flow{gap:4px}.system-flow i{font-size:8px;padding:4px}.career-grid{grid-template-columns:1fr}.career-heading h2{font-size:clamp(38px,8vw,54px)}.career-bottom{flex-direction:column;align-items:flex-start}}
@media(max-width:430px){.hero.hero-v2 h1{font-size:clamp(47px,12.2vw,58px)}.hero-art.hero-art-v2{transform:none;height:340px;width:100%;margin:10px 0 0}.collage-main{top:30px;height:61%}.collage-side{height:45%}.collage-system{width:63%;min-height:145px;bottom:8px;padding:13px}.system-title{font-size:16px;margin:9px 0}.system-flow{gap:3px}.system-flow i{font-size:7px;padding:3px}.system-foot{font-size:9px;padding-top:9px}.collage-stamp{width:65px;height:65px;font-size:8px;bottom:0;left:0}.collage-caption{padding:7px}.collage-caption strong{font-size:13px}.collage-caption span{font-size:8px}.pathways-section .area-card{padding:28px}.career-panel{padding:27px}}
@media(prefers-reduced-motion:reduce){.collage-tile,.collage-system,.pathways-section .area-card{transition:none}}


/* Scenic Moments illustration and stationery case study */
.scenic-intro{padding-top:75px;padding-bottom:33px}
.scenic-intro .breadcrumbs{margin-bottom:41px}
.scenic-intro-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(245px,.55fr);gap:70px;align-items:end}
.scenic-intro h1{font:400 clamp(53px,6vw,90px)/1.03 Georgia,serif;letter-spacing:-.06em;margin:22px 0}
.scenic-intro h1 em,.scenic-textband h2 em,.scenic-feature h2 em{color:var(--accent);font-weight:400}
.scenic-lead{max-width:740px;font-size:16px;line-height:1.85;color:var(--muted)}
.scenic-side-note{border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font-size:14px;line-height:1.7}
.scenic-kicker{font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:var(--accent)}
.scenic-side-note p{margin:18px 0}
.scenic-side-credit{display:block;font-size:11px;font-weight:700;color:var(--text)}
.scenic-hero figure{margin:0;background:#e7e0d3}
.scenic-hero img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.scenic-hero figcaption,.scenic-frame figcaption{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:11px;font-weight:600;padding:11px 1px}
.scenic-hero figcaption{padding:11px 2px}
.scenic-textband{display:grid;grid-template-columns:.45fr 1.55fr;gap:65px;padding-top:105px;padding-bottom:105px}
.scenic-textband h2,.scenic-feature h2,.scenic-section-head h2{font:400 clamp(37px,4.2vw,59px)/1.14 Georgia,serif;letter-spacing:-.05em;margin:0 0 27px}
.scenic-textband p,.scenic-feature p{font-size:15px;line-height:1.9;color:var(--muted);max-width:700px}
.scenic-section{padding-block:55px 98px}
.scenic-section-head{display:grid;grid-template-columns:1fr minmax(170px,300px);column-gap:35px;margin-bottom:31px}
.scenic-section-head .scenic-kicker{grid-column:1/-1;display:block;margin-bottom:17px}
.scenic-section-head h2{margin:0}
.scenic-section-head p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}
.scenic-bookmark-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.scenic-frame{margin:0;min-width:0}
.scenic-bookmark-grid .scenic-frame{background:#ede7d9;padding:14px 14px 0}
.scenic-bookmark-grid img{display:block;width:100%;aspect-ratio:682/2048;height:auto;object-fit:contain;background:#f8f6ee}
.scenic-frame figcaption{font-size:12px;padding:12px 2px}
.scenic-feature{display:grid;grid-template-columns:1fr 1.22fr;gap:48px;align-items:center;padding-block:60px 90px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.scenic-feature .scenic-feature-copy{max-width:480px}
.scenic-feature h2{margin-top:17px}
.scenic-feature-art img{width:100%;aspect-ratio:4/3;object-fit:cover}
.scenic-sticker-section{padding-top:90px}
.scenic-sticker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.scenic-sticker{background:#e9e6db;padding:15px 15px 0;border:1px solid var(--line)}
.scenic-sticker img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.scenic-final{border-top:1px solid var(--line);padding-top:82px}
.scenic-wide{margin-bottom:32px}
.scenic-wide img{width:100%;height:auto;object-fit:contain;background:#e9e5db}
.scenic-outro{border-top:1px solid var(--line);padding-block:65px 85px}
.scenic-outro h2{font:400 clamp(36px,4.3vw,58px)/1.1 Georgia,serif;letter-spacing:-.04em;margin:16px 0}
.scenic-outro p{font-size:14px;line-height:1.8;color:var(--muted);max-width:620px}
@media(max-width:900px){.scenic-intro-grid{grid-template-columns:1fr;gap:14px}.scenic-side-note{max-width:650px}.scenic-feature{grid-template-columns:1fr;gap:24px}.scenic-section-head{grid-template-columns:1fr;gap:12px}.scenic-bookmark-grid{gap:12px}}
@media(max-width:650px){.scenic-intro{padding-top:43px}.scenic-intro .breadcrumbs{margin-bottom:24px}.scenic-intro h1{font-size:clamp(45px,10vw,66px)}.scenic-textband{grid-template-columns:1fr;gap:18px;padding-block:65px}.scenic-section{padding-block:40px 70px}.scenic-section-head h2{font-size:38px}.scenic-bookmark-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scenic-bookmark-grid .scenic-frame{padding:7px 7px 0}.scenic-sticker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scenic-hero figcaption{flex-direction:column;gap:2px}.scenic-feature{padding-block:45px 65px}.scenic-final{padding-top:60px}.scenic-outro{padding-block:50px 65px}}


/* Scenic Moments v3 review: clearer artwork access and captions */
.scenic-image-link{display:block;cursor:zoom-in;overflow:hidden;line-height:0}
.scenic-image-link img{transition:filter .25s ease,transform .25s ease}
.scenic-image-link:hover img{filter:saturate(1.035);transform:scale(1.01)}
.scenic-image-link:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.scenic-view-hint{font-size:12px;font-weight:700;color:var(--muted);margin:-10px 0 24px;letter-spacing:.02em}
.scenic-hero figcaption,.scenic-frame figcaption{font-size:12px;line-height:1.6}
@media(prefers-reduced-motion:reduce){.scenic-image-link img{transition:none}.scenic-image-link:hover img{transform:none}}


/* Pressed Juicery — independent identity case study */
.pressed-intro{padding-block:78px 44px}
.pressed-intro .breadcrumbs{margin:0 0 37px}
.pressed-intro-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(250px,.65fr);align-items:end;gap:70px}
.pressed-intro h1{font:400 clamp(53px,6.1vw,94px)/1.02 Georgia,serif;letter-spacing:-.06em;margin:19px 0 22px}
.pressed-intro h1 em,.pressed-narrative h2 em,.pressed-conclusion h2 em{color:var(--accent);font-weight:400}
.pressed-lead{font-size:16px;max-width:700px;line-height:1.87;color:var(--muted)}
.pressed-quickfacts{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}
.pressed-quickfacts span{border:1px solid var(--line);border-radius:40px;padding:7px 13px;font-size:11px;color:var(--muted);font-weight:700}
.pressed-overline{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:var(--accent)}
.pressed-sidebar{border-top:1px solid var(--line);padding-top:15px}
.pressed-sidebar dl{margin:15px 0 0}
.pressed-sidebar dt{font-size:11px;font-weight:700;color:var(--faint);margin-top:14px}
.pressed-sidebar dd{font-size:13px;line-height:1.7;font-weight:600;margin:3px 0 0}
.pressed-figure{min-width:0;margin:0}
.pressed-media{position:relative;display:grid;place-items:center;background:#e8e3d9;overflow:hidden;min-height:220px}
.pressed-zoom{display:block;width:100%;cursor:zoom-in}
.pressed-zoom img{display:block;width:100%;height:auto;max-height:740px;object-fit:contain}
.pressed-figure-hero .pressed-media{min-height:360px;background:#e6dfd4}
.pressed-figure-hero .pressed-zoom img{width:100%;max-height:none;aspect-ratio:16/10;object-fit:contain}
.pressed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 23px}
.pressed-grid .pressed-media{min-height:270px}
.pressed-grid .pressed-zoom img{aspect-ratio:5/4;object-fit:contain}
.pressed-figure-wide .pressed-zoom img{max-height:none;width:100%;object-fit:contain}
.pressed-figure figcaption{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px;line-height:1.6;padding:11px 2px}
.pressed-figure figcaption span:first-child{font-weight:700;color:var(--text)}

.pressed-narrative{display:grid;grid-template-columns:.5fr 1.5fr;gap:70px;padding-block:106px 96px}
.pressed-narrative h2,.pressed-conclusion h2,.pressed-section-head h2,.pressed-outro h2{font:400 clamp(36px,4.7vw,61px)/1.14 Georgia,serif;letter-spacing:-.05em;margin:0 0 22px}
.pressed-narrative p,.pressed-conclusion-heading p,.pressed-section-head p,.pressed-outro p{font-size:14px;color:var(--muted);line-height:1.9;max-width:740px}
.pressed-gallery{padding-block:38px 90px}
.pressed-section-head{display:grid;grid-template-columns:1fr .65fr;gap:5px 50px;align-items:end;margin-bottom:32px}
.pressed-section-head .pressed-overline{grid-column:1/-1;display:block;margin-bottom:15px}
.pressed-section-head h2{margin:0}
.pressed-section-head p{margin:0}
.pressed-conclusion{padding-block:75px 95px;border-top:1px solid var(--line)}
.pressed-conclusion-heading{display:grid;grid-template-columns:.85fr 1fr;gap:0 75px;align-items:end;margin-bottom:35px}
.pressed-conclusion-heading .pressed-overline{grid-column:1/-1;display:block;margin-bottom:16px}
.pressed-conclusion-heading h2{margin:0}
.pressed-conclusion-heading p{margin:0}
.pressed-outro{display:flex;justify-content:space-between;align-items:end;gap:40px;border-top:1px solid var(--line);padding-block:67px 99px}
.pressed-outro h2{font-size:clamp(35px,4vw,53px);margin:17px 0 10px}
.pressed-outro .actions{margin:0}
.pressed-zoom:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:900px){.pressed-intro-grid{grid-template-columns:1fr;gap:27px}.pressed-sidebar{max-width:600px}.pressed-narrative{grid-template-columns:1fr;gap:15px}.pressed-section-head,.pressed-conclusion-heading{grid-template-columns:1fr;gap:18px}.pressed-outro{align-items:start;flex-direction:column}}
@media(max-width:640px){.pressed-intro{padding-block:45px 28px}.pressed-intro .breadcrumbs{margin-bottom:23px}.pressed-intro h1{font-size:clamp(45px,10vw,65px)}.pressed-grid{grid-template-columns:1fr;gap:21px}.pressed-grid .pressed-media{min-height:180px}.pressed-narrative{padding-block:65px}.pressed-gallery{padding-bottom:65px}.pressed-conclusion{padding-block:60px}.pressed-figure figcaption{font-size:11px;flex-wrap:wrap;gap:5px}.pressed-figure-hero .pressed-media{min-height:220px}.pressed-outro{padding-block:55px 75px}.pressed-outro .actions{margin-top:7px}}




/* Pressed Juicery — editorial concept-to-system refinement */
.pressed-project-index{display:flex;align-items:center;gap:21px;flex-wrap:wrap;border-block:1px solid var(--line);padding-block:18px;margin-bottom:38px}
.pressed-project-index>span{font-size:10px;font-weight:800;color:var(--accent);letter-spacing:.13em;text-transform:uppercase;margin-right:auto}
.pressed-project-index a{font-size:11px;font-weight:700;color:var(--muted);text-decoration:none;border-bottom:1px solid transparent;padding:4px 0;transition:color .2s,border-color .2s}
.pressed-project-index a:hover,.pressed-project-index a:focus-visible{color:var(--accent);border-color:var(--accent)}
.pressed-hero .pressed-media{background:#e5e1d7}
.pressed-figure figcaption{align-items:flex-start}
.pressed-figure figcaption>span:first-child{display:flex;flex-direction:column;gap:3px;flex:1}
.pressed-figure figcaption strong{font-size:12px;font-weight:800;color:var(--text)}
.pressed-figure figcaption small{display:block;font-size:11px;color:var(--muted);line-height:1.55;font-weight:400;max-width:500px}
.pressed-figure figcaption>span:last-child{font-size:10px;font-weight:700;letter-spacing:.045em;flex-shrink:0;text-align:right}
.pressed-narrative .pressed-scope-note{border-left:3px solid #bd816c;padding:10px 17px;background:rgba(238,235,228,.62);font-size:12px;line-height:1.65;margin-top:25px}
.pressed-brief-criteria{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:31px 0 18px}
.pressed-brief-criteria>div{border:1px solid var(--line);background:var(--surface);padding:21px 19px 19px}
.pressed-brief-criteria span,.pressed-design-decisions span{display:block;font-size:10px;font-weight:800;letter-spacing:.115em;text-transform:uppercase;color:var(--accent)}
.pressed-brief-criteria strong{display:block;margin:19px 0 7px;font-size:16px;letter-spacing:-.04em;line-height:1.3}
.pressed-brief-criteria p{font-size:12px;line-height:1.68;margin:0}
.pressed-gallery.pressed-identity{border-top:1px solid var(--line);padding-top:75px;padding-bottom:85px}
.pressed-gallery.pressed-applications{border-top:1px solid var(--line);padding-top:74px;padding-bottom:84px}
.pressed-design-decisions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin-top:34px}
.pressed-design-decisions article{border-top:2px solid var(--text);padding-top:17px}
.pressed-design-decisions h3{font:400 25px/1.14 Georgia,serif;letter-spacing:-.035em;margin:14px 0 8px}
.pressed-design-decisions p{font-size:12px;line-height:1.75;color:var(--muted);margin:0}
.pressed-application-note{display:grid;grid-template-columns:180px minmax(0,1fr);gap:25px;margin-top:32px;padding:23px 27px;background:var(--surface-alt);border-left:3px solid var(--accent)}
.pressed-application-note>span{padding-top:4px}
.pressed-application-note p{color:var(--muted);font-size:13px;line-height:1.72;margin:0}
.pressed-reflection{border-top:1px solid var(--line);padding-block:88px 91px}
.pressed-reflection-heading{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;margin-bottom:32px}
.pressed-reflection-heading>span{padding-top:13px}
.pressed-reflection h2{font:400 clamp(38px,4.8vw,61px)/1.1 Georgia,serif;letter-spacing:-.055em;margin:0}
.pressed-reflection h2 em,.pressed-section-head h2 em{font-weight:400;color:var(--accent)}
.pressed-reflection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-left:208px}
.pressed-reflection-grid>div{border-top:2px solid var(--text);padding-top:18px}
.pressed-reflection-grid p{font-size:13px;line-height:1.83;color:var(--muted);margin:15px 0 0}
#pressed-brief,#pressed-identity,#pressed-applications,#pressed-campaign,#pressed-reflection{scroll-margin-top:25px}
@media(max-width:1050px){.pressed-project-index{gap:10px 20px}.pressed-project-index>span{width:100%}.pressed-brief-criteria{grid-template-columns:1fr}.pressed-brief-criteria strong{margin-top:10px}.pressed-reflection-grid{margin-left:0}.pressed-reflection-heading{grid-template-columns:1fr;gap:16px}.pressed-reflection-heading>span{padding-top:0}}
@media(max-width:680px){.pressed-project-index{margin-bottom:24px;padding-block:13px;gap:10px 14px}.pressed-project-index a{font-size:10px}.pressed-brief-criteria{margin-top:24px}.pressed-gallery.pressed-identity,.pressed-gallery.pressed-applications{padding-top:54px;padding-bottom:58px}.pressed-design-decisions,.pressed-reflection-grid{grid-template-columns:1fr;gap:21px}.pressed-design-decisions{margin-top:25px}.pressed-application-note{grid-template-columns:1fr;gap:8px;padding:20px}.pressed-reflection{padding-block:62px}.pressed-reflection-grid{margin-top:27px}.pressed-figure figcaption>span:last-child{width:100%;text-align:left}}
@media(prefers-reduced-motion:reduce){.pressed-project-index a{transition:none}}

/* THE LIGHT YEARS — editorial book design case study (Version 5) */
.ly-intro{padding-top:75px;padding-bottom:65px}
.ly-intro .breadcrumbs{margin-bottom:45px}
.ly-intro-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.55fr);gap:58px;align-items:end}
.ly-kicker,.ly-overline{display:block;font-size:10px;line-height:1.6;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.ly-kicker{color:var(--accent)}
.ly-overline{color:var(--muted)}
.ly-intro h1{font-family:Georgia,serif;letter-spacing:-.065em;font-weight:400;line-height:.96;font-size:clamp(66px,9vw,132px);margin:22px 0 30px}
.ly-intro h1 em,.ly-concept h2 em,.ly-section-heading h2 em{font-weight:400;color:var(--accent)}
.ly-intro-description{font-size:16px;line-height:1.84;max-width:710px;color:var(--muted)}
.ly-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.ly-tags span{padding:7px 11px;border:1px solid var(--line);border-radius:30px;font-size:11px;font-weight:700;color:var(--muted)}
.ly-meta{border-top:1px solid var(--line);padding-top:16px}
.ly-meta dl{display:grid;grid-template-columns:minmax(80px,1fr) 1.6fr;gap:9px 13px;margin:18px 0 0}
.ly-meta dt{font-size:11px;color:var(--muted)}
.ly-meta dd{font-size:11px;font-weight:700;line-height:1.6;margin:0}
.ly-cover-stage{background:#101112;color:#fff;padding-block:64px}
.ly-cover-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:68px;align-items:center}
.ly-figure{margin:0;min-width:0}
.ly-enlarge{display:block;line-height:0;cursor:zoom-in;overflow:hidden}
.ly-enlarge img{width:100%;height:auto;display:block;object-fit:contain;transition:transform .24s ease}
.ly-enlarge:hover img{transform:scale(1.007)}
.ly-enlarge:focus-visible{outline:3px solid #cf9f7c;outline-offset:4px}
.ly-figure figcaption{font-size:11px;line-height:1.6;color:var(--muted);padding:11px 0;letter-spacing:.01em}
.ly-cover-art{max-width:650px;width:100%;margin-inline:auto}
.ly-cover-art .ly-enlarge{background:#000}
.ly-cover-art img{aspect-ratio:1;object-fit:contain}
.ly-cover-art figcaption,.ly-cover-stage .ly-overline{color:#bdc0c1}
.ly-cover-copy h2{font-size:clamp(42px,5.7vw,75px);line-height:1.07;font-weight:400;letter-spacing:-.05em;font-family:Georgia,serif;margin:21px 0}
.ly-cover-copy p{max-width:440px;font-size:14px;line-height:1.92;color:#b9bec0}
.ly-mini-rule{display:block;width:38px;height:1px;background:#717b81;margin:26px 0}
.ly-section{padding-block:90px}
.ly-concept .ly-section-two{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;margin:25px 0 35px}
.ly-concept h2,.ly-section-heading h2{font:400 clamp(42px,5vw,71px)/1.13 Georgia,serif;letter-spacing:-.052em;margin:0}
.ly-copy p,.ly-section-heading p{font-size:14px;line-height:1.9;color:var(--muted);max-width:670px}
.ly-copy p:first-child{margin-top:0}
.ly-image-wide{margin:44px 0 0}
.ly-image-wide .ly-enlarge{background:#e5e4e0}
.ly-image-wide img{max-height:740px;object-fit:contain}
.ly-section-heading{display:grid;grid-template-columns:1.1fr .75fr;gap:10px 60px;align-items:end;margin-bottom:33px}
.ly-section-heading .ly-kicker{grid-column:1/-1;margin-bottom:13px}
.ly-section-heading p{margin:0}
.ly-type{background:#171819;color:#fff}
.ly-type .ly-kicker{color:#dec3ac}
.ly-type .ly-section-heading p{color:#b9bdbe}
.ly-type .ly-section-heading em{color:#dec3ac}
.ly-type .ly-figure figcaption{color:#c7c9c9}
.ly-spread-feature{margin-bottom:32px}
.ly-spread-feature .ly-enlarge,.ly-spread .ly-enlarge{background:#070707}
.ly-spread-feature img,.ly-spread img{aspect-ratio:2/1;object-fit:contain}
.ly-spread-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
.ly-object .ly-section-heading{margin-bottom:35px}
.ly-object-feature img{max-height:840px;object-fit:contain;background:#45c947}
.ly-object-feature .ly-enlarge{background:#45c947}
.ly-object-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:20px}
.ly-object-grid img{aspect-ratio:4/3;object-fit:contain}
.ly-details{background:#eeede8}
.ly-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.ly-detail img{aspect-ratio:3/2;object-fit:contain;background:#dededb}
.ly-outro{display:flex;justify-content:space-between;align-items:end;gap:40px;padding-block:86px 104px}
.ly-outro h2{font:400 clamp(43px,5vw,68px)/1.12 Georgia,serif;letter-spacing:-.05em;margin:15px 0 17px}
.ly-outro p{max-width:660px;color:var(--muted);font-size:14px;line-height:1.88}
.ly-outro .actions{margin-bottom:10px;flex-shrink:0}
@media(max-width:980px){
.ly-intro-grid{grid-template-columns:1fr;gap:34px}.ly-meta{max-width:700px}
.ly-cover-grid{grid-template-columns:1fr;gap:37px}.ly-cover-art{max-width:620px}
.ly-cover-copy{max-width:660px}.ly-cover-copy h2{font-size:55px}
.ly-concept .ly-section-two{gap:36px}
.ly-section-heading{grid-template-columns:1fr;gap:17px}
.ly-outro{flex-direction:column;align-items:flex-start}
}
@media(max-width:650px){
.ly-intro{padding-top:46px;padding-bottom:45px}.ly-intro .breadcrumbs{margin-bottom:25px}.ly-intro h1{font-size:clamp(61px,15vw,93px)}
.ly-cover-stage{padding-block:30px 54px}
.ly-section{padding-block:65px}
.ly-concept .ly-section-two{grid-template-columns:1fr;gap:17px;margin:18px 0 25px}
.ly-concept h2,.ly-section-heading h2{font-size:42px}
.ly-image-wide{margin-top:25px}
.ly-spread-grid,.ly-object-grid,.ly-detail-grid{grid-template-columns:1fr;gap:19px}
.ly-spread-feature{margin-bottom:19px}.ly-spread img,.ly-spread-feature img{width:100%;height:auto}
.ly-object-grid{margin-top:12px}
.ly-outro{padding-block:63px 85px}.ly-outro h2{font-size:43px}
}
@media(prefers-reduced-motion:reduce){.ly-enlarge img{transition:none}.ly-enlarge:hover img{transform:none}}


/* The Light Years v5.1 — editorial polish, scoped to this case study */
.ly-intro{padding-top:58px;padding-bottom:45px}
.ly-intro .breadcrumbs{margin-bottom:30px}
.ly-intro h1{margin:18px 0 22px}
.ly-intro-description{font-size:16px;line-height:1.82;max-width:700px;color:#565951}
.ly-meta dt{font-size:12px;color:#575a55}
.ly-meta dd{font-size:12.5px;line-height:1.75}
.ly-cover-stage{padding-block:52px}
.ly-cover-grid{gap:54px}
.ly-cover-art .ly-enlarge{
  background:#303336;
  padding:clamp(11px,1.6vw,22px);
  border:1px solid #565b5d;
  box-shadow:0 18px 36px rgba(0,0,0,.22)
}
.ly-cover-art .ly-enlarge img{background:#050505}
.ly-cover-copy p{font-size:16px;line-height:1.8;color:#d1d4d2}
.ly-cover-art figcaption{font-size:12.5px;color:#e0e1de}
.ly-section{padding-block:78px}
.ly-concept .ly-section-two{margin:20px 0 0;gap:62px}
.ly-copy p,.ly-section-heading p{font-size:16px;line-height:1.82;color:#555952}
.ly-section-heading{margin-bottom:26px}
.ly-figure figcaption{font-size:12.5px;line-height:1.65;color:#555952;padding:12px 0}
.ly-type .ly-section-heading p{color:#d1d4d3}
.ly-type .ly-figure figcaption{color:#d2d6d4}
.ly-type .ly-kicker{color:#e6c5b1}
.ly-view-hint{margin:0 0 19px;color:#d6d8d8;font-size:12.5px;line-height:1.6;font-weight:600;letter-spacing:.015em}
.ly-view-hint span{font-size:14px;padding-left:2px}
.ly-spread-feature{margin-bottom:25px}
.ly-spread-grid{gap:22px 20px}
.ly-object .ly-section-heading{margin-bottom:28px}
.ly-object-grid{gap:20px;margin-top:14px}
.ly-detail-grid{gap:20px}
.ly-enlarge{position:relative}
.ly-enlarge::after{
  content:'View full image ↗';
  position:absolute;right:12px;bottom:12px;
  background:rgba(17,21,22,.88);color:#f9f8f5;
  font:700 11px/1.3 'DM Sans',Arial,sans-serif;
  letter-spacing:.015em;padding:9px 12px;border-radius:3px;
  opacity:0;transform:translateY(5px);
  transition:opacity .18s ease,transform .18s ease;
  pointer-events:none
}
.ly-enlarge:hover::after,.ly-enlarge:focus-visible::after{opacity:1;transform:translateY(0)}
.ly-enlarge:hover img{transform:scale(1.01)}
.ly-outro{padding-block:73px 88px}
.ly-outro p{font-size:16px;line-height:1.82;color:#555952}
@media(max-width:980px){
  .ly-intro{padding-top:53px;padding-bottom:39px}
  .ly-cover-grid{gap:30px}
  .ly-concept .ly-section-two{gap:27px}
}
@media(max-width:650px){
  .ly-intro{padding-top:40px;padding-bottom:32px}
  .ly-intro .breadcrumbs{margin-bottom:20px}
  .ly-cover-stage{padding-block:27px 45px}
  .ly-cover-art .ly-enlarge{padding:11px}
  .ly-cover-copy p,.ly-copy p,.ly-section-heading p,.ly-outro p{font-size:15.5px;line-height:1.78}
  .ly-section{padding-block:58px}
  .ly-concept .ly-section-two{margin:15px 0 0;gap:14px}
  .ly-view-hint{font-size:12px}
  .ly-spread-grid{gap:17px}
  .ly-outro{padding-block:55px 72px}
}
@media(hover:none){.ly-enlarge::after{display:none}}
@media(prefers-reduced-motion:reduce){.ly-enlarge::after{transition:none}}


/* Portfolio v6 — Multi-site IT operations case study */
.it6-intro{padding:70px 0 67px}
.it6-intro .breadcrumbs{margin-bottom:42px}
.it6-intro-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.65fr);gap:75px;align-items:end}
.it6-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;line-height:1.5}
.it6-kicker-mark{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%}
.it6-intro h1{font:400 clamp(54px,6.1vw,91px)/1.04 Georgia,serif;letter-spacing:-.058em;margin:22px 0 27px}
.it6-intro h1 em,.it6-section h2 em,.it6-outro h2 em{color:var(--accent);font-weight:400}
.it6-lead{font-size:17px;line-height:1.84;color:#545a53;max-width:730px}
.it6-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.it6-tags span{font-size:11px;font-weight:700;color:#535b54;padding:8px 13px;border:1px solid #d5d8d2;border-radius:40px}
.it6-intro-side{border-top:1px solid var(--line);padding-top:17px}
.it6-overline{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--muted)}
.it6-intro-side dl{margin:17px 0 0;display:grid;grid-template-columns:90px 1fr;gap:12px 10px}
.it6-intro-side dt{font-size:11px;font-weight:700;color:#858982}
.it6-intro-side dd{margin:0;font-size:12px;line-height:1.6;color:#383f3b;font-weight:700}
.it6-hero{background:#202b29;color:#f7f7f1;padding-block:49px 65px}
.it6-hero-top,.it6-map-header,.it6-map-footer{display:flex;justify-content:space-between;align-items:center;gap:18px}
.it6-hero-top{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#b9cbc0;font-weight:700;border-bottom:1px solid #4c6057;padding-bottom:18px}
.it6-hero-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:end;margin:39px 0 32px}
.it6-hero h2{font:400 clamp(40px,4.65vw,63px)/1.12 Georgia,serif;letter-spacing:-.048em;margin:0}
.it6-hero h2 em{font-weight:400;color:#bad6c3}
.it6-hero-heading p{font-size:15px;line-height:1.85;color:#cbd5cc;margin:0;max-width:490px}
.it6-map{padding:0 25px;background:#17221f;border:1px solid #52665b;border-radius:14px;box-shadow:0 22px 56px rgba(0,0,0,.18)}
.it6-map-header{padding:17px 0;border-bottom:1px solid #394c41;color:#c7d9cb;font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:800}
.it6-map-header>span:nth-child(2){margin-right:auto}
.it6-map-led{width:7px;height:7px;border-radius:100%;background:#a8d3a9;box-shadow:0 0 0 4px rgba(168,211,169,.12)}
.it6-map-status{color:#a8bbaf;font-size:10px;font-weight:500;letter-spacing:.02em;text-transform:none}
.it6-map-grid{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);gap:10px;align-items:stretch;padding:35px 0}
.it6-map-node{background:#24352e;border:1px solid #486151;border-radius:9px;min-height:235px;padding:22px 18px;display:flex;flex-direction:column}
.it6-map-number{font:700 9px/1.4 'DM Sans',sans-serif;color:#9fbdab;letter-spacing:.14em}
.it6-map-icon{color:#d6ebda;font-size:32px;font-weight:300;margin:16px 0 12px}
.it6-map-node h3{font-size:17px;font-weight:700;line-height:1.35;letter-spacing:-.025em;margin:0 0 10px;color:#f9faf5}
.it6-map-node p{font-size:12px;line-height:1.75;color:#c4d2c7;margin:0}
.it6-map-arrow{align-self:center;justify-self:center;color:#a2bdab;font-size:20px}
.it6-map-footer{padding:13px 0 18px;color:#9fb8a7;border-top:1px solid #394c41;font-size:11px;line-height:1.5}
.it6-scope{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 32px;margin-top:36px}
.it6-scope>div{display:flex;align-items:baseline;gap:13px}
.it6-scope strong{font:400 47px/1.1 Georgia,serif;color:#e6f0e8;letter-spacing:-.04em}
.it6-scope span{font-size:12px;color:#d0dfd3;font-weight:700}
.it6-scope p{grid-column:1/-1;font-size:11px;color:#b5c8ba;margin:0}
.it6-section{padding-block:92px}
.it6-section h2,.it6-outro h2{font:400 clamp(39px,4.65vw,63px)/1.15 Georgia,serif;letter-spacing:-.048em;margin:0}
.it6-section-split{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin:23px 0 43px}
.it6-section-split p,.it6-prose p{font-size:15px;line-height:1.91;color:#545b54;margin-top:0}
.it6-section-split .it6-prose p+p{margin-top:15px}
.it6-workstream-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.it6-workstream-grid article{padding:27px 21px 29px;background:#edeee7;border-top:2px solid #8eae96}
.it6-workstream-grid article>span{display:block;color:#8a5546;text-transform:uppercase;font-size:10px;letter-spacing:.11em;font-weight:800}
.it6-workstream-grid h3{font-size:18px;line-height:1.35;margin:19px 0 10px;letter-spacing:-.025em}
.it6-workstream-grid p{font-size:13px;color:#5e675f;line-height:1.8;margin:0}
.it6-examples{background:#eaece6}
.it6-section-head{display:grid;grid-template-columns:1fr .66fr;gap:20px 55px;align-items:end;margin-bottom:37px}
.it6-section-head .it6-kicker{grid-column:1/-1}
.it6-section-head p{font-size:15px;line-height:1.85;color:#545b54;margin:0;max-width:450px}
.it6-case-list{display:grid;gap:17px}
.it6-case{display:grid;grid-template-columns:minmax(180px,.32fr) minmax(0,1fr);background:#fcfbf6;border:1px solid #d5dbd0;border-radius:8px;overflow:hidden}
.it6-case-index{background:#2c3b34;color:#e2eee4;padding:30px 24px;display:flex;flex-direction:column;gap:20px;justify-content:space-between}
.it6-case-index span{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#b6d0bd;font-weight:800}
.it6-case-index strong{font:400 23px/1.24 Georgia,serif;letter-spacing:-.03em}
.it6-case-content{padding:29px 34px 31px}
.it6-case-title{display:flex;justify-content:space-between;align-items:start;gap:17px}
.it6-case-title h3{font-size:22px;letter-spacing:-.035em;line-height:1.3;margin:0}
.it6-result{flex-shrink:0;display:inline-block;color:#24573d;background:#dcebdd;border:1px solid #bfd9c4;font-size:10px;font-weight:800;letter-spacing:.02em;padding:6px 9px;border-radius:60px}
.it6-result-open{color:#634c2b;background:#f6eacb;border-color:#ecd8ad}
.it6-case-lede{font-size:14px;color:#526058;line-height:1.78;margin:14px 0 22px}
.it6-case-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.it6-case-steps>div{border-top:1px solid #d7ded5;padding-top:12px}
.it6-case-steps span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#915b4c}
.it6-case-steps p{font-size:12.5px;line-height:1.75;color:#505950;margin:8px 0 0}
.it6-case-outcome{border-top:1px solid #d7ded5;margin:24px 0 0;padding-top:13px;font-size:13px;line-height:1.7;color:#445247}
.it6-method .it6-section-split>p{max-width:550px}
.it6-process{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.it6-process li{border-top:2px solid #c8d3c9;padding:18px 10px 0 0}
.it6-process li>span{font:400 29px Georgia,serif;color:#7e9882}
.it6-process h3{font-size:19px;margin:16px 0 9px}
.it6-process p{font-size:13px;line-height:1.75;color:#59645a;margin:0}
.it6-documentation{background:#e0e7dc}
.it6-doc-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:90px;align-items:center}
.it6-doc-copy h2{margin:20px 0 25px}
.it6-doc-copy p{font-size:15px;line-height:1.89;color:#4f5b50;max-width:570px}
.it6-doc-preview{background:#fffefa;padding:30px 35px 22px;border:1px solid #ccd6ca;box-shadow:0 22px 45px rgba(34,57,37,.10);transform:rotate(-1deg)}
.it6-doc-top,.it6-doc-bottom{font-size:10px;letter-spacing:.1em;color:#58715d;font-weight:800}
.it6-doc-top{display:flex;justify-content:space-between;border-bottom:1px solid #d6ded6;padding-bottom:13px}
.it6-doc-preview h3{font:400 38px/1.1 Georgia,serif;letter-spacing:-.04em;margin:22px 0 6px}
.it6-doc-preview>p{font-size:12px;color:#808d80;margin:0 0 21px}
.it6-doc-preview ol{list-style:none;margin:0;padding:0;counter-reset:doc}
.it6-doc-preview li{counter-increment:doc;border-top:1px solid #e1e7dd;padding:12px 0;display:grid;grid-template-columns:26px 1fr;gap:2px 12px}
.it6-doc-preview li:before{content:counter(doc,decimal-leading-zero);grid-row:1/3;color:#7a9d7a;font-size:11px;font-weight:800}
.it6-doc-preview li b{font-size:13px}
.it6-doc-preview li span{grid-column:2;color:#667267;font-size:12px}
.it6-doc-bottom{border-top:1px solid #d6ded6;padding-top:14px;margin-top:5px}
.it6-outro{display:flex;justify-content:space-between;align-items:end;gap:45px;padding-block:91px 110px}
.it6-outro h2{margin:20px 0 17px}
.it6-outro p{font-size:14px;max-width:680px;line-height:1.83;color:#5b665a}
.it6-outro-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:360px}
.it6-featured{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;background:#24342c;color:#f8f9f3;border-radius:12px;padding:32px 40px;margin-bottom:28px;min-height:245px;align-items:center}
.it6-featured .it6-kicker{color:#bbdec5}
.it6-featured h2{font:400 clamp(27px,3.4vw,44px)/1.18 Georgia,serif;margin:11px 0 17px;letter-spacing:-.045em}
.it6-featured h2 em{font-weight:400;color:#b8dcc5}
.it6-featured p{color:#cbdacc;font-size:13px;line-height:1.76;margin:0}
.it6-feature-visual{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.it6-feature-visual>span{display:flex;align-items:center;justify-content:center;border-radius:7px;min-height:80px;text-align:center;padding:9px 5px;border:1px solid #567362;color:#d5e5d8;background:#31473a;font-size:11px;line-height:1.4;font-weight:700}
.it6-feature-link{display:inline-block;margin-top:19px;font-size:12px;font-weight:800;color:#e7f5e9}
.it6-featured:hover .it6-feature-link{text-decoration:underline;text-underline-offset:4px}
.it6-home-tile .tech-art{background:#2c4235!important}
@media(max-width:1060px){
.it6-intro-grid{grid-template-columns:1fr;gap:34px}
.it6-intro-side{max-width:720px}
.it6-map-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.it6-map-arrow{display:none}
.it6-map-node{padding:18px 12px}
.it6-map-node h3{font-size:15px}
.it6-map-node p{font-size:11px}
.it6-workstream-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.it6-doc-grid{gap:40px}
.it6-outro{flex-direction:column;align-items:start}
.it6-outro-actions{justify-content:flex-start;max-width:none}
}
@media(max-width:750px){
.it6-intro{padding-block:45px 42px}
.it6-intro .breadcrumbs{margin-bottom:28px}
.it6-intro h1{font-size:clamp(46px,9.6vw,74px)}
.it6-lead{font-size:15px}
.it6-hero{padding-block:34px 43px}
.it6-hero-top{flex-wrap:wrap}
.it6-hero-heading{grid-template-columns:1fr;gap:13px;margin:30px 0 24px}
.it6-hero-heading p{font-size:14px}
.it6-map{padding:0 14px}
.it6-map-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:17px 0}
.it6-map-node{min-height:195px}
.it6-map-status{display:none}
.it6-map-footer{flex-direction:column;align-items:start;gap:3px;font-size:10px}
.it6-scope{gap:8px}
.it6-scope>div{flex-direction:column;gap:4px}
.it6-scope strong{font-size:40px}
.it6-scope span{font-size:11px}
.it6-section{padding-block:63px}
.it6-section-split,.it6-section-head{grid-template-columns:1fr;gap:17px;margin:15px 0 29px}
.it6-case{grid-template-columns:1fr}
.it6-case-index{padding:18px 23px;flex-direction:row;gap:15px;align-items:center}
.it6-case-index strong{font-size:18px}
.it6-case-content{padding:23px}
.it6-case-steps{grid-template-columns:1fr;gap:12px}
.it6-case-title{flex-direction:column;gap:11px}
.it6-case-title h3{font-size:21px}
.it6-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}
.it6-doc-grid{grid-template-columns:1fr}
.it6-doc-preview{transform:none}
.it6-featured{grid-template-columns:1fr;padding:26px}
.it6-feature-visual>span{min-height:62px}
}
@media(max-width:480px){
.it6-intro h1{font-size:clamp(44px,12vw,58px)}
.it6-map-node{min-height:185px;padding:14px 10px}
.it6-map-node h3{font-size:14px}
.it6-map-node p{font-size:10px}
.it6-map-icon{font-size:24px;margin:11px 0}
.it6-workstream-grid{grid-template-columns:1fr}
.it6-scope strong{font-size:34px}
.it6-scope span{font-size:10px}
.it6-doc-preview{padding:23px 20px}
.it6-feature-visual{grid-template-columns:repeat(2,minmax(0,1fr))}
.it6-outro{padding-block:63px 75px}
}
@media(prefers-reduced-motion:reduce){.it6-featured *{transition:none}}


/* IT project library — recruiter-friendly technical case studies, v7 */
.it7-hero{padding-block:70px 77px}
.it7-hero .breadcrumbs{margin-bottom:40px}
.it7-hero-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.55fr);gap:70px;align-items:end}
.it7-overline{display:block;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-weight:800;font-size:10px;line-height:1.65}
.it7-hero h1{font:400 clamp(50px,6.1vw,87px)/1.035 Georgia,serif;letter-spacing:-.059em;margin:24px 0}
.it7-hero h1 em,.it7-section h2 em,.it7-next h2 em{font-weight:400;color:var(--accent)}
.it7-hero-grid>div>p{color:#535c54;line-height:1.85;font-size:17px;max-width:690px}
.it7-hero aside{border-top:1px solid #d3d8d1;padding-top:16px;display:grid;grid-template-columns:1fr;gap:0}
.it7-hero aside b{font-size:10px;letter-spacing:.06em;color:#955f4d;text-transform:uppercase;margin-top:10px}
.it7-hero aside p{font-size:13px;color:#4f5752;line-height:1.65;margin:5px 0 8px}
.it7-map{background:#21322a;color:#f5f9f4;padding-block:43px 48px}
.it7-map-head{display:flex;justify-content:space-between;gap:12px;padding-bottom:17px;border-bottom:1px solid #4a6053;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:#bdd4c4}
.it7-map ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;list-style:none;margin:26px 0 0;padding:0;counter-reset:none}
.it7-map li{min-height:145px;padding:22px 19px;background:#30483a;border:1px solid #57705c;border-radius:8px;display:flex;flex-direction:column;gap:18px}
.it7-map li>span{font:400 28px/1 Georgia,serif;color:#a9cbb2}
.it7-map li>strong{font-size:14px;line-height:1.55;color:#ecf5eb;font-weight:650}
.it7-section{padding-block:89px}
.it7-two{display:grid;grid-template-columns:1fr 1fr;gap:58px;margin-top:23px}
.it7-two h2{font:400 clamp(39px,4.3vw,57px)/1.14 Georgia,serif;letter-spacing:-.05em;margin:0 0 19px}
.it7-two p{font-size:15.5px;line-height:1.85;color:#525d53;max-width:600px;margin:0}
.it7-work{background:#ebeee7}
.it7-work h2{font:400 clamp(38px,4.7vw,61px)/1.13 Georgia,serif;letter-spacing:-.052em;margin:19px 0 35px}
.it7-work h2 em{color:var(--accent)}
.it7-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:stretch}
.it7-example{background:#fafaf5;border:1px solid #d8e0d5;border-radius:8px;padding:21px 20px 23px;display:flex;flex-direction:column}
.it7-example-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:15px;border-bottom:1px solid #dae1d8}
.it7-example-head>span:first-child{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#93644f}
.it7-status{display:inline-flex;white-space:nowrap;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:750;background:#dae8dd;color:#315c40}
.it7-status.it7-scoped{background:#f5eacc;color:#775e32}
.it7-example h3{font-size:19px;letter-spacing:-.035em;line-height:1.32;margin:19px 0 14px}
.it7-example p{font-size:13px;line-height:1.8;color:#566057;margin:0 0 13px}
.it7-example p b{color:#2e4034}
.it7-result{border-top:1px solid #dce4dc;padding-top:12px;margin-top:auto!important}
.it7-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.it7-tags span{border:1px solid #cbd4ca;color:#46544b;padding:8px 12px;border-radius:40px;font-size:11px;font-weight:700}
.it7-boundary{background:#e5ece2;border-left:3px solid #759880;padding:25px 27px}
.it7-boundary>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#446953;font-weight:800}
.it7-boundary p{font-size:15px;line-height:1.82;color:#3f5444;margin:12px 0}
.it7-boundary .it7-small{font-size:12px;color:#68786a}
.it7-next{border-top:1px solid #d5dbd2;padding-block:77px 100px;display:flex;justify-content:space-between;gap:45px;align-items:end}
.it7-next h2{font:400 clamp(38px,4.3vw,58px)/1.14 Georgia,serif;letter-spacing:-.05em;margin:17px 0 0}
.it7-next>div:last-child{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}
.it7-tracker{margin-top:39px;padding:28px 30px;background:#20332a;border-radius:10px;color:#f7faf5}
.it7-tracker-heading{font-size:10px;letter-spacing:.16em;color:#b9d5c0;font-weight:800}
.it7-tracker-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:21px}
.it7-tracker-kpis>div{border-top:1px solid #54705d;padding-top:13px}
.it7-tracker-kpis strong{display:block;font:400 42px/1.2 Georgia,serif;color:#f7f9f5}
.it7-tracker-kpis span{display:block;font-size:12px;line-height:1.6;color:#c5d9c8}
.it7-tracker-note{font-size:11.5px;line-height:1.7;color:#a9c4b1;margin-top:22px}
.it7-collection{margin:15px 0 22px;padding-block:55px;border-top:1px solid #d8dcd4}
.it7-collection-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:24px}
.it7-collection-heading h2{font:400 clamp(38px,4.3vw,55px)/1.15 Georgia,serif;letter-spacing:-.047em;margin:13px 0 0}
.it7-collection-heading h2 em{font-weight:400;color:var(--accent)}
.it7-collection-heading p{max-width:350px;font-size:13px;color:#58615a;line-height:1.8}
.it7-collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.it7-collection-card{display:flex;flex-direction:column;gap:10px;min-height:200px;padding:23px 26px;border:1px solid #d4dad1;border-radius:9px;background:#eeefe9;color:#28362e;text-decoration:none;transition:background .2s ease,border-color .2s ease}
.it7-collection-card:hover,.it7-collection-card:focus-visible{background:#e3e9e1;border-color:#78927d}
.it7-collection-card .it7-card-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.13em;font-weight:800;text-transform:uppercase;color:#8e5d4b}
.it7-collection-card .it7-card-top span:last-child{font-size:18px;color:#7c917e;letter-spacing:0}
.it7-collection-card h3{font:400 27px/1.18 Georgia,serif;letter-spacing:-.039em;margin:9px 0 0}
.it7-collection-card p{font-size:12.5px;color:#5c685e;line-height:1.75;margin:0}
.it7-home-link{display:flex;align-items:center;gap:12px;padding:18px 22px;margin-top:14px;background:#e6ebe3;border:1px solid #c7d2c7;border-radius:7px;color:#294737;text-decoration:none}
.it7-home-link strong{font-size:13px}
.it7-home-link span{font-size:12px;margin-left:auto}
@media(max-width:1000px){.it7-hero-grid{grid-template-columns:1fr;gap:25px}.it7-hero aside{display:grid;grid-template-columns:repeat(3,1fr);column-gap:12px}.it7-map li{padding:18px 12px}.it7-example-grid{grid-template-columns:1fr 1fr}.it7-two{gap:35px}}
@media(max-width:700px){.it7-hero{padding-block:46px 53px}.it7-hero .breadcrumbs{margin-bottom:27px}.it7-hero h1{font-size:clamp(44px,10vw,65px)}.it7-hero-grid>div>p{font-size:15.5px}.it7-hero aside{grid-template-columns:1fr}.it7-map{padding-block:30px}.it7-map-head{flex-direction:column;align-items:start}.it7-map ol{grid-template-columns:1fr 1fr;gap:9px}.it7-map li{min-height:112px}.it7-section{padding-block:59px}.it7-two{grid-template-columns:1fr;gap:29px}.it7-two h2{font-size:40px}.it7-example-grid{grid-template-columns:1fr}.it7-work h2{font-size:41px}.it7-next{padding-block:60px;flex-direction:column;align-items:start}.it7-next>div:last-child{justify-content:flex-start}.it7-collection-grid{grid-template-columns:1fr}.it7-collection-heading{flex-direction:column;align-items:start}.it7-collection{padding-block:45px}.it7-home-link{flex-direction:column;align-items:start}.it7-home-link span{margin-left:0}.it7-tracker-kpis strong{font-size:30px}}
@media(max-width:420px){.it7-map ol{grid-template-columns:1fr}.it7-map li{min-height:auto}.it7-tracker-kpis{grid-template-columns:1fr}.it7-tracker{padding:22px}}
@media(prefers-reduced-motion:reduce){.it7-collection-card{transition:none}}


/* IT Service Desk System — deployed Forms / SharePoint / Power Automate / Grok case study */
.sd8-hero{padding-block:66px 72px}
.sd8-hero .breadcrumbs{margin-bottom:41px}
.sd8-hero-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.62fr);gap:70px;align-items:center}
.sd8-eyebrow{display:block;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.17em;line-height:1.6;text-transform:uppercase}
.sd8-hero h1{font:400 clamp(48px,5.85vw,82px)/1.08 Georgia,serif;letter-spacing:-.058em;margin:20px 0 25px;max-width:890px}
.sd8-hero h1 em,.sd8-section h2 em,.sd8-banner h2 em{font-weight:400;color:var(--accent)}
.sd8-lead{font-size:17px;line-height:1.88;color:#515b53;max-width:760px}
.sd8-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.sd8-tags span{border:1px solid #ccd5ca;padding:8px 11px;border-radius:30px;font-size:11px;font-weight:700;color:#48594d}
.sd8-hero-aside{background:#e2ebe2;border:1px solid #cbd9cd;border-radius:12px;padding:23px;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between}
.sd8-icon-top{font-size:10px;letter-spacing:.11em;font-weight:800;color:#617a65}
.sd8-hero-aside figure{margin:18px 0;text-align:center}
.sd8-hero-aside img{width:128px;height:128px;object-fit:contain;margin:0 auto 12px;border-radius:24px;box-shadow:0 16px 25px rgba(36,57,41,.14)}
.sd8-hero-aside figcaption{font-size:12px;line-height:1.7;color:#4d6051;max-width:270px;margin:auto}
.sd8-hero-quick{border-top:1px solid #c8d7cb;padding-top:15px}
.sd8-hero-quick span{display:block;font-size:10px;color:#728574;letter-spacing:.1em;text-transform:uppercase;font-weight:800;margin-bottom:7px}
.sd8-hero-quick strong{font-size:12px;line-height:1.6;color:#33463b}
.sd8-banner{background:#21322b;color:#f5f6f0;padding:48px 0 58px}
.sd8-section-label,.sd8-flow-top{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.13em;font-weight:800;text-transform:uppercase}
.sd8-section-label{border-bottom:1px solid #4e6555;color:#bad7c0;padding-bottom:15px}
.sd8-banner-copy{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:end;margin:33px 0 31px}
.sd8-banner h2{font:400 clamp(38px,4.8vw,64px)/1.14 Georgia,serif;letter-spacing:-.052em;margin:0}
.sd8-banner h2 em{color:#b8d9c1}
.sd8-banner-copy p{color:#c8dbcb;font-size:15px;line-height:1.87;margin:0;max-width:550px}
.sd8-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.sd8-benefits div{background:#304a39;border:1px solid #4e6a57;padding:18px 19px;border-radius:6px;display:flex;flex-direction:column;gap:6px}
.sd8-benefits b{font-size:14px;color:#f1faf2}
.sd8-benefits span{font-size:12px;color:#c1d8c7;line-height:1.5}
.sd8-section{padding-block:92px}
.sd8-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:19px 50px;margin-bottom:34px;align-items:end}
.sd8-heading .sd8-eyebrow{grid-column:1/-1}
.sd8-heading h2{font:400 clamp(40px,4.5vw,62px)/1.15 Georgia,serif;letter-spacing:-.054em;margin:0}
.sd8-heading>p{font-size:15px;line-height:1.85;color:#536055;max-width:580px;margin:0}
.sd8-flow{background:#edf0e9;border:1px solid #cbd7c9;border-radius:12px;padding:21px 25px 20px}
.sd8-flow-top{color:#67826d;border-bottom:1px solid #cbd9cb;padding-bottom:16px}
.sd8-flow-grid{list-style:none;margin:0;padding:27px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sd8-flow-grid li{position:relative;background:#fbfcf7;border:1px solid #cbd7ca;padding:22px 18px;border-radius:8px;min-height:255px}
.sd8-flow-grid li:not(:last-child)::after{content:'→';position:absolute;right:-17px;top:48%;z-index:2;background:#526e56;color:#fff;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;font-size:17px;line-height:1}
.sd8-flow-num{font-size:10px;font-weight:800;color:#986450;letter-spacing:.12em}
.sd8-symbol{font:400 35px/1 Georgia,serif;color:#6c936f;margin:20px 0 13px}
.sd8-flow-grid h3{font-size:19px;line-height:1.35;letter-spacing:-.03em;margin:0 0 10px;color:#2e4032}
.sd8-flow-grid p{font-size:12px;line-height:1.77;color:#576457;margin:0}
.sd8-flow-footer{display:flex;flex-wrap:wrap;gap:11px;font-size:11px;color:#57725d;border-top:1px solid #cbd9cb;padding-top:15px;font-weight:700}
.sd8-split{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;margin-top:45px;border-top:1px solid #d1d9d0;padding-top:37px}
.sd8-split h3{font:400 clamp(30px,3.1vw,44px)/1.16 Georgia,serif;letter-spacing:-.045em;margin:14px 0}
.sd8-split p{font-size:15px;line-height:1.88;color:#535f54;margin:0 0 17px}
.sd8-ai-section{background:#172924;color:#f7faf5}
.sd8-ai-section .sd8-heading h2 em{color:#b2d6bc}
.sd8-ai-section .sd8-heading>p{color:#c4d8cc}
.sd8-eyebrow-light{color:#b9dfc0}
.sd8-ai-diagram{display:grid;grid-template-columns:1fr 24px 1.17fr 24px 1fr;gap:15px;align-items:stretch}
.sd8-ai-in,.sd8-ai-center,.sd8-ai-out{background:#243e31;border:1px solid #4b6755;padding:24px 21px;border-radius:9px;min-width:0}
.sd8-diagram-label{font-size:10px;font-weight:800;letter-spacing:.12em;color:#b4d3b9;display:block;margin-bottom:19px}
.sd8-ai-in>div,.sd8-ai-out>div{padding:13px 0;border-top:1px solid #476450}
.sd8-ai-in strong,.sd8-ai-out strong{display:block;font-size:14px;color:#f4faf5;margin-bottom:3px}
.sd8-ai-in div span,.sd8-ai-out div span{font-size:11px;line-height:1.65;color:#c2d8c8}
.sd8-ai-join{align-self:center;justify-self:center;color:#b0d5b9;font-size:24px}
.sd8-ai-center{text-align:center;background:#365c46;border-color:#6d9c73}
.sd8-ai-bot{font-size:46px;color:#d3f1d7;line-height:1.3;margin:7px 0 13px}
.sd8-ai-center h3{font:400 25px/1.2 Georgia,serif;margin:8px auto 10px;max-width:230px}
.sd8-ai-center p{font-size:12px;line-height:1.75;color:#d7e9d9;margin:0}
.sd8-diagram-note{font-size:11px;line-height:1.7;color:#a6bead;margin:15px 0 0}
.sd8-ai-caption{display:grid;grid-template-columns:175px 1fr;gap:30px;border-top:1px solid #435f4c;padding-top:28px;margin-top:29px}
.sd8-ai-caption>span{font-size:11px;letter-spacing:.13em;color:#b5d6bc;text-transform:uppercase;font-weight:800}
.sd8-ai-caption p{max-width:800px;color:#cadfce;font-size:15px;line-height:1.86;margin:0}
.sd8-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sd8-example-grid article{background:#eaefe8;border:1px solid #d1ddcf;padding:29px 28px;display:flex;flex-direction:column;align-items:flex-start;min-height:256px}
.sd8-example-grid article>span{font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.12em;color:#92604b}
.sd8-example-grid h3{font:400 27px/1.2 Georgia,serif;letter-spacing:-.035em;margin:18px 0 10px}
.sd8-example-grid p{font-size:13.5px;color:#4f5d51;line-height:1.85;margin:0 0 23px}
.sd8-example-grid strong{font-size:11px;letter-spacing:.01em;color:#386648;border-top:1px solid #c9d8c9;padding-top:11px;margin-top:auto}
.sd8-results{background:#e5ebe2}
.sd8-results-grid{display:grid;grid-template-columns:1fr .9fr;gap:54px;align-items:center}
.sd8-results h2{font:400 clamp(38px,4vw,56px)/1.16 Georgia,serif;letter-spacing:-.05em;margin:19px 0}
.sd8-results p{font-size:15px;line-height:1.86;color:#505e51}
.sd8-results .sd8-tracker{margin:0;background:#21382c}
.sd8-skills{margin-top:52px;border-top:1px solid #cbd7ca;padding-top:22px}
.sd8-skills>span{display:block;font-size:10px;color:#5b775f;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:16px}
.sd8-skills>div{display:flex;flex-wrap:wrap;gap:8px}
.sd8-skills>div span{background:#f2f5ef;border:1px solid #c9d6c8;color:#465a4b;font-size:11px;font-weight:650;border-radius:30px;padding:8px 13px}
.sd8-disclosure{padding-block:39px 45px}
.sd8-disclosure p{max-width:860px;font-size:12.5px;line-height:1.85;color:#667366;margin:11px 0 0}
@media(max-width:1050px){.sd8-hero-grid{grid-template-columns:1.5fr .65fr;gap:35px}.sd8-flow-grid{grid-template-columns:repeat(2,1fr)}.sd8-flow-grid li{min-height:200px}.sd8-flow-grid li::after{display:none}.sd8-ai-diagram{grid-template-columns:1fr 20px 1fr}.sd8-ai-center{grid-column:3}.sd8-ai-diagram .sd8-ai-join:nth-of-type(4){display:none}.sd8-ai-out{grid-column:1/-1}.sd8-results-grid{gap:25px}}
@media(max-width:720px){.sd8-hero{padding-block:42px 53px}.sd8-hero .breadcrumbs{margin-bottom:26px}.sd8-hero-grid{grid-template-columns:1fr}.sd8-hero h1{font-size:clamp(43px,9.4vw,68px)}.sd8-lead{font-size:15px}.sd8-hero-aside{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.sd8-hero-aside figure{margin:0}.sd8-icon-top{grid-column:1/-1}.sd8-banner{padding-block:33px 46px}.sd8-section-label{flex-direction:column;gap:4px}.sd8-banner-copy{grid-template-columns:1fr;gap:18px}.sd8-benefits{grid-template-columns:1fr}.sd8-section{padding-block:65px}.sd8-heading{grid-template-columns:1fr;gap:14px}.sd8-flow{padding:17px}.sd8-split{grid-template-columns:1fr;gap:12px;margin-top:29px;padding-top:28px}.sd8-ai-diagram{grid-template-columns:1fr}.sd8-ai-center,.sd8-ai-out{grid-column:auto}.sd8-ai-join{transform:rotate(90deg)}.sd8-ai-diagram .sd8-ai-join:nth-of-type(4){display:block}.sd8-ai-caption{grid-template-columns:1fr;gap:9px}.sd8-example-grid{grid-template-columns:1fr}.sd8-results-grid{grid-template-columns:1fr;gap:29px}.sd8-skills{margin-top:32px}}
@media(max-width:440px){.sd8-hero-aside{grid-template-columns:1fr}.sd8-flow-grid{grid-template-columns:1fr}.sd8-flow-grid li{min-height:auto}.sd8-hero-aside img{width:116px;height:116px}.sd8-section h2,.sd8-banner h2{font-size:39px}.sd8-flow-top{flex-direction:column;gap:4px}.sd8-results .it7-tracker-kpis{grid-template-columns:1fr}}


/* IT Service Desk – clearly labeled, privacy-safe illustrative screenshots */
.sd8-gallery{margin-top:62px;padding-top:47px;border-top:1px solid #cbd7ca}
.sd8-gallery-intro{display:grid;grid-template-columns:1.02fr .98fr;gap:45px;align-items:end;margin-bottom:28px}
.sd8-gallery-intro h3{font:400 clamp(30px,3.5vw,47px)/1.16 Georgia,serif;letter-spacing:-.045em;margin:13px 0 0}
.sd8-gallery-intro h3 em{font-weight:400;color:var(--accent)}
.sd8-gallery-intro>p{font-size:13.5px;line-height:1.84;color:#536456;max-width:590px;margin:0}
.sd8-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.sd8-shot{margin:0;min-width:0;overflow:hidden;border:1px solid #d2ddd1;border-radius:10px;background:#f0f2ec;display:flex;flex-direction:column}
.sd8-shot>a,.sd8-ai-shot>a{display:block;position:relative;overflow:hidden;text-decoration:none;outline-offset:4px}
.sd8-shot img,.sd8-ai-shot img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:top;background:#f4f6f4;transition:transform .25s ease}
.sd8-shot>a:hover img,.sd8-ai-shot>a:hover img,.sd8-shot>a:focus-visible img,.sd8-ai-shot>a:focus-visible img{transform:scale(1.012)}
.sd8-shot figcaption{padding:22px 24px 24px;margin:0;flex:1;border-top:1px solid #d2ddd1}
.sd8-shot figcaption>span{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#9b6750}
.sd8-shot h4{font:400 26px/1.2 Georgia,serif;letter-spacing:-.035em;margin:9px 0}
.sd8-shot figcaption p{font-size:12.5px;line-height:1.8;color:#526154;margin:0}
.sd8-zoom-hint{position:absolute;right:13px;bottom:13px;background:#1f3429;color:#fff;padding:8px 11px;border-radius:5px;font-size:11px;font-weight:800;letter-spacing:.01em;box-shadow:0 2px 10px rgba(25,45,30,.17)}
.sd8-shot-wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.65fr);min-height:360px}
.sd8-shot-wide>a{min-height:360px}
.sd8-shot-wide img{height:100%;min-height:360px;aspect-ratio:auto;object-fit:cover;object-position:center top}
.sd8-shot-wide figcaption{border-top:0;border-left:1px solid #d2ddd1;display:flex;flex-direction:column;justify-content:center}
.sd8-shot-wide h4{font-size:clamp(27px,2.8vw,38px)}
.sd8-ai-shot{border:1px solid #59765f;background:#253e30;border-radius:10px;overflow:hidden;margin:38px 0 30px}
.sd8-ai-shot-head{padding:15px 21px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#c6ddc9}
.sd8-ai-shot>a{display:block;margin:0 15px;background:#eef0f5;border-radius:5px}
.sd8-ai-shot figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:19px 23px 23px;color:#f6faf3}
.sd8-ai-shot figcaption strong{font:400 22px/1.25 Georgia,serif;letter-spacing:-.03em;max-width:315px}
.sd8-ai-shot figcaption p{font-size:12.5px;line-height:1.76;color:#c8d9ca;max-width:650px;margin:0}
@media(max-width:880px){.sd8-shot-wide{grid-template-columns:1fr 1fr}.sd8-shot-wide figcaption{padding:19px}.sd8-shot-wide>a,.sd8-shot-wide img{min-height:290px}}
@media(max-width:720px){.sd8-gallery{margin-top:38px;padding-top:34px}.sd8-gallery-intro{grid-template-columns:1fr;gap:16px}.sd8-gallery-grid{grid-template-columns:1fr}.sd8-shot-wide{grid-template-columns:1fr}.sd8-shot-wide>a,.sd8-shot-wide img{min-height:0}.sd8-shot-wide img{height:auto;aspect-ratio:4/3}.sd8-shot-wide figcaption{border-top:1px solid #d2ddd1;border-left:0}.sd8-ai-shot-head{flex-direction:column;align-items:start;gap:4px}.sd8-ai-shot figcaption{display:block}.sd8-ai-shot figcaption p{margin-top:12px}}
@media(hover:none){.sd8-zoom-hint{background:rgba(31,52,41,.93)}}
@media(prefers-reduced-motion:reduce){.sd8-shot img,.sd8-ai-shot img{transition:none}.sd8-shot>a:hover img,.sd8-ai-shot>a:hover img,.sd8-shot>a:focus-visible img,.sd8-ai-shot>a:focus-visible img{transform:none}}


/* Motions of Water — editorial typographic case study */
.mw-kicker{font-size:10px;letter-spacing:.15em;font-weight:800;text-transform:uppercase;line-height:1.6;color:#897066}
.mw-overline{font-size:10px;letter-spacing:.14em;font-weight:800;text-transform:uppercase;line-height:1.55;color:#84887f}
.mw-intro{padding-block:67px 78px}
.mw-intro .breadcrumbs{margin-bottom:40px}
.mw-intro-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.5fr);gap:65px;align-items:end}
.mw-intro h1{font:400 clamp(61px,7vw,104px)/1.02 Georgia,serif;letter-spacing:-.064em;margin:20px 0 26px}
.mw-intro h1 em,.mw-section h2 em,.mw-outro h2 em{font-weight:400;color:#987360}
.mw-lead{font-size:17px;line-height:1.86;max-width:725px;color:#525951}
.mw-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.mw-tags span,.mw-insight-tags span{font-size:11px;font-weight:700;padding:8px 13px;border:1px solid #d5d5ce;border-radius:50px;color:#525c52}
.mw-intro-side{padding-top:17px;border-top:1px solid #ced1ca}
.mw-intro-side>span{font-size:10px;color:#7e8179;text-transform:uppercase;font-weight:800;letter-spacing:.13em}
.mw-intro-side dl{margin:14px 0 0;display:grid;grid-template-columns:76px 1fr;gap:12px}
.mw-intro-side dt{font-size:11px;color:#86877f;font-weight:700}
.mw-intro-side dd{font-size:12px;margin:0;line-height:1.65;color:#424942;font-weight:700}
.mw-cover{background:#20211f;color:#f9f8f4;padding-block:60px}
.mw-cover-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:75px;align-items:center}
.mw-cover-art{position:relative;min-height:570px;background:radial-gradient(ellipse at 38% 42%,#262725,#080909 74%);border:1px solid #454646;display:flex;flex-direction:column;justify-content:center;padding:65px 42px 62px;overflow:hidden;isolation:isolate}
.mw-cover-first,.mw-cover-last{display:block;font:400 clamp(45px,6vw,82px)/1.05 Georgia,serif;letter-spacing:-.075em;text-shadow:0 5px 8px rgba(0,0,0,.45)}
.mw-cover-first{z-index:2;transform:rotate(-8deg);color:#f5f4f1;text-align:center}
.mw-cover-of{z-index:2;align-self:center;font:400 clamp(18px,2vw,31px)/1.1 Georgia,serif;color:#a9aaa4;margin:3px 0}
.mw-cover-last{z-index:2;transform:rotate(13deg);color:#aaa9a7;text-align:center}
.mw-cover-drift{position:absolute;z-index:1;top:19%;left:13%;width:75%;transform:rotate(29deg);font:400 20px/2 Georgia,serif;letter-spacing:.4em;word-wrap:break-word;color:#bfc6ba;opacity:.8}
.mw-cover-drift-two{top:43%;left:29%;color:#c0c4c0;opacity:.53;transform:rotate(37deg)}
.mw-cover-subtitle{z-index:2;position:absolute;left:37px;bottom:44px;font:400 16px/1.25 Georgia,serif}
.mw-cover-footnote{position:absolute;right:25px;bottom:23px;color:#8e918b;font-size:9px;letter-spacing:.08em}
.mw-cover-copy{max-width:415px}
.mw-cover-copy h2{font:400 clamp(38px,4.5vw,62px)/1.13 Georgia,serif;letter-spacing:-.05em;margin:20px 0 22px}
.mw-cover-copy h2 em{color:#d1bbac;font-weight:400}
.mw-cover-copy p{font-size:15px;color:#d6d8d2;line-height:1.91}
.mw-mini-rule{width:42px;height:1px;background:#b8a094;margin:28px 0 20px}
.mw-section{padding-block:90px}
.mw-split{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:start;margin-top:22px}
.mw-section h2,.mw-outro h2{font:400 clamp(40px,4.7vw,64px)/1.12 Georgia,serif;letter-spacing:-.054em;margin:0}
.mw-split p{font-size:15px;line-height:1.94;color:#535a52;margin:0 0 18px}
.mw-experiments{background:#efeee8}
.mw-section-head{display:grid;grid-template-columns:1.13fr .87fr;gap:17px 55px;margin-bottom:40px;align-items:end}
.mw-section-head>.mw-kicker{grid-column:1/-1}
.mw-section-head p{font-size:14.5px;line-height:1.85;color:#576057;margin:0}
.mw-study{display:grid;grid-template-columns:minmax(250px,.35fr) minmax(0,.65fr);border-top:1px solid #cdd0c8;padding:30px 0 42px;gap:40px;align-items:center}
.mw-study-copy{padding:20px 0}
.mw-study-copy h3{font:400 clamp(40px,5vw,69px)/1.1 Georgia,serif;letter-spacing:-.05em;margin:19px 0}
.mw-study-copy p{font-size:15px;line-height:1.88;color:#566056;max-width:450px}
.mw-study-meta{display:block;font-size:11px;letter-spacing:.05em;color:#9c7969;margin-top:26px}
.mw-figure,.mw-mockup{margin:0;min-width:0}
.mw-visual-link{position:relative;display:flex;align-items:center;justify-content:center;min-height:280px;background:#e4e4df;border:1px solid #d0d0cc;text-decoration:none;overflow:hidden}
.mw-visual-link img{width:100%;height:auto;display:block;object-fit:contain;transition:transform .3s ease;background:#fff}
.mw-visual-link:hover img,.mw-visual-link:focus-visible img{transform:scale(1.01)}
.mw-image-zoom{position:absolute;bottom:12px;right:12px;background:#181d19;color:#f7f7f1;padding:8px 11px;font-size:11px;font-weight:800;border-radius:4px}
.mw-image-backup{display:none;padding:45px 25px;max-width:450px;text-align:center;color:#314536;font:400 20px/1.4 Georgia,serif}
.mw-image-unavailable .mw-image-backup{display:block}
.mw-image-unavailable .mw-image-zoom{display:none}
.mw-figure figcaption{font-size:11px;color:#767a71;padding-top:10px;letter-spacing:.04em}
.mw-study-dark .mw-visual-link{background:#171819;border-color:#313331}
.mw-book-section{background:#e8e3d8}
.mw-mockup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.mw-mockup{background:#f9f6f0;border:1px solid #d8d2c7;overflow:hidden}
.mw-mockup-large{grid-column:1/-1}
.mw-mockup .mw-visual-link{border:0;background:#c8beb1;min-height:320px}
.mw-mockup-large .mw-visual-link{min-height:400px}
.mw-mockup figcaption{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid #d9d6ce}
.mw-mockup figcaption strong{font:400 24px/1.2 Georgia,serif}
.mw-mockup figcaption span{font-size:12px;color:#687164}
.mw-insight-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.mw-outro{border-top:1px solid #d5d6ce;padding-block:86px 100px;display:flex;align-items:end;justify-content:space-between;gap:38px}
.mw-outro h2{margin:20px 0}
.mw-outro p{font-size:13px;color:#656c63;line-height:1.84;max-width:640px}
.mw-outro-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:240px}
@media(max-width:1050px){.mw-intro-grid{grid-template-columns:1fr;gap:25px}.mw-cover-grid{gap:34px}.mw-cover-art{min-height:460px}.mw-study{grid-template-columns:minmax(200px,.35fr) minmax(0,.65fr);gap:22px}}
@media(max-width:750px){.mw-intro{padding-block:45px 56px}.mw-intro .breadcrumbs{margin-bottom:29px}.mw-intro h1{font-size:clamp(52px,11vw,77px)}.mw-lead{font-size:15.5px}.mw-cover{padding-block:38px}.mw-cover-grid{grid-template-columns:1fr;gap:35px}.mw-cover-art{min-height:440px;padding:45px 23px}.mw-cover-first,.mw-cover-last{font-size:clamp(47px,11vw,73px)}.mw-cover-copy{max-width:none}.mw-cover-copy p{font-size:14px}.mw-section{padding-block:62px}.mw-split,.mw-section-head{grid-template-columns:1fr;gap:18px}.mw-study{grid-template-columns:1fr;gap:0}.mw-study-copy{padding:0 0 15px}.mw-study-copy h3{margin:12px 0}.mw-study-copy p{font-size:14px}.mw-visual-link{min-height:190px}.mw-mockup-grid{grid-template-columns:1fr}.mw-mockup-large{grid-column:auto}.mw-mockup-large .mw-visual-link{min-height:220px}.mw-outro{flex-direction:column;align-items:start;padding-block:55px}.mw-outro-actions{min-width:0;width:100%;flex-direction:row;flex-wrap:wrap}.mw-mockup figcaption{flex-wrap:wrap}}
@media(max-width:440px){.mw-cover-art{min-height:365px}.mw-cover-first,.mw-cover-last{font-size:clamp(42px,12vw,59px)}.mw-cover-subtitle{font-size:13px;left:22px}.mw-section h2,.mw-outro h2{font-size:40px}.mw-intro h1{font-size:clamp(49px,12vw,61px)}}
@media(prefers-reduced-motion:reduce){.mw-visual-link img{transition:none}.mw-visual-link:hover img,.mw-visual-link:focus-visible img{transform:none}}


/* Motions of Water — exact cover artwork and hardcover presentation */
.mw-cover-figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}
.mw-cover-visual{display:block;position:relative;line-height:0;width:min(100%,520px);background:#070808;box-shadow:0 22px 65px rgba(0,0,0,.25);border:1px solid #424442;overflow:hidden}
.mw-cover-visual img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain;object-position:center}
.mw-cover-visual>span{position:absolute;bottom:16px;right:16px;line-height:1.3;padding:9px 13px;color:#f7f7f7;background:rgba(15,18,16,.87);font-size:11px;font-weight:800;border-radius:4px}
.mw-cover-figure figcaption{align-self:center;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#b1b4ab}
.mw-cover-mockup .mw-visual-link{background:#cfc9bf}
.mw-cover-mockup .mw-visual-link img{display:block;width:100%;height:auto;max-height:750px;object-fit:contain;background:#cfc9bf}
@media(max-width:750px){.mw-cover-visual{width:min(100%,470px)}.mw-cover-visual img{max-height:none}.mw-cover-mockup .mw-visual-link img{max-height:none}}



/* Motions of Water — original locally hosted spreads and book gallery */
.mw-study-original .mw-visual-link{min-height:0;aspect-ratio:2/1;background:#f4f3ee}
.mw-study-original .mw-visual-link img{width:100%;height:100%;aspect-ratio:2/1;object-fit:contain}
.mw-interior-set{grid-column:1/-1;padding-top:24px}
.mw-gallery-heading{display:grid;grid-template-columns:1.1fr .9fr;column-gap:38px;row-gap:10px;align-items:end;padding:25px 0 22px;border-top:1px solid #c8c1b5}
.mw-gallery-heading>.mw-kicker{grid-column:1/-1}
.mw-gallery-heading h3{font:400 clamp(28px,3.3vw,43px)/1.14 Georgia,serif;letter-spacing:-.043em;margin:0}
.mw-gallery-heading p{font-size:13px;line-height:1.82;color:#647064;max-width:560px;margin:0}
.mw-interior-grid,.mw-scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mw-interior-mockup .mw-visual-link{min-height:0;aspect-ratio:4/3}
.mw-interior-mockup .mw-visual-link img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}
.mw-interior-mockup figcaption{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:6px;padding:15px 17px 18px}
.mw-interior-mockup figcaption strong{font:400 23px/1.2 Georgia,serif;letter-spacing:-.03em}
.mw-interior-mockup figcaption span{font-size:11px;line-height:1.55;color:#6b746b}
.mw-scenes{padding-top:30px}
.mw-scenes .mw-interior-mockup figcaption strong{font-size:20px}
.mw-scenes .mw-interior-mockup .mw-visual-link{aspect-ratio:4/3}
.mw-cover-mockup .mw-visual-link{min-height:0}
@media(max-width:1050px){.mw-interior-grid,.mw-scene-grid{gap:11px}.mw-interior-mockup figcaption{padding:13px 13px 15px}.mw-interior-mockup figcaption strong{font-size:20px}}
@media(max-width:750px){.mw-study-original .mw-visual-link{min-height:0}.mw-interior-grid,.mw-scene-grid{grid-template-columns:1fr;gap:18px}.mw-gallery-heading{grid-template-columns:1fr;gap:10px}.mw-gallery-heading>.mw-kicker{grid-column:auto}.mw-interior-set{padding-top:22px}.mw-interior-mockup figcaption strong{font-size:23px}.mw-interior-mockup .mw-visual-link{min-height:0}.mw-mockup .mw-visual-link img{max-height:none}}
@media(prefers-reduced-motion:reduce){.mw-visual-link:hover img,.mw-visual-link:focus-visible img{transform:none}}

/* VoIP case study 08 — analytical investigation layout, data comparison, and configuration audit */
.v8-eyebrow{display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;line-height:1.6;color:var(--accent)}
.v8-pip{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.v8-hero{padding-block:68px 76px}
.v8-hero .breadcrumbs{margin-bottom:45px}
.v8-hero-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(255px,.6fr);gap:75px;align-items:end}
.v8-hero h1{font:400 clamp(53px,6.1vw,86px)/1.05 Georgia,serif;letter-spacing:-.06em;margin:21px 0 25px}
.v8-hero h1 em,.v8-intro h2 em,.v8-analytics h2 em,.v8-days h3 em,.v8-audit h2 em,.v8-fix h2 em,.v8-results h2 em,.v8-support h2 em,.v8-outro h2 em{font-weight:400;color:var(--accent)}
.v8-lead{font-size:17px;color:#536055;line-height:1.9;max-width:735px}
.v8-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}
.v8-tags span{font-size:11px;font-weight:700;border:1px solid #d0d9cf;color:#536356;padding:8px 12px;border-radius:100px}
.v8-hero-side{border-top:2px solid #7f9b80;padding:18px 0 0}
.v8-side-label,.v8-hero-side>div>span{font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.11em;color:#7a8b7b}
.v8-side-label{display:block;margin-bottom:10px}
.v8-hero-side>div{display:grid;grid-template-columns:95px 1fr;gap:15px;border-top:1px solid #d6ddd3;padding:12px 0}
.v8-hero-side>div strong{font-size:12.5px;line-height:1.65;color:#344338}
.v8-section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid currentColor;opacity:.76;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}
.v8-intro{background:#23372e;color:#f4f8f2;padding-block:53px 73px}
.v8-intro .v8-section-top{color:#a9c5b2}
.v8-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:end;margin-top:34px}
.v8-intro h2,.v8-analytics h2,.v8-audit h2,.v8-fix h2,.v8-results h2,.v8-support h2,.v8-outro h2{font:400 clamp(39px,4.8vw,63px)/1.13 Georgia,serif;letter-spacing:-.054em;margin:0}
.v8-intro h2 em,.v8-fix h2 em{color:#b6d9bd}
.v8-intro p{font-size:15.5px;line-height:1.9;color:#d5e2d6;margin:0 0 15px}
.v8-analytics{padding-block:85px 92px;background:#e8eee6}
.v8-analytics .v8-section-top,.v8-audit .v8-section-top,.v8-results .v8-section-top,.v8-support .v8-section-top{color:#637967}
.v8-analytics-heading,.v8-audit-heading,.v8-fix-heading,.v8-support-heading{display:grid;grid-template-columns:1fr .78fr;gap:42px;align-items:end;margin:31px 0 35px}
.v8-analytics-heading p,.v8-audit-heading p,.v8-fix-heading p,.v8-support-heading p{font-size:15px;line-height:1.9;color:#546156;margin:0}
.v8-chart{background:#263d31;border-radius:12px;color:#f4faf4;padding:28px 33px 24px}
.v8-chart-top{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.1em;color:#b8d0bc;text-transform:uppercase;font-weight:800;padding-bottom:21px;border-bottom:1px solid #4b6753}
.v8-bar-list{display:grid;gap:24px;padding:29px 0 31px}
.v8-bar-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px}
.v8-bar-header span{font-size:14px;font-weight:750}
.v8-bar-header strong{font:400 33px Georgia,serif}
.v8-bar-header strong small{font:400 12px/1.2 Arial,sans-serif;color:#c6d8c9}
.v8-bar-track{height:18px;border-radius:50px;overflow:hidden;background:#425b49}
.v8-bar-fill{height:100%;border-radius:50px}
.v8-bar-a{background:#b9d3a6}
.v8-bar-b{background:#dcad91}
.v8-chart-figures{display:grid;grid-template-columns:repeat(3,1fr);gap:21px;border-top:1px solid #4b6753;padding-top:23px}
.v8-chart-figures>div strong{display:block;font:400 clamp(34px,3.8vw,47px)/1.1 Georgia,serif;letter-spacing:-.045em;color:#f4faf3}
.v8-chart-figures>div span{display:block;font-size:11px;line-height:1.6;color:#c8dbce;margin-top:6px}
.v8-chart-note{border-top:1px solid #4b6753;padding-top:17px;margin:22px 0 0;font-size:11.5px;line-height:1.83;color:#b9cfc0}
.v8-chart-note strong{color:#fff}
.v8-days{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-top:57px}
.v8-days h3{font:400 clamp(33px,3.7vw,52px)/1.17 Georgia,serif;letter-spacing:-.045em;margin:15px 0 20px}
.v8-days>div>p{font-size:14px;line-height:1.9;color:#536052}
.v8-day-chart{background:#f8faf5;border:1px solid #d1ded0;padding:25px 26px;border-radius:9px;display:grid;gap:20px}
.v8-day-bar>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:9px;color:#485949}
.v8-day-bar strong{font-size:12px}
.v8-day-track{background:#e3eae1;height:13px;border-radius:12px;overflow:hidden}
.v8-day-track>i{display:block;height:100%;background:#668c6d;border-radius:12px}
.v8-day-bar:nth-child(2) .v8-day-track>i{background:#b18a74}
.v8-day-bar:nth-child(3) .v8-day-track>i{background:#9aab99}
.v8-day-chart>p{font-size:11px;color:#697b6b;margin:0;line-height:1.7}
.v8-audit{padding-block:94px}
.v8-audit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.v8-audit-grid article{background:#edeFE9;padding:23px 20px;border:1px solid #d7ddd3;border-top:3px solid #97b29a;display:flex;flex-direction:column;min-height:304px}
.v8-audit-grid article>span{font-size:10px;font-weight:800;letter-spacing:.12em;color:#926754}
.v8-audit-grid h3{font:400 23px/1.2 Georgia,serif;letter-spacing:-.035em;margin:20px 0 13px}
.v8-audit-grid p{font-size:12.5px;line-height:1.78;color:#546055;margin:0 0 16px}
.v8-audit-feature{background:#e3ede1!important;border-top-color:#4e825e!important}
.v8-audit-status{display:flex;align-items:center;gap:7px;margin-top:auto;font-size:10.5px;color:#426648;font-weight:750;border-top:1px solid #cedbcd;padding-top:14px}
.v8-dot{display:inline-block;width:7px;height:7px;background:#79a080;border-radius:50%}
.v8-fix{background:#23362c;color:#f5f9f3;padding-block:67px 75px}
.v8-fix .v8-section-top{color:#b6d1be}
.v8-fix-heading{margin:32px 0 32px}
.v8-fix-heading p{color:#d2e0d2}
.v8-before-after{display:grid;grid-template-columns:1fr 50px 1fr;gap:17px;align-items:center}
.v8-state{background:#32493a;border:1px solid #5c7962;border-radius:11px;padding:22px 24px}
.v8-state>span{font-size:10px;letter-spacing:.13em;color:#c9decf;text-transform:uppercase;font-weight:800;display:block;margin-bottom:19px}
.v8-state>div{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #5b7261;padding:15px 0 6px}
.v8-state b{font-size:14px}
.v8-state strong{padding:7px 13px;border-radius:30px;background:#b6d8b9;color:#244b31;font-size:11px;letter-spacing:.08em}
.v8-state strong.v8-user{background:#eac0a3;color:#573e2d}
.v8-state-after{background:#416047}
.v8-state-arrow{text-align:center;font-size:32px;color:#bfd5c0}
.v8-fix-foot{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:25px}
.v8-fix-foot>div{border-top:1px solid #5c7662;padding-top:15px}
.v8-fix-foot span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#afcdb4;display:block;margin-bottom:6px}
.v8-fix-foot strong{font-size:14px;line-height:1.6}
.v8-results{padding-block:92px}
.v8-results-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;margin-top:33px}
.v8-results h2{margin-bottom:24px}
.v8-results-grid>div>p{font-size:15px;line-height:1.9;color:#536153}
.v8-evidence{background:#e6eee4;padding:25px 30px;border-left:3px solid #749b7c;align-self:start}
.v8-evidence>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#53745a;font-weight:800}
.v8-evidence>div{border-top:1px solid #cad8ca;padding:16px 0 0;margin-top:15px}
.v8-evidence b{font-size:13px;color:#304637}
.v8-evidence p{font-size:12px;line-height:1.8;color:#58685b;margin:7px 0 0}
.v8-method{margin-top:56px;border-top:1px solid #d2ded2;padding-top:27px}
.v8-method ol{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
.v8-method li{border-top:2px solid #9ab29e;padding-top:15px}
.v8-method li span{font:400 29px Georgia,serif;color:#7b9c81}
.v8-method li strong{display:block;margin:16px 0 8px;font-size:14px}
.v8-method li p{font-size:12px;line-height:1.85;color:#5c685d;margin:0}
.v8-support{background:#e9ede7;padding-block:79px}
.v8-support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.v8-support-grid article{background:#fafbf6;border:1px solid #d2dbd0;padding:25px;display:flex;flex-direction:column;min-height:225px}
.v8-support-grid article>span{font-size:10px;letter-spacing:.12em;color:#996753;font-weight:800}
.v8-support-grid h3{font:400 24px/1.2 Georgia,serif;margin:17px 0 10px}
.v8-support-grid p{font-size:13px;line-height:1.8;color:#5a675b;margin:0 0 17px}
.v8-support-grid strong{font-size:11px;color:#44714e;margin-top:auto}
.v8-outro{display:flex;justify-content:space-between;align-items:end;gap:40px;padding-block:86px 104px}
.v8-outro h2{margin:17px 0 17px}
.v8-outro p{max-width:810px;font-size:12.5px;line-height:1.86;color:#687568;margin-top:20px}
.v8-tags-light{margin-top:19px}
.v8-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:340px}
@media(max-width:1050px){.v8-hero-grid{grid-template-columns:1fr;gap:32px}.v8-hero-side{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}.v8-hero-side>.v8-side-label{grid-column:1/-1}.v8-audit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v8-audit-grid article{min-height:220px}.v8-outro{flex-direction:column;align-items:start}.v8-links{justify-content:flex-start;max-width:none}}
@media(max-width:740px){.v8-hero{padding-block:44px 56px}.v8-hero .breadcrumbs{margin-bottom:31px}.v8-hero h1{font-size:clamp(49px,10vw,73px)}.v8-lead{font-size:15px}.v8-section-top{flex-wrap:wrap;gap:8px}.v8-intro{padding-block:41px 53px}.v8-intro-grid,.v8-analytics-heading,.v8-audit-heading,.v8-fix-heading,.v8-support-heading,.v8-days,.v8-results-grid{grid-template-columns:1fr;gap:20px}.v8-intro-grid{margin-top:24px}.v8-analytics,.v8-audit,.v8-results{padding-block:60px}.v8-chart{padding:22px}.v8-chart-figures{gap:12px}.v8-chart-figures>div strong{font-size:34px}.v8-chart-top{flex-wrap:wrap}.v8-days{padding-top:39px}.v8-audit-grid{gap:10px}.v8-before-after{grid-template-columns:1fr}.v8-state-arrow{transform:rotate(90deg)}.v8-fix-foot{grid-template-columns:1fr}.v8-method ol{grid-template-columns:repeat(2,1fr);gap:24px 15px}.v8-support-grid{grid-template-columns:1fr}.v8-support-grid article{min-height:0}.v8-outro{padding-block:62px 72px}}
@media(max-width:480px){.v8-hero-side{grid-template-columns:1fr}.v8-chart-figures{grid-template-columns:1fr}.v8-audit-grid{grid-template-columns:1fr}.v8-method ol{grid-template-columns:1fr}.v8-hero h1{font-size:clamp(45px,12vw,60px)}}


/* LOVE Prints — typographic footprints / collection case study */
.love-intro{padding-block:54px 40px}
.love-intro .breadcrumbs{margin-bottom:49px}
.love-intro-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(225px,.65fr);gap:clamp(40px,7vw,135px);align-items:end}
.love-kicker{display:block;font-size:10px;font-weight:750;letter-spacing:.18em;text-transform:uppercase;color:#a14c48}
.love-intro h1{font:400 clamp(56px,7.7vw,116px)/.99 Georgia,serif;letter-spacing:-.062em;margin:19px 0 24px;color:#20221e}
.love-intro h1 em,.love-statement h2 em,.love-section h2 em,.love-end h2 em{font-style:italic;color:#b34f48;font-weight:400}
.love-lead{max-width:760px;font-size:clamp(16px,1.6vw,20px);line-height:1.76;color:#5f625a;margin:0}
.love-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.love-tags span{font-size:11px;border:1px solid #d6c8bf;border-radius:30px;color:#765e57;padding:8px 12px}
.love-project-facts{border-top:1px solid #d0c7bc;padding-top:15px;color:#5b605c}
.love-project-facts dl{display:grid;grid-template-columns:92px 1fr;gap:13px 12px;font-size:12px;line-height:1.55;margin:18px 0 0}
.love-project-facts dt{color:#9e7670}.love-project-facts dd{margin:0;color:#333b36}
.love-hero{padding-bottom:35px}
.love-figure{margin:0;min-width:0}
.love-figure>a{display:block;background:#eadbd5;overflow:hidden}
.love-figure img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;vertical-align:middle}
.love-figure>a:hover img{transform:scale(1.015)}
.love-figure figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:15px;line-height:1.65;padding:11px 0 2px;border-bottom:1px solid #dfd8d0}
.love-figure figcaption span{font-size:12px;color:#373a34;font-weight:650}.love-figure figcaption small{font-size:10px;color:#9a776e;letter-spacing:.06em}
.love-hero-figure>a{aspect-ratio:16/10}.love-hero-figure img{object-position:center 48%}
.love-statement{display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,2fr);gap:45px;padding-block:91px 90px;border-bottom:1px solid #ded6cd}
.love-statement .love-kicker{margin-top:14px}
.love-statement h2,.love-section h2,.love-end h2{font:400 clamp(40px,5vw,68px)/1.09 Georgia,serif;letter-spacing:-.05em;color:#292b26;margin:0 0 23px}
.love-statement p,.love-section-head p,.love-end p{font-size:14px;line-height:1.95;color:#5a5e56;max-width:800px;margin:0 0 14px}
.love-section{padding-block:80px 93px}
.love-section-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.7fr);gap:25px 65px;align-items:end;margin-bottom:27px}
.love-section-head .love-kicker{grid-column:1/-1}
.love-section h2{margin-bottom:0}
.love-section-head p{margin:0;align-self:end}
.love-full>a{aspect-ratio:16/9;background:#f8f3ef}.love-full img{object-fit:contain}
.love-grid{display:grid;gap:23px}
.love-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.love-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.love-grid .love-figure>a{aspect-ratio:5/4}
.love-grid .love-figure img{object-fit:cover}
.love-soft-bg{background:#f0e9e3}
.love-soft-bg .love-section-head{margin-bottom:32px}
.love-feature{margin-top:25px}
.love-feature>a{aspect-ratio:16/9}
.love-end{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;padding-block:95px 112px;border-top:1px solid #ded6cd}
.love-end .love-kicker{margin-bottom:24px}
.love-end p.love-disclosure{font-size:12px;color:#85736e;margin-top:21px}
.love-actions{display:flex;gap:10px;flex-wrap:wrap;max-width:340px;justify-content:flex-end}
.love-actions .btn{font-size:12px}
@media(max-width:1000px){
 .love-intro-grid{grid-template-columns:minmax(0,1fr) minmax(200px,.55fr);gap:35px}
 .love-section-head{gap:17px 32px}
 .love-three{grid-template-columns:repeat(2,minmax(0,1fr))}
 .love-three>.love-figure:first-child{grid-column:1/-1}
}
@media(max-width:700px){
 .love-intro{padding-block:30px 25px}.love-intro .breadcrumbs{margin-bottom:30px}
 .love-intro-grid,.love-statement,.love-section-head,.love-end{grid-template-columns:1fr;gap:25px}
 .love-intro h1{font-size:clamp(48px,10vw,74px)}
 .love-project-facts{margin-top:9px}
 .love-hero-figure>a{aspect-ratio:5/4}
 .love-figure figcaption{flex-wrap:wrap;gap:0 10px}
 .love-statement{padding-block:57px 65px}
 .love-section{padding-block:55px 67px}
 .love-section-head{margin-bottom:22px}
 .love-section-head .love-kicker{grid-column:auto}
 .love-section h2,.love-statement h2,.love-end h2{font-size:clamp(38px,8vw,54px)}
 .love-grid{gap:18px}.love-three{grid-template-columns:1fr}.love-three>.love-figure:first-child{grid-column:auto}
 .love-two{grid-template-columns:1fr}
 .love-full>a{aspect-ratio:4/3}.love-feature>a{aspect-ratio:5/4}
 .love-end{padding-block:67px 84px}.love-actions{justify-content:flex-start;max-width:none}
}
@media(prefers-reduced-motion:reduce){.love-figure img{transition:none!important}.love-figure>a:hover img{transform:none}}


/* Project 09 — Satellite office network modernization / SonicWall VPN */
.s9-intro{padding-block:58px 70px}
.s9-intro .breadcrumbs{margin-bottom:57px}
.s9-intro-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.65fr);gap:7vw;align-items:end}
.s9-kicker{display:block;color:#91654f;font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:800}
.s9-intro h1,.s9-section h2,.s9-network h2,.s9-impact h2,.s9-outro h2{font-family:Georgia,serif;font-weight:400;line-height:1.08;letter-spacing:-.05em}
.s9-intro h1{font-size:clamp(62px,7vw,104px);margin:18px 0 28px}
.s9-intro h1 em,.s9-section h2 em,.s9-network h2 em,.s9-impact h2 em,.s9-outro h2 em{color:#ab6249;font-weight:400}
.s9-lead{max-width:740px;font-size:clamp(16px,1.6vw,20px);line-height:1.75;color:#555e56;margin:0}
.s9-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.s9-tags span{font-size:11px;color:#5a594e;border:1px solid #d3d3c8;border-radius:30px;padding:8px 13px}
.s9-overview{border-top:2px solid #b68467;padding-top:19px}
.s9-overview dl{display:grid;grid-template-columns:90px 1fr;gap:12px;font-size:12px;line-height:1.7}
.s9-overview dt{color:#856957}.s9-overview dd{margin:0;color:#3e5046}
.s9-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:65px}
.s9-kpis>div{border-top:2px solid #7d9a80;padding:27px 26px 20px;background:#e9eee7;min-height:224px}
.s9-kpi-num{font:400 clamp(43px,4.4vw,65px) Georgia,serif;letter-spacing:-.055em;color:#3a6550;display:block;line-height:1}
.s9-kpis strong{font-size:12px;display:block;margin-top:18px}.s9-kpis p{font-size:12px;line-height:1.7;color:#637067;margin:12px 0 0}
.s9-section{padding-block:86px}
.s9-section-head{max-width:860px;margin-bottom:29px}
.s9-section-head h2{font-size:clamp(43px,5vw,69px);margin:16px 0 18px}
.s9-section-head>p,.s9-two p{font-size:14px;line-height:1.9;color:#5b665d;margin:0 0 14px}
.s9-two{display:grid;grid-template-columns:1fr 1fr;gap:6vw}
.s9-network{background:#e8ede7;padding-block:83px 92px}
.s9-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.s9-state{background:#f9f9f4;border:1px solid #d5e0d2;border-top:3px solid #a9a9a0;padding:28px;min-width:0}
.s9-after{border-top-color:#4a8a64}
.s9-state-label{font-size:11px;font-weight:800;letter-spacing:.13em;color:#8e806e}
.s9-after .s9-state-label{color:#41764f}
.s9-node{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;background:#e5e9e0;padding:21px;border:1px solid #c9d2c7}
.s9-node strong{font-size:15px;color:#2e4737}.s9-node span{font-size:13px;color:#506153}.s9-node small{font-size:11px;color:#6f7e71}
.s9-office{margin-top:22px}.s9-hub{background:#f0ebe1;border-color:#ddd2bf}
.s9-wire{height:83px;position:relative;display:flex;align-items:center;justify-content:center;color:#6c796b}
.s9-wire::before{content:'';position:absolute;height:62px;left:50%;top:10px;border-left:2px dashed #9baea1}
.s9-wire::after{content:'↓';position:absolute;left:calc(50% - 9px);bottom:0;font-size:20px;color:#708c77}
.s9-wire span{z-index:1;background:#f9f9f4;padding:8px 12px;font-size:11px;line-height:1.3;font-weight:700;text-align:center;box-shadow:0 1px 6px #0001}
.s9-wire-active::before{border-color:#4b976b}
.s9-state-note{color:#697367;font-size:12px;line-height:1.8;margin:19px 0 0}
.s9-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.s9-steps article{background:#fdfcf8;border:1px solid #deddd5;padding:27px;min-height:225px}
.s9-steps article>span,.s9-impact-grid article>span{font-size:10px;font-weight:800;letter-spacing:.12em;color:#97684f;text-transform:uppercase}
.s9-steps h3,.s9-impact-grid h3{font:400 26px/1.2 Georgia,serif;letter-spacing:-.04em;margin:18px 0 11px}
.s9-steps p,.s9-impact-grid p{font-size:13px;line-height:1.86;color:#627067;margin:0}
.s9-impact{background:#24372e;padding-block:85px 91px;color:#eef3eb}
.s9-impact .s9-kicker{color:#d9b5a0}.s9-impact h2{color:#eef3eb}.s9-impact h2 em{color:#e6b7a4}
.s9-impact .s9-section-head>p{color:#c9d6cb}
.s9-impact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.s9-impact-grid article{background:#334b3d;border:1px solid #53705e;padding:25px}
.s9-impact-grid article>span{color:#d9b6a2}
.s9-impact-grid h3{color:#f5f8f2}
.s9-impact-grid p{color:#d3e0d5}
.s9-impact-formula{margin-top:26px;border-left:3px solid #d6ab89;padding:19px 27px;background:#344c40;display:grid;grid-template-columns:1fr 1fr;gap:30px}
.s9-impact-formula span{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;color:#d6b49d;margin-bottom:16px}
.s9-impact-formula strong{display:block;font-size:20px;line-height:1.4;letter-spacing:-.02em}
.s9-impact-formula p{font-size:12px;line-height:1.8;color:#cfddcf;margin:0}
.s9-tags-bottom{margin-top:25px}
.s9-evidence{border-left:3px solid #7c9d83;background:#e9eee6;padding:28px}
.s9-evidence>span{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#53725c;display:block;margin-bottom:17px}
.s9-evidence p{font-size:12px}
.s9-outro{padding-block:77px 97px;display:flex;align-items:end;justify-content:space-between;gap:30px;border-top:1px solid #dadcd5}
.s9-outro h2{font-size:clamp(37px,4.5vw,61px);margin:19px 0 0}
.s9-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}
.s9-actions .btn{white-space:normal;text-align:center}
@media(max-width:1020px){.s9-intro-grid{grid-template-columns:1fr;gap:35px}.s9-overview{max-width:580px}.s9-impact-grid{grid-template-columns:1fr 1fr}.s9-impact-grid article:last-child{grid-column:1/-1}}
@media(max-width:760px){.s9-intro{padding-block:31px 49px}.s9-intro .breadcrumbs{margin-bottom:34px}.s9-intro h1{font-size:clamp(50px,11vw,76px)}
.s9-kpis,.s9-two,.s9-compare,.s9-steps,.s9-impact-grid,.s9-impact-formula{grid-template-columns:1fr}
.s9-kpis>div{min-height:0}.s9-section,.s9-network,.s9-impact{padding-block:57px}.s9-section-head h2{font-size:clamp(39px,8vw,54px)}
.s9-state{padding:19px}.s9-impact-grid article:last-child{grid-column:auto}.s9-outro{flex-direction:column;align-items:start;padding-block:57px 78px}.s9-actions{justify-content:flex-start}}


/* Project 10 — Legacy infrastructure modernization and endpoint hardening */
.lh-intro{padding-block:55px 68px}.lh-intro .breadcrumbs{margin-bottom:51px}
.lh-kicker{display:block;font-size:10px;color:#976951;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.lh-hero-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(245px,.65fr);gap:6vw;align-items:end}
.lh-intro h1,.lh-section h2,.lh-architecture h2,.lh-validation h2,.lh-outro h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.05em;line-height:1.08}
.lh-intro h1{font-size:clamp(61px,7vw,108px);margin:20px 0 24px}
.lh-intro h1 em,.lh-section h2 em,.lh-architecture h2 em,.lh-validation h2 em,.lh-outro h2 em{color:#a4624b;font-weight:400}
.lh-lead{font-size:clamp(16px,1.6vw,20px);line-height:1.74;color:#576159;max-width:750px;margin:0}
.lh-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}
.lh-pills span{font-size:11px;border:1px solid #cdd6ca;color:#586458;padding:8px 13px;border-radius:30px}
.lh-meta{border-top:2px solid #9db19d;padding-top:18px}
.lh-meta dl{display:grid;grid-template-columns:85px 1fr;gap:12px 15px;font-size:12px;line-height:1.65;margin:17px 0 0}
.lh-meta dt{color:#95765e}.lh-meta dd{margin:0;color:#465448}
.lh-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:68px}
.lh-facts article{background:#e7ece5;border-top:3px solid #648a70;padding:24px 26px;min-height:210px}
.lh-fact-num{font:400 clamp(38px,4.5vw,62px) Georgia,serif;color:#356245;letter-spacing:-.05em}
.lh-facts h2{font-size:13px;margin:10px 0 8px}.lh-facts p{font-size:12px;line-height:1.8;color:#5e6c61;margin:0}
.lh-section{padding-block:86px}.lh-section h2,.lh-architecture h2,.lh-validation h2,.lh-outro h2{font-size:clamp(40px,5vw,68px);margin:18px 0 26px}
.lh-split{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:start}
.lh-split p,.lh-section-top p{font-size:14px;line-height:1.95;color:#5a665d;margin:0 0 16px}
.lh-architecture{background:#e7ece6;padding-block:81px 91px}
.lh-section-top{max-width:885px;margin-bottom:31px}
.lh-system-grid{display:grid;grid-template-columns:1fr 64px 1.12fr;align-items:center;gap:18px}
.lh-system-start,.lh-system-work{min-height:314px;background:#fbfcf7;border:1px solid #d0dbd0;padding:26px 28px}
.lh-system-start>span,.lh-system-work>span{font-size:10px;letter-spacing:.14em;font-weight:800;color:#806c5b}
.lh-vms{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:26px}
.lh-vms b{background:#d5ddd4;text-align:center;padding:24px 4px;font-size:11px;line-height:1.45;color:#3c5946}
.lh-system-start p{font-size:12px;color:#5d6c60;line-height:1.7;margin-top:20px}
.lh-arrow{text-align:center;font:400 38px Georgia,serif;color:#829d87}
.lh-system-work ol{font-size:12px;line-height:1.7;color:#4b6350;margin:19px 0 0;padding-left:21px}
.lh-system-work li{margin-bottom:9px}
.lh-note{margin-top:19px;background:#f6f0e6;border-left:3px solid #b18563;padding:19px 25px;font-size:12px;line-height:1.84;color:#655849}
.lh-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.lh-work-grid article{background:#fcfcf8;border:1px solid #dce1d9;padding:25px 26px;min-height:270px}
.lh-work-top{display:flex;gap:12px;align-items:center;justify-content:space-between}
.lh-work-top>span:first-child{font-size:10px;color:#90684e;letter-spacing:.1em;font-weight:800}
.lh-state{font-size:10px;color:#805e37;background:#f2e6d3;border-radius:30px;padding:5px 10px;white-space:nowrap}
.lh-state.lh-done{background:#e2eee2;color:#3e7648}
.lh-work-grid h3{font:400 25px/1.2 Georgia,serif;letter-spacing:-.035em;margin:19px 0 13px}
.lh-work-grid p{font-size:12px;line-height:1.9;color:#5b665d}
.lh-work-grid p.lh-result{border-top:1px solid #e2e6df;padding-top:13px;margin-top:16px}
.lh-validation{padding-block:79px 89px;background:#253a30;color:#f4f7f1}
.lh-validation .lh-kicker{color:#e0b9a1}.lh-validation h2{color:#f4f7f1}.lh-validation h2 em{color:#d7b19b}
.lh-validation .lh-section-top p{color:#d0ded1}
.lh-checks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.lh-checks>div{background:#354c40;border:1px solid #526958;padding:21px 18px;min-height:215px}
.lh-checks>div span{font:400 28px Georgia,serif;color:#bad0b9}
.lh-checks strong{display:block;margin:17px 0 9px;font-size:12px}
.lh-checks p{font-size:11px;line-height:1.8;color:#d4e1d3;margin:0}
.lh-limits{background:#e7eee5;border-left:3px solid #739781;padding:26px}
.lh-limits>span{color:#3c6b4d;font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:800}
.lh-limits p{font-size:12px;line-height:1.8;margin-top:15px}
.lh-outro{display:flex;justify-content:space-between;align-items:end;gap:35px;padding-block:80px 100px}
.lh-outro h2{margin-bottom:0}
.lh-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;max-width:500px}
.lh-actions .btn{white-space:normal;text-align:center}
@media(max-width:1020px){.lh-hero-grid{grid-template-columns:1fr;gap:35px}.lh-meta{max-width:660px}.lh-checks{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.lh-intro{padding-block:28px 49px}.lh-intro .breadcrumbs{margin-bottom:35px}.lh-intro h1{font-size:clamp(48px,11vw,78px)}
.lh-facts,.lh-split,.lh-work-grid,.lh-system-grid{grid-template-columns:1fr}.lh-facts article{min-height:0}
.lh-section,.lh-architecture,.lh-validation{padding-block:58px}.lh-section h2,.lh-architecture h2,.lh-validation h2,.lh-outro h2{font-size:clamp(39px,8vw,56px)}
.lh-arrow{transform:rotate(90deg)}.lh-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.lh-outro{flex-direction:column;align-items:start;padding-block:63px 80px}.lh-actions{justify-content:flex-start}
.lh-work-top{align-items:start;flex-wrap:wrap}}
@media(max-width:480px){.lh-checks{grid-template-columns:1fr}.lh-checks>div{min-height:0}}


/* Project 11 / AI-coordinated IT operations, inventory and bot governance */
.ao-hero{padding-block:50px 60px}.ao-hero .breadcrumbs{margin-bottom:50px}
.ao-kicker{display:block;font-size:10px;letter-spacing:.145em;text-transform:uppercase;font-weight:800;color:#9d6851}
.ao-hero-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.7fr);gap:clamp(30px,7vw,112px);align-items:end}
.ao-hero h1,.ao-section h2,.ao-org h2,.ao-workflow h2,.ao-results h2,.ao-outro h2{font:400 clamp(39px,5vw,69px)/1.1 Georgia,serif;letter-spacing:-.05em;color:#292c29}
.ao-hero h1{font-size:clamp(56px,6.8vw,100px);margin:18px 0 25px}
.ao-hero h1 em,.ao-section h2 em,.ao-org h2 em,.ao-workflow h2 em,.ao-results h2 em,.ao-outro h2 em{color:#aa6451;font-weight:400}
.ao-lead{font-size:clamp(16px,1.5vw,19px);line-height:1.77;color:#58645d;max-width:790px}
.ao-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.ao-tags span{font-size:11px;padding:8px 12px;border:1px solid #d1d9cf;border-radius:30px;color:#536658}
.ao-aside{border-top:2px solid #7a9785;padding-top:18px}
.ao-aside>p{font-size:13px;line-height:1.85;color:#59675d}
.ao-aside>p strong{font-size:14px;color:#364b3e}
.ao-aside dl{display:grid;grid-template-columns:89px 1fr;gap:11px;font-size:12px;line-height:1.8;border-top:1px solid #d7dcd5;padding-top:18px}
.ao-aside dt{color:#a17b63}.ao-aside dd{margin:0;color:#48594e}
.ao-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding-bottom:75px}
.ao-stats article{background:#e8ede7;border-top:3px solid #6f9480;padding:22px 25px;min-height:177px}
.ao-stats article>span{font:400 49px Georgia,serif;letter-spacing:-.05em;color:#37694f}
.ao-stats strong{display:block;font-size:12px;color:#35493d;margin:5px 0 8px}
.ao-stats p{margin:0;font-size:11.5px;line-height:1.75;color:#657368}
.ao-section{padding-block:85px}
.ao-head{max-width:900px;margin-bottom:30px}
.ao-head h2{margin:16px 0 17px}
.ao-head>p{max-width:810px;font-size:14px;line-height:1.91;color:#5c665e;margin:0}
.ao-workbooks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.ao-workbook{padding:28px;background:#fbfbf7;border:1px solid #d9ded4;min-width:0}
.ao-workbook-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#936e59;letter-spacing:.09em;font-weight:800}
.ao-workbook-label span:last-child{color:#698073;font-weight:600}
.ao-workbook h3{font:400 30px/1.18 Georgia,serif;letter-spacing:-.035em;margin:26px 0 14px}
.ao-workbook>p{font-size:13px;line-height:1.87;color:#606e63}
.ao-sanitized-table{border-top:1px solid #cbd7ca;margin-top:25px}
.ao-sanitized-table>div{display:grid;grid-template-columns:145px 1fr;gap:15px;align-items:start;border-bottom:1px solid #d8e1d7;padding:13px 0}
.ao-sanitized-table b{font-size:12px;color:#35533f}.ao-sanitized-table span{font-size:11px;line-height:1.7;color:#69796b}
.ao-workbook p.ao-source-note{font-size:10.5px;color:#917c70;margin-top:18px}
.ao-note{margin-top:20px;border-left:3px solid #a8a479;padding:18px 23px;background:#f0ede3;color:#686351;font-size:12px;line-height:1.9}
.ao-org{background:#e8eee7;padding-block:80px 90px}
.ao-tree{background:#fafcf8;border:1px solid #d2dbd2;border-radius:14px;padding:32px 35px;display:flex;flex-direction:column;align-items:center}
.ao-human,.ao-director{max-width:560px;width:100%;padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid #d2d9d1;background:#fff}
.ao-human{background:#f1f0e8}.ao-director{background:#dce7dd;border-color:#b9cfbd}
.ao-tree-icon{font-size:21px;color:#477d54}
.ao-human strong,.ao-director strong{font-size:15px;color:#2c4838}
.ao-human small,.ao-director small{font-size:11px;line-height:1.55;color:#687c6d}
.ao-tree-line{height:35px;border-left:2px solid #aabfae;position:relative}
.ao-tree-line:after{content:'↓';position:absolute;left:-6px;bottom:-8px;color:#728f78;font-size:12px;background:#fafcf8}
.ao-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:15px}
.ao-role-grid article{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;background:#fff;border:1px solid #d4ddd3;padding:23px 17px;min-height:172px}
.ao-role-icon{font-size:21px;color:#517861}
.ao-role-grid strong{font-size:13px;color:#294935}
.ao-role-grid small{font-size:11px;line-height:1.55;color:#728276}
.ao-adjacent{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;margin-top:29px;padding-top:23px;border-top:1px dashed #b7cbbb}
.ao-adjacent article{padding:19px;background:#f1f3ed;border:1px solid #d7e0d3}
.ao-adjacent span{display:block;font-size:10px;color:#946952;letter-spacing:.11em;font-weight:800}
.ao-adjacent strong{display:block;font-size:15px;margin:9px 0 6px}
.ao-adjacent small{font-size:11px;line-height:1.6;color:#6a7c6c}
.ao-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.ao-stages article{background:#fcfaf6;border-top:3px solid #b58e73;padding:25px 24px;min-height:275px;display:flex;flex-direction:column;align-items:start}
.ao-stages span{color:#976a54;font-size:10px;letter-spacing:.12em;font-weight:800}
.ao-stages h3,.ao-results-grid h3,.ao-controls h3{font:400 25px/1.2 Georgia,serif;letter-spacing:-.035em;margin:20px 0 14px}
.ao-stages p,.ao-results-grid p,.ao-controls p{font-size:12px;line-height:1.82;color:#5d6c60;margin:0 0 17px}
.ao-stages strong{font-size:11px;color:#43664e;margin-top:auto}
.ao-caveat{font-size:11px;color:#897668;line-height:1.7;margin-top:20px}
.ao-workflow{background:#26392e;color:#f7faf5;padding-block:83px 95px}
.ao-workflow .ao-kicker{color:#dbb59e}
.ao-workflow .ao-head h2{color:#f7faf5}.ao-workflow .ao-head h2 em{color:#dfb4a0}
.ao-workflow .ao-head p{color:#d4e0d4}
.ao-pipeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.ao-pipeline>div{background:#344b3c;border:1px solid #597361;padding:23px;min-height:145px}
.ao-pipeline>div span{font:400 26px Georgia,serif;color:#b7cfb6}
.ao-pipeline>div strong{display:block;color:#fbfcf9;font-size:14px;margin:14px 0 8px}
.ao-pipeline>div small{color:#d0ded0;font-size:11px;line-height:1.6}
.ao-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.ao-controls article{background:#fcfcf8;border:1px solid #dde4da;padding:25px}
.ao-controls article>span{font-size:10px;font-weight:800;letter-spacing:.11em;color:#8a745c}
.ao-controls h3{margin-top:15px}
.ao-guardrail-note{font-size:12px;line-height:1.84;background:#f0ede4;border-left:3px solid #ab9d75;padding:19px 24px;margin-top:25px;color:#736751}
.ao-results{background:#e7eee5;padding-block:83px 95px}
.ao-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.ao-results-grid article{background:#fafdf9;border-top:3px solid #7d9c80;padding:25px}
.ao-results-grid article>span{font-size:10px;font-weight:800;letter-spacing:.1em;color:#647a65}
.ao-results-limit{font-size:11px;line-height:1.8;color:#728171;margin-top:22px}
.ao-outro{padding-block:84px 103px;display:flex;justify-content:space-between;align-items:end;gap:40px}
.ao-outro h2{margin:19px 0}
.ao-outro p{font-size:12px;max-width:610px;line-height:1.85;color:#667266}
.ao-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:420px}
.ao-actions .btn{white-space:normal;text-align:center}
@media(max-width:1010px){.ao-hero-grid{grid-template-columns:1fr;gap:32px}.ao-aside{max-width:650px}.ao-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.ao-outro{flex-direction:column;align-items:start}.ao-actions{justify-content:flex-start}}
@media(max-width:740px){.ao-hero{padding-block:30px 48px}.ao-hero .breadcrumbs{margin-bottom:32px}.ao-hero h1{font-size:clamp(48px,10.7vw,74px)}
.ao-section,.ao-org,.ao-workflow,.ao-results{padding-block:56px 68px}
.ao-section h2,.ao-org h2,.ao-workflow h2,.ao-results h2,.ao-outro h2{font-size:clamp(39px,8vw,53px)}
.ao-stats,.ao-workbooks,.ao-role-grid,.ao-adjacent,.ao-stages,.ao-controls,.ao-results-grid,.ao-pipeline{grid-template-columns:1fr}
.ao-stats article,.ao-stages article{min-height:0}
.ao-tree{padding:17px}.ao-role-grid article{min-height:0}
.ao-sanitized-table>div{grid-template-columns:1fr;gap:3px}
.ao-outro{padding-block:59px 77px}}

.ao-sd-related{border-top:1px solid #d5dcd5;padding-block:67px 79px}.ao-sd-related>div{background:#e9eee7;padding:35px 41px;border-left:3px solid #7c9a84}.ao-sd-related h2{font:400 clamp(34px,4vw,53px)/1.12 Georgia,serif;letter-spacing:-.045em;margin:16px 0}.ao-sd-related h2 em{color:#aa6551}.ao-sd-related p{font-size:13px;line-height:1.85;color:#5b685f;max-width:810px}.ao-sd-related .btn{margin-top:12px;white-space:normal}@media(max-width:740px){.ao-sd-related{padding-block:40px 56px}.ao-sd-related>div{padding:23px}}


/* Project 11 engineering supplement — OOXML editing and workbook validation */
.ao-engineering{background:#e7ede6;padding-block:83px 91px}
.ao-engineering-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:25px 0}
.ao-engineering-facts article{background:#fbfcf8;border-top:3px solid #659079;padding:22px 20px;min-width:0}
.ao-engineering-facts strong{display:block;font:400 clamp(31px,3.7vw,53px)/1 Georgia,serif;letter-spacing:-.052em;color:#31634d}
.ao-engineering-facts span{display:block;font-size:12px;font-weight:700;color:#32473b;margin:14px 0 6px}
.ao-engineering-facts small{display:block;font-size:10.5px;line-height:1.6;color:#718072}
.ao-engineering-split{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.ao-engineering-split article{padding:30px 29px;background:#faf9f5;min-width:0;border:1px solid #d8e0d5}
.ao-engineering-split .ao-engineering-problem{border-top:4px solid #ad7258}
.ao-engineering-split .ao-engineering-answer{border-top:4px solid #578970}
.ao-engineering-split h3{font:400 30px/1.22 Georgia,serif;letter-spacing:-.04em;margin:16px 0}
.ao-engineering-split p{font-size:12.5px;line-height:1.9;color:#5b695e;margin:0 0 16px}
.ao-technical-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:23px}
.ao-technical-flow>div{background:#344f3f;padding:21px 15px;min-height:154px;min-width:0}
.ao-technical-flow span{display:block;font:400 25px Georgia,serif;color:#bdcfb7}
.ao-technical-flow strong{display:block;font-size:12px;color:#fff;margin:14px 0 8px}
.ao-technical-flow small{display:block;font-size:10.5px;line-height:1.6;color:#d3e1d3}
.ao-technical-caption{font-size:11px;line-height:1.7;color:#667568;margin:16px 0 0}
.ao-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.ao-module-grid article{background:#fcfdf8;padding:27px 26px;border:1px solid #d9e1d9;border-top:3px solid #6e9878}
.ao-module-grid article>span{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;color:#558066}
.ao-module-grid h3{font:400 26px/1.2 Georgia,serif;letter-spacing:-.035em;margin:18px 0 12px}
.ao-module-grid p{font-size:12.5px;color:#5d695f;line-height:1.85;margin:0}
.ao-technical-disclosure{background:#f0ece1;border-left:3px solid #9f926e;padding:20px 25px;font-size:12px;line-height:1.85;color:#6b6454;margin-top:22px}
.ao-publishing{background:#f3eee5;padding-block:83px 91px}
.ao-publishing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ao-publishing-grid article{padding:28px;background:#fcfbf7;border:1px solid #e0d6c6}
.ao-publishing-grid article span{display:block;font-size:10px;font-weight:800;color:#9a7157;letter-spacing:.13em}
.ao-publishing-grid h3{font:400 27px/1.2 Georgia,serif;letter-spacing:-.04em;margin:15px 0 14px}
.ao-publishing-grid p{font-size:12.5px;line-height:1.9;color:#736a5c;margin:0}
@media(max-width:1010px){.ao-engineering-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.ao-technical-flow{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:740px){.ao-engineering,.ao-publishing{padding-block:57px 69px}.ao-engineering-split,.ao-module-grid,.ao-publishing-grid,.ao-technical-flow{grid-template-columns:1fr}.ao-engineering-split article,.ao-module-grid article,.ao-publishing-grid article{padding:22px}.ao-technical-flow>div{min-height:0}}


/* IT Case Study 06 — Teams knowledge assistant and directory discovery */
.kb-hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:21px}
.kb-hero-tags span{display:inline-block;font-size:11px;line-height:1.4;color:#496250;border:1px solid #cbdacc;border-radius:30px;padding:7px 12px}
.kb-system{background:#e8eee8;padding-block:81px 93px}
.kb-system>.wrap>.it7-overline{margin-bottom:17px;display:block}
.kb-system-head{max-width:950px;margin-bottom:29px}
.kb-system h2{font:400 clamp(38px,5vw,67px)/1.1 Georgia,serif;letter-spacing:-.05em;margin:0 0 19px;color:#29392f}
.kb-system h2 em{color:#a7634e}
.kb-system-head p{font-size:14px;line-height:1.9;color:#5c6f60;max-width:830px}
.kb-system-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.kb-system-node{background:#fcfdf9;border:1px solid #d6dfd6;padding:25px 27px;min-width:0;border-top:3px solid #9ead9a}
.kb-system-node span{display:block;color:#8b785e;font-size:10px;font-weight:800;letter-spacing:.12em}
.kb-system-node h3{font:400 27px/1.2 Georgia,serif;letter-spacing:-.035em;margin:17px 0 12px;color:#30493a}
.kb-system-node p{font-size:12.5px;line-height:1.85;color:#627266;margin:0}
.kb-system-center{background:#f0f5ef;border-top-color:#659274}
.kb-example{margin-top:24px;background:#284032;padding:27px 31px;color:#f4f8f2}
.kb-example>span{font-size:10px;letter-spacing:.13em;font-weight:800;color:#c8cfb7}
.kb-example>div{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:18px}
.kb-example p{font-size:13px;line-height:1.8;color:#eef3ea;margin:0}
.kb-example strong{color:#e7c2a5}
.kb-example small{display:block;border-top:1px solid #4f6756;margin-top:23px;padding-top:13px;color:#c4d7c7;font-size:10.5px;line-height:1.7}
@media(max-width:760px){.kb-system{padding-block:55px 66px}.kb-system-grid,.kb-example>div{grid-template-columns:1fr}.kb-system-node{padding:22px}.kb-system h2{font-size:clamp(38px,8vw,53px)}.kb-example{padding:22px}}


/* V20 — AI assistants & connected workflows curated overview */
.awx-hero{padding-block:55px 62px}.awx-hero .breadcrumbs{margin-bottom:47px}
.awx-eyebrow{display:block;color:#986b55;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.awx-hero-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(235px,.65fr);gap:clamp(30px,6vw,100px);align-items:end}
.awx-hero h1,.awx-section h2,.awx-coordination h2,.awx-governance h2,.awx-outro h2{font:400 clamp(42px,5.2vw,73px)/1.09 Georgia,serif;letter-spacing:-.05em;color:#2c332d}
.awx-hero h1{font-size:clamp(55px,7vw,102px);margin:19px 0 25px}
.awx-hero h1 em,.awx-section h2 em,.awx-coordination h2 em,.awx-governance h2 em,.awx-outro h2 em{color:#a75f49;font-weight:400}
.awx-lead{font-size:clamp(16px,1.6vw,19px);line-height:1.81;color:#5d675e;max-width:770px;margin:0}
.awx-tags,.awx-mini-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.awx-tags span,.awx-mini-tags span{border:1px solid #ccd8ce;border-radius:40px;padding:8px 12px;font-size:11px;color:#56675a}
.awx-mini-tags{margin:18px 0 19px}.awx-mini-tags span{background:#edf1ea;padding:7px 11px;font-size:10px}
.awx-hero-aside{border-top:2px solid #8ba48f;padding-top:17px}
.awx-hero-aside>strong{display:block;font:400 24px/1.2 Georgia,serif;letter-spacing:-.025em;margin:17px 0 12px}
.awx-hero-aside>p,.awx-hero-aside dd{font-size:12px;line-height:1.8;color:#5f6c61}
.awx-hero-aside dl{border-top:1px solid #d4ded3;display:grid;grid-template-columns:85px 1fr;gap:12px;margin-top:22px;padding-top:19px}
.awx-hero-aside dt{color:#97765f;font-size:11px;line-height:1.6}.awx-hero-aside dd{margin:0}
.awx-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding-bottom:71px}
.awx-metrics article{background:#e7ede6;border-top:3px solid #71967e;padding:24px;min-height:170px}
.awx-metrics strong{display:block;font:400 53px/1 Georgia,serif;color:#396449;letter-spacing:-.05em}
.awx-metrics span{display:block;font-size:13px;font-weight:750;margin:15px 0 8px}
.awx-metrics p{font-size:11px;color:#68776c;line-height:1.7;margin:0}
.awx-section{padding-block:83px 91px}
.awx-section-intro{max-width:910px;margin-bottom:32px}
.awx-section-intro h2{margin:17px 0 19px}
.awx-section-intro p{font-size:14px;line-height:1.92;color:#5d6c61;max-width:840px;margin:0}
.awx-feature-stack{display:grid;gap:14px}
.awx-feature{display:grid;grid-template-columns:minmax(190px,.62fr) minmax(0,2fr);gap:34px;padding:30px 34px;background:#fcfdf9;border:1px solid #d8e2d8;min-width:0}
.awx-feature-num{font:400 43px/1 Georgia,serif;color:#6f9278}
.awx-feature-num span{display:block;font:750 10px/1.5 system-ui,sans-serif;color:#a17f64;text-transform:uppercase;letter-spacing:.085em;margin-top:16px}
.awx-feature h3{font:400 clamp(26px,3vw,37px)/1.18 Georgia,serif;letter-spacing:-.04em;margin:0 0 16px;color:#2d4433}
.awx-feature p{font-size:13px;line-height:1.92;color:#626f64;margin:0}
.awx-text-link{font-weight:700;font-size:12px;color:#3c7956;text-decoration:underline;text-underline-offset:4px}
.awx-coordination{background:#e8eee7;padding-block:78px 91px}
.awx-hierarchy{background:#fbfdf9;border:1px solid #d2ded3;border-radius:12px;padding:34px;display:flex;align-items:center;flex-direction:column}
.awx-hierarchy-main,.awx-hierarchy-director{width:100%;max-width:580px;padding:20px 24px;text-align:center;display:flex;flex-direction:column;gap:7px;border:1px solid #d1ded1}
.awx-hierarchy-main{background:#f5f1e9}.awx-hierarchy-director{background:#d7e7da}
.awx-hierarchy-main strong,.awx-hierarchy-director strong{color:#2c4b36;font-size:15px}
.awx-hierarchy-main small,.awx-hierarchy-director small{font-size:11px;line-height:1.6;color:#637a68}
.awx-connector{height:35px;border-left:2px solid #8aa48e;position:relative}
.awx-connector:after{content:"↓";position:absolute;font-size:11px;left:-6px;bottom:-7px;color:#6b9073;background:#fbfdf9}
.awx-hierarchy-team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%}
.awx-hierarchy-team article{background:#fff;border:1px solid #d2ded1;padding:25px 20px;text-align:center;min-width:0}
.awx-hierarchy-team strong{display:block;font-size:14px;color:#33583e}
.awx-hierarchy-team span{display:block;font-size:11px;line-height:1.65;color:#6f8171;margin-top:12px}
.awx-adjacent{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;border-top:1px dashed #b5c7b6;margin-top:23px;padding-top:22px}
.awx-adjacent>div{background:#f2f4ed;border:1px solid #d4ddce;padding:17px 22px}
.awx-adjacent strong{font-size:13px;color:#466d51}.awx-adjacent span{font-size:11px;color:#677a69;margin-left:12px}
.awx-hierarchy-note{font-size:11px;line-height:1.75;color:#738172;margin:18px 0 0}
.awx-engineering{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.awx-engineering-highlight,.awx-engineering-details{background:#f5f4ed;border:1px solid #e1dfd5;border-top:3px solid #9cae97;padding:28px;min-width:0}
.awx-engineering-highlight>span{display:block;font-size:10px;letter-spacing:.11em;color:#876b58;font-weight:800;text-transform:uppercase}
.awx-engineering-highlight>strong{display:block;font:400 30px/1.2 Georgia,serif;letter-spacing:-.035em;margin:21px 0 12px}
.awx-engineering-details h3{font:400 29px/1.2 Georgia,serif;letter-spacing:-.035em;margin:0 0 17px}
.awx-engineering p{font-size:12.5px;line-height:1.86;color:#5d6b60}
.awx-trial-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}
.awx-trial-steps>div{background:#e9efe8;padding:20px;min-width:0}
.awx-trial-steps span{font:400 25px Georgia,serif;color:#648c71}
.awx-trial-steps strong{display:block;margin:12px 0 8px;font-size:12px}
.awx-trial-steps small{font-size:11px;line-height:1.65;color:#637565}
.awx-governance{background:#283b30;padding-block:83px 92px;color:#f4f8f1}
.awx-governance .awx-eyebrow{color:#dfb69c}
.awx-governance h2{color:#f6f8f4}.awx-governance h2 em{color:#e3bca5}
.awx-governance .awx-section-intro p{color:#cfddcf}
.awx-guard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.awx-guard-grid article{background:#364f3f;border:1px solid #53705b;padding:23px;min-width:0}
.awx-guard-grid span{font:400 24px Georgia,serif;color:#afc7b3}
.awx-guard-grid h3{font:400 23px/1.25 Georgia,serif;letter-spacing:-.035em;margin:16px 0 13px;color:#f6f8f3}
.awx-guard-grid p{font-size:11.5px;line-height:1.84;color:#d0dfd2;margin:0}
.awx-governance-footnote{font-size:11px;color:#c3d3c4;line-height:1.8;margin:23px 0 0}
.awx-state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.awx-state-grid article{background:#f8faf6;border:1px solid #d8e1d7;padding:25px}
.awx-state{display:inline-block;font-size:10px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;border-radius:20px;padding:7px 10px;background:#e7ebe6;color:#526459}
.awx-state-grid h3{font:400 26px/1.22 Georgia,serif;letter-spacing:-.035em;margin:20px 0 12px}
.awx-state-grid p{font-size:12px;line-height:1.86;color:#617064}
.awx-live{background:#deece0;color:#387046}.awx-tested{background:#e5eaf0;color:#4c6380}.awx-research{background:#f0e8da;color:#856943}
.awx-privacy{margin-top:22px;border-left:3px solid #b4a17f;background:#f2eee4;padding:20px 24px;font-size:12px;line-height:1.9;color:#6f6655}
.awx-outro{padding-block:79px 103px;display:flex;justify-content:space-between;align-items:end;gap:35px;border-top:1px solid #dfe3da}
.awx-outro h2{margin:16px 0}.awx-outro p{font-size:13px;line-height:1.8;color:#687567;max-width:560px}
.awx-outro-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:470px}
.awx-outro-actions .btn{white-space:normal;text-align:center}
@media(max-width:1040px){.awx-hero-grid{grid-template-columns:1fr;gap:34px}.awx-hero-aside{max-width:680px}.awx-guard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.awx-feature{grid-template-columns:160px 1fr}}
@media(max-width:750px){.awx-hero{padding-block:28px 48px}.awx-hero .breadcrumbs{margin-bottom:33px}.awx-hero h1{font-size:clamp(48px,10vw,78px)}
.awx-metrics,.awx-feature,.awx-hierarchy-team,.awx-adjacent,.awx-engineering,.awx-state-grid,.awx-guard-grid{grid-template-columns:1fr}
.awx-metrics article{min-height:0}.awx-section,.awx-coordination,.awx-governance{padding-block:55px 65px}
.awx-section h2,.awx-coordination h2,.awx-governance h2,.awx-outro h2{font-size:clamp(39px,8vw,54px)}
.awx-feature{gap:18px;padding:23px}.awx-feature-num{font-size:35px}.awx-feature-num span{margin-top:7px}.awx-hierarchy{padding:17px}.awx-hierarchy-team article{padding:18px}
.awx-trial-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.awx-outro{flex-direction:column;align-items:start;padding-block:54px 76px}.awx-outro-actions{justify-content:flex-start}}
@media(max-width:420px){.awx-trial-steps{grid-template-columns:1fr}.awx-hero-aside dl{grid-template-columns:1fr;gap:5px}}


/* Recruiter-friendly impact summaries: evidence-led links to detailed case studies */
.it-impact{padding:0 0 68px}
.it-impact-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}
.it-impact-heading h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;line-height:1.06;font-size:clamp(38px,4.4vw,62px);margin:13px 0 0}
.it-impact-heading h2 em{color:var(--accent);font-weight:400}
.it-impact-heading>p{color:var(--muted);font-size:14px;line-height:1.75;max-width:365px;margin:0 0 4px}
.it-impact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.it-impact-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:285px;background:var(--surface);border:1px solid var(--line);padding:24px 23px 21px;transition:transform .2s,box-shadow .2s,border-color .2s}
.it-impact-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#b8afa3}
.it-impact-kicker{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:800}
.it-impact-number{display:block;font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,3.4vw,54px);font-weight:400;letter-spacing:-.06em;line-height:1.1;margin:24px 0 12px;white-space:nowrap}
.it-impact-number span{color:var(--accent)}
.it-impact-number.it-impact-word{font-size:clamp(27px,2.45vw,35px);letter-spacing:-.045em}
.it-impact-title{display:block;font-size:15px;font-weight:800;letter-spacing:-.02em;line-height:1.35}
.it-impact-detail{display:block;color:var(--muted);font-size:12px;line-height:1.65;margin-top:9px}
.it-impact-link{display:block;font-size:11px;font-weight:800;margin-top:auto;padding-top:21px;border-bottom:1px solid var(--text);padding-bottom:5px}
.it-impact-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}
.it-impact-bottom p{font-size:12px;color:var(--muted);line-height:1.65;margin:0;max-width:730px}
.it-impact-bottom p strong{color:var(--text)}
.it-impact-bottom .text-link{flex-shrink:0}
.it-home-impact{border:1px solid var(--line);background:var(--surface);padding:24px 27px 26px;margin:-5px 0 34px}
.it-home-impact-intro{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid var(--line);padding-bottom:15px}
.it-home-impact-intro>span{color:var(--accent);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}
.it-home-impact-intro p{margin:0;font-size:12px;color:var(--muted)}
.it-home-impact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.it-home-impact-grid a{min-width:0;display:flex;flex-direction:column;gap:9px;padding:19px 24px 0;border-right:1px solid var(--line);transition:color .2s}
.it-home-impact-grid a:first-child{padding-left:0}
.it-home-impact-grid a:last-child{border-right:0;padding-right:0}
.it-home-impact-grid a:hover{color:var(--accent)}
.it-home-impact-grid strong{font-family:Georgia,'Times New Roman',serif;font-size:29px;font-weight:400;letter-spacing:-.045em;line-height:1.1}
.it-home-impact-grid a>span{font-size:12px;color:var(--muted);line-height:1.6}
@media(max-width:950px){.it-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.it-impact-card{min-height:260px}.it-impact-heading{align-items:start}.it-home-impact-grid a{padding-inline:16px}}
@media(max-width:650px){.it-impact{padding-bottom:44px}.it-impact-heading{display:block}.it-impact-heading>p{margin-top:18px}.it-impact-grid{grid-template-columns:1fr}.it-impact-card{min-height:0}.it-impact-number{margin-top:16px}.it-impact-link{margin-top:12px}.it-impact-bottom{display:block}.it-impact-bottom .text-link{margin-top:14px;white-space:normal}.it-home-impact{padding:20px}.it-home-impact-intro{display:block}.it-home-impact-intro p{margin-top:8px}.it-home-impact-grid{grid-template-columns:1fr}.it-home-impact-grid a,.it-home-impact-grid a:first-child,.it-home-impact-grid a:last-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--line)}.it-home-impact-grid a:last-child{border-bottom:0;padding-bottom:0}}


/* Evidence-led case study modules: visual proof without exposing production data */
.proof-board{margin-top:36px;margin-bottom:62px;padding-top:38px;padding-bottom:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.proof-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:28px;align-items:end;margin-bottom:24px}
.proof-eyebrow{display:block;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.17em;color:var(--accent)}
.proof-heading h2{font:400 clamp(36px,4.1vw,57px)/1.09 Georgia,'Times New Roman',serif;letter-spacing:-.055em;margin:12px 0 0}
.proof-heading h2 em{color:var(--accent)}
.proof-heading>p{font-size:14px;line-height:1.75;color:var(--muted);max-width:410px;margin:0 0 4px}
.proof-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.proof-preview{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);background:var(--surface);overflow:hidden;transition:transform .2s,border-color .2s}
.proof-preview:hover{transform:translateY(-3px);border-color:var(--accent)}
.proof-preview img{display:block;width:100%;aspect-ratio:1.72;object-fit:cover;object-position:top center;background:#e9e8e3;border-bottom:1px solid var(--line)}
.proof-preview>span{display:flex;flex-direction:column;gap:7px;padding:17px 18px 19px;flex:1}
.proof-preview small{font-size:10px;font-weight:800;color:var(--accent);letter-spacing:.12em;text-transform:uppercase}
.proof-preview strong{font-size:16px;letter-spacing:-.03em;line-height:1.3}
.proof-preview>span>span{font-size:11px;font-weight:700;margin-top:auto;padding-top:10px}
.proof-mail{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:25px;align-items:center;background:var(--surface-alt);padding:22px 25px;margin-top:18px}
.proof-mail-sample{border:1px solid #d9d5cc;background:#fffefa;border-radius:5px;box-shadow:0 8px 22px rgba(32,39,35,.045);overflow:hidden}
.proof-mail-top{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:#e8e9e4;padding:12px 15px;font-size:9px;font-weight:800;letter-spacing:.09em;color:#60665f}
.proof-mail-top span:last-child{color:var(--accent-d)}
.proof-mail-sample dl{margin:0;padding:12px 19px 17px}
.proof-mail-sample dl>div{display:grid;grid-template-columns:85px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #e7e4dd}
.proof-mail-sample dl>div:last-child{border-bottom:0}
.proof-mail-sample dt{font-size:11px;color:#687069}
.proof-mail-sample dd{font-size:12px;font-weight:700;color:var(--text);margin:0}
.proof-mail-explain h3{font:400 28px/1.15 Georgia,serif;letter-spacing:-.04em;margin:12px 0}
.proof-mail-explain p{font-size:13px;color:var(--muted);line-height:1.75;margin:0}
.proof-legend{border-left:3px solid #c9bbb0;padding:12px 16px;margin:19px 0 0;font-size:12px;line-height:1.7;color:var(--muted);background:rgba(238,235,228,.42)}
.proof-legend strong{color:var(--text)}
.proof-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;margin:0;border:1px solid var(--line);background:var(--surface)}
.proof-steps li{padding:25px 21px 28px;border-right:1px solid var(--line);position:relative;min-width:0}
.proof-steps li:last-child{border-right:0}
.proof-steps li:not(:last-child)::after{content:'→';position:absolute;right:-10px;top:37px;font-size:17px;background:var(--surface);color:var(--accent);z-index:1}
.proof-steps small{display:block;color:var(--accent);font-size:10px;letter-spacing:.11em;text-transform:uppercase;font-weight:800}
.proof-steps strong{display:block;margin:22px 0 9px;font-size:16px;letter-spacing:-.035em;line-height:1.3}
.proof-steps p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}
.proof-foot{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:19px}
.proof-foot p{margin:0;max-width:700px;font-size:12px;color:var(--muted);line-height:1.65}
.proof-foot p strong{color:var(--text)}
.proof-foot a{flex-shrink:0}
.proof-mdm-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:15px}
.proof-mdm-phases article{padding:22px 21px;background:var(--surface-alt);border:1px solid var(--line)}
.proof-mdm-phases article>span{display:block;font-size:10px;color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.11em}
.proof-mdm-phases article>strong{display:block;font:400 31px/1.1 Georgia,serif;letter-spacing:-.055em;margin:17px 0 9px}
.proof-mdm-phases p{margin:0;font-size:12px;line-height:1.65;color:var(--muted)}
.proof-console{border:1px solid var(--line);background:var(--surface);overflow:hidden}
.proof-console-top{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--dark);color:#f4f4ed;padding:14px 18px;font-size:11px;font-weight:700;letter-spacing:.03em}
.proof-console-top span:last-child{font-size:9px;letter-spacing:.1em;color:#cfccbf;text-align:right}
.proof-table-scroller{overflow-x:auto}
.proof-ops-table{width:100%;border-collapse:collapse;font-size:12px;min-width:570px}
.proof-ops-table caption{text-align:left;padding:12px 18px;color:var(--muted);font-size:11px}
.proof-ops-table thead{background:#eae8e1}
.proof-ops-table th,.proof-ops-table td{text-align:left;vertical-align:top;padding:13px 18px;border-bottom:1px solid var(--line)}
.proof-ops-table thead th{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#545a52}
.proof-ops-table tbody th{font-size:12px;font-weight:800;width:25%}
.proof-ops-table tbody tr:last-child th,.proof-ops-table tbody tr:last-child td{border-bottom:none}
.proof-pill{display:inline-flex;padding:4px 9px;border-radius:100px;font-size:10px;white-space:nowrap;font-weight:800;background:#e0e9df;color:#315a45}
.proof-pill-neutral{background:#e7e5df;color:#575e57}
.proof-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.proof-path{background:#eae7e1;border:1px solid #d8d2c9;padding:23px 23px 21px}
.proof-path.proof-after{background:#e2e9df;border-color:#d2dcd0}
.proof-path>span{display:block;font-size:10px;font-weight:800;letter-spacing:.13em;color:#7f6660}
.proof-path.proof-after>span{color:#3f6853}
.proof-path-flow{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1.1fr);gap:7px;align-items:center;padding:20px 0 16px}
.proof-path-flow b{background:#fffefa;border:1px solid #d9d7d0;min-height:86px;display:grid;place-items:center;text-align:center;padding:14px 10px;font-size:13px;line-height:1.4}
.proof-path-flow i{font-style:normal;text-align:center;font-size:20px;color:var(--accent)}
.proof-path p{margin:0;font-size:12px;line-height:1.65;color:var(--muted)}
.proof-gates{padding:23px 24px;border:1px solid var(--line);border-top:0;background:var(--surface)}
.proof-gates>span{font-size:10px;letter-spacing:.11em;font-weight:800;color:var(--accent)}
.proof-gates ol{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:16px 0 0;padding:0}
.proof-gates li{font-size:12px;line-height:1.5;color:var(--muted)}
.proof-gates li b{display:block;color:var(--text);font:400 24px/1 Georgia,serif;margin-bottom:8px}
#service-evidence-gallery,#s9-before-after{scroll-margin-top:30px}
@media(max-width:1020px){.proof-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-steps li:nth-child(2){border-right:0}.proof-steps li:nth-child(-n+2){border-bottom:1px solid var(--line)}.proof-steps li:nth-child(2)::after{display:none}.proof-gates ol{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-heading{grid-template-columns:minmax(0,1fr) minmax(220px,.8fr)}}
@media(max-width:680px){.proof-board{margin-top:24px;margin-bottom:42px;padding-block:28px}.proof-heading{display:block}.proof-heading>p{margin:15px 0 0}.proof-preview-grid,.proof-mdm-phases,.proof-path-grid{grid-template-columns:1fr}.proof-preview img{aspect-ratio:1.9}.proof-mail{grid-template-columns:1fr;padding:15px}.proof-steps{grid-template-columns:1fr}.proof-steps li{border-right:0!important;border-bottom:1px solid var(--line)}.proof-steps li:last-child{border-bottom:0}.proof-steps li::after{display:none!important}.proof-steps li strong{margin:12px 0 6px}.proof-foot{display:block}.proof-foot a{display:inline-flex;margin-top:15px;white-space:normal}.proof-gates ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.proof-console-top{display:block}.proof-console-top span{display:block}.proof-console-top span:last-child{text-align:left;margin-top:7px}.proof-mail-top{display:block}.proof-mail-top span{display:block}.proof-mail-top span:last-child{margin-top:6px}}



/* The Light Years — editorial case-study narrative and design reasoning */
.ly-project-index{display:flex;align-items:center;gap:11px 22px;flex-wrap:wrap;padding-block:18px;margin-bottom:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ly-project-index>span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:var(--accent);margin-right:auto}
.ly-project-index a{font-size:11px;font-weight:700;color:var(--muted);padding:5px 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.ly-project-index a:hover,.ly-project-index a:focus-visible{color:var(--accent);border-color:var(--accent)}
.ly-cover-choices{border-top:1px solid #444a4b;margin-top:27px}
.ly-cover-choices>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;padding:11px 0;border-bottom:1px solid #444a4b;align-items:start}
.ly-cover-choices b{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#e1c6b2}
.ly-cover-choices span{color:#c0c2c3;font-size:12px;line-height:1.6}
.ly-editorial-decisions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:24px 0 40px}
.ly-editorial-decisions article{border:1px solid var(--line);background:var(--surface);padding:23px}
.ly-editorial-decisions article>span{font-size:10px;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.ly-editorial-decisions h3{font:400 27px/1.15 Georgia,serif;letter-spacing:-.04em;margin:17px 0 10px}
.ly-editorial-decisions p{font-size:12px;line-height:1.73;color:var(--muted);margin:0}
.ly-cover-study{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:33px;align-items:center;border-top:1px solid var(--line);padding-top:35px}
.ly-cover-study .ly-enlarge{background:#dad9d4}
.ly-cover-study img{width:100%;max-height:560px;object-fit:contain}
.ly-cover-study-notes h3{font:400 clamp(30px,3.2vw,45px)/1.17 Georgia,serif;letter-spacing:-.045em;margin:17px 0}
.ly-cover-study-notes p{font-size:13px;line-height:1.83;color:var(--muted)}
.ly-cover-study-notes .ly-boundary{font-size:11px;border-left:3px solid #b59a89;padding:10px 13px;background:#eeebe4}
.ly-reading-key{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:6px 0 24px}
.ly-reading-key a{border:1px solid #48494a;padding:20px;display:flex;flex-direction:column;gap:10px;min-width:0;transition:border-color .2s,background .2s}
.ly-reading-key a:hover{border-color:#d8beaa;background:#242626}
.ly-reading-key a>span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#dec3ac;font-weight:800}
.ly-reading-key strong{font-size:16px;letter-spacing:-.025em;line-height:1.4;color:#fff}
.ly-reading-key small{font-size:12px;line-height:1.65;color:#b7bbbc}
#ly-cover,#ly-concept,#ly-type,#ly-object,#ly-details,#ly-reflection,#ly-feature-spread,#ly-echo-spread,#ly-scale-spread{scroll-margin-top:26px}
.ly-object-footnote{display:grid;grid-template-columns:215px minmax(0,1fr);gap:20px;background:var(--surface-alt);border-left:3px solid var(--accent);padding:22px 25px;margin-top:25px}
.ly-object-footnote>span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--accent)}
.ly-object-footnote p{font-size:12px;line-height:1.74;color:var(--muted);margin:0}
.ly-reflection{border-top:1px solid var(--line);padding-block:87px}
.ly-reflection-heading{display:grid;grid-template-columns:185px minmax(0,1fr);gap:28px;align-items:start}
.ly-reflection-heading .ly-kicker{padding-top:10px}
.ly-reflection h2{font:400 clamp(39px,4.6vw,64px)/1.12 Georgia,serif;letter-spacing:-.055em;margin:0}
.ly-reflection h2 em{color:var(--accent)}
.ly-reflection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:30px 0 0 213px}
.ly-reflection-grid>div{border-top:2px solid var(--text);padding-top:18px}
.ly-reflection-grid p{font-size:13px;color:var(--muted);line-height:1.85;margin:14px 0 0}
@media(max-width:1020px){.ly-project-index>span{width:100%}.ly-cover-study{grid-template-columns:1fr}.ly-cover-study-notes{max-width:680px}.ly-reflection-heading{grid-template-columns:1fr;gap:14px}.ly-reflection-grid{margin-left:0}}
@media(max-width:700px){.ly-project-index{gap:7px 15px;padding-block:14px}.ly-project-index a{font-size:10px}.ly-cover-choices>div{grid-template-columns:76px 1fr}.ly-editorial-decisions,.ly-reading-key,.ly-reflection-grid{grid-template-columns:1fr}.ly-editorial-decisions{gap:10px;margin:20px 0 30px}.ly-editorial-decisions article{padding:20px}.ly-cover-study{gap:14px}.ly-reading-key a{padding:17px}.ly-object-footnote{grid-template-columns:1fr;gap:8px}.ly-reflection{padding-block:62px}.ly-reflection h2{font-size:clamp(38px,9vw,55px)}}
@media(prefers-reduced-motion:reduce){.ly-project-index a,.ly-reading-key a{transition:none}}



/* Motions of Water — portfolio editorial narrative and movement analysis */
.mw-project-index{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;padding-block:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mw-project-index>span{font-size:10px;color:#926b5b;text-transform:uppercase;font-weight:800;letter-spacing:.13em;margin-right:auto}
.mw-project-index a{font-size:11px;color:#515950;font-weight:750;padding:5px 0;border-bottom:1px solid transparent;transition:border-color .2s,color .2s}
.mw-project-index a:hover,.mw-project-index a:focus-visible{color:#865a47;border-bottom-color:#865a47}
.mw-design-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:29px 0 18px}
.mw-design-principles article{background:var(--surface);border:1px solid #d7d9d1;padding:22px 20px 21px}
.mw-design-principles article>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#916d5c}
.mw-design-principles h3{font:400 26px/1.17 Georgia,serif;letter-spacing:-.045em;margin:18px 0 9px}
.mw-design-principles p{font-size:12px;color:#5b645c;line-height:1.75;margin:0}
.mw-concept-disclosure{background:#eae7e0;padding:17px 20px;margin:18px 0 0;border-left:3px solid #9b7967;font-size:12px;line-height:1.7;color:#596056}
.mw-motion-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:17px}
.mw-motion-map a{display:flex;flex-direction:column;gap:9px;min-width:0;min-height:129px;border:1px solid #d0d0c8;padding:19px 20px;background:#f9f8f4;transition:transform .2s,border-color .2s}
.mw-motion-map a:hover,.mw-motion-map a:focus-visible{border-color:#a57e69;transform:translateY(-2px)}
.mw-motion-map a>span{font-size:10px;color:#95705e;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.mw-motion-map strong{font:400 28px/1.13 Georgia,serif;letter-spacing:-.045em}
.mw-motion-map small{font-size:11px;letter-spacing:.02em;color:#616b60;margin-top:auto}
.mw-study-analysis{border-top:1px solid #cbd0c8;margin-top:18px;padding-top:17px}
.mw-study-analysis>span{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800;color:#936c5b;margin-bottom:12px}
.mw-study-analysis dl{margin:0;display:grid;gap:12px}
.mw-study-analysis dl>div{display:grid;grid-template-columns:75px minmax(0,1fr);gap:9px;align-items:start}
.mw-study-analysis dt{font-size:11px;line-height:1.65;font-weight:800;color:#38413a}
.mw-study-analysis dd{margin:0;font-size:12px;line-height:1.65;color:#596259}
.mw-study-meta{margin-top:18px}
.mw-figure figcaption{line-height:1.7}
.mw-mockup-disclosure{grid-column:1/-1;margin:16px 0 0;border-left:3px solid #9f816d;background:#f5f1e9;color:#5f665c;font-size:12px;line-height:1.75;padding:17px 21px}
.mw-reflection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px;margin-top:37px}
.mw-reflection-grid>div{border-top:2px solid #434d43;padding-top:21px}
.mw-reflection-grid h3{font:400 29px/1.13 Georgia,serif;letter-spacing:-.047em;margin:13px 0}
.mw-reflection-grid p{font-size:13px;line-height:1.83;color:#596058;margin:0}
#mw-cover,#mw-brief,#mw-studies,#mw-mockups,#mw-reflection,#mw-geyser,#mw-snowfall,#mw-basal{scroll-margin-top:26px}
@media(max-width:1050px){.mw-project-index>span{width:100%}.mw-design-principles{grid-template-columns:1fr}.mw-design-principles h3{margin-top:9px}}
@media(max-width:750px){.mw-project-index{gap:8px 15px;padding-block:13px}.mw-project-index a{font-size:10px}.mw-motion-map{grid-template-columns:1fr;gap:10px}.mw-motion-map a{min-height:0;padding:15px 17px}.mw-motion-map strong{font-size:25px}.mw-design-principles{margin:22px 0 12px}.mw-reflection-grid{grid-template-columns:1fr;gap:22px}.mw-study-analysis dl>div{grid-template-columns:72px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.mw-project-index a,.mw-motion-map a{transition:none}.mw-motion-map a:hover,.mw-motion-map a:focus-visible{transform:none}}



/* LOVE Prints — editorial narrative and symbol breakdown */
.love-project-index{display:flex;align-items:center;gap:9px 22px;flex-wrap:wrap;border-top:1px solid #ded0c7;border-bottom:1px solid #ded0c7;padding-block:17px;margin-bottom:30px}
.love-project-index>span{color:#a14c48;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-right:auto}
.love-project-index a{font-size:11px;color:#665c56;font-weight:750;padding:5px 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.love-project-index a:hover,.love-project-index a:focus-visible{border-bottom-color:#a14c48;color:#a14c48}
.love-symbol-reading{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:33px}
.love-symbol-reading article{border:1px solid #e0d3cb;background:#fcf7f2;padding:22px 19px}
.love-symbol-reading article>span{font-size:10px;font-weight:800;color:#ad554c;letter-spacing:.12em;text-transform:uppercase}
.love-symbol-reading h3{font:400 26px/1.14 Georgia,serif;letter-spacing:-.05em;margin:18px 0 10px}
.love-symbol-reading p{font-size:12px;line-height:1.75;color:#626058;margin:0}
.love-identity-logic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:27px}
.love-identity-logic>div{padding:21px 20px;border-top:2px solid #c0756b;background:#f9f2ec}
.love-identity-logic>div>span{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#a14c48}
.love-identity-logic strong{display:block;font:400 27px/1.15 Georgia,serif;letter-spacing:-.04em;margin:14px 0 9px}
.love-identity-logic p{font-size:12px;color:#656059;line-height:1.75;margin:0}
.love-identity-note{margin:20px 0 0;background:#f2ebe5;border-left:3px solid #bb7c70;padding:15px 19px;color:#665e56;font-size:12px;line-height:1.7}
.love-application-insight{display:grid;grid-template-columns:200px minmax(0,1fr);gap:23px;background:#f5efea;margin-top:26px;padding:24px 27px;border-left:3px solid #b76759}
.love-application-insight>span{padding-top:3px}
.love-application-insight p{font-size:13px;line-height:1.75;color:#655e59;margin:0}
.love-reflection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin:32px 0 24px}
.love-reflection-grid>div{border-top:2px solid #7c655f;padding-top:19px}
.love-reflection-grid p{font-size:13px;line-height:1.85;color:#615c57;margin:15px 0 0}
#love-idea,#love-mark,#love-paper,#love-objects,#love-details,#love-reflection{scroll-margin-top:26px}
@media(max-width:1000px){.love-project-index>span{width:100%}.love-symbol-reading,.love-identity-logic{grid-template-columns:1fr}.love-symbol-reading article,.love-identity-logic>div{padding:18px 20px}.love-symbol-reading h3,.love-identity-logic strong{margin-top:10px}.love-end{grid-template-columns:1fr;gap:23px}.love-end .love-actions{justify-content:flex-start;max-width:none}}
@media(max-width:700px){.love-project-index{gap:8px 15px;padding-block:14px;margin-bottom:20px}.love-project-index a{font-size:10px}.love-symbol-reading{margin-top:24px;gap:9px}.love-identity-logic{margin-top:22px;gap:9px}.love-application-insight{grid-template-columns:1fr;gap:8px;padding:19px}.love-reflection-grid{grid-template-columns:1fr;gap:20px;margin-top:25px}.love-reflection-grid>div{padding-top:16px}}
@media(prefers-reduced-motion:reduce){.love-project-index a{transition:none}}


/* Curated Design portfolio — flagship case studies before smaller explorations */
.design-page-hero{padding-bottom:66px}
.design-page-hero p{max-width:800px}
.design-practices{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.design-practices span{font-size:11px;color:#595f58;font-weight:700;border:1px solid #cfcfc5;padding:8px 12px;border-radius:50px;background:#f7f5f0}
.design-curation-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,.7fr);gap:40px;align-items:end;margin-bottom:26px}
.design-curation-heading h2{font:400 clamp(38px,4.4vw,60px)/1.13 Georgia,serif;letter-spacing:-.055em;margin:17px 0 0}
.design-curation-heading h2 em{color:var(--accent);font-weight:400}
.design-curation-heading>p{font-size:14px;color:var(--muted);line-height:1.82;max-width:460px;margin:0 0 3px}
.design-curation .filterbar{margin-bottom:28px}
.design-curation .design-grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:18px;row-gap:36px}
.design-curation .design-curated-card{grid-column:span 3}
.design-curation .design-lead-card{grid-column:span 6}
.design-curation .design-curated-card .work-cover{aspect-ratio:1.33}
.design-curation .design-secondary-card .work-cover{aspect-ratio:1.2}
.design-curation .design-curated-card .work-meta{margin-top:15px}
.design-curation .design-curated-card .work-meta>div{min-width:0}
.design-curation .design-curated-card .work-meta h3{font-size:clamp(15px,1.55vw,21px);line-height:1.35;margin:4px 0 6px}
.design-curation .design-secondary-card .work-meta h3{font-size:15px}
.design-card-kicker{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--accent);font-weight:800;line-height:1.5}
.design-curation .design-card-type{font-size:11px;font-weight:700;color:#666b63;line-height:1.6;margin:0}
.design-curation .design-card-preview{font-size:12px;line-height:1.75;color:var(--muted);margin-top:10px;max-width:480px}
.design-curation .design-secondary-card .design-card-preview{font-size:11px;line-height:1.7}
.design-card-link{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:11px;border-bottom:1px solid #a9ada3;margin-top:11px;padding-bottom:5px;transition:color .2s,border-color .2s}
.design-curated-card:hover .design-card-link{color:var(--accent);border-color:var(--accent)}
.design-curation .design-curated-card .work-meta .num{flex-shrink:0}
.design-curation .design-curated-card[data-category="branding"] .work-cover img{object-position:center 28%}
.design-curation-note{font-size:12px;line-height:1.75;color:var(--muted);border-top:1px solid var(--line);margin:35px 0 0;padding-top:20px;max-width:830px}
@media(max-width:1050px){.design-curation .design-secondary-card{grid-column:span 6}.design-curation-heading{grid-template-columns:1fr;gap:16px}.design-curation-heading>p{max-width:650px}.design-curation .design-curated-card .work-meta h3{font-size:18px}}
@media(max-width:650px){.design-page-hero{padding-bottom:42px}.design-curation .design-grid{row-gap:30px}.design-curation .design-curated-card{grid-column:span 12}.design-curation .design-curated-card .work-cover,.design-curation .design-secondary-card .work-cover{aspect-ratio:1.33}.design-curation .design-curated-card .work-meta h3{font-size:18px}.design-curation .design-card-preview{font-size:12px}.design-curation-heading h2{font-size:clamp(36px,9vw,51px)}.design-curation .filterbar{margin-bottom:22px}.design-practices{gap:7px}.design-practices span{font-size:10px;padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.design-card-link{transition:none}}