@font-face{font-family:Eudoxus;src:url('./fonts/eudoxus-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Eudoxus;src:url('./fonts/eudoxus-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{font-family:Eudoxus,Arial,sans-serif;color:#f2f6f3;background:#143b40;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0}
button{font:inherit}
#experience{width:100%;height:100svh;min-height:560px;position:relative;overflow:hidden}
#scene,#scene canvas,#veil{position:absolute;inset:0;width:100%;height:100%;display:block}
#scene canvas{touch-action:none;outline:none}
#scene canvas:focus-visible{outline:2px solid #efa050;outline-offset:-5px}
#veil{background:#0b2023;opacity:0;z-index:2;pointer-events:none}
header,footer,.caption,.actions{position:absolute;z-index:3}
header{top:30px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center}
.brand{font-size:30px;font-weight:700;letter-spacing:-1.5px;display:flex;align-items:center}
.brand-logo{height:26px;width:auto;display:block}
.brand-divider{height:24px;width:1px;background:#739396;margin:0 20px}
.client{font-size:16px;font-weight:400;letter-spacing:0}
#location,.eyebrow,footer{font-size:12px;letter-spacing:1.8px}
#location{color:#c0d1d1}
.caption{left:40px;bottom:116px;pointer-events:none;max-width:55%}
.eyebrow{color:#efa050;margin:0 0 12px}
h1{font-weight:400;font-size:clamp(36px,4vw,64px);letter-spacing:-2.5px;line-height:1.04;margin:0 0 15px}
#scene-description{font-size:16px;color:#c0d1d1;margin:0;line-height:1.5}
.actions{right:40px;bottom:40px;text-align:right}
#status{font-size:14px;color:#c0d1d1;margin:0 0 14px;max-width:290px;line-height:1.4}
button{background:#efa050;color:#173c41;padding:18px 26px;border:0;border-radius:3px;min-width:166px;font-size:16px;font-weight:700;cursor:pointer;display:inline-flex;justify-content:space-between;gap:35px;align-items:center;transition:background .2s,transform .2s}
button:hover:enabled{background:#ffc080;transform:translateY(-2px)}
button:focus-visible{outline:2px solid white;outline-offset:5px}
button:disabled{cursor:wait;opacity:.6}
[hidden]{display:none!important}
footer{left:40px;right:40px;bottom:30px;border-top:1px solid #55757980;padding-top:21px;display:none;justify-content:space-between;color:#b0c7c8;pointer-events:none}
body.inside .caption{bottom:116px}
.error{position:absolute;top:40%;padding:20px;background:#143b40;z-index:5}
@media(max-width:640px){
 #experience{min-height:520px}
 header{left:22px;right:22px;top:24px}.brand-logo{height:22px}.brand-divider{margin:0 12px}.client{font-size:14px}
 #location{font-size:12px;letter-spacing:.5px}
 .caption,body.inside .caption{left:22px;right:22px;bottom:150px;max-width:100%}
 h1{font-size:38px;letter-spacing:-1.5px;margin-bottom:10px}.eyebrow{margin-bottom:8px}
 #scene-description{font-size:14px}
 .actions{left:22px;right:22px;bottom:28px;display:flex;align-items:center;gap:14px;text-align:left;justify-content:space-between}
 #status{font-size:12px;max-width:155px;margin:0;order:2}
 button{padding:16px 20px;gap:20px;min-width:145px}
 footer{left:22px;right:22px;bottom:23px;font-size:12px;letter-spacing:.5px;padding-top:15px}
 footer>span:first-child{display:none}
}
@media(prefers-reduced-motion:reduce){button{transition:none}}

/* The hall is the visual context; navigation and every word remain ordinary HTML. */
:root{--cream:#f2f6f3;--ink:#004f5a;--orange:#efa050;--muted:#c0d1d1}
button{min-height:44px;transition:background .16s}
button:hover:enabled{transform:none}
button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
header{gap:24px;flex-wrap:wrap}
header nav{display:flex;gap:6px;flex-wrap:wrap}
.text-button{background:transparent;color:var(--cream);min-width:0;padding:10px 12px;gap:12px;font-size:14px;font-weight:400;justify-content:center}
.text-button:hover:enabled{background:#ffffff12;text-decoration:underline;text-underline-offset:4px}
.actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
#status:empty{display:none}
#status{margin:0 0 8px}
.caption{max-width:55%;bottom:56px}
#scene-description{font-size:clamp(18px,1.6vw,24px);line-height:1.4;color:var(--cream)}
.skip-link{position:fixed;z-index:20;left:20px;top:10px;transform:translateY(-160%);background:var(--cream);color:var(--ink);padding:15px}
.skip-link:focus{transform:none}
body.inside .caption{display:none}
body.inside .actions{bottom:34px;right:40px;flex-direction:row;gap:6px;align-items:center}
/* Full-bleed, the hall puts a bright wall behind the chrome. Two soft scrims give
   the header and the controls something to sit on without boxing the view in. */
body.inside #experience::before,body.inside #experience::after{content:"";position:absolute;left:0;right:0;z-index:1;pointer-events:none}
body.inside #experience::before{top:0;height:150px;background:linear-gradient(#0b2326d9,#0b232600)}
body.inside #experience::after{bottom:0;height:150px;background:linear-gradient(#0b232600,#0b2326cc)}
body.inside #back{min-width:0;background:transparent;color:var(--cream);font-size:14px;padding:12px;gap:14px}
body.inside footer{display:flex;left:40px;right:40px;bottom:46px;border:0;padding:0}
body.inside footer #hint{display:none}
.case-button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:transparent;color:var(--cream);width:100%;min-width:0;text-align:left;border:1px solid transparent;border-left:2px solid #ffffff30;border-radius:0;padding:12px 13px;margin:6px 0;font-weight:400;line-height:1.4}
.case-button:hover:enabled,.case-button.is-highlighted{background:#ffffff09;border-left-color:var(--orange)}
.case-client{font-size:12px;color:var(--muted)}
.case-name{font-size:16px}
.case-state{font-size:12px;color:var(--orange)}

/* Each case study is a row of the cabinet that holds it, and the category names
   the cabinet it sits above. Both are ordinary buttons, tracked to the geometry
   by main.js, so the hall is navigable by pointer and by keyboard alike. */
#rack-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.rack-title,.rack-row{position:absolute;background:transparent;border-radius:0;min-width:0;min-height:0;font-weight:400;text-align:left;pointer-events:auto;transition:background .16s,border-color .16s,color .16s}
/* These two carry their own placement transform. Repeating it on :hover keeps the
   blanket button:hover rule from dropping it — which would slide the label out
   from under the pointer and flicker it straight back. */
.rack-title,.rack-title:hover:enabled{transform:translate(-50%,-100%)}
.rack-row,.rack-row:hover:enabled{transform:translate(-50%,-50%)}
.rack-title{display:flex;align-items:baseline;justify-content:flex-start;gap:9px;padding:7px 2px;margin-bottom:6px;color:var(--orange);border-bottom:1px solid #efa0504d}
.rack-title:hover:enabled{background:#efa0501a}
.rack-title.is-active{border-bottom-color:var(--orange)}
.rack-title.is-active .rack-name{font-weight:700}
.rack-number{flex:0 0 auto;font-size:12px;letter-spacing:1.4px;color:var(--orange)}
.rack-name{font-size:14px;line-height:1.25;letter-spacing:-.3px;color:var(--orange)}
/* One pill per case study, floating at the row of the cabinet it belongs to. */
.rack-row{display:inline-flex;align-items:center;justify-content:flex-start;gap:11px;width:max-content;padding:7px 14px;border-radius:100px;color:var(--cream);background:#0b1f23e6;border:1px solid #ffffff2b;box-shadow:0 8px 22px #04161a5c}
.rack-row:hover:enabled,.rack-row.is-highlighted{background:#11333a;border-color:var(--orange);color:var(--orange)}
.rack-row-name{min-width:0;font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rack-row-state{flex:0 0 auto;font-size:10.5px;letter-spacing:.6px;color:var(--orange)}
#rack-hint{position:absolute;bottom:96px;left:40px;max-width:min(560px,calc(100% - 80px));padding:11px 15px;background:#143b40f5;border:1px solid #efa05080;border-radius:3px;color:var(--cream);font-size:14px;line-height:1.5;pointer-events:none}
#reading-panel{position:fixed;inset:0 0 0 auto;margin:0;width:min(720px,100%);max-width:100%;height:100dvh;max-height:100dvh;padding:0;border:0;background:var(--cream);color:var(--ink);overflow:auto;overscroll-behavior:contain;box-shadow:-16px 0 70px #001d2460}
#reading-panel::backdrop{background:#001d2499}
body.panel-open{overflow:hidden}
.panel-toolbar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--cream);border-bottom:1px solid #d8e2de;padding:14px 28px}
.panel-toolbar .text-button{color:var(--ink);font-size:16px}
.panel-toolbar .text-button:hover{background:#004f5a0a}
#panel-close{margin-left:auto}
#panel-close span{font-size:28px;font-weight:400;line-height:1}
#panel-content{padding:32px 48px 64px;font-size:16px;line-height:1.75}
#panel-content .eyebrow{color:#596d70;font-size:12px;letter-spacing:1.2px}
#panel-content h2{font-size:clamp(28px,3vw,38px);font-weight:400;letter-spacing:-1px;line-height:1.17;margin:12px 0 20px;scroll-margin-top:90px;outline:none}
#panel-content h3{font-size:18px;line-height:1.4;margin:0 0 10px;font-weight:700}
#panel-content p{margin:0 0 20px}
#panel-content .panel-client{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;color:#486c71;margin-bottom:32px}
.panel-badge{font-size:14px;background:#fae4d3;padding:3px 10px;color:#794223;border-radius:2px}
.panel-lead{font-size:18px;line-height:1.65}
.panel-message{font-size:26px;line-height:1.35;padding:22px;background:#004f5a;color:var(--cream);border-left:4px solid var(--orange)}
.case-section,.about-area{margin:26px 0}
.case-outcome{background:#e2eeea;border-left:3px solid #37777f;padding:20px 24px;margin:30px 0}
#panel-content .case-outcome p{margin:0}
#panel-content blockquote{margin:28px 0;border-left:2px solid #dd6236;padding:0 0 0 22px;color:#46676c;font-size:16px}
#panel-content a{color:var(--ink);text-underline-offset:4px}
.placeholder-note{border:1px dashed #768c8a;padding:22px;color:#536c70;margin-top:26px}
.directory-group{margin:32px 0;border-top:1px solid #cadbd6;padding-top:24px}
.directory-group .case-button{color:var(--ink);border-left-color:#b9d0ca}
.directory-group .case-button:hover{background:#e6eeea;border-left-color:#ad4827}
.directory-group .case-client{color:#516b6f}
.directory-group .case-state{color:#8b4525}
.customer-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.customer-list li{border-top:1px solid #d0dfd9;padding:13px 0;line-height:1.45}
@media(max-width:1000px){
 header{left:26px;right:26px}
 body.inside footer,body.inside .actions,#rack-hint{left:26px}
 body.inside footer{right:26px}
 body.inside .actions{left:auto;right:26px}
}
@media(max-width:720px){
 header{top:20px;left:20px;right:20px;gap:10px}
 .brand-logo{height:23px}.client{font-size:14px}
 header nav{width:100%;gap:0;justify-content:space-between}
 header .text-button{padding:8px 0;font-size:14px}
 .caption{left:22px;right:22px;bottom:150px;max-width:none}
 #scene-description{font-size:18px}
 .actions{left:22px;right:22px;bottom:26px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px;text-align:left}
 #status{order:3;width:100%;max-width:none;font-size:14px}
 #start{min-width:130px;padding:14px 20px}
 #browse{font-size:14px;padding:10px 6px}
 footer{left:22px;right:22px;bottom:23px}
 body.inside .actions{bottom:24px;right:22px}
 body.inside footer{left:22px;right:22px;bottom:32px}
 body.inside footer>span:first-child{display:block}
 #rack-hint{left:22px;bottom:80px;max-width:calc(100% - 44px)}
 .rack-name{font-size:13.5px}
 .panel-toolbar{padding:10px 14px}
 #panel-content{padding:26px 24px 48px}
 #panel-content h2{font-size:30px}
 .customer-list{grid-template-columns:1fr}
}
@media(max-width:360px){
 .brand-divider{margin:0 12px}
 header .text-button{font-size:13px}
 #panel-content{padding-left:18px;padding-right:18px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* ── Narrative spine ───────────────────────────────────────────────────────────
   Introduction, About and Customers are the walk-in, not a utility menu. The
   scene dims as the camera closes on the door, handing the frame to the words. */
#scrim{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;background:linear-gradient(100deg,#0b2326f7 0%,#0b2326e3 40%,#0b23265c 100%);transition:opacity .7s ease}
body.chapter-case #scrim{opacity:.78}
body.chapter-threshold #scrim{opacity:1}
body.inside #scrim{opacity:0}

/* The rail carries the sequence and still allows a jump in any order. */
#chapter-rail{display:flex;align-items:stretch;gap:0}
.chapter-button{position:relative;background:transparent;color:#9bb6b7;min-width:0;min-height:0;padding:10px 15px;gap:9px;font-size:14px;font-weight:400;justify-content:flex-start;border-radius:0;transition:color .25s}
.chapter-button+.chapter-button{border-left:1px solid #ffffff1f}
.chapter-button::after{content:"";position:absolute;left:15px;right:15px;bottom:1px;height:1px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.chapter-button:hover:enabled{color:var(--cream);background:#ffffff0f}
.chapter-button.is-done{color:#cfe0de}
.chapter-button[aria-current=step]{color:var(--cream)}
.chapter-button[aria-current=step]::after{transform:scaleX(1)}
.chapter-button:disabled{opacity:.4;cursor:not-allowed}
.chapter-number{font-size:12px;letter-spacing:1.2px;color:var(--orange)}
.chapter-button.is-done .chapter-number{color:#79a0a1}
.chapter-button:not(.is-done):not([aria-current=step]) .chapter-number{color:#6f9496}

/* The stage is the caption slot doing real work. */
#stage>*{animation:rise .42s ease}
#stage>:nth-child(2){animation-duration:.54s}
#stage>:nth-child(3){animation-duration:.66s}
#stage>:nth-child(4){animation-duration:.78s}
@keyframes rise{from{opacity:0;transform:translateY(16px)}}
.stage-title{font-weight:400;font-size:clamp(34px,3.9vw,60px);letter-spacing:-2.2px;line-height:1.06;margin:0 0 16px;outline:none}
.stage-lead{font-size:clamp(18px,1.6vw,24px);line-height:1.4;color:var(--cream);margin:0 0 20px}
.stage-note{font-size:15px;line-height:1.55;color:var(--muted);margin:0;max-width:430px}
.stage-body{font-size:16px;line-height:1.65;color:#cddedd;margin:0;max-width:540px}
.stage-row{display:flex;align-items:center;gap:14px 26px;flex-wrap:wrap;margin-top:28px}
#stage button{pointer-events:auto}
.stage-link{background:transparent;color:var(--cream);min-width:0;min-height:0;padding:9px 0;gap:9px;font-size:14px;font-weight:400;justify-content:flex-start;border-radius:0;border-bottom:1px solid #ffffff40}
.stage-link::after{content:"→";color:var(--orange)}
.stage-link:hover:enabled{background:transparent;color:var(--orange);border-bottom-color:var(--orange)}

/* Three beats of argument, one at a time, while the camera closes in. */
.beats{display:flex;align-items:center;gap:8px}
.beat{position:relative;background:transparent;min-width:0;min-height:0;width:36px;height:28px;padding:0;border-radius:0}
.beat::after{content:"";position:absolute;inset:12px 0;background:#ffffff33;border-radius:2px;transition:background .25s}
.beat:hover:enabled{background:transparent}
.beat:hover:enabled::after{background:#ffffff6b}
.beat[aria-current=true]::after{background:var(--orange)}

/* The threshold: who we are, sized to be read at a glance. */
body.chapter-threshold .caption{left:40px;right:40px;top:124px;bottom:250px;max-width:none;display:grid;grid-template-columns:minmax(0,395px) minmax(0,1fr);gap:24px 54px;align-content:center;overflow:auto;scrollbar-width:thin;scrollbar-color:#5b8185 transparent}
body.chapter-threshold .stage-title{font-size:clamp(29px,3vw,45px);letter-spacing:-1.6px}
body.chapter-threshold .stage-body{margin-bottom:6px}
.threshold-lead{align-self:center}
.area-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;align-self:center;background:#ffffff1f;border:1px solid #ffffff1f}
.area{background:#0e2b2fd9;padding:19px 21px}
.area-title{font-size:16px;font-weight:700;line-height:1.3;letter-spacing:0;margin:0 0 8px}
.area-body{font-size:13.5px;line-height:1.55;color:var(--muted);margin:0}

/* Proof sits directly beneath the claim it backs, read as scale not as a list. */
#proof{position:absolute;z-index:3;left:0;right:0;bottom:188px;display:flex;align-items:center;gap:26px;padding:15px 40px 0;border-top:1px solid #ffffff24;animation:rise .6s ease}
.proof-label{flex:0 0 auto;max-width:252px;margin:0;font-size:12px;letter-spacing:1.8px;line-height:1.5;color:var(--orange)}
.proof-window{flex:1 1 auto;overflow:hidden;display:flex;flex-direction:column;gap:16px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 70%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 70%,transparent)}
.proof-track{display:flex;width:max-content;animation:drift 80s linear infinite}
/* The second row is longer, so it takes proportionally longer to travel the same
   distance — both rows drift at the same speed, in opposite directions. */
.proof-track+.proof-track{animation-duration:98s;animation-direction:reverse}
.proof-list{display:flex;align-items:center;list-style:none;margin:0;padding:0}
.proof-list li{flex:0 0 auto;display:flex;align-items:center;margin-right:30px}
/* The logos arrive in every polarity — dark art, white art, full colour. Flattening
   them to one cream silhouette is the only treatment that keeps all of them legible
   on the dark scene, and it reads as a deliberate wall rather than a pasted set. */
.proof-logo{display:block;height:34px;width:150px;object-fit:contain;object-position:center;filter:brightness(0) invert(1);opacity:.82}
/* Boxed lockups carry type reversed out of a panel. Flattened they would read as a
   solid block, so they stay as drawn — inverted where the panel is the light half. */
.proof-logo-plain{filter:none;opacity:.95}
.proof-logo-invert{filter:invert(1);opacity:.95}
#proof .stage-link{flex:0 0 auto}
@keyframes drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media(max-width:1040px){
 .chapter-label{display:none}
 .chapter-button{padding:10px 13px}
 body.chapter-threshold .caption{grid-template-columns:1fr;align-content:start;gap:20px}
 .area-grid{align-self:start}
}
@media(max-width:720px){
 #chapter-rail{width:100%;justify-content:space-between}
 .chapter-label{display:block;font-size:13px}
 .chapter-button{flex-direction:column;align-items:flex-start;gap:3px;padding:8px 0;flex:1 1 0;min-width:0}
 .chapter-button+.chapter-button{border-left:0}
 .chapter-button::after{left:0;right:8px}
 .chapter-number{font-size:11px}
 .stage-note,.stage-body{font-size:15px}
 .stage-row{margin-top:20px}
 body.chapter-threshold .caption{top:152px;bottom:238px;gap:16px}
 .area-grid{grid-template-columns:1fr 1fr}
 .area{padding:13px 14px}
 .area-title{font-size:14px;margin-bottom:5px}
 .area-body{font-size:12.5px;line-height:1.5}
 #proof{bottom:176px;padding:12px 22px 0;flex-wrap:wrap;gap:9px 16px}
 .proof-label{flex:1 1 100%;max-width:none;font-size:11px;letter-spacing:1.2px}
 .proof-list li{margin-right:22px}
 .proof-logo{height:28px;width:120px}
}
@media(max-height:720px){
 .actions{bottom:28px}
 #proof{bottom:166px}
 body.chapter-threshold .caption{top:110px;bottom:226px}
 .area{padding:14px 16px}
 .area-body{font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){
 #stage>*,#proof{animation:none}
 .proof-track{animation:none}
 .proof-window{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
}

/* ── Simple mode ───────────────────────────────────────────────────────────────
   Small screens get the same argument as an ordinary document on a light reading
   surface. Class-driven, not a media query, so CSS and JS agree on one rule.
   Plain divs for the header and footer keep the absolutely-positioned chrome of
   the 3D layout from applying here. */
body.simple{background:var(--cream)}
body.simple .skip-link{display:none}
#simple{background:var(--cream);color:var(--ink);min-height:100svh;padding-bottom:56px;max-width:720px;margin:0 auto}
.simple-note{background:#0e2b2f;color:var(--cream);padding:15px 20px;border-bottom:3px solid var(--orange);display:flex;flex-direction:column;gap:5px}
.simple-note strong{font-size:15px;line-height:1.35}
.simple-note span{font-size:13.5px;line-height:1.55;color:#b7cdce}
.simple-head{background:#143b40;color:var(--cream);padding:20px}
.simple-head .brand-logo{height:23px}
#simple .eyebrow{color:#8b4525;margin:0 0 10px;font-size:11.5px}
.simple-hero{padding:30px 20px 8px}
.simple-hero h1{font-size:clamp(28px,7.4vw,36px);letter-spacing:-1.2px;line-height:1.14;font-weight:400;margin:0 0 16px;color:var(--ink)}
.simple-lead{font-size:16.5px;line-height:1.6;color:#3c6169;margin:0}
.simple-section{padding:34px 20px 0;border-top:1px solid #d3e0dc;margin-top:34px}
.simple-section h2{font-size:25px;font-weight:400;letter-spacing:-.7px;line-height:1.2;margin:0 0 18px;color:var(--ink)}
.simple-section h3{font-size:17px;font-weight:700;line-height:1.35;margin:28px 0 8px}
.simple-section p{font-size:15.5px;line-height:1.65;margin:0 0 14px;color:#26474d}
.simple-group-intro{color:#3c6169}
.simple-customers{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.simple-customers li{border-top:1px solid #d3e0dc;padding:10px 0;font-size:14.5px;line-height:1.4}
.simple-case{border-left:2px solid #bdd2cc;padding:2px 0 2px 16px;margin:22px 0 26px}
.simple-client{display:flex;flex-wrap:wrap;align-items:center;gap:7px 14px;font-size:13px;color:#4d7076;margin:0 0 4px!important}
.simple-badge{background:#fae4d3;color:#794223;padding:2px 9px;border-radius:2px;font-size:12.5px}
.simple-case h4{font-size:18px;font-weight:700;line-height:1.35;margin:0 0 14px;color:var(--ink)}
.simple-part{margin:0 0 14px}
.simple-part h5{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:#6b4a2e;margin:0 0 5px;font-weight:700}
.simple-pending{color:#6b7f82;font-style:italic}
.simple-case blockquote{margin:16px 0;border-left:2px solid #dd6236;padding:0 0 0 14px;color:#46676c;font-size:14.5px;line-height:1.6}
.simple-case a{color:var(--ink);font-size:15px;text-underline-offset:4px;display:inline-block;margin-top:4px}
.simple-foot{margin-top:40px;padding:22px 20px 0;border-top:1px solid #d3e0dc;font-size:12px;letter-spacing:1.8px;color:#5d7b7e}