/* Larry Orton · site styles
   Brand tokens from Website-Build-Spec.md section 5.
   Motion rule: every element's default CSS is its final, static state.
   Animated start states live under `html.motion`, a class that is only set
   when JavaScript is running and the visitor has not asked for reduced motion. */

:root{
  --stone:#E9E4DA;   /* main background            */
  --ink:#141414;     /* type, the L, most of the O  */
  --paper:#F6F3EC;   /* cards, raised panels        */
  --mist:#BDB6A9;    /* borders and rules only      */
  --graphite:#5C574F;/* secondary text              */
  --drytip:#C8341E;  /* the one accent              */
  --ember:#E7735E;   /* red text on dark backgrounds*/

  --font-head:'Gloock', Georgia, serif;
  --font-body:'Figtree','Segoe UI', sans-serif;
  --font-mono:'IBM Plex Mono', monospace;

  --ease:cubic-bezier(.2,.7,.2,1);

  /* Derived helpers (not brand colors): card face and hairlines on Ink */
  --card:#FFFDF8;
  --ink-line:#3A3734;
  --ink-deep:#0C0C0C;
  --gutter:clamp(16px, 5vw, 72px);
  --header-h:82px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--stone);color:var(--ink);font:400 18px/1.6 var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased}
/* Paper grain: fixed fractal-noise layer, about 9%, behind everything. Opaque Paper and Ink sections cover it. */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0.08 0 0 0 0 0.07 0 0 0 0 0.06 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,p,figure,blockquote{margin:0}
h1,h2,h3{font-family:var(--font-head);font-weight:400}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
[hidden]{display:none !important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 14px;font-weight:800}
.skip:focus{left:8px}

/* ---------- Layout ---------- */
.wrap{width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--gutter);position:relative}
.sec{position:relative;padding-block:clamp(44px, 6.4vw, 96px)}
.sec--paper{background:var(--paper)}
.sec--ink{background:var(--ink);color:var(--stone)}
.sec--rule{border-bottom:1px solid var(--mist)}
.sec--clip{overflow:hidden}
.grid{display:grid;gap:clamp(24px, 4.5vw, 80px)}
.stack{display:flex;flex-direction:column;gap:22px}
.row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.between{display:flex;justify-content:space-between;align-items:flex-end;gap:20px 40px;flex-wrap:wrap}

/* ---------- Type ---------- */
.lbl{font:600 12px/1.5 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--graphite)}
.lbl--ink{color:var(--ink)}
.sec--ink .lbl{color:var(--mist)}
.mono{font:600 12px/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.tag{font:600 11px/1.4 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid currentColor;padding:4px 9px;align-self:flex-start;background:none;color:inherit;display:inline-block}
.display{font-size:clamp(3.1rem, 6.7vw, 6rem);line-height:.98;letter-spacing:-.01em}
.mega{font-size:clamp(4rem, 8.4vw, 7.5rem);line-height:.95}
.h-76{font-size:clamp(2.75rem, 5.3vw, 4.75rem);line-height:1.02}
.h-60{font-size:clamp(2.25rem, 4.2vw, 3.75rem);line-height:1.03}
.h-56{font-size:clamp(2.25rem, 3.9vw, 3.5rem);line-height:1.04}
.h-48{font-size:clamp(2.1rem, 3.4vw, 3rem);line-height:1.05}
.lede{font-size:clamp(1.06rem, 1.45vw, 1.3rem);line-height:1.62}
.body-lg{font-size:clamp(1.06rem, 1.4vw, 1.25rem);line-height:1.7}
.muted{color:var(--graphite)}
.sec--ink .muted{color:var(--mist)}
.measure{max-width:640px}
.serif{font-family:var(--font-head)}

/* ---------- Buttons and links ---------- */
.btn{display:inline-block;background:var(--ink);color:var(--paper);border:2px solid var(--ink);padding:13px 22px;font:800 15px/1.3 var(--font-body);text-decoration:none;text-align:center;transition:transform .4s var(--ease), background-color .4s var(--ease), color .4s var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn--ghost{background:transparent;color:var(--ink)}
.btn--sm{padding:9px 16px;font-size:14px}
.btn--lg{padding:16px 26px;font-size:16px}
.sec--ink .btn, .btn--light{background:var(--stone);color:var(--ink);border-color:var(--stone)}
.sec--ink .btn--ghost{background:transparent;color:var(--stone)}
.btn[aria-disabled="true"], .btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.ul{font-weight:600;text-decoration:underline;text-decoration-color:var(--drytip);text-decoration-thickness:2px;text-underline-offset:5px}
.sec--ink .ul{text-decoration-color:var(--ember)}
/* Underline that draws left to right on hover */
.draw{background:linear-gradient(var(--drytip),var(--drytip)) 0 100%/0 2px no-repeat;transition:background-size .5s var(--ease);padding-bottom:2px}
a:hover .draw, a:focus-visible .draw, .card:hover .draw{background-size:100% 2px}
.sec--ink .draw{background-image:linear-gradient(var(--ember),var(--ember))}

/* ---------- Brush stroke ---------- */
.stroke{width:min(470px, 82%);margin:-7% 0 -5% -3.5%;pointer-events:none;user-select:none}
.stroke--center{margin:-34px auto 14px}
.motion .stroke{clip-path:inset(0 100% 0 0)}
.motion .stroke.in{clip-path:inset(0 0 0 0);transition:clip-path .9s var(--ease)}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:var(--stone);border-bottom:1px solid var(--mist)}
.site-header__in{display:flex;justify-content:space-between;align-items:center;gap:24px;height:var(--header-h);transition:height .4s var(--ease)}
.site-header.is-small .site-header__in{height:64px}
.logo img{width:198px;height:36px;transition:width .4s var(--ease), height .4s var(--ease)}
.site-header.is-small .logo img{width:165px;height:30px}
.nav{display:flex;gap:30px;font-size:15px;font-weight:600}
.nav a{text-decoration:none;position:relative;padding:6px 0}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg, var(--ink) 0 68%, var(--drytip) 100%);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.nav a:hover::after, .nav a:focus-visible::after{transform:scaleX(1)}
.nav a[aria-current="page"]::after{transform:scaleX(1);background:var(--drytip)}
.burger{display:none;background:none;border:0;padding:12px 0 12px 12px;margin-right:-2px}
.burger svg{display:block}
.header-sub{flex:none}

