/* AHG v4 helmet layer: added on top of ../helmet/helmet.css (v3 styles unchanged). */
.hx4 .hx-lens{background:transparent}
.hx4-canvas{position:absolute;left:0;top:0;display:block;opacity:0;pointer-events:none}
/* The suit settles into the forest-green fog as the camera closes in. */
.hx4-fog{position:absolute;left:0;right:0;bottom:0;height:42%;opacity:0;pointer-events:none;
 background:linear-gradient(180deg,rgba(14,38,32,0) 0%,rgba(14,38,32,.55) 45%,rgba(12,32,27,.92) 100%)}
/* Humid mist: two slow veils and drifting droplets in front of the helmet (compositor-only motion). */
.hx4-mist{position:absolute;inset:0;overflow:hidden;opacity:0;pointer-events:none}
.hx4-mist i{position:absolute;left:0;top:8%;width:200%;height:70%;will-change:transform;
 background-repeat:repeat-x;background-size:50% 100%;opacity:.9;animation:hx4-drift 70s linear infinite}
.hx4-mist i+i{top:34%;height:80%;background-size:38% 100%;opacity:.7;animation-duration:46s;animation-direction:reverse;transform:scaleY(-1)}
.hx4-mist b{position:absolute;left:0;right:0;top:0;height:calc(100% + 480px);background-size:480px 480px;opacity:.55;
 will-change:transform;animation:hx4-rise 70s linear infinite}
@keyframes hx4-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes hx4-rise{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-480px,0)}}
/* Before the climax: curved gold glass at the screen's edge (a hint, not the reveal). The ring sits at
   96% of the half-diagonal, so only its arcs show in the corners, where the real visor's rim takes over. */
.hx4-hint{position:fixed;inset:0;z-index:115;pointer-events:none;opacity:0;
 background:radial-gradient(circle closest-corner at 50% 50%,rgba(0,0,0,0) 94.6%,rgba(255,226,176,.22) 96%,rgba(120,70,24,.28) 97.4%,rgba(40,22,6,.5) 100%),
  radial-gradient(circle closest-corner at 50% 50%,rgba(0,0,0,0) 62%,rgba(150,92,32,.07) 82%,rgba(70,40,12,.2) 94%),
  radial-gradient(60% 42% at 20% 6%,rgba(255,238,210,.07),rgba(255,238,210,0) 70%)}
.hx-static .hx4-hint,.hx-failed .hx4-hint{display:none}
/* While the page sits in the gold sun visor it takes the visor's amber tone. */
.hx4-gold .hx-surface{filter:sepia(.45) saturate(1.3) hue-rotate(-8deg) brightness(.94)}
.hx4 .hx-greeting{background:none;bottom:auto;top:auto}
.hx4 .hx-greeting{position:absolute;left:0;right:0;bottom:calc(6svh + env(safe-area-inset-bottom));top:auto;padding:0 20px}
.hx4 .hx-surface{transition:filter .9s ease}
/* Condensation and the antenna glow sit on the glass, in front of everything, never in the way of a tap. */
.hx4-dew{position:fixed;left:0;top:0;z-index:125;pointer-events:none}
.hx-static .hx4-dew,.hx-failed .hx4-dew{display:none}
@media(prefers-reduced-motion:reduce){.hx4-canvas,.hx4-fog,.hx4-mist,.hx4-hint,.hx4-dew{display:none}}
/* Fogged visor glass you can wipe (fog-wipe.js): a real frosted blur of the page, shaped by a mask the
   pointer clears, and beads of water that act as tiny lenses on the screen behind them. Never takes input. */
.hx4-wipe{position:fixed;inset:0;z-index:120;pointer-events:none;opacity:0;visibility:hidden}
.hx4-wipe-frost{position:absolute;inset:0;background:rgba(240,246,242,.09);
 -webkit-backdrop-filter:blur(3.5px) saturate(.94) brightness(1.04);backdrop-filter:blur(3.5px) saturate(.94) brightness(1.04);
 -webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
 -webkit-mask-image:linear-gradient(transparent,transparent);mask-image:linear-gradient(transparent,transparent)}
