/* DEV NOTES: Cinematic Nightfox title screen; original front-facing portrait, real text.
A central scene and horizontal destination dock replace the earlier two-column list.
Keep decorative layers pointer-events:none and behind the actual links/text.
Mobile moves supporting copy into normal flow and retains both obvious touch targets.
Never lock page scrolling: small screens/zoom must remain usable.
home.js adds local arrow-key navigation; native anchor behaviours remain authoritative. */
.landing-page{min-height:100svh;display:flex;flex-direction:column;background:#0c0d0d;--bg:#0c0d0d}
.landing-page .wrap{max-width:1440px;width:calc(100% - 2 * clamp(24px,5vw,80px))}
.landing-header{height:clamp(54px,7svh,74px);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:5}
.landing-header .wordmark{font-size:15px;letter-spacing:.2em;font-weight:700;color:#e4c48d;display:inline-flex;align-items:center;min-height:44px}
.landing-socials{display:flex;gap:22px;align-items:center}
.landing-socials a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;font-size:12px;color:#bcb6ab}
.landing-socials span{color:var(--gold);margin-left:6px}
.landing-socials a:hover{color:var(--text)}
.landing-main{flex:1;display:flex}
.landing-hero{flex:1;min-width:0;display:flex;flex-direction:column}
.identity-stage{position:relative;isolation:isolate;flex:1;min-height:380px}
.identity-stage:before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 50% 43%,#86633216,transparent 54%),radial-gradient(ellipse at 50% 40%,#1f818212,transparent 28%)}
.scene-orbit{position:absolute;z-index:-1;left:50%;top:44%;width:min(74svh,680px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #c6a06420;border-radius:50%;pointer-events:none}
.scene-orbit:before{content:'';position:absolute;inset:22px;border:1px solid #c6a0640b;border-radius:50%}
.scene-orbit:after{content:'';position:absolute;inset:50% -9%;height:1px;background:linear-gradient(90deg,transparent,#c6a06433 10%,transparent 38%,transparent 62%,#c6a06433 90%,transparent)}
.landing-art{position:absolute;z-index:0;left:50%;top:0;bottom:0;width:min(58vw,58svh,620px);transform:translateX(-50%);pointer-events:none;overflow:hidden;mask-image:linear-gradient(to bottom,#000 0%,#000 66%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 66%,transparent 100%)}
.landing-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}
.landing-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 20%,transparent 80%,var(--bg)),linear-gradient(to top,var(--bg),transparent 45%);pointer-events:none}
.landing-copy{position:absolute;z-index:2;left:0;right:0;bottom:18px;text-align:center;pointer-events:none}
.landing-motto{font-size:10px;letter-spacing:.48em;color:#e4c48d;margin-bottom:10px}
.landing-copy h1{font-family:NimbusNarrow,'Arial Narrow',Arial,sans-serif;font-size:clamp(96px,min(18vw,19svh),214px);line-height:.9;font-weight:700;letter-spacing:.035em;padding-left:.035em;text-shadow:0 4px 50px #000b;color:#eee4d3}
.identity-caption{position:absolute;z-index:2;top:40%;left:2%;max-width:240px}
.caption-rule{display:block;width:34px;height:1px;background:var(--gold);margin-bottom:18px}
.landing-role{font-size:clamp(24px,2.5vw,36px);line-height:1.15;letter-spacing:-.025em}
.landing-signal{font-size:16px;line-height:1.5;font-style:italic;color:#b4ad9f;margin-top:10px;max-width:210px}
.landing-intro{position:absolute;z-index:2;top:43%;right:2%;width:220px;scroll-margin-top:30px}
.landing-intro h2{font-size:20px;font-weight:400;line-height:1.35;letter-spacing:-.02em;max-width:200px}
.landing-intro p{font-size:13px;line-height:1.65;color:#aaa398;margin-top:12px}
.landing-work{position:relative;z-index:3;flex-shrink:0;width:100%;max-width:900px;margin:0 auto;padding:10px 0 24px;scroll-margin-top:20px}
.landing-work>.eyebrow{font-size:9px;letter-spacing:.33em;text-align:center;display:flex;justify-content:center;align-items:center;gap:18px;margin-bottom:15px}
.landing-work>.eyebrow:before,.landing-work>.eyebrow:after{content:'';width:48px;height:1px;background:#c6a06444}
.landing-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.landing-project{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:18px;min-width:0;min-height:100px;padding:18px 24px;border:1px solid #c6a06442;border-radius:3px;background:radial-gradient(ellipse at 0 0,#c6a06416,transparent 65%),linear-gradient(135deg,#1c1d1b,#101211 75%);box-shadow:inset 0 1px #f2d7a510,inset 0 -1px #0008,0 8px 24px #0003;transition:border-color .2s,transform .2s,box-shadow .2s}
/* Fine light catches and a quiet selection rail replace the heavy corner brackets. */
.landing-project:before,.landing-project:after{content:'';position:absolute;pointer-events:none}
.landing-project:before{left:24px;right:24px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#ddbc7f80,transparent);opacity:.7;transition:opacity .2s}
.landing-project:after{left:-1px;top:30%;bottom:30%;width:2px;border-radius:2px;background:#d9b879;box-shadow:0 0 12px #d9b87933;opacity:.55;transition:opacity .2s}
.option-symbol{width:36px;height:36px;fill:none;stroke:#d9b879;stroke-width:1.2;opacity:.9;filter:drop-shadow(0 0 7px #c6a06422)}
.option-copy{min-width:0}
.project-label{font-size:9px;letter-spacing:.15em;line-height:1.5;color:#aca496;margin-top:7px}
.landing-project h3{font-family:NimbusNarrow,Arial,sans-serif;font-size:34px;font-weight:700;line-height:1.05;transition:color .2s}
.project-go{display:grid;place-items:center;width:28px;height:28px;font-size:19px;color:#d9b879;border:1px solid #c6a06440;border-radius:50%;background:#c6a06408;transition:background .2s,border-color .2s,transform .2s}
.landing-project:focus-visible{outline:2px solid #e0bd81;outline-offset:5px;border-color:var(--gold);box-shadow:0 0 28px #c6a06412,inset 0 1px #f2d7a522}
.landing-project:focus-visible h3,.landing-project:active h3{color:#e7c98f}
.landing-project:focus-visible:before,.landing-project:focus-visible:after{opacity:1}
.landing-project:active{transform:scale(.99);background:#25231c;border-color:var(--gold)}
@media(hover:hover) and (pointer:fine){
.landing-project:hover{transform:translateY(-2px);border-color:#d9b87999;box-shadow:0 12px 28px #0006,0 0 24px #c6a0640c,inset 0 1px #f2d7a522}
.landing-project:hover h3{color:#e7c98f}
.landing-project:hover:before,.landing-project:hover:after{opacity:1}
.landing-project:hover .project-go{background:#c6a06418;border-color:#d9b87988;transform:translate(1px,-1px)}
}
.landing-footer{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:52px;border-top:1px solid #c6a06420;color:#898379;font-size:10px}
.landing-contact a{display:inline-flex;align-items:center;gap:16px;min-height:44px;font-size:12px;color:#c4bbaa}
.landing-contact span{color:var(--gold);font-size:18px}
.landing-contact a:hover{color:var(--text)}
/* At medium widths, supporting copy is kept outside the portrait's face. */
@media(min-width:901px) and (max-width:1150px){
.identity-caption{left:0;max-width:190px}.landing-role{font-size:27px}.landing-signal{font-size:14px}
.landing-intro{right:0;width:175px}.landing-intro h2{font-size:18px}.landing-intro p{font-size:12px}
.landing-art{width:min(46vw,58svh)}
}
@media(min-width:901px) and (max-height:700px){
.landing-header{height:50px}.identity-stage{min-height:310px}.landing-copy{bottom:8px}
.landing-copy h1{font-size:clamp(88px,18svh,126px)}.landing-motto{font-size:9px;margin-bottom:8px}
.landing-role{font-size:26px}.landing-signal{font-size:14px}.landing-intro h2{font-size:18px}.landing-intro p{font-size:12px;margin-top:8px}
.landing-work{padding-top:8px;padding-bottom:14px}.landing-work>.eyebrow{margin-bottom:10px}
.landing-project{min-height:82px;padding-block:13px}.landing-project h3{font-size:30px}.landing-footer{min-height:46px}
}
/* Phones/tablets: centred scene, supporting text in flow, then two compact destination tiles. */
@media(max-width:900px){
.landing-page .wrap{width:calc(100% - 40px)}
.landing-header{height:56px}.landing-header .wordmark{font-size:14px;letter-spacing:.16em}
.landing-socials{gap:10px}.landing-socials a{font-size:12px}.landing-socials span{margin-left:4px}
.identity-stage{min-height:0;display:flex;flex-direction:column;justify-content:flex-end;padding-top:clamp(208px,33svh,340px);padding-bottom:20px}
.landing-art{top:0;bottom:auto;width:min(84vw,440px);height:480px;max-height:100%;mask-image:linear-gradient(to bottom,#000 0%,#000 42%,transparent 83%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 42%,transparent 83%)}
.landing-art:after{background:linear-gradient(90deg,var(--bg),transparent 15%,transparent 85%,var(--bg)),linear-gradient(to top,var(--bg),transparent 55%)}
.scene-orbit{width:min(92vw,520px);top:210px}
.landing-copy{position:relative;left:auto;right:auto;bottom:auto;order:0}
.landing-motto{font-size:9px;letter-spacing:.35em;margin-bottom:8px}
.landing-copy h1{font-size:clamp(60px,15.5vw,126px);letter-spacing:.025em;line-height:.95}
.identity-caption{position:relative;top:auto;left:auto;max-width:none;text-align:center;order:1;margin-top:12px}
.caption-rule{display:none}.landing-role{font-size:24px;line-height:1.2}.landing-signal{font-size:15px;max-width:none;margin-top:5px}
.landing-intro{position:relative;top:auto;right:auto;width:auto;max-width:380px;margin:18px auto 0;text-align:center;order:2}
.landing-intro h2{font-size:16px;max-width:none}.landing-intro p{font-size:12px;line-height:1.55;margin-top:6px;max-width:330px}
.landing-work{padding:0 0 18px;max-width:680px}.landing-work>.eyebrow{font-size:8px;letter-spacing:.23em;gap:12px;margin-bottom:12px}
.landing-work>.eyebrow:before,.landing-work>.eyebrow:after{width:25px}
.landing-projects{gap:12px}.landing-project{min-height:98px;padding:13px 14px;grid-template-columns:minmax(0,1fr) 18px;gap:5px}
.option-symbol{display:none}.landing-project h3{font-size:clamp(23px,5.7vw,30px)}.project-label{font-size:8px;letter-spacing:.06em;margin-top:6px}
.project-go{width:18px;height:24px;font-size:18px;border:0;background:none}
.landing-footer{min-height:48px;padding-bottom:env(safe-area-inset-bottom);font-size:9px}.landing-contact a{font-size:11px;gap:10px}
}
@media(max-width:380px){
.landing-page .wrap{width:calc(100% - 32px)}.landing-header .wordmark{font-size:13px}.landing-socials{gap:6px}
.identity-stage{padding-top:190px;padding-bottom:17px}.landing-art{width:290px;height:430px}.scene-orbit{top:180px}
.landing-copy h1{font-size:58px}.landing-motto{font-size:8px}.landing-role{font-size:22px}.landing-signal{font-size:14px}
.landing-intro{margin-top:14px}.landing-intro h2{font-size:15px}.landing-intro p{font-size:12px}
.landing-project{padding:12px 10px;min-height:92px}.landing-project h3{font-size:23px}.project-label{font-size:7.5px}
}
@media(prefers-reduced-motion:reduce){
.landing-project,.landing-project:before,.landing-project:after,.landing-project h3,.project-go{transition:none}.landing-project:hover,.landing-project:active,.landing-project:hover .project-go{transform:none!important}
}

@media(min-width:901px) and (min-height:701px){.landing-main{padding-bottom:clamp(20px,4svh,48px)}}

/* DEV NOTES: Generated transparent stone lettering matches the relic button material.
   The actual heading remains available to assistive technology; artwork is decorative.
   Keep natural image proportions and edge clearance. No canvas or runtime API.
   Only the title changes: preserve the portrait, navigation placement, and mobile flow. */
.landing-copy h1{letter-spacing:.015em;padding-left:0;color:#e6e0d2;line-height:1}
.nightfox-title-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.nightfox-title-art{position:relative;display:block;width:min(100%,5em,1100px);aspect-ratio:3.2;margin-inline:auto;overflow:hidden}
.nightfox-title-art img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
/* DEV NOTES: Lift stone midtones and separate the silhouette from the dark coat.
   Apply to the shared wrapper so resting and cyan layers retain the same exposure.
   Keep this a static treatment; hover still only changes the inlay layer opacity. */
.nightfox-title-art{filter:brightness(1.3) contrast(.96) drop-shadow(0 1px 0 #cec5ae33) drop-shadow(0 4px 8px #000b)}
@media(forced-colors:active){
.nightfox-title-art{display:none}
.nightfox-title-text{position:static;width:auto;height:auto;margin:0;clip-path:none;overflow:visible;white-space:normal}
}

/* DEV NOTES: Actual alpha cutout removes the portrait rectangle. Retain only the
   lower fade into the title; do not paint opaque side overlays over transparency.
   Centre the motto on the viewport, independently of the social links' width. */
.landing-art:after{content:none}
.landing-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.landing-header .wordmark{grid-column:2;justify-self:center}
.landing-socials{grid-column:3;justify-self:end}
@media(max-width:600px){
.landing-header{height:88px;grid-template-columns:1fr;grid-template-rows:44px 44px;gap:0}
.landing-header .wordmark{grid-column:1;grid-row:1}
.landing-socials{grid-column:1;grid-row:2;justify-self:center}
}

/* DEV NOTES: Generated labyrinth frames are decorative PNG overlays with alpha.
   Background sizing compensates for source transparent margins without modifying assets.
   Native anchors retain their labels, routes, touch targets and keyboard navigation.
   Crossfade matching frames on hover/focus/press; never place text inside image files. */
.landing-project{isolation:isolate;grid-template-columns:minmax(0,1fr) 28px;padding-inline:clamp(40px,4.4vw,62px);border-color:transparent;background:transparent;box-shadow:none}
.landing-project .option-symbol{display:none}
.landing-project .option-copy,.landing-project .project-go{position:relative;z-index:1}
.landing-project:before,.landing-project:after{inset:0;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;pointer-events:none;background-color:transparent;background-repeat:no-repeat;transition:opacity .2s}
.landing-project:before{background-image:url('/assets/labyrinth-button-default.png');background-size:100.775% 184.841%;background-position:50% 49.2795%;opacity:1}
.landing-project:after{background-image:url('/assets/labyrinth-button-selected.png');background-size:102.112% 185.749%;background-position:13.9535% 46.1318%;opacity:0}
.landing-project:focus-visible,.landing-project:active{border-color:transparent;background:transparent;box-shadow:none}
.landing-project:focus-visible{outline:2px solid #91e1e7;outline-offset:5px}
.landing-project:focus-visible:before,.landing-project:active:before{opacity:0}
.landing-project:focus-visible:after,.landing-project:active:after{opacity:1}
@media(hover:hover) and (pointer:fine){
.landing-project:hover{border-color:transparent;box-shadow:none}
.landing-project:hover:before{opacity:0}
.landing-project:hover:after{opacity:1}
}
@media(max-width:900px){
.landing-project{grid-template-columns:minmax(0,1fr);padding-inline:clamp(22px,5vw,48px);text-align:center}
.landing-project .project-go{display:none}
.landing-project h3{font-size:clamp(21px,5.5vw,30px)}
}
@media(prefers-reduced-motion:reduce){.landing-project:before,.landing-project:after{transition:none}}
@media(forced-colors:active){
.landing-project{border:1px solid ButtonText}
.landing-project:before,.landing-project:after{display:none}
}

/* DEV NOTES: Local classical capitals tie live menu labels to the labyrinth artwork.
   The PNG centres must remain transparent in every state. Never add a solid colour
   to either frame pseudo-element: it fills the image's empty centre and hides text. */
@font-face{font-family:LabyrinthSerif;src:url('/assets/labyrinth-serif-bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
.landing-project{grid-template-columns:minmax(0,1fr);text-align:center}
.landing-project .project-go{display:none}
.landing-project h3{font-family:LabyrinthSerif,Georgia,serif;font-size:26px;line-height:1.2;font-weight:700;text-transform:uppercase;letter-spacing:.065em;color:#e0c58b;text-shadow:0 1px 0 #050706,0 -1px 0 #f6e1b51a;transition:color .18s,text-shadow .18s}
.landing-project .project-label{font-size:9px;letter-spacing:.18em;color:#b6ad9b;line-height:1.4;margin-top:8px}
.landing-project:focus-visible{outline-color:#e4c48d}
.landing-project:focus-visible h3,.landing-project:active h3{color:#fff0ce;text-shadow:0 1px 0 #050706,0 0 9px #d9b87922}
@media(hover:hover) and (pointer:fine){
.landing-project:hover{transform:none}
.landing-project:hover h3{color:#fff0ce;text-shadow:0 1px 0 #050706,0 0 9px #d9b87922}
}
@media(max-width:900px){
.landing-project h3{font-size:clamp(16px,4vw,24px);letter-spacing:.045em;line-height:1.18}
.landing-project .project-label{font-size:8px;letter-spacing:.08em;margin-top:7px}
}
@media(forced-colors:active){.landing-project h3{color:LinkText;text-shadow:none}}
@media(prefers-reduced-motion:reduce){.landing-project h3{transition:none}}

/* DEV NOTES: Unified relic artwork includes the visible names; live h3 labels remain
   accessible. Remove the old frames/subtitles. Both glow layers use the identical
   image so lettering and veins brighten together without geometry/layout changes. */
.relic-filter-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.landing-work .relic-button{position:relative;display:block;padding:0;border:0;background:none;box-shadow:none;min-height:96px;aspect-ratio:4.55;isolation:isolate;transform:none}
.landing-work .relic-button:before,.landing-work .relic-button:after{content:none}
.landing-work .relic-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.relic-visual{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);pointer-events:none}
.relic-visual img{display:block;width:100%;height:auto}
.relic-visual .relic-lit{position:absolute;inset:0;opacity:0;filter:url('#relic-inlay-glow');transition:opacity .14s ease}
.landing-work .relic-button:focus-visible{outline:2px solid #e0c58b;outline-offset:5px;border-radius:14px}
.relic-button:focus-visible .relic-lit,.relic-button:active .relic-lit{opacity:1}
@media(hover:hover) and (pointer:fine){.relic-button:hover .relic-lit{opacity:1}}
@media(max-width:600px){
.landing-work .landing-projects{grid-template-columns:1fr;gap:6px;max-width:410px;margin-inline:auto}
.landing-work .relic-button{min-height:68px;aspect-ratio:4.55}
}
@media(prefers-reduced-motion:reduce){.relic-visual .relic-lit{transition:none}}
@media(forced-colors:active){
.relic-visual{display:none}
.landing-work .relic-button{border:1px solid ButtonText;display:grid;place-items:center}
.landing-work .relic-label{position:static;width:auto;height:auto;margin:0;clip-path:none;overflow:visible;white-space:normal;color:LinkText}
}

/* DEV NOTES: Ghost mode is the resting state. The same native button hover/focus/
   press selectors light the relic and reveal Nightfox's eyes, without sticky state,
   timers, page-wide mouse handlers, or portrait geometry changes. */
.landing-art .nightfox-awake{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .14s ease;pointer-events:none}
.landing-hero:has(.relic-button:focus-visible) .nightfox-awake,
.landing-hero:has(.relic-button:active) .nightfox-awake{opacity:1}
@media(hover:hover) and (pointer:fine){
.landing-hero:has(.relic-button:hover) .nightfox-awake{opacity:1}
}
@media(prefers-reduced-motion:reduce){.landing-art .nightfox-awake{transition:none}}

/* DEV NOTES: Restrained title inlays wake with the same native menu states as the eyes.
   Reuse the gold-selecting filter so light stays within the carved channels instead
   of outlining or brightening the entire stone wordmark. */
.nightfox-title-art .nightfox-title-lit{opacity:0;filter:url('#relic-inlay-glow');transition:opacity .14s ease}
.landing-hero:has(.relic-button:focus-visible) .nightfox-title-lit,
.landing-hero:has(.relic-button:active) .nightfox-title-lit{opacity:.7}
@media(hover:hover) and (pointer:fine){
.landing-hero:has(.relic-button:hover) .nightfox-title-lit{opacity:.7}
}
@media(prefers-reduced-motion:reduce){.nightfox-title-art .nightfox-title-lit{transition:none}}

/* DEV NOTES: Supporting copy reads as inscriptions within the scene, using the
   existing local serif and restrained etched rules. Keep body text solid-colour
   for contrast; no rasterised copy, panels, hover targets or motion loops.
   Creator and Builder use the same heading/tagline rules for equal visual weight.
   Normal-flow mobile copy and the existing desktop positions remain authoritative. */
.identity-caption,.landing-intro{--inscription-accent:#a88c58}
.inscription-rule{display:block;width:120px;height:17px;margin-bottom:15px;fill:none;stroke:var(--inscription-accent);stroke-width:1;pointer-events:none;transition:stroke .14s ease,filter .14s ease}
.landing-intro .inscription-rule{transform:scaleX(-1)}
.identity-inscription .landing-role{font-family:LabyrinthSerif,Georgia,serif;font-weight:700;color:#d5c19b;text-shadow:0 2px 2px #000,0 -1px 0 #f3e1bd19;font-size:clamp(25px,2.3vw,32px);line-height:1.28;letter-spacing:.07em;text-transform:uppercase;max-width:none}
.identity-inscription .landing-signal{font-family:Georgia,serif;font-size:15px;font-style:italic;line-height:1.55;letter-spacing:.015em;color:#bcb19d;margin-top:12px;max-width:none;text-wrap:balance}
.landing-hero:has(.relic-button:focus-visible) .inscription-rule,
.landing-hero:has(.relic-button:active) .inscription-rule{stroke:#78c4cf;filter:drop-shadow(0 0 3px #14dcff30)}
@media(hover:hover) and (pointer:fine){
.landing-hero:has(.relic-button:hover) .inscription-rule{stroke:#78c4cf;filter:drop-shadow(0 0 3px #14dcff30)}
}
@media(min-width:901px){.landing-intro{top:40%}}
@media(min-width:901px) and (max-width:1150px){
.identity-inscription .landing-role{font-size:25px}.identity-inscription .landing-signal{font-size:14px}
}
@media(min-width:901px) and (max-height:700px){
.inscription-rule{margin-bottom:10px}.identity-inscription .landing-role{font-size:25px}.identity-inscription .landing-signal{font-size:14px;margin-top:8px}
}
@media(max-width:900px){
.inscription-rule{width:88px;height:13px;margin:0 auto 10px}
.identity-inscription .landing-role{font-size:23px;letter-spacing:.055em;line-height:1.3}
.identity-inscription .landing-signal{font-size:15px;margin:6px auto 0}
.landing-intro{margin-top:20px}
}
@media(max-width:380px){.identity-inscription .landing-role{font-size:20px}}
@media(prefers-reduced-motion:reduce){.inscription-rule{transition:none}}
@media(forced-colors:active){
.inscription-rule{display:none}
.identity-inscription .landing-role,.identity-inscription .landing-signal{color:CanvasText;text-shadow:none}
}