.menu{position:fixed;inset:0;z-index:60;background:var(--ink);color:var(--stone);padding:16px var(--gutter) 28px;display:flex;flex-direction:column;overflow:auto}
.menu__top{display:flex;justify-content:space-between;align-items:center;height:50px;flex:none}
.menu__close{background:none;border:0;color:var(--stone);padding:12px 0 12px 12px}
.menu__links{display:flex;flex-direction:column;gap:6px;margin:28px 0 32px;flex:1}
.menu__links a{font:400 40px/1.2 var(--font-head);text-decoration:none;padding:4px 0}
.menu__links a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--ember);text-decoration-thickness:2px;text-underline-offset:8px}
.menu .btn{display:block}
.motion .menu__links a, .motion .menu .btn{opacity:0;transform:translateY(18px)}
.motion .menu.is-open .menu__links a, .motion .menu.is-open .btn{opacity:1;transform:none;transition:opacity .5s var(--ease), transform .5s var(--ease);transition-delay:calc(var(--i, 0) * 60ms + 80ms)}
body.menu-open{overflow:hidden}

/* ---------- Footer (no motion) ---------- */
.site-footer{background:var(--ink);color:var(--stone);padding:64px 0 40px}
.site-footer__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:48px;align-items:start}
.site-footer__brand{display:flex;flex-direction:column;gap:14px;font-size:16px}
.site-footer__brand img{width:150px;height:101px}
.site-footer__tag{font:400 22px/1.2 var(--font-head)}
.site-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px}
.site-footer li a{text-decoration:none}
.site-footer li a:hover{text-decoration:underline;text-underline-offset:4px}
.site-footer .lbl{display:block;margin-bottom:12px}
.site-footer__legal{margin-top:40px;font-size:13px;color:var(--mist)}

/* ---------- Newsletter ---------- */
.newsletter .grid{grid-template-columns:1fr 1fr;align-items:center}
.field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
.field label{font:600 12px/1.5 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}
.input{border:2px solid var(--ink);background:var(--card);padding:15px;font:17px var(--font-body);color:var(--ink);width:100%;border-radius:0}
.news-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.news-form .btn{padding:16px 26px;font-size:16px}
.news-form.has-error .input{border-bottom-color:var(--drytip);border-bottom-width:3px;padding-bottom:14px}
.form-msg{flex-basis:100%;font-weight:600;font-size:16px;min-height:1.6em}
.hp{position:absolute;left:-9999px}
.news-done{display:flex;flex-direction:column;align-items:flex-start}
.news-done p{font:400 clamp(1.6rem, 2.4vw, 2.1rem)/1.15 var(--font-head)}
.news-done img{width:280px;height:28px;margin-top:10px}
.motion .news-done img{clip-path:inset(0 100% 0 0);animation:paint .9s var(--ease) .15s forwards}
@keyframes paint{to{clip-path:inset(0 0 0 0)}}

/* ---------- Cards and lists ---------- */
.cards{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:24px}
.card{background:var(--card);border:1px solid var(--mist);padding:28px;display:flex;flex-direction:column;gap:14px;min-height:280px;text-decoration:none;transition:transform .45s var(--ease), box-shadow .45s var(--ease)}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(20,20,20,.08)}
.card__title{font:400 clamp(1.45rem, 1.95vw, 1.75rem)/1.12 var(--font-head)}
.card__sum{font-size:15.5px;line-height:1.58;color:var(--graphite)}
.card__foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:6px}
.card--ink{background:var(--ink);color:var(--stone);border-color:var(--ink)}
.card--ink .card__sum, .card--ink .card__foot{color:var(--mist)}
.card__thumb{aspect-ratio:16/9;background:#2A2826;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.card__thumb img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.card__thumb svg{position:relative}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filters .tag{cursor:pointer;min-height:32px;padding:6px 11px;transition:background-color .3s var(--ease), color .3s var(--ease)}
.filters .tag[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.empty{font-size:17px;color:var(--graphite);padding:8px 0}
.list-head{margin-bottom:30px;align-items:center}

.rows{border-top:2px solid var(--ink)}
.rowlink{display:grid;grid-template-columns:160px 1fr 200px;gap:32px;align-items:baseline;padding:30px 0;border-bottom:1px solid var(--mist);text-decoration:none}
.rowlink__title{font:400 clamp(1.5rem, 2.2vw, 2rem)/1.1 var(--font-head)}
.rowlink__sum{font-size:16px;line-height:1.6;color:var(--graphite);margin-top:8px}
.rowlink__meta{text-align:right}

/* ---------- Page hero (Research, Writing, Projects, Videos, Shop) ---------- */
.phero .grid{grid-template-columns:1fr 1fr;align-items:end}
.phero__head{display:flex;flex-direction:column;gap:22px}
.phero .stroke{width:min(440px, 78%)}

/* ---------- Home ---------- */
.hero{padding-block:clamp(36px, 6.6vw, 96px) 0;overflow:hidden}
.hero .grid{grid-template-columns:1.35fr 1fr;align-items:end}
.hero__copy{display:flex;flex-direction:column;gap:28px;padding-bottom:clamp(48px, 10vw, 150px)}
.hero__photo{position:relative;display:flex;justify-content:center;align-items:flex-end;align-self:end}
.hero__photo img{width:min(466px, 100%);height:auto}
.hero__side{position:absolute;right:0;bottom:100px;writing-mode:vertical-rl}

.latest{padding-bottom:clamp(56px, 7vw, 110px)}
.terminal{font:400 clamp(1.15rem, 1.8vw, 1.6rem)/1.7 var(--font-mono);background:var(--ink-deep);border:1px solid #2A2826;padding:clamp(20px, 2.8vw, 40px);position:relative;z-index:1}
.terminal__head{color:var(--mist);font-size:clamp(11px, 1vw, 14px);margin-bottom:18px}
.terminal__lost{color:var(--ember)}
.terminal div{min-height:1.7em}
.lostory{overflow:hidden}
.lostory .grid{grid-template-columns:1fr 1.1fr;align-items:center}
.lostory__copy{position:relative}
.lo-ghost{position:absolute;right:-6%;top:50%;width:min(620px, 80%);height:auto;transform:translateY(-50%);opacity:.06;pointer-events:none}
.motion .lo-ghost{opacity:0;transition:opacity 1.4s var(--ease)}
.motion .lo-ghost.in{opacity:.06}
.motion .terminal [data-line]{visibility:hidden}
.motion .terminal [data-line].on{visibility:visible}
.terminal__lost.flicker{animation:flicker .5s steps(1) 1}
@keyframes flicker{0%{opacity:1}20%{opacity:0}40%{opacity:1}60%{opacity:0}80%,100%{opacity:1}}

.facts{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}
.fact{padding:0 36px;position:relative}
.fact:first-child{padding-left:0}
.fact:last-child{padding-right:0}
.fact + .fact::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--mist);transform-origin:top}
.motion .facts .fact + .fact::before{transform:scaleY(0)}
.motion .facts.in .fact + .fact::before{transform:scaleY(1);transition:transform .9s var(--ease);transition-delay:calc(var(--i, 0) * 120ms)}
.fact__n{font:400 clamp(4rem, 8.4vw, 7.5rem)/1 var(--font-head);font-variant-numeric:tabular-nums}
.fact__t{font-size:18px;font-weight:600;margin-top:10px;line-height:1.35;max-width:240px}

.doors{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));position:relative;border-top:2px solid transparent}
.doors::before{content:"";position:absolute;left:0;right:0;top:-2px;height:2px;background:var(--ink);transform-origin:left}
.motion .doors::before{transform:scaleX(0)}
.motion .doors.in::before{transform:scaleX(1);transition:transform .9s var(--ease)}
.door{position:relative;text-decoration:none;padding:28px;display:flex;flex-direction:column;gap:14px;border-right:1px solid var(--mist);overflow:hidden;isolation:isolate}
.door:first-child{padding-left:0}
.door:last-child{border-right:0}
.door::before{content:"";position:absolute;inset:0;background:var(--paper);transform:scaleY(0);transform-origin:bottom;transition:transform .5s var(--ease);z-index:-1}
.door:hover::before, .door:focus-visible::before{transform:scaleY(1)}
.door:first-child:hover, .door:first-child:focus-visible{padding-left:0}
.door__name{font:400 clamp(1.9rem, 2.8vw, 2.5rem)/1.1 var(--font-head)}
.door__text{font-size:16px;line-height:1.55;color:var(--graphite)}
.door__go{margin-top:8px}
.door__arrow{display:inline-block;transition:transform .4s var(--ease)}
.door:hover .door__arrow, .door:focus-visible .door__arrow{transform:translateX(6px)}

.about-strip .grid{grid-template-columns:380px 1fr;align-items:center;gap:64px}
.frame{overflow:hidden}
.frame img{width:100%;height:100%;object-fit:cover}
.about-strip .frame{height:475px}
.about-strip .frame img{object-position:60% 40%}
.motion [data-reveal="zoom"] img{transform:scale(1.06);transition:transform 1.6s var(--ease)}
.motion [data-reveal="zoom"].in img{transform:none}

.shop-teaser .grid{grid-template-columns:1fr 1fr;align-items:center}
.swap{position:relative;aspect-ratio:3/2}
.swap img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .7s var(--ease)}
.swap img.is-on{opacity:1}
.swap-tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.swap-tags .tag{cursor:pointer;min-height:32px;padding:6px 11px}
.swap-tags .tag[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* ---------- About ---------- */
.about-hero{padding-bottom:0;overflow:hidden}
.about-hero .grid{grid-template-columns:2fr 1fr;align-items:end;gap:24px}
.about-hero__copy{display:flex;flex-direction:column;gap:26px;padding-bottom:clamp(40px, 6.6vw, 96px)}
.about-hero h1 span{display:block}
@media (min-width: 1101px){.about-hero h1 span{white-space:nowrap}}
.about-hero__photo{display:flex;justify-content:center;align-items:flex-end}
.about-hero__photo img{width:min(435px, 100%)}
.story .grid{grid-template-columns:300px 1fr}
.timeline{position:sticky;top:104px;align-self:start;padding-left:26px;display:flex;flex-direction:column}
.timeline::before, .timeline::after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px}
.timeline::before{background:var(--mist)}
.timeline::after{background:var(--ink);transform-origin:top;transform:scaleY(var(--p, 1))}
.timeline .lbl{margin-bottom:22px}
.ms{padding-bottom:26px;transition:opacity .5s var(--ease)}
.ms:last-of-type{padding-bottom:0}
.ms__date{font:600 13px/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.ms__date--now{color:var(--drytip)}
.ms__name{font:400 22px/1.2 var(--font-head);margin-top:4px}
.ms__note{font-size:14px;color:var(--graphite);margin-top:4px}
.motion .timeline.is-live .ms{opacity:.4}
.motion .timeline.is-live .ms.is-on{opacity:1}
.timeline figure{margin-top:34px;display:flex;flex-direction:column;gap:8px}
.story__text{display:flex;flex-direction:column;gap:26px;max-width:720px}
.pull{position:relative;margin:18px 0;padding-left:28px;font:400 clamp(1.75rem, 2.8vw, 2.5rem)/1.15 var(--font-head)}
.pull::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--drytip);transform-origin:top}
.pull--lg{font-size:clamp(2rem, 3.9vw, 3.5rem);line-height:1.08;padding-left:32px;margin:0}
.pull--lg::before{width:4px}
.motion .pull[data-reveal]{transform:none}
.motion .pull::before{transform:scaleY(0)}
.motion .pull.in::before{transform:scaleY(1);transition:transform .8s var(--ease) .2s}
.offclock .grid{grid-template-columns:1fr 1fr;align-items:center}
.offclock--solo .grid{grid-template-columns:1fr}
.offclock__text{font:400 clamp(1.5rem, 2.4vw, 2.1rem)/1.3 var(--font-head);max-width:900px}
.offclock .frame{aspect-ratio:1568/1003}
.values{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:1px;background:var(--ink-line);border:1px solid var(--ink-line)}
.value{background:var(--ink);padding:30px;display:flex;flex-direction:column;gap:12px;transition:transform .4s var(--ease)}
.value:hover{transform:translateY(-3px)}
.value__n{font:600 12px var(--font-mono);color:var(--ember);transition:color .4s var(--ease)}
.value:hover .value__n{color:var(--drytip)}
.value__t{font:400 28px/1.15 var(--font-head)}
.value__d{font-size:16px;line-height:1.6;color:var(--mist)}
.creds{margin-top:28px;display:flex;gap:10px 40px;flex-wrap:wrap}
.faq .grid{grid-template-columns:300px 1fr}
.faq__list{border-top:2px solid var(--ink)}
.faq details{border-bottom:1px solid var(--mist)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:24px 0;font-size:clamp(1.06rem, 1.5vw, 1.3rem);font-weight:600}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:400;flex:none}
.faq details[open] summary::after{content:"\2212"}
.faq details p{margin:-10px 0 24px;font-size:17px;line-height:1.65;color:var(--graphite);max-width:760px}

/* ---------- Résumé ---------- */
.resume-hero .grid{grid-template-columns:1.5fr 1fr;align-items:end;gap:64px}
.resume-hero .stroke{width:min(360px, 70%)}
.resume-facts{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:20px;padding-block:44px}
.resume-facts div{display:flex;align-items:baseline;gap:14px}
.resume-facts b{font:400 64px/1 var(--font-head)}
.resume-facts span{font-size:15px;font-weight:600;line-height:1.3}
.resume-body .grid{grid-template-columns:1fr 380px}
.job{display:grid;grid-template-columns:1fr 200px;gap:24px;padding:26px 0;border-bottom:1px solid var(--mist)}
.job__role{font:400 26px/1.15 var(--font-head)}
.job__org{font-weight:600;margin-top:4px}
.job__desc{margin-top:10px;font-size:16px;line-height:1.6;color:var(--graphite)}
.job__when{text-align:right}
.job__when--now{color:var(--drytip)}
.pub{display:grid;grid-template-columns:1fr 200px;gap:24px;padding:20px 0;border-bottom:1px solid var(--mist);text-decoration:none}
.pub__t{font-size:18px;font-weight:600;line-height:1.4}
.side{position:sticky;top:104px;align-self:start;display:flex;flex-direction:column;gap:36px}
.side__block{display:flex;flex-direction:column;gap:12px}
.side__block small{display:block;font-size:15px;color:var(--graphite)}
.side__block b{font-weight:600}
.clearance{background:var(--ink);color:var(--stone);padding:26px;display:flex;flex-direction:column;gap:6px}
.clearance .lbl{color:var(--mist)}
.clearance b{font:400 28px/1.2 var(--font-head)}
.tags{display:flex;flex-wrap:wrap;gap:8px}

/* ---------- Speaking ---------- */
.stage{padding-bottom:0;overflow:hidden}
.stage .grid{grid-template-columns:1.5fr 1fr;align-items:end;gap:40px}
.stage__copy{display:flex;flex-direction:column;gap:26px;padding-bottom:clamp(48px, 9vw, 130px)}
.stage__photo{position:relative;display:flex;justify-content:center;align-items:flex-end}
.stage__photo img{position:relative;width:min(435px, 100%)}
.spot{position:absolute;left:50%;top:50%;width:560px;height:560px;max-width:130%;border-radius:50%;transform:translate(-50%,-55%);background:radial-gradient(circle, rgba(233,228,218,.16) 0%, rgba(233,228,218,0) 68%);pointer-events:none}
.motion .stage .spot{opacity:0}
.motion .stage.in .spot{opacity:1;transition:opacity .6s var(--ease) .2s}
.topic{display:grid;grid-template-columns:90px 1fr 1.2fr;gap:32px;align-items:baseline;padding:34px 0;border-bottom:1px solid var(--mist);text-decoration:none}
.topic__n{font:600 14px var(--font-mono);transition:color .3s var(--ease)}
.topic:hover .topic__n, .topic:focus-visible .topic__n{color:var(--drytip)}
.topic__t{font:400 clamp(1.75rem, 2.8vw, 2.5rem)/1.08 var(--font-head)}
.topic__t span{background:linear-gradient(90deg, var(--ink) 0 70%, var(--drytip) 100%) 0 100%/0 3px no-repeat;transition:background-size .5s var(--ease);padding-bottom:4px}
.topic:hover .topic__t span, .topic:focus-visible .topic__t span{background-size:120px 3px}
.topic__d{font-size:18px;line-height:1.6;color:var(--graphite)}
.formats{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:32px;padding-top:0}
.format{border-top:2px solid var(--ink);padding-top:22px;display:flex;flex-direction:column;gap:10px;text-decoration:none}
.format__t{font:400 clamp(1.6rem, 2.3vw, 2.1rem)/1.1 var(--font-head)}
.format__d{font-size:16px;line-height:1.6;color:var(--graphite)}
.watch .grid{grid-template-columns:1.4fr 1fr;align-items:center;gap:56px}
.bios .grid{grid-template-columns:340px 1fr;gap:72px}
.bios__photo{aspect-ratio:4/5;margin-top:10px}
.bios__photo img{object-position:62% 30%}
.tabs{display:flex;border-bottom:2px solid var(--ink);flex-wrap:wrap}
.tab{padding:12px 22px;background:none;border:0;font:600 13px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;min-height:44px}
.tab[aria-selected="true"]{background:var(--ink);color:var(--paper)}
.tabpanel{background:var(--card);border:1px solid var(--mist);border-top:0;padding:clamp(20px, 2.6vw, 32px);display:flex;flex-direction:column;gap:22px}
.tabpanel p{font-size:clamp(1.06rem, 1.4vw, 1.25rem);line-height:1.65}
.booking{display:flex;justify-content:space-between;align-items:center;gap:32px 48px;flex-wrap:wrap}

/* lite YouTube facade: a thumbnail and a play button until clicked */
.yt{position:relative;display:block;aspect-ratio:16/9;background:var(--ink) center/cover no-repeat;border:1px solid #2A2826;overflow:hidden;width:100%}
.yt__btn{position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(180deg, rgba(12,12,12,.05) 40%, rgba(12,12,12,.75));border:0;display:flex;align-items:center;justify-content:center;color:var(--stone)}
.yt__play{width:clamp(58px, 6.4vw, 92px);height:clamp(58px, 6.4vw, 92px);border-radius:50%;background:rgba(233,228,218,.95);display:flex;align-items:center;justify-content:center;transition:transform .4s var(--ease)}
.yt__btn:hover .yt__play{transform:scale(1.06)}
.yt__play svg{width:38%;height:38%}
.yt__cap{position:absolute;left:clamp(14px, 2vw, 28px);bottom:clamp(12px, 1.8vw, 26px);right:14px;text-align:left}
.yt__cap .lbl{color:var(--mist);display:block}
.yt__cap b{display:block;font:400 clamp(1.2rem, 2.8vw, 2.5rem)/1.1 var(--font-head);margin-top:6px}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vcard{display:flex;flex-direction:column;gap:14px;text-decoration:none}
.vcard__t{font:400 24px/1.12 var(--font-head)}
.vcard--soon{opacity:.72}
.vcard__ph{aspect-ratio:16/9;background:#DCD6CA;border:1.5px dashed var(--graphite);display:flex;align-items:center;justify-content:center}
.vcard .yt .tag{position:absolute;top:12px;left:12px;color:var(--stone);background:rgba(12,12,12,.6)}
.vgrid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:28px}

/* ---------- Research ---------- */
.research-lede{font:400 clamp(1.5rem, 2.4vw, 2.1rem)/1.2 var(--font-head);max-width:600px}
.focus{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:32px}
.focus div{display:flex;flex-direction:column;gap:10px}
.focus__n{font:600 12px var(--font-mono)}
.focus__n--red{color:var(--drytip)}
.focus__t{font:400 30px/1.15 var(--font-head)}
.focus__d{font-size:16px;line-height:1.6;color:var(--graphite)}
.featured .grid{grid-template-columns:1.3fr 1fr;align-items:center;gap:64px}
.featured__short{display:flex;flex-direction:column;gap:18px;border-left:3px solid var(--ember);padding-left:28px}
.featured__short .lbl{color:var(--ember)}
.openq .grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:64px}

/* ---------- Writing and Book ---------- */
.bookfeat .grid{grid-template-columns:400px 1fr;align-items:center;gap:96px}
.book3d{position:relative;display:flex;justify-content:center;align-items:center;perspective:1400px}
.book3d .spot{width:560px;height:560px;transform:translate(calc(-50% + var(--lx, 0px)), calc(-50% + var(--ly, 0px)));background:radial-gradient(circle, rgba(233,228,218,.15) 0%, rgba(233,228,218,0) 66%);transition:transform .5s var(--ease)}
.book3d img{position:relative;width:min(400px, 100%);transform:rotateY(var(--ry, 0deg)) rotateX(var(--rx, 0deg));transition:transform .5s var(--ease);will-change:transform}
.bookhero{overflow:hidden}
.bookhero .grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:72px}
.bookhero .book3d img{width:min(480px, 100%)}
.bookhero .book3d .spot{width:680px;height:680px}
.motion .bookhero .book3d{opacity:0;translate:0 40px}
.motion .bookhero.in .book3d{opacity:1;translate:0 0;transition:opacity .6s var(--ease), translate .6s var(--ease)}
.motion .bookhero .bookhero__copy{opacity:0;transform:translateY(16px)}
.motion .bookhero.in .bookhero__copy{opacity:1;transform:none;transition:opacity .6s var(--ease) .45s, transform .6s var(--ease) .45s}
.bookhero__tag{font:400 clamp(1.4rem, 2.1vw, 1.9rem)/1.2 var(--font-head);color:var(--ember)}
.blurb .grid{grid-template-columns:300px 1fr}
.blurb__lead{font:400 clamp(1.5rem, 2.5vw, 2.25rem)/1.3 var(--font-head)}
.why .grid{grid-template-columns:1fr 1.2fr;align-items:center}
.formats--book .format__d{font-size:16px}
.author .grid{grid-template-columns:260px 1fr;align-items:center;gap:64px}
.author img{width:233px}

