@charset "UTF-8";
:root{color-scheme:dark;--bg:#0c111b;--surface:#151e2c;--text:#edf4ff;--muted:#a9b8ce;--line:#303e54;--accent:#82b8ff;--ink:#102037;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body,button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{background:var(--accent);color:var(--bg)}.wrap{width:min(var(--max),calc(100% - 112px));margin-inline:auto}.skip{position:fixed;top:10px;left:10px;z-index:10;transform:translateY(-200%);background:var(--accent);color:var(--ink);padding:12px 20px}.skip:focus{transform:none}.brand{display:flex;gap:20px;align-items:center}.monogram{font-size:3rem;line-height:1;font-weight:800;letter-spacing:-.09em}.monogram span{color:var(--accent)}.brand-name{font-size:.75rem;font-weight:700;letter-spacing:.12em;line-height:1.45}.hero{padding-top:44px}.eyebrow,.section-number,.micro-label{font-family:"Courier New",monospace;font-size:.8125rem;text-transform:uppercase;letter-spacing:.075em;font-weight:400}.hero-eyebrow{display:flex;justify-content:space-between;color:var(--muted);gap:20px}.hero h1{font-size:clamp(5.3rem,12.5vw,11.6rem);font-weight:800;line-height:.92;letter-spacing:-.075em;margin:52px 0 47px;max-width:100%;position:relative}.hero h1>span:first-of-type{color:var(--accent)}.hero-period{color:var(--accent)}.hero-bottom{display:grid;grid-template-columns:1.2fr 1fr;align-items:start;gap:60px;margin-bottom:54px}.hero-statement{font-size:clamp(1.8rem,3vw,2.75rem);line-height:1.2;letter-spacing:-.025em;margin:0}em{font-family:Georgia,"Times New Roman",serif;font-weight:400}p{margin:0 0 22px}.hero-intro{max-width:410px;margin-left:auto}.hero-intro>p{font-size:1.0625rem;line-height:1.7;color:var(--muted);margin:0 0 20px}.text-link{display:inline-flex;align-items:center;gap:40px;font-size:.875rem;padding:10px 0;border-bottom:1px solid var(--accent)}.text-link span{font-size:1.25rem;color:var(--accent)}.text-link:hover{color:var(--accent)}.hero-foot{display:flex;justify-content:space-between;gap:24px;padding:23px 0;border-block:1px solid var(--line);font-size:.8125rem;color:var(--muted)}.hero-foot span:last-child{color:var(--text)}.section{padding-block:112px}.section-heading h2{font-size:clamp(2.2rem,4vw,3.75rem);line-height:1.1;letter-spacing:-.045em;font-weight:500;margin:28px 0}.section-number{color:var(--muted)}.section-heading>p{font-size:1rem;color:var(--muted);max-width:400px}.profile{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.profile-copy{padding-top:50px}.profile-copy p{color:var(--muted);font-size:1rem;line-height:1.85}.profile-copy .lead{font-size:1.4rem;line-height:1.55;color:var(--text);margin-bottom:29px;letter-spacing:-.015em}.journey{border-top:1px solid var(--line);padding-top:24px;margin-top:35px;display:flex;gap:32px;flex-wrap:wrap}.journey>.micro-label{width:100%;color:var(--muted);margin-bottom:-17px}.journey>div{display:flex;flex-direction:column}.journey>div>span{font-size:.8125rem;color:var(--muted)}.journey strong{font-size:.9375rem;font-weight:500;margin-top:3px}.expertise-section{background:var(--text);color:var(--ink);padding-block:96px 86px}.expertise-section .section-number,.expertise-section .section-heading>p{color:#5c636c}.expertise-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:70px}.expertise-heading .section-number{grid-column:1/-1}.expertise-heading h2{margin-bottom:45px}.expertise-heading>p{align-self:center;margin:18px 0 18px auto;max-width:360px}.expertise-row{display:grid;grid-template-columns:42px 1.4fr .8fr;gap:24px;border-top:1px solid #b6bdc7;padding:32px 0}.expertise-row:last-child{border-bottom:1px solid #b6bdc7}.row-index{color:#5d6774;font-family:"Courier New",monospace;font-size:.8125rem;padding-top:5px}.expertise-row h3{margin:0 0 12px;font-size:1.375rem;font-weight:500;letter-spacing:-.025em;line-height:1.3}.expertise-row p{font-size:.9375rem;line-height:1.75;color:#49505b;margin:0;max-width:535px}.expertise-row .stack{font-size:.8125rem;font-family:"Courier New",monospace;line-height:1.8;padding:6px 0 0 24px;color:#495360;align-self:center}.projects-heading{position:relative;margin-bottom:40px}.projects-heading>p{position:absolute;right:0;bottom:0;max-width:365px;margin-bottom:2px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project{padding:36px;display:flex;flex-direction:column;min-width:0;border:1px solid var(--line)}.project-lab{background:var(--surface)}.project-writing{background:#1f2225}.project-top{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:52px;color:var(--muted)}.project-status{font-size:.75rem;border:1px solid #4b515a;border-radius:24px;padding:4px 10px;white-space:nowrap}.project-type{font-size:4.7rem;line-height:1.2;letter-spacing:-.06em;margin-bottom:55px;color:var(--accent)}.project-type>span{font-family:"Courier New",monospace;font-size:1rem;letter-spacing:-.02em}.project h3{font-size:1.3rem;font-weight:500;line-height:1.35;letter-spacing:-.025em;margin:0 0 17px}.project>p{font-size:.9375rem;color:var(--muted);line-height:1.8;margin-bottom:30px}.project-tags{margin-top:auto;display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.75rem}.project-tags>span+span:before{content:"/";display:inline-block;margin-right:14px;color:#606772}.book-title{font-size:2.7rem;line-height:.97;letter-spacing:-.035em;margin-top:-3px;margin-bottom:33px}.book-title>span{display:block;margin-top:18px;font-family:"Courier New",monospace;letter-spacing:0;font-size:.75rem;line-height:1.5;color:var(--muted)}.contact-section{background:var(--accent);color:var(--ink);padding-block:76px}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.contact-section .section-number{color:#2d4363}.contact-section h2{font-size:clamp(2.75rem,4.5vw,4.3rem);font-weight:500;letter-spacing:-.05em;line-height:1.05;margin:24px 0}.contact-section p{font-size:1rem;line-height:1.7;color:#2c3d54;margin-bottom:0}.contact-actions{margin-left:auto;max-width:100%;min-width:0}.contact-email{font-size:clamp(1rem,1.85vw,1.7rem);letter-spacing:-.035em;display:flex;align-items:center;gap:25px;padding:16px 0;border-bottom:1px solid #456a9e;overflow-wrap:anywhere}.contact-email span{font-size:1.7rem;flex-shrink:0}.contact-email:hover{color:#133565}.contact-section a:focus-visible,.contact-section button:focus-visible{outline-color:var(--ink)}.copy-email{padding:15px 0;display:inline-flex;align-items:center;gap:10px;font-size:.875rem;color:#212e41;background:none;border:none;cursor:pointer;min-height:48px}.copy-email:hover span{text-decoration:underline}.copy-feedback{display:block;font-size:.8125rem;min-height:1.5em;color:#212e41}.footer{display:flex;gap:24px;justify-content:space-between;align-items:center;min-height:126px;font-size:.8125rem;color:var(--muted)}.footer-name{font-weight:700;color:var(--text);letter-spacing:.08em}.back-top{padding-block:16px;display:flex;gap:16px;align-items:center}.footer a:hover{color:var(--accent)}
@media(min-width:1600px){.hero h1{font-size:12.75rem}}
@media(max-width:1050px){.wrap{width:calc(100% - 72px)}.profile{gap:55px}.hero-bottom{gap:40px}.hero-intro{max-width:360px}.expertise-row{grid-template-columns:30px 1.5fr 1fr;gap:18px}.expertise-row .stack{padding-left:6px}.projects-heading>p{position:static;max-width:480px}.project{padding:28px}.project-top{flex-wrap:wrap;margin-bottom:40px}.project-type{margin-bottom:50px}.contact-inner{gap:30px}.contact-email{gap:12px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.brand{gap:13px}.monogram{font-size:2.5rem}.brand-name{font-size:.75rem}.hero{padding-top:25px}.hero-eyebrow{font-size:.75rem;letter-spacing:.02em;flex-wrap:wrap;gap:8px}.location{color:#8b9199}.hero h1{font-size:clamp(3rem,14.2vw,6.2rem);margin:37px 0 35px;line-height:.97;letter-spacing:-.055em}.hero-bottom{grid-template-columns:1fr;gap:25px;margin-bottom:33px}.hero-statement{font-size:2rem}.hero-intro{margin-left:0;max-width:100%}.hero-intro>p{font-size:1rem;max-width:440px;margin-bottom:12px}.hero-foot{flex-direction:column;gap:5px;font-size:.8125rem;padding-block:18px}.section{padding-block:68px}.profile{display:block}.section-heading h2{font-size:2.5rem;margin:23px 0 27px}.profile-copy{padding-top:4px}.profile-copy .lead{font-size:1.25rem}.profile-copy p{line-height:1.75}.journey{margin-top:29px}.expertise-section{padding-block:65px}.expertise-heading{display:block}.expertise-heading h2{margin-bottom:22px}.expertise-heading>p{margin:0 0 33px;max-width:100%}.expertise-row{grid-template-columns:24px 1fr;gap:13px;padding-block:27px}.expertise-row h3{font-size:1.3rem;line-height:1.4}.expertise-row p{font-size:1rem}.expertise-row .stack{grid-column:2;padding:0;margin-top:5px;font-size:.8125rem}.project-grid{grid-template-columns:1fr;gap:20px}.projects-heading{margin-bottom:32px}.projects-heading h2{margin-bottom:22px}.project{padding:26px}.project-top{margin-bottom:35px}.project-type{font-size:4.5rem;margin-bottom:32px}.book-title{font-size:2.7rem;margin-top:4px;margin-bottom:31px}.project h3{font-size:1.35rem}.project>p{font-size:1rem}.project-tags{font-size:.75rem;gap:11px}.project-tags>span+span:before{margin-right:11px}.contact-section{padding-block:56px}.contact-inner{grid-template-columns:1fr;gap:24px}.contact-section h2{font-size:3.2rem}.contact-actions{margin-left:0;width:100%}.contact-email{font-size:clamp(1rem,5.1vw,1.55rem);justify-content:space-between;gap:10px;letter-spacing:-.03em}.footer{padding-block:30px;flex-wrap:wrap;gap:12px;font-size:.8125rem}.footer>span{width:100%;order:3}.back-top{margin-left:auto;padding-block:9px}}
.hero-identity{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,.8fr);gap:55px;align-items:center;margin:44px 0}.hero .hero-identity h1{font-size:clamp(3rem,9vw,8.6rem);margin:0;letter-spacing:-.06em;line-height:.97}.hero-visual{margin:0;min-width:0;aspect-ratio:6/5;overflow:hidden;background:#1a1c20}.hero-visual img{display:block;width:100%;height:100%;object-fit:cover}.profile-visual{margin:35px 0 0;max-width:440px;aspect-ratio:16/9;overflow:hidden;background:#1a1c20}.profile-visual img{width:100%;height:100%;object-fit:cover;display:block}.expertise-row .stack{font-size:.875rem;overflow-wrap:anywhere}.expertise-row p:not(.stack){font-size:1rem}.contact-section{background:#9ce8ff}
h1,h2,h3{overflow-wrap:anywhere}
@media(max-width:1050px){.hero-identity{gap:30px;grid-template-columns:minmax(0,1.5fr) minmax(200px,.8fr)}.hero .hero-identity h1{font-size:clamp(3rem,8.7vw,6.5rem)}}
@media(max-width:700px){.hero-identity{display:block;margin:33px 0}.hero .hero-identity h1{font-size:clamp(2rem,14.2vw,6.2rem);margin:0 0 28px}.hero-visual{aspect-ratio:2.2/1;max-height:250px}.profile-visual{max-width:none;margin:25px 0 28px}.profile-visual img{object-position:center 62%}.expertise-row .stack{font-size:.875rem}}
/* The illustration belongs to the competency being read, not the page background. */
:root{--expertise-anchor:24px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.reading-progress{position:fixed;inset:0 0 auto;height:3px;z-index:20;pointer-events:none}
.reading-progress>span{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}
.hero-visual,.profile-visual{border:1px solid var(--line)}
.hero-visual img{transition:transform .35s ease}
.hero-visual:hover img{transform:scale(1.035)}
.text-link span{transition:transform .2s ease}
.text-link:hover span{transform:translateY(4px)}
.expertise-section{background:radial-gradient(ellipse at 5% 18%,rgba(56,70,90,.12),transparent 45%),#121519;color:var(--text);border-block:1px solid var(--line)}
.expertise-section .section-number{color:var(--accent)}
.expertise-section .section-heading>p{color:var(--muted)}
.explore-intro{border-top:1px solid var(--line);padding-top:22px;margin-bottom:36px;font-size:.875rem}
.explore-intro>span{color:var(--muted);margin-left:12px}
.expertise-explorer{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,88px);align-items:start}
.expertise-scene{position:sticky;top:24px;min-width:0;background:#121519;z-index:3;align-self:start}
.scene-figure{margin:0}
.scene-stage{position:relative;aspect-ratio:4/3;max-height:48svh;overflow:hidden;background:#0c0e12;border:1px solid #343a43}
.scene-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,12,17,.2),transparent 45%,rgba(9,12,17,.3));pointer-events:none}
.scene-layer{position:absolute;inset:0;opacity:0;transition:opacity .22s ease-out;--scene-pan:0px;--scene-scale:1.03}
.scene-layer.is-active{opacity:1}
.scene-layer img{width:100%;height:100%;object-fit:cover;object-position:60% center;opacity:.7;transform:translateY(var(--scene-pan)) scale(var(--scene-scale))}
.scene-network img{object-position:center 42%}
.scene-mail img{object-position:28% center;--scene-scale:1.22;filter:saturate(.6)}
.scene-teams img{object-position:80% center;--scene-scale:1.05}
.scene-continuity img{object-position:90% center;--scene-scale:1.2}
.scene-symbol{position:absolute;bottom:22px;left:22px;width:72px;height:72px;padding:10px;background:rgba(13,18,24,.76);border:1px solid rgba(130,184,255,.28);border-radius:14px;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.scene-corner{position:absolute;left:20px;top:17px;z-index:1;font:11px "Courier New",monospace;letter-spacing:.12em;color:#d8dde3}
.scene-meter{position:absolute;inset:auto 0 0;height:3px;background:rgba(237,244,255,.15);z-index:1}
.scene-meter>span{display:block;height:100%;background:var(--accent);transform:scaleX(.125);transform-origin:left}
.scene-caption{display:flex;gap:20px;align-items:start;padding:22px 0 18px;min-height:106px}
.scene-count{font:12px "Courier New",monospace;color:var(--accent);white-space:nowrap;padding-top:5px}
.scene-title{display:block;font-size:clamp(1rem,1.7vw,1.4rem);font-weight:500;line-height:1.3;letter-spacing:-.025em}
.scene-kicker{display:block;color:var(--muted);font-size:.8125rem;margin-top:6px}
.expertise-nav{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}
.expertise-nav>a{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--line);font:12px "Courier New",monospace;color:var(--muted);transition:background .18s,color .18s,border-color .18s}
.expertise-nav>a:hover,.expertise-nav>a:focus-visible{color:var(--text);border-color:var(--accent);background:#222830}
.expertise-nav>a[aria-current="location"]{color:var(--ink);background:var(--accent);border-color:var(--accent)}
.expertise-nav>a:focus-visible{outline-offset:2px}
.scene-next{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;min-height:48px;font-size:.8125rem;color:var(--muted)}
.scene-next>span:last-child{font-size:1.2rem;color:var(--accent);transition:transform .18s}
.scene-next:hover{color:var(--text)}
.scene-next:hover>span:last-child{transform:translateY(3px)}
.expertise-list{min-width:0}
.expertise-row{position:relative;grid-template-columns:30px minmax(0,1fr);gap:18px;padding:42px 0 48px;min-height:390px;min-height:55svh;align-content:center;scroll-margin-top:var(--expertise-anchor);border-color:var(--line);transition:border-color .2s}
.expertise-row:last-child{border-color:var(--line)}
.expertise-row::before{content:"";position:absolute;left:0;top:-1px;width:70px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .22s}
.expertise-row.is-active::before{transform:scaleX(1)}
.expertise-row h3{color:var(--text);font-size:clamp(1.4rem,2.25vw,1.9rem);line-height:1.25;margin-bottom:20px}
.expertise-row p{color:var(--muted)}
.expertise-row .row-index{color:var(--accent);padding-top:7px}
.expertise-row .stack{grid-column:2;padding:14px 0 0;border-top:1px solid var(--line);margin-top:4px;color:#afbccd;font-size:.8125rem}
.project{transition:transform .25s,border-color .25s}
.project:hover{transform:translateY(-4px);border-color:#67778e}
.book-link{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px;padding:16px 18px;border:1px solid #6a85ab;background:rgba(130,184,255,.06);font-size:.875rem;line-height:1.5;transition:background .2s,color .2s}
.book-link>span[aria-hidden]{font-size:1.3rem;color:var(--accent)}
.book-link:hover{background:var(--accent);color:var(--ink)}
.book-link:hover>span[aria-hidden]{color:var(--ink)}
.reveal-in{animation:reveal-in .4s ease-out}
.case-studies{border-bottom:1px solid var(--line)}
.cases-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:50px;margin-bottom:44px}
.cases-heading h2{margin-bottom:0}
.cases-heading>p{margin:0 0 3px auto;max-width:380px}
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.case-study{padding:32px;border:1px solid #424c5a;background:linear-gradient(145deg,rgba(130,184,255,.05),transparent 55%),var(--surface);min-width:0}
.case-cloud{background:linear-gradient(145deg,rgba(139,203,223,.07),transparent 55%),var(--surface)}
.case-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.case-client{font-weight:700;font-size:1rem;letter-spacing:.02em;line-height:1.5;color:var(--accent)}
.case-cloud .case-client{color:#b0d9df}
.case-top .micro-label{font-size:.65rem;color:var(--muted)}
.case-study h3{font-size:clamp(1.55rem,2.5vw,2.1rem);line-height:1.2;letter-spacing:-.035em;font-weight:500;margin:0 0 22px}
.case-intro{color:var(--muted);font-size:.9375rem;line-height:1.8;margin-bottom:28px;min-height:135px}
.case-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:18px 0;border-block:1px solid var(--line)}
.case-map>div{min-width:0;border-left:2px solid #475a75;padding-left:10px}
.case-cloud .case-map>div{border-color:#4c7277}
.case-map dt{font-size:.6875rem;color:var(--muted);line-height:1.5;min-height:33px}
.case-map dd{font-size:.875rem;color:var(--text);margin:6px 0 0;line-height:1.4;overflow-wrap:anywhere}
.case-contribution{font:11px/1.8 "Courier New",monospace;color:#9eb3d0;margin:18px 0 24px;min-height:40px}
.case-cloud .case-contribution{color:#b0cdd1}
.case-details{border-top:1px solid var(--line)}
.case-details summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0 0;min-height:48px;cursor:pointer;list-style:none;font-size:.875rem;touch-action:manipulation}
.case-details summary::-webkit-details-marker{display:none}
.case-details summary:hover{color:var(--accent)}
.case-details summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.case-toggle{font-size:1.6rem;font-weight:400;line-height:1;color:var(--accent);transition:transform .18s}
.case-details[open] .case-toggle{transform:rotate(45deg)}
.case-detail-content{padding-top:28px}
.case-detail-content h4{font-size:.9375rem;font-weight:500;margin:0 0 9px}
.case-detail-content>p{font-size:.875rem;line-height:1.85;color:var(--muted);margin-bottom:23px}
.case-outcome{padding:19px 20px;background:rgba(130,184,255,.045);border-left:2px solid var(--accent)}
.case-outcome .micro-label{color:var(--accent);font-size:.65rem}
.case-outcome p{font-size:.875rem;line-height:1.8;margin:10px 0 0}
.cases-contact{margin-top:30px}
.case-feature{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:24px;background:linear-gradient(125deg,rgba(172,163,240,.08),transparent 60%),var(--surface)}
.case-feature .case-client{color:#cec7f3}
.case-feature .case-top{align-items:start;flex-direction:column;gap:8px}
.case-feature .case-intro{min-height:0}
.case-feature .case-contribution{min-height:0;margin-bottom:0;color:#c8c0e4}
.case-feature .case-map{padding-top:0;border-top:0}
.case-feature .case-map>div{border-color:#8b82b1}
.case-overview,.case-implementation{min-width:0}
.case-security{background:linear-gradient(125deg,rgba(112,140,179,.09),transparent 60%),var(--surface)}
.case-security .case-client{color:#b5c6df}
.case-security .case-contribution{color:#acb9cb}
.case-security .case-map>div{border-color:#73849d}
.project-grid{align-items:start}
.project-writing .project-top{margin-bottom:28px}
.book-display{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1fr);align-items:center;gap:22px;margin-bottom:30px}
.book-display .book-title{margin:0;font-size:clamp(1.5rem,2.5vw,2.25rem);line-height:1.05}
.book-display .book-title>span{font-size:.875rem;line-height:1.6;letter-spacing:0}
.book-cover{position:relative;aspect-ratio:716/1104;margin:0;overflow:hidden;background:#05080b;border:1px solid #4b5457;box-shadow:0 12px 28px rgba(0,0,0,.28)}
/* Display only the supplied cover, excluding the surrounding phone interface. */
.book-cover img{position:absolute;top:-18.56884058%;left:0;display:block;width:100%;height:auto;max-width:none}
.project-writing .book-tagline{font:italic 1.4rem/1.4 Georgia,"Times New Roman",serif;letter-spacing:-.02em}
.book-synopsis{border-block:1px solid var(--line);margin:-8px 0 26px}
.book-synopsis summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:50px;padding:12px 0;cursor:pointer;list-style:none;font-size:1rem;touch-action:manipulation}
.book-synopsis summary::-webkit-details-marker{display:none}
.book-synopsis summary:hover{color:var(--accent)}
.book-synopsis summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.book-synopsis[open] .case-toggle{transform:rotate(45deg)}
.book-synopsis-copy{padding:10px 0 0}
.book-synopsis-copy p{font-size:1rem;line-height:1.8;color:var(--muted);margin-bottom:22px}
@media(max-width:700px){.book-display .book-title{font-size:clamp(1.5rem,5vw,2.25rem)}}
@media(max-width:420px){
  .book-display{grid-template-columns:1fr;gap:24px}
  .book-cover{width:min(64%,200px);margin-inline:auto}
  .book-display .book-title{font-size:2rem;text-align:center}
}
@media(max-width:1050px){.case-study{padding:26px}.case-intro{min-height:162px}}
@media(max-width:850px){
  .case-grid{grid-template-columns:1fr}
  .case-feature{grid-template-columns:1fr;gap:28px}
  .cases-heading{display:block;margin-bottom:32px}
  .cases-heading>p{margin:24px 0 0;max-width:540px}
  .case-intro{min-height:0;max-width:630px}
  .case-contribution{min-height:0}
}
@media(max-width:700px){
  .case-study{padding:24px}
  .case-top{gap:10px;margin-bottom:24px}
  .case-map{gap:8px}
  .case-map>div{padding-left:8px}
  .case-map dd{font-size:.8125rem}
}
.contact-linkedin{display:flex;align-items:center;gap:10px;min-height:48px;width:fit-content;font-size:.875rem;color:#212e41}
.contact-linkedin:hover>span:nth-child(2){text-decoration:underline;text-underline-offset:4px}
.linkedin-mark{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:3px;background:var(--ink);color:#9ce8ff;font:bold 16px Arial,Helvetica,sans-serif;letter-spacing:-1px;padding-right:1px}
.footer-linkedin{display:inline-flex;align-items:center;gap:8px;min-height:44px}
.resources{padding-block:80px 68px}
.resources-heading{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin-bottom:38px}
.resources-heading h2{font-size:clamp(2rem,3.5vw,3rem);margin-bottom:0}
.resources-heading>p{margin:24px 0 0 auto;max-width:380px;font-size:.9375rem}
.resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.resource-group{min-width:0}
.resource-group h3{display:flex;align-items:baseline;gap:10px;margin:0;padding-bottom:18px;border-bottom:1px solid #4b5e79;font-size:.875rem;font-weight:500;line-height:1.4}
.resource-group h3>span{font:11px "Courier New",monospace;color:var(--accent)}
.resource-group ul{list-style:none;padding:0;margin:0}
.resource-group li{border-bottom:1px solid var(--line)}
.resource-group li>a{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:19px 0;min-height:138px;transition:color .18s}
.resource-group a>span:first-child{min-width:0}
.resource-group strong{display:block;font-size:.875rem;font-weight:500;line-height:1.5}
.resource-group a>span:first-child>span{display:block;font-size:.8125rem;line-height:1.65;margin-top:7px;color:var(--muted)}
.resource-group small{display:block;width:fit-content;margin-top:5px;font-size:.625rem;letter-spacing:.03em;color:#98b0d2;border:1px solid #37465c;padding:1px 6px;border-radius:3px}
.resource-arrow{flex-shrink:0;font-size:1rem;line-height:1.4;color:var(--accent);transition:transform .18s}
.resource-group a:hover strong{color:var(--accent)}
.resource-group a:hover .resource-arrow{transform:translate(2px,-2px)}
.footer{border-top:1px solid var(--line)}
@media(max-width:1100px){.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 44px}.resource-group li>a{min-height:112px}}
@media(max-width:700px){
  .resources{padding-block:60px 40px}
  .resources-heading{display:block;margin-bottom:30px}
  .resources-heading>p{margin:22px 0 0;max-width:none}
  .resource-grid{grid-template-columns:1fr;gap:32px}
  .resource-group li>a{min-height:unset;padding:16px 0}
  .resource-group strong{font-size:.9375rem}
  .resource-group a>span:first-child>span{font-size:.875rem;margin-top:4px}
  .footer-linkedin{margin-left:auto}
  .back-top{margin-left:0}
}
@keyframes reveal-in{from{opacity:.6;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:850px){
  :root{--expertise-anchor:260px}
  .expertise-explorer{display:block}
  .expertise-scene{top:0;padding:10px 0 0;margin-bottom:12px;border-bottom:1px solid var(--line)}
  .scene-stage{aspect-ratio:auto;height:clamp(116px,21svh,180px);max-height:none}
  .scene-layer img{object-position:center 55%}
  .scene-mail img{object-position:center 38%;--scene-scale:1.12}
  .scene-teams img{object-position:center 70%}
  .scene-caption{position:absolute;left:0;top:10px;right:0;height:clamp(116px,21svh,180px);min-height:0;align-items:end;padding:20px;gap:14px;background:linear-gradient(0deg,rgba(9,12,17,.93),rgba(9,12,17,.1) 85%);pointer-events:none}
  .scene-title{font-size:1.125rem;max-width:310px}
  .scene-count{padding:0 0 4px;align-self:end}
  .scene-kicker{font-size:.75rem;margin-top:4px}
  .scene-symbol{width:52px;height:52px;left:auto;right:14px;top:14px;bottom:auto;padding:8px;opacity:.65}
  .scene-corner{top:14px;left:20px;font-size:10px}
  .expertise-nav{margin-top:8px}
  .scene-next{padding-block:8px;min-height:38px}
  .expertise-row{padding:32px 0 40px;min-height:360px}
  .expertise-row h3{font-size:1.45rem}
  .explore-intro>span{display:block;margin:6px 0 0}
}
@media(max-width:850px) and (max-height:500px){
  .scene-stage,.scene-caption{height:88px}
  .scene-caption{padding:10px 16px}
  .scene-kicker,.scene-corner,.scene-next{display:none}
  .expertise-nav>a{min-height:36px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .scene-layer img,.hero-visual:hover img,.project:hover{transform:none!important}
}

/* Personal imagery: keep the face uncropped and the banner text legible. */
.hero-portrait{aspect-ratio:1;max-height:none;border-radius:18px}
.hero-portrait img{object-position:center;filter:grayscale(1);transition:none}
.hero-portrait:hover img{transform:none}
.profile{row-gap:44px}
.profile-banner{grid-column:1/-1;width:100%;margin:0;aspect-ratio:8/3;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#152438}
.profile-banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}
@media(max-width:700px){
  .hero-portrait{width:min(100%,360px);margin-inline:auto;aspect-ratio:1;max-height:none}
  .profile-banner{margin-top:32px;aspect-ratio:1.4}
}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:24px}
.primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;padding:13px 20px;background:var(--accent);color:#0c111b;font-size:.9375rem;font-weight:700;border:1px solid var(--accent);border-radius:5px;transition:background .18s}
.primary-link:hover{background:#aed0ff}
.hero-intro .text-link{font-size:.875rem}










.explore-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px}
.expertise-proof{grid-column:2;font-size:.875rem;color:var(--accent);display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:44px;padding-top:8px}
.expertise-proof:hover{text-decoration:underline;text-underline-offset:5px}
.case-study{scroll-margin-top:30px;min-width:0}
.case-evidence{padding:18px 0;border-block:1px solid var(--line);margin:24px 0}
.case-evidence p{font-size:1rem;line-height:1.65;color:var(--text);margin:8px 0 12px}
.case-evidence-result{display:block;color:var(--accent);font-size:.875rem;line-height:1.6}
.architecture-diagram{margin:24px 0 26px;padding:22px 18px;background:#0c0e12;border:1px solid #343a42;border-radius:8px;min-width:0}
.architecture-diagram figcaption{font-size:1rem;line-height:1.4;color:var(--text);margin:0 0 20px;font-weight:600}
.mapping-lane{display:grid;grid-template-columns:minmax(0,1.3fr) 20px minmax(0,1fr);gap:8px;align-items:center;padding:13px 0;font-size:.875rem;line-height:1.5}
.mapping-lane+.mapping-lane{border-top:1px solid #252b34}
.mapping-lane>span:first-child{color:#b3bac3}
.mapping-lane strong{font-weight:500;color:var(--accent);padding:8px;background:#1b2129;border:1px solid #364151;border-radius:4px;text-align:center;overflow-wrap:break-word}
.diagram-arrow{text-align:center;color:#8e98a6}
.diagram-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;position:relative}
.diagram-lane{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;text-align:center;min-width:0;font-size:.875rem;line-height:1.5}
.diagram-lane>span{color:#b3bac3}
.diagram-lane strong{display:block;min-height:48px;padding:12px 8px;background:#1b2129;border:1px solid #364151;border-radius:4px;font-size:.875rem;color:#adcefc;font-weight:500;overflow-wrap:break-word}
.diagram-shared,.diagram-root{position:relative;text-align:center;border:1px solid #465262;background:#171c22;padding:13px 10px;display:flex;flex-direction:column;gap:5px;line-height:1.5;font-size:.875rem}
.diagram-root{margin:0 auto 23px;max-width:250px}
.diagram-root::after{content:"";position:absolute;height:24px;width:1px;background:#637082;left:50%;top:100%}
.diagram-shared{margin-top:23px}
.diagram-shared::before{content:"";position:absolute;height:24px;width:1px;background:#637082;left:50%;bottom:100%}
.diagram-shared strong,.diagram-root strong{font-size:1rem;font-weight:600;color:var(--accent)}
.architecture-diagram .diagram-note{font-size:.875rem;line-height:1.5;color:#98a0ac;margin:18px 0 0}
.diagram-zones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:center}
.diagram-zones span{padding:12px 4px;border:1px solid #364151;font-size:.875rem;color:#c0c8d4;background:#1b2129;overflow-wrap:anywhere}
.outcome-branches{margin-top:20px;text-align:center;line-height:1.6;font-size:.875rem}
.outcome-branches>span{padding:12px 7px;border-top:1px dashed #465262;color:#b3bac3}
.outcome-branches strong{font-weight:500;color:var(--text)}
.notebook{border-top:1px solid var(--line)}
.notebook-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px}
.notebook-heading>p{max-width:370px;font-size:1rem;color:var(--muted);margin-bottom:0}
.notebook-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.notebook-card{display:flex;flex-direction:column;align-items:flex-start;border-top:2px solid var(--accent);padding:27px 23px;background:#181b20;min-width:0}
.notebook-card .micro-label{font-size:.875rem;line-height:1.6;letter-spacing:.04em;color:#acb7c6}
.notebook-card h3{font-size:1.55rem;line-height:1.25;letter-spacing:-.035em;margin:25px 0 18px}
.notebook-card p{font-size:1rem;line-height:1.7;color:var(--muted);margin:0 0 22px}
.notebook-card a{margin-top:auto;font-size:.9375rem;min-height:44px;display:flex;align-items:center;gap:16px}
.article-header{border-bottom:1px solid var(--line)}
.article-nav{display:flex;flex-wrap:wrap;gap:18px 25px;font-size:.9375rem}
.article-nav a{padding-block:12px}
.article-nav a:hover,.article-back:hover{color:var(--accent)}
.article-shell{max-width:900px;padding-top:45px;padding-bottom:65px}
.article-back{font-size:.9375rem;color:var(--muted);display:inline-block;padding:10px 0}
.article-title{padding:35px 0;border-bottom:1px solid var(--line);margin-bottom:36px}
.article-title .micro-label{font-size:.875rem;color:var(--accent)}
.article-title h1{font-size:clamp(2.2rem,5.8vw,4rem);line-height:1.08;letter-spacing:-.05em;margin:20px 0 25px;font-weight:600}
.article-meta{font-size:.875rem;color:var(--muted);line-height:1.6}
.article-body{max-width:760px}
.article-body p,.article-body li{font-size:1.0625rem;line-height:1.8;color:#b9c0cb}
.article-body .article-lead{font-size:1.4rem;line-height:1.65;color:var(--text);letter-spacing:-.02em}
.article-body h2{font-size:1.65rem;line-height:1.3;letter-spacing:-.035em;margin:43px 0 17px}
.article-body strong{color:var(--text)}
.article-body ol{padding-left:24px}
.article-body li{padding:5px 0 5px 6px}
.article-body code{font-size:.875rem;color:#adcefc;background:#1c222a;padding:2px 5px;overflow-wrap:anywhere}
.article-table{max-width:100%;overflow:auto;border:1px solid #343a42;border-radius:6px;margin:25px 0}
.article-table table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}
.article-table th{background:#1f2631;color:var(--text);font-weight:600}
.article-table th:first-child{width:32%}
.article-table th,.article-table td{padding:15px 17px;vertical-align:top;border-bottom:1px solid #343a42;font-size:1rem;line-height:1.65;overflow-wrap:break-word}
.article-table td{color:#b9c0cb}
.article-table tr:last-child td{border-bottom:0}
.article-takeaway{padding:22px 25px;border-left:3px solid var(--accent);background:#1b2026;margin:35px 0}
.article-takeaway>strong{font-size:1.125rem;color:var(--accent)}
.article-takeaway p{margin:10px 0 0}
.article-body .article-source{font-size:.875rem;margin-top:35px;color:var(--muted)}
.article-source a{text-decoration:underline;text-underline-offset:4px}
.article-next{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding-top:32px;margin-top:45px;border-top:1px solid var(--line);font-size:.9375rem}
.code-actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin:24px 0 0}
.copy-code{padding:12px 18px;border:1px solid #4f5968;background:transparent;color:var(--text);border-radius:5px;min-height:48px;cursor:pointer;font-size:.9375rem}
.copy-code:hover{border-color:var(--accent)}
.article-body .code-feedback{font-size:.875rem;color:var(--accent);margin:10px 0;min-height:1.6em}
.code-details{border:1px solid #343a42;border-radius:6px;background:#0c0e12}
.code-details summary{padding:16px 20px;cursor:pointer;font-size:1rem;color:var(--accent)}
.code-details pre{max-width:100%;overflow:auto;max-height:650px;line-height:1.7;padding:0 20px 20px;margin:0;tab-size:4}
.code-details pre code{padding:0;background:none;white-space:pre;font-size:.875rem;overflow-wrap:normal}
@media(max-width:1050px){.notebook-grid{gap:15px}.notebook-card{padding-inline:19px}.architecture-diagram{padding-inline:14px}}
@media(max-width:700px){
  .hero-actions{align-items:flex-start;flex-direction:column;gap:8px}.hero-actions .text-link{min-height:44px;display:flex;align-items:center;gap:15px}

  .explore-toolbar{display:block;margin-bottom:20px}.explore-toolbar .explore-intro{margin-bottom:12px}
  .expertise-proof{padding-top:0;font-size:.875rem;line-height:1.6}
  .notebook-heading{display:block;margin-bottom:30px}.notebook-heading>p{max-width:none;margin-top:25px}.notebook-grid{grid-template-columns:1fr;gap:20px}.notebook-card{padding:24px}.notebook-card h3{font-size:1.5rem;margin-top:22px}
  .architecture-diagram{padding:18px 12px}.mapping-lane{grid-template-columns:minmax(0,1.25fr) 16px minmax(0,1fr);gap:6px}.diagram-branches{gap:10px}.diagram-zones{gap:5px}.diagram-zones span{font-size:.875rem;padding:10px 3px}
  .article-header{align-items:flex-start}.article-nav{width:100%;justify-content:space-between;gap:12px;font-size:.875rem}.article-nav a{min-height:44px}
  .article-shell{padding-top:22px}.article-title{padding:23px 0}.article-title h1{font-size:2.35rem}.article-body .article-lead{font-size:1.25rem}.article-body p,.article-body li{font-size:1rem}.article-body h2{font-size:1.5rem}.article-table th,.article-table td{padding:13px 10px;font-size:1rem}.article-table th:first-child{width:36%}.article-takeaway{padding:19px}.article-next{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.primary-link{transition:none}}

/* Certification is a prominent part of the network/security expertise. */
.certification-panel{grid-column:2;min-width:0;margin:8px 0 16px;padding:25px 24px;background:linear-gradient(130deg,#1e2835,#181d25);border:1px solid #486185;border-left:4px solid var(--accent);border-radius:7px}
.expertise-row .certification-panel .certification-label{font-size:.875rem;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:#bdcee5;margin:0 0 17px}
.certification-panel h4{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin:0 0 22px;color:var(--text);font-size:1.1875rem;line-height:1.35;font-weight:500}
.certification-acronym{font-size:clamp(2.8rem,4.7vw,3.8rem);letter-spacing:-.065em;line-height:1;font-weight:700;color:var(--accent)}
.certification-facts{display:flex;flex-wrap:wrap;gap:18px 30px;margin:0;padding:18px 0;border-block:1px solid #3b4a60}
.certification-facts>div{min-width:0}
.certification-facts dt{font-size:.875rem;line-height:1.5;color:#b8c4d5;margin:0 0 7px}
.certification-facts dd{font-size:1.5rem;font-weight:600;line-height:1.35;margin:0;color:var(--text)}
.certification-facts dd time{font-size:1.125rem}
.expertise-row .certification-panel .certification-history{font-size:.875rem;line-height:1.7;margin:16px 0 0;color:#b8c4d5}
@media(max-width:700px){.certification-panel{padding:21px 17px;margin-top:4px}.certification-panel h4{gap:13px 18px;font-size:1.125rem}.certification-acronym{font-size:3.15rem}.certification-facts{gap:15px}.certification-facts>div{flex:1 1 180px}}

/* A compact masthead with a single disclosure menu on smaller screens. */
.site-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand navigation actions";align-items:center;gap:24px;min-height:112px;padding-block:22px;border-bottom:1px solid var(--line)}
.site-header .brand{grid-area:brand}
.header-actions{grid-area:actions;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;min-width:0}
.site-nav{grid-area:navigation;display:flex;justify-self:end;align-items:center;gap:3px;padding:5px;border:1px solid #34383d;border-radius:999px;background:#191b1f;min-width:0}
.site-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 13px;border-radius:999px;color:#c4c8ce;font-size:.875rem;font-weight:500;line-height:1.5;text-align:center;transition:color .18s,background .18s}
.site-nav a:hover{color:var(--text);background:#292c31}
.site-nav a[aria-current="location"]{color:var(--accent);background:#232d3b;box-shadow:inset 0 0 0 1px #344357}
.header-contact{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 18px;border-radius:999px;background:var(--accent);color:var(--ink);font-size:.875rem;font-weight:600;line-height:1.5;transition:background .18s}
.header-contact:hover{background:#b8d8ff}
.menu-toggle{display:none;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 15px;border:1px solid #464a50;border-radius:999px;background:#1b1d21;color:var(--text);font-size:.875rem;line-height:1.5;cursor:pointer}
.menu-toggle:hover{background:#292c31}
.menu-icon{position:relative;display:block;flex:0 0 16px;width:16px;height:16px}
.menu-icon::before,.menu-icon::after{content:"";position:absolute;left:0;top:5px;width:16px;height:1.5px;background:currentColor;transition:transform .18s}
.menu-icon::after{top:10px}
.menu-toggle[aria-expanded="true"] .menu-icon::before{transform:translateY(2.5px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] .menu-icon::after{transform:translateY(-2.5px) rotate(-45deg)}
.site-nav a:focus-visible,.header-contact:focus-visible,.menu-toggle:focus-visible{outline-offset:3px}
@media(max-width:70rem){
  .site-header{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand actions" "navigation navigation";gap:18px 14px;min-height:0;padding-block:20px}
  .site-nav{justify-self:stretch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:8px;border-radius:20px}
  .site-nav a{justify-content:flex-start;text-align:left;border-radius:12px;padding:12px 14px;overflow-wrap:anywhere}
  .site-header[data-menu-enhanced]{row-gap:0}
  .site-header[data-menu-enhanced] .menu-toggle{display:inline-flex}
  .site-header[data-menu-enhanced] .site-nav{display:none}
  .site-header[data-menu-open] .site-nav{display:grid;margin-top:18px}
}
@media(max-width:700px){
  .site-header{padding-block:17px}
  .site-nav{grid-template-columns:repeat(2,minmax(0,1fr));padding:7px}
  .site-nav a{min-height:48px;padding:12px 11px}
}
@media(max-width:420px){.site-header .brand-name{display:none}.header-actions{gap:8px}.header-contact{padding-inline:14px}.menu-toggle{padding-inline:13px}}
@media(prefers-reduced-motion:reduce){.site-nav a,.header-contact,.menu-icon::before,.menu-icon::after{transition:none}}

/* Carte SCÈNE, prototype personnel */

.nt-scene-card{box-sizing:border-box;font-family:inherit;display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center;padding:30px;margin:24px 0;border:1px solid #b6a7ff42;border-radius:22px;background:radial-gradient(ellipse at right top,#51407838,transparent 70%),#0e1420;color:#f4f4fc;text-decoration:none}
.nt-scene-card *{box-sizing:border-box}.nt-scene-card .nt-scene-kicker{color:#a5e5df;font-size:14px;font-weight:650;letter-spacing:1.5px;text-transform:uppercase}.nt-scene-card h3{font-size:32px;letter-spacing:-1px;margin:10px 0 13px;color:#f4f4fc;line-height:1.15}.nt-scene-card p{margin:0;color:#b8c1d4;font-size:14px;line-height:1.8}.nt-scene-card .nt-scene-state{display:block;font-size:14px;color:#cbbfff;margin-top:15px}.nt-scene-card .nt-scene-link{display:inline-flex;align-items:center;gap:8px;margin-top:21px;color:#161126;background:#c1b3ff;padding:12px 17px;border-radius:9px;font-size:14px;font-weight:700;text-decoration:none}.nt-scene-card .nt-scene-link:focus-visible{outline:3px solid #a5e5df;outline-offset:5px}.nt-scene-card img{width:100%;height:auto;border:1px solid #c9beff30;border-radius:12px;display:block}
@media(max-width:700px){.nt-scene-card{grid-template-columns:1fr;padding:23px;gap:24px}.nt-scene-card h3{font-size:28px}}


.nt-scene-card{grid-column:1/-1;margin:0 0 1.5rem}.nt-scene-demo{display:inline-block;margin:1rem 0 0 1rem;color:#a5e5df;font-size:14px;font-weight:650;text-underline-offset:4px}.nt-scene-demo:focus-visible{outline:3px solid #a5e5df;outline-offset:4px}@media(max-width:700px){.nt-scene-demo{margin:1rem 0 0;display:block}}