.hx4-wipe-beads{position:absolute;inset:0;overflow:hidden}
.hx4-wipe-haze{position:absolute;left:0;top:0;width:100%;height:100%}
.hx4-wipe-beads i{position:absolute;left:0;top:0;width:12px;height:12px;border-radius:50%;opacity:0;will-change:transform,opacity;
 -webkit-backdrop-filter:brightness(1.07) saturate(1.12);backdrop-filter:brightness(1.07) saturate(1.12);
 box-shadow:inset 0 -.8px 1px rgba(255,255,255,.34),inset 0 .8px 1px rgba(10,16,14,.2),0 .5px .8px rgba(0,0,0,.1)}
.hx4-wipe-beads i::after{content:'';position:absolute;left:20%;top:16%;width:24%;height:16%;border-radius:50%;background:rgba(255,255,255,.7);transform:rotate(-34deg)}
.hx-static .hx4-wipe,.hx-failed .hx4-wipe{display:none}
@media(prefers-reduced-motion:reduce){.hx4-wipe{display:none}}
/* "Nice to meet you." is the last transition line, above the helmet (round 8); the big 3D greeting is retired on v4. */
.hx4 .hx4-line-top{bottom:auto;top:12svh}
.hx4 .hx-greeting{display:none}
/* The greeting is Alejandro's glass lettering (round 8): compact small caps, teal glass, a slow sheen. */
.hx4 .hx4-hello{width:clamp(220px,62vw,460px);margin:0 auto;font-size:0;line-height:0;text-shadow:none;transform-origin:50% 50%;filter:drop-shadow(0 6px 18px rgba(6,20,16,.55))}
.hx4 .hx4-hello-svg{display:block;width:100%;height:auto}
/* Final placement (round 8): the lettering sits centred in the dark band under the helmet. */
.hx4 .hx4-hello.hx4-line-top{top:auto;bottom:calc(4.5svh + env(safe-area-inset-bottom));width:min(84vw,600px)}
/* "Step back." and "Now, look closer." match the lettering: white glass small caps with a clean teal extrusion. */
.hx4 .hx-line:not(.hx4-hello){font-family:Baskerville,"Libre Baskerville","Baskerville Old Face",Georgia,serif;font-weight:700;
 text-transform:uppercase;letter-spacing:.035em;font-size:clamp(1.45rem,4.4vw,2.7rem);line-height:1.05;text-shadow:none;
 width:max-content;max-width:90vw;margin:0 auto;color:transparent;
 background:linear-gradient(172deg,#fff 0%,#f1fbf7 28%,#bfe2d8 52%,#e3f4ee 62%,#f4fbf8 86%,#cbe9df 100%);-webkit-background-clip:text;background-clip:text;
 -webkit-text-stroke:.8px #2f6b64;
 filter:drop-shadow(.3px 1px 0 #2b625c) drop-shadow(.3px 1px 0 #24524d) drop-shadow(.3px 1px 0 #1d433f) drop-shadow(.3px 1px 0 #173532) drop-shadow(0 8px 16px rgba(4,14,12,.55))}
.hx4 .hx-line{z-index:4}
@media(max-aspect-ratio:3/4){.hx4 .hx4-hello.hx4-line-top{bottom:calc(19svh + env(safe-area-inset-bottom))}}
/* Wide screens: one line in the band under the helmet; tall screens: the two-line stack. */
.hx4 .hx4-hello-wide{display:none}
@media(min-aspect-ratio:1/1){.hx4 .hx4-hello.hx4-line-top{width:min(78vw,1000px);bottom:calc(11svh + env(safe-area-inset-bottom))}
 .hx4 .hx4-hello-stack{display:none}.hx4 .hx4-hello-wide{display:block}}
/* Round 9 — phones: the fog veil is a tiny canvas stretched by the GPU; beads are light glass drops (no live blur). */
.hx4-wipe-lite .hx4-wipe-haze{position:absolute}
.hx4-wipe-lite .hx4-wipe-beads i{-webkit-backdrop-filter:none;backdrop-filter:none;
 background:radial-gradient(circle at 50% 62%,rgba(10,20,18,.06) 0 55%,rgba(255,255,255,.16) 78%,rgba(255,255,255,0) 100%);
 box-shadow:inset 0 -.8px 1px rgba(255,255,255,.42),inset 0 .8px 1px rgba(10,16,14,.22)}
/* Round 9 — the hint to keep going: centred, white glass small caps (as "Step back."), sliding down on a loop. */
.hx4-cue{position:fixed;left:50%;top:50%;z-index:130;transform:translate(-50%,-50%);pointer-events:none;color:#e9f7f1}
.hx4-cue-in{display:grid;justify-items:center;gap:6px;animation:hx4-cue-in 1.2s ease 1.4s both}
.hx4-cue-word{font-family:Baskerville,"Libre Baskerville","Baskerville Old Face",Georgia,serif;font-weight:700;text-transform:uppercase;
 letter-spacing:.06em;font-size:clamp(1.05rem,3.6vw,1.6rem);line-height:1;color:transparent;white-space:nowrap;
 background:linear-gradient(172deg,#fff 0%,#f1fbf7 28%,#bfe2d8 52%,#e3f4ee 62%,#f4fbf8 86%,#cbe9df 100%);-webkit-background-clip:text;background-clip:text;
 -webkit-text-stroke:.6px #2f6b64;
 filter:drop-shadow(.3px 1px 0 #2b625c) drop-shadow(.3px 1px 0 #1d433f) drop-shadow(0 6px 14px rgba(4,14,12,.6));
 animation:hx4-cue-slide 2.4s cubic-bezier(.5,0,.3,1) 2.6s infinite}
.hx4-cue-arrow{filter:drop-shadow(0 1px 0 #24524d) drop-shadow(0 4px 10px rgba(4,14,12,.6));animation:hx4-cue-slide 2.4s cubic-bezier(.5,0,.3,1) 2.75s infinite}
@keyframes hx4-cue-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes hx4-cue-slide{0%{transform:translateY(-4px);opacity:.35}45%{transform:translateY(6px);opacity:1}75%{transform:translateY(10px);opacity:0}100%{transform:translateY(-4px);opacity:.35}}
.hx-static .hx4-cue,.hx-failed .hx4-cue{display:none}
@media(prefers-reduced-motion:reduce){.hx4-cue-word,.hx4-cue-arrow{animation:none}}
/* The old corner hint ("Swipe / scroll down", 10px, below the fold on phones) is hidden on v4, not removed. */
.hx4 .story-direction{visibility:hidden}
/* Round 9b — the hint, softer: a relaxed white serif (not the glass caps), bottom centre, staying all the way down. */
.hx4-cue{top:auto;bottom:calc(26px + env(safe-area-inset-bottom));transform:translateX(-50%);transition:opacity .5s ease}
.hx4-cue-in{gap:4px}
.hx4 .hx4-cue-word,.hx4-cue-word{font-family:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;font-style:italic;font-weight:400;
 text-transform:none;letter-spacing:.02em;font-size:clamp(1rem,2.6vw,1.2rem);color:rgba(255,255,255,.92);background:none;-webkit-text-stroke:0;
 filter:none;text-shadow:0 1px 10px rgba(0,0,0,.55),0 0 2px rgba(0,0,0,.35)}
.hx4-cue-arrow{color:rgba(255,255,255,.85);width:18px;height:18px;filter:drop-shadow(0 1px 6px rgba(0,0,0,.5))}
/* The words stay put (only the arrow slides), with a soft dark fade behind so they read over any page or the helmet. */
.hx4-cue{bottom:calc(12px + env(safe-area-inset-bottom))}
.hx4 .hx4-cue-word,.hx4-cue-word{animation:none;font-size:clamp(1.05rem,2.8vw,1.25rem)}
.hx4-cue::before{content:'';position:absolute;z-index:-1;left:50%;bottom:calc(-12px - env(safe-area-inset-bottom));width:100vw;height:110px;transform:translateX(-50%);pointer-events:none;
 background:linear-gradient(180deg,rgba(8,14,12,0),rgba(8,14,12,.55) 55%,rgba(8,14,12,.72))}
.hx4-cue::before{height:130px;background:linear-gradient(180deg,rgba(8,14,12,0),rgba(8,14,12,.7) 45%,rgba(8,14,12,.88) 75%)}
/* Round 9d — "Step back." and "Now, look closer." sit higher, clear of the swipe hint, and above Safari's toolbar
   (the lens is 100lvh, so the toolbar's height is added back). The hint is now a plain sans serif. */
.hx4 .hx-line:not(.hx4-hello){bottom:calc(150px + env(safe-area-inset-bottom));bottom:calc(100lvh - 100svh + 150px + env(safe-area-inset-bottom))}
.hx4 .hx4-cue-word,.hx4-cue-word{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue","Segoe UI",Arial,sans-serif;font-style:normal;font-weight:500;letter-spacing:.03em;font-size:clamp(.95rem,2.4vw,1.1rem)}
/* Round 10 — the bottom rail (rail.js): a thin line that fills as you go, with a glass bead for each place you can do
   something. Beads light when reached; tap one to travel, drag the line to scrub. The hint sits just above it. */
.hx4-rail{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));z-index:131;width:min(520px,calc(100vw - 56px));height:24px;
 transform:translateX(-50%);pointer-events:none;transition:opacity .4s ease}
.hx4-rail[hidden]{display:none}
.hx4-rail-track{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;border-radius:2px;background:rgba(255,255,255,.16);pointer-events:auto;cursor:pointer;touch-action:none}
.hx4-rail-track::before{content:'';position:absolute;left:0;right:0;top:-11px;bottom:-11px}
.hx4-rail-fill{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,rgba(240,138,75,.35),#f08a4b);transform-origin:0 50%;transform:scaleX(0)}
.hx4-rail.is-drag .hx4-rail-track{background:rgba(255,255,255,.26)}
.hx4-rail-bead{position:absolute;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;padding:0;border:0;border-radius:50%;background:none;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}
.hx4-rail-bead::before{content:'';position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;
 background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px 1px rgba(255,255,255,.55),0 1px 3px rgba(0,0,0,.4);
 transition:transform .35s cubic-bezier(.3,1.4,.5,1),background .35s,box-shadow .35s,border-color .35s}
.hx4-rail-bead.is-reached::before{background:#f08a4b;border-color:rgba(255,222,196,.9)}
.hx4-rail-bead.is-here::before{transform:scale(1.5);box-shadow:inset 0 1px 1px rgba(255,255,255,.6),0 0 0 4px rgba(240,138,75,.16),0 0 14px rgba(240,138,75,.75)}
.hx4-rail-bead:focus-visible{outline:2px solid #f6c39b;outline-offset:2px}
.hx4-rail-tip{position:absolute;left:50%;bottom:26px;transform:translate(-50%,4px);white-space:nowrap;padding:.32em .75em;border-radius:999px;
 font:500 .72rem/1.2 -apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Arial,sans-serif;letter-spacing:.02em;color:#fff;
 background:rgba(10,18,16,.72);border:1px solid rgba(255,255,255,.14);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
@media(hover:hover){.hx4-rail-bead:hover .hx4-rail-tip{opacity:1;transform:translate(-50%,0)}}
.hx4-rail-bead:focus-visible .hx4-rail-tip{opacity:1;transform:translate(-50%,0)}
/* The hint now sits just above the rail and swaps to the action word at each stop. */
.hx4-cue{bottom:calc(46px + env(safe-area-inset-bottom))}
.hx4-cue::before{bottom:calc(-46px - env(safe-area-inset-bottom));height:150px}
.hx4 .hx4-cue-word,.hx4-cue-word{transition:opacity .16s ease,color .3s ease}
.hx4-cue-word.is-swap{opacity:0}
.hx4-cue.is-action .hx4-cue-word{color:#ffd9bd}
.hx4-cue-arrow{width:16px;height:16px}
/* The old caption and progress bar are hidden on the v4 homepage (still in the markup); the rail replaces them. */
.hx4 .story-foot .story-caption,.hx4 .story-foot .story-progress,.hx4 .hx-progress{visibility:hidden}
.hx4 footer#contact{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
.hx-static .hx4-rail,.hx-failed .hx4-rail{display:none}
@media(prefers-reduced-motion:reduce){.hx4-rail-bead::before,.hx4-rail-tip{transition:none}}
/* The intro column keeps clear of the hint and rail at the bottom (it is centred, so this lifts it). */
.hx4 .motion-story .story-identity{padding-bottom:calc(150px + env(safe-area-inset-bottom))}
@media(min-aspect-ratio:1/1){.hx4 .motion-story .story-identity{padding-bottom:calc(240px + env(safe-area-inset-bottom))}}
/* Round 10b — the hint is one line: an arrow either side of the words. */
.hx4-cue-in{display:flex;flex-direction:row;align-items:center;gap:10px}
.hx4-cue-in .hx4-cue-arrow{flex:0 0 auto;width:15px;height:15px}
/* Round 11 — the music button (music.js): a small glass pill under the header, top right; the Spotify player opens
   below it on the first tap and tucks away once the song plays (it keeps playing while hidden). */
.hx4-music{position:fixed;top:calc(env(safe-area-inset-top) + 86px);right:max(16px,3vw);z-index:140;display:inline-flex;align-items:center;gap:8px;
 padding:.5em .95em .5em .8em;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(16,22,20,.55);color:rgba(255,255,255,.9);
 font:500 .74rem/1 -apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Arial,sans-serif;letter-spacing:.02em;cursor:pointer;
 -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);-webkit-tap-highlight-color:transparent}
.hx4-music:focus-visible{outline:2px solid #f6c39b;outline-offset:2px}
.hx4-music[disabled]{opacity:.5;cursor:default}
.hx4-music-bars{display:inline-flex;align-items:flex-end;gap:2px;height:11px}
.hx4-music-bars i{display:block;width:2px;height:4px;border-radius:1px;background:currentColor;opacity:.75}
.hx4-music-bars i:nth-child(2){height:8px}.hx4-music-bars i:nth-child(3){height:6px}
.hx4-music.is-playing .hx4-music-bars i{background:#f08a4b;opacity:1;animation:hx4-eq .9s ease-in-out infinite alternate}
.hx4-music.is-playing .hx4-music-bars i:nth-child(2){animation-delay:-.3s}.hx4-music.is-playing .hx4-music-bars i:nth-child(3){animation-delay:-.6s}
.hx4-music.is-loading .hx4-music-bars i{animation:hx4-eq .6s ease-in-out infinite alternate;opacity:.5}
@keyframes hx4-eq{from{height:3px}to{height:11px}}
.hx4-music-panel{position:fixed;top:calc(env(safe-area-inset-top) + 124px);right:max(16px,3vw);z-index:140;width:min(320px,calc(100vw - 32px));
 border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.45);transition:opacity .3s ease,transform .3s ease}
.hx4-music-panel[hidden]{display:block;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px)}
.hx4-music-embed,.hx4-music-embed iframe{display:block;width:100%;height:80px;border:0}
.hx4-music-close{position:absolute;top:4px;right:4px;width:24px;height:24px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:15px;line-height:24px;cursor:pointer}
.hx-static .hx4-music,.hx-static .hx4-music-panel{display:none}
@media(prefers-reduced-motion:reduce){.hx4-music-bars i{animation:none!important}}
.hx4-music-close{right:auto;left:4px;width:22px;height:22px;line-height:22px;font-size:14px}
/* Round 12 — the song is our own file: the Spotify panel is gone; the credit sits under the button with a hairline of progress. */
.hx4-music-credit{position:fixed;top:calc(env(safe-area-inset-top) + 122px);right:max(16px,3vw);z-index:140;margin:0;display:grid;gap:5px;justify-items:end;
 font:400 .68rem/1.2 -apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Arial,sans-serif;letter-spacing:.02em;color:rgba(255,255,255,.72);
 text-shadow:0 1px 6px rgba(0,0,0,.6);pointer-events:none;transition:opacity .3s}
.hx4-music-credit[hidden]{display:grid;opacity:0;visibility:hidden}
.hx4-music-time{display:block;width:100%;min-width:120px;height:1px;background:rgba(255,255,255,.18);overflow:hidden}
.hx4-music-time b{display:block;height:100%;background:#f08a4b;transform-origin:0 50%;transform:scaleX(0)}
.hx-static .hx4-music-credit{display:none}
/* Round 13 — the Reduce Motion note (motion-note.js): a small glass card at the bottom, once, one tap to close.
   Not inside .hx4 rules: with Reduce Motion on, the page is in its still mode, so it must stand on its own. */
.hx4-motion-note{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:200;width:min(380px,calc(100vw - 32px));
 transform:translate(-50%,8px);opacity:0;transition:opacity .3s ease,transform .3s ease;padding:16px 18px 14px;border-radius:16px;
 background:rgba(14,22,19,.82);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.86);box-shadow:0 14px 40px rgba(0,0,0,.5);
 -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font:400 .82rem/1.45 -apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Arial,sans-serif}
.hx4-motion-note.is-in{opacity:1;transform:translate(-50%,0)}
.hx4-motion-note p{margin:0 0 .45em}
.hx4-motion-note-title{font-weight:600;color:#fff;font-size:.9rem}
.hx4-motion-note-path{font-weight:500;color:#ffd9bd}
.hx4-motion-note-small{font-size:.74rem;color:rgba(255,255,255,.6)}
.hx4-motion-note-ok{margin-top:.5em;padding:.5em 1.1em;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;font:500 .78rem/1 inherit;font-family:inherit;cursor:pointer}
.hx4-motion-note-ok:focus-visible{outline:2px solid #f6c39b;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.hx4-motion-note{transition:none}}
/* Round 14 — music carried over from another page, waiting for the first tap. */
.hx4-music.is-waiting{border-color:rgba(240,138,75,.55)}
.hx4-music.is-waiting .hx4-music-bars i{background:#f08a4b;opacity:.9}
/* Round 15 — touch screens: wiping must never move the page. The fog layer is clipped to the screen (its soft edge
   used to overhang by ~10px each side), and the page itself only pans up and down (plus pinch-zoom for accessibility).
   Taps and links work as before; horizontal strips that scroll on their own (e.g. the project filters) still scroll. */
.hx4-wipe{overflow:hidden}
@media(pointer:coarse){html{touch-action:pan-y pinch-zoom;overscroll-behavior-x:none}body{overscroll-behavior-x:none}}
/* Round 17 — the wipe tip leads the note, in the brand orange. */
.hx4-motion-note-wipe{font-weight:650;font-size:1.02rem;letter-spacing:.005em;color:#f08a4b;margin-bottom:.6em!important;padding-bottom:.55em;border-bottom:1px solid rgba(240,138,75,.25)}