/* ---------- Projects ---------- */
.projfeat{overflow:hidden}
.projfeat .grid{grid-template-columns:1.15fr 1fr;align-items:center;gap:56px}
.tilt{perspective:1500px;display:flex;justify-content:center}
.tilt img{width:100%;border-radius:8px;transform:translateY(var(--pan, 0px)) rotateY(var(--ry, -15deg)) rotateX(var(--rx, 0deg));transform-origin:55% 50%;box-shadow:-18px 22px 46px rgba(0,0,0,.30), 0 0 0 1px rgba(20,20,20,.12);transition:transform .5s var(--ease);will-change:transform}
.tilt--feat{perspective:1800px;min-height:clamp(220px, 28vw, 400px);align-items:center}
.tilt--feat img{--ry:-20deg;--rx:6deg;border-radius:10px;transform-origin:75% 50%;box-shadow:-34px 44px 90px rgba(0,0,0,.65), 0 0 0 1px #2A2826}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px 52px}
.pcard{display:flex;flex-direction:column;gap:18px}
.pcard__body{display:flex;flex-direction:column;gap:10px;padding:0 6px}
.pcard__t{font:400 clamp(1.7rem, 2.4vw, 2.1rem)/1.05 var(--font-head)}
.pcard__d{font-size:16px;line-height:1.6;color:var(--graphite)}

/* ---------- Shop ---------- */
.shop-hero .grid{grid-template-columns:1.2fr 1fr;align-items:end;gap:72px}
.shop-hero .stroke{width:min(380px, 74%)}
.products{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.product{display:flex;flex-direction:column;gap:16px}
.product__img{aspect-ratio:3/2;position:relative}
.product__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .5s var(--ease)}
.product__img img.is-on{opacity:1}
.product__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:4px}
.product__t{font:400 clamp(1.7rem, 2.4vw, 2.1rem)/1.05 var(--font-head);margin-top:4px}
.product__price{font:400 30px/1.1 var(--font-head)}
.product__d{font-size:16px;line-height:1.6;color:var(--mist)}
.swatches{display:flex;gap:4px}
.swatch{width:44px;height:44px;border-radius:50%;background:none;border:0;padding:8px;display:flex}
.swatch span{flex:1;border-radius:50%;border:1px solid var(--graphite)}
.swatch[data-color="black"] span{background:#1A1A1A}
.swatch[data-color="white"] span{background:var(--paper)}
.swatch[aria-pressed="true"] span{border:2px solid var(--stone);box-shadow:0 0 0 2px var(--ink), 0 0 0 3px var(--stone)}
.bookcta{display:flex;justify-content:space-between;align-items:center;gap:28px 48px;flex-wrap:wrap}

/* ---------- Contact ---------- */
.contact{overflow:hidden}
.contact .grid{grid-template-columns:1fr 1fr}
.contact .stroke{width:min(360px, 70%)}
.direct{margin-top:20px;display:flex;flex-direction:column;gap:16px}
.direct ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:16px}
.direct a{text-decoration:none;display:inline-flex;gap:14px;align-items:baseline;padding:6px 0;min-height:36px}
.direct a:hover b{text-decoration:underline;text-underline-offset:4px}
.direct a span{font:600 13px var(--font-mono);letter-spacing:.08em;color:var(--graphite);min-width:84px}
.direct a b{font-weight:400}
.cform{background:var(--ink);color:var(--stone);padding:clamp(22px, 3.1vw, 44px);display:flex;flex-direction:column;gap:22px;align-self:start}
.cform .field label, .cform legend{font:600 11px/1.5 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mist);padding:0}
.cform .input{background:#1C1C1C;border:1.5px solid #3A3A3A;color:var(--stone);font-size:16px;padding:15px 16px}
.cform .input::placeholder{color:#8A857C}
.cform textarea{resize:vertical;min-height:120px}
.cform fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;min-width:0}
.pills{display:flex;flex-wrap:wrap;gap:9px}
.pill{font:600 13px var(--font-body);border:1.5px solid #4A4A4A;color:var(--mist);background:none;padding:8px 14px;min-height:40px;transition:background-color .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease)}
.pill[aria-pressed="true"]{border-color:var(--stone);background:var(--stone);color:var(--ink)}
.cform .btn{padding:17px;font-size:16px;margin-top:4px;width:100%}
.cform .form-msg{font-size:15px;line-height:1.5;color:var(--ember);min-height:0}
.cform .form-msg:empty{display:none}
.cform-done{font:400 clamp(1.7rem, 2.6vw, 2.25rem)/1.2 var(--font-head)}

/* ---------- 404 ---------- */
.lost{min-height:min(700px, 80vh);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding-block:clamp(48px, 5.6vw, 80px)}
.lost__lo{display:flex;align-items:center;gap:6px;line-height:1;font:400 clamp(7rem, 14vw, 12.5rem)/1 var(--font-head)}
.lost__o{position:relative;display:inline-block}
.lost__cursor{display:inline-block;width:.09em;height:.75em;background:var(--drytip);margin-left:.05em}
.motion .lost__cursor{animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.motion .lost__o.glitch{animation:glitch .26s steps(2) 2}
@keyframes glitch{
  0%{transform:none;text-shadow:none}
  25%{transform:translate(-3px,1px);text-shadow:4px 0 0 rgba(200,52,30,.75), -4px 0 0 rgba(40,90,200,.6)}
  50%{transform:translate(3px,-1px);text-shadow:-4px 0 0 rgba(200,52,30,.75), 4px 0 0 rgba(40,90,200,.6)}
  75%{transform:translate(-1px,0);text-shadow:2px 0 0 rgba(200,52,30,.6), -2px 0 0 rgba(40,90,200,.5)}
  100%{transform:none;text-shadow:none}
}
.lost h1{font-size:clamp(2.1rem, 3.6vw, 3.25rem);line-height:1.05;max-width:820px;margin-bottom:18px}
.lost p{font-size:19px;line-height:1.6;max-width:620px;color:#3A352E;margin-bottom:36px}
.lost .lbl{margin-bottom:20px}

/* ---------- Motion: reveals and load sequences ---------- */
.motion [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .65s var(--ease), transform .65s var(--ease);transition-delay:calc(var(--i, 0) * var(--step, 100ms))}
.motion [data-reveal].in{opacity:1;transform:none}
.motion [data-reveal="fade"], .motion [data-reveal="zoom"]{transform:none}
.motion [data-reveal="zoom"]{opacity:1}
.motion .card[data-reveal].in{transition:opacity .65s var(--ease), transform .45s var(--ease), box-shadow .45s var(--ease)}
.motion .card[data-reveal].in:hover{transform:translateY(-4px);transition-delay:0s}
.motion .value[data-reveal].in:hover{transform:translateY(-3px);transition-delay:0s}
/* Typed label and line-by-line headline: JS wraps the text, CSS only hides the pieces */
.motion [data-type] .ch{opacity:0}
.motion [data-type] .ch.on{opacity:1}
.motion [data-lines]{visibility:hidden}
.motion [data-lines].is-split{visibility:visible}
.ln{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.ln > span{display:block;transform:translateY(110%)}
.ln.on > span{transform:none;transition:transform .7s var(--ease)}
.motion [data-words] .w{opacity:0}
.motion [data-words] .w.on{opacity:1;transition:opacity .4s var(--ease)}
.motion [data-after-load]{opacity:0;transform:translateY(14px)}
.motion [data-after-load].in{opacity:1;transform:none;transition:opacity .6s var(--ease), transform .6s var(--ease)}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none !important;transition:none !important}
}

/* ---------- Tablet ---------- */
@media (max-width: 1100px){
  .nav{gap:20px;font-size:14px}
  .logo img{width:165px;height:30px}
  .hero__side{display:none}
  .about-strip .grid{grid-template-columns:300px 1fr;gap:40px}
  .bookfeat .grid{grid-template-columns:300px 1fr;gap:56px}
  .resume-body .grid{grid-template-columns:1fr 300px}
  .bios .grid{grid-template-columns:260px 1fr;gap:40px}
  .rowlink{grid-template-columns:110px 1fr 150px;gap:20px}
  .topic{grid-template-columns:50px 1fr 1.2fr;gap:20px}
}

/* ---------- Phone and small tablet ---------- */
@media (max-width: 860px){
  :root{--header-h:58px}
  body{font-size:17px}
  .nav, .header-sub{display:none}
  .burger{display:block}
  .logo img, .site-header.is-small .logo img{width:143px;height:26px}
  .site-header.is-small .site-header__in{height:58px}
  html{scroll-padding-top:70px}

  .hero .grid, .phero .grid, .lostory .grid, .about-strip .grid, .shop-teaser .grid,
  .newsletter .grid, .about-hero .grid, .story .grid, .offclock .grid, .faq .grid,
  .resume-hero .grid, .resume-body .grid, .stage .grid, .watch .grid, .bios .grid,
  .featured .grid, .openq .grid, .bookfeat .grid, .bookhero .grid, .blurb .grid,
  .why .grid, .author .grid, .projfeat .grid, .shop-hero .grid, .contact .grid{grid-template-columns:1fr;gap:24px}

  .btn{padding:14px 20px}
  .row > .btn{flex:1 1 100%}
  /* tap targets: stand-alone text links get a taller hit area on phones */
  a.ul:not(p a){display:inline-block;padding-block:10px}
  .logo{display:flex;align-items:center;min-height:44px}
  .display{font-size:clamp(2.6rem, 12.8vw, 3.4rem);line-height:1}
  .mega{font-size:clamp(3.4rem, 19vw, 5rem)}
  .stroke{width:min(300px, 80%);margin:-22px 0 -16px -12px}
  .stroke--center{margin:-22px auto 10px}

  .hero__copy{padding-bottom:8px;gap:20px}
  .hero__photo img{width:311px}
  /* Latest becomes a swipe row with the next card peeking in */
  .cards--swipe{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-right:calc(var(--gutter) * -1);padding-right:var(--gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .cards--swipe::-webkit-scrollbar{display:none}
  .cards--swipe .card{flex:0 0 290px;scroll-snap-align:start;min-height:230px;padding:20px}
  .cards, .vgrid{grid-template-columns:1fr;gap:16px}
  .card{min-height:0;padding:22px}
  .lostory .grid{gap:18px}
  .lo-ghost{right:-20%;width:90%}
  .facts{grid-template-columns:1fr 1fr;gap:22px 20px}
  .fact, .fact:first-child, .fact:last-child{padding:0}
  .fact + .fact::before{display:none}
  .fact:nth-child(n+3){border-top:1px solid var(--mist);padding-top:16px}
  .fact__n{font-size:64px}
  .fact__t{font-size:14px;margin-top:6px}
  /* Doors collapse to a list; descriptions drop on phones */
  .doors{grid-template-columns:1fr}
  .door, .door:first-child{padding:18px 0;flex-direction:row;justify-content:space-between;align-items:center;border-right:0;border-bottom:1px solid var(--mist)}
  .door .lbl, .door__text, .door__go-word{display:none}
  .door__name{font-size:30px}
  .door__go{margin:0;text-decoration:none}
  .about-strip .frame{height:300px;order:-1}
  .swap-tags{justify-content:flex-start}

  .site-footer{padding:40px 0 28px}
  .site-footer__grid{grid-template-columns:1fr 1fr;gap:22px 16px}
  .site-footer__brand{grid-column:1 / -1}
  .site-footer__brand img{width:120px;height:81px}
  .news-form{flex-direction:column;align-items:stretch}
  .news-form .btn{width:100%}

  .about-hero__copy{padding-bottom:0;gap:16px}
  .about-hero__photo img{width:300px}
  .timeline{position:relative;top:0}
  .ms{display:grid;grid-template-columns:112px 1fr;gap:10px;align-items:baseline;padding:8px 0;border-top:1px solid var(--mist)}
  .ms:first-of-type{border-top:0}
  .ms:last-of-type{padding-bottom:8px}
  .ms__date{font-size:10px}
  .ms__name{font-size:19px;margin:0}
  .ms__note{display:none}
  .timeline .lbl{margin-bottom:6px}
  .timeline figure{width:70%;margin-inline:auto}
  .values{grid-template-columns:1fr;background:none;border:0;gap:0}
  .value{padding:16px 0;border-top:1px solid var(--ink-line);gap:6px}
  .value__t{font-size:22px}
  .value__d{font-size:14px;line-height:1.5}
  .creds{flex-direction:column;gap:2px}

  .resume-facts{grid-template-columns:1fr 1fr;padding-block:28px}
  .resume-facts b{font-size:44px}
  .resume-facts div{gap:10px}
  .side{position:static;display:contents}
  .resume-body .grid{display:flex;flex-direction:column;gap:32px}
  .clearance{order:-1}
  .job, .pub{grid-template-columns:1fr;gap:8px}
  .job__when, .rowlink__meta{text-align:left}
  .job__role{font-size:22px}

  .stage__copy{padding-bottom:16px;gap:18px}
  .stage__photo img{width:300px}
  .topic{grid-template-columns:1fr;gap:8px;padding:24px 0}
  .formats, .focus{grid-template-columns:1fr;gap:24px}
  .bios__photo{max-width:260px}
  .tab{padding:12px 14px;font-size:12px}
  .booking .btn, .bookcta .btn{width:100%}

  .rowlink{grid-template-columns:1fr;gap:6px;padding:22px 0}
  .bookfeat .book3d img{width:240px}
  .bookhero .book3d img{width:260px}
  .book3d .spot, .bookhero .book3d .spot{width:380px;height:380px}
  .pull--lg{padding-left:20px}
  .author img{width:160px}
  .pgrid{grid-template-columns:1fr;gap:40px}
  .tilt img{--ry:-9deg}
  .tilt--feat img{--ry:-10deg;--rx:3deg;box-shadow:-16px 22px 44px rgba(0,0,0,.6), 0 0 0 1px #2A2826}
  .products{grid-template-columns:1fr;gap:48px}
  .direct{margin-top:8px}
  .lost{min-height:0}
}

/* ---------- Print: the résumé prints clean on one or two sheets ---------- */
@media print{
  @page{margin:14mm}
  body{background:#fff;color:#000;font-size:10.5pt;line-height:1.4}
  body::before, .site-header, .menu, .site-footer, .newsletter, .skip, .stroke, .no-print, .resume-hero .row, .resume-hero .lbl{display:none !important}
  .sec, .sec--paper{background:none !important;padding:0 0 10pt !important;border:0 !important}
  .wrap{padding:0;max-width:none}
  .display{font-size:26pt}
  .lede{font-size:10.5pt;margin-top:4pt}
  .resume-hero .grid{display:block}
  .resume-facts{padding:6pt 0 10pt !important;gap:8pt;border-bottom:1pt solid #999 !important}
  .resume-facts b{font-size:18pt}
  .resume-facts span{font-size:8.5pt}
  .resume-body .grid{display:grid;grid-template-columns:1fr 54mm;gap:8mm}
  .side{position:static;gap:10pt}
  .side__block{gap:4pt}
  .side__block small{font-size:9pt;color:#333}
  .clearance{background:none;color:#000;padding:0;border-top:1.5pt solid #000;padding-top:4pt}
  .clearance b{font-size:14pt}
  .clearance .lbl, .lbl{color:#333;font-size:7.5pt}
  .h-48{font-size:15pt;margin:8pt 0 4pt !important}
  .job, .pub{padding:6pt 0;break-inside:avoid;grid-template-columns:1fr 34mm;gap:4mm}
  .job__role{font-size:12pt}
  .job__desc{font-size:9.5pt;margin-top:2pt;color:#222}
  .job__when, .job__when--now{color:#000;font-size:7.5pt}
  .pub__t{font-size:10pt}
  .tag{font-size:7pt;padding:1pt 4pt}
  .tags{gap:3pt}
  a{text-decoration:none}
  [data-reveal], [data-lines], [data-after-load]{opacity:1 !important;transform:none !important;visibility:visible !important}
}