/* Only the invented websites have their own type; portfolio navigation stays Poppins. */
.web-concept .demo--aura :is(h1,h2,h3,p,a,span,summary,figcaption){font-family:Georgia, serif!important}.web-concept .demo--aura{--display:Georgia, serif!important}.web-concept .web-story .type-sample--aura{font-family:Georgia, serif!important}
.web-concept .demo--miga :is(h1,h2,h3,p,a,span,summary,figcaption){font-family:'Trebuchet MS', sans-serif!important}.web-concept .demo--miga{--display:'Trebuchet MS', sans-serif!important}.web-concept .web-story .type-sample--miga{font-family:'Trebuchet MS', sans-serif!important}
.web-concept .demo--umbral :is(h1,h2,h3,p,a,span,summary,figcaption){font-family:Impact, sans-serif!important}.web-concept .demo--umbral{--display:Impact, sans-serif!important}.web-concept .web-story .type-sample--umbral{font-family:Impact, sans-serif!important}
.web-concept .demo--pliegue :is(h1,h2,h3,p,a,span,summary,figcaption){font-family:'Courier New', monospace!important}.web-concept .demo--pliegue{--display:'Courier New', monospace!important}.web-concept .web-story .type-sample--pliegue{font-family:'Courier New', monospace!important}
.web-concept .demo--estrato :is(h1,h2,h3,p,a,span,summary,figcaption){font-family:'Palatino Linotype', 'Book Antiqua', serif!important}.web-concept .demo--estrato{--display:'Palatino Linotype', 'Book Antiqua', serif!important}.web-concept .web-story .type-sample--estrato{font-family:'Palatino Linotype', 'Book Antiqua', serif!important}
.web-concept .demo .demo-link{background:var(--accent)!important;color:var(--paper)!important;border-radius:999px!important;min-height:46px;display:inline-flex;padding:12px 24px!important;align-items:center;font-size:14px!important;letter-spacing:0!important;text-transform:none!important}.web-concept .demo h1{overflow-wrap:normal;word-break:normal}.demo h2{max-width:none}.demo-nav a{min-height:44px;display:flex;align-items:center}
/* AURA: centered, airy and gently architectural. */
.demo--aura .demo-hero{display:flex;flex-direction:column;align-items:center;padding:40px 6% 0;min-height:0}.demo--aura .demo-hero__copy{text-align:center;align-items:center;padding:0 0 32px;max-width:820px}.demo--aura h1{font-size:clamp(42px,5vw,68px);font-weight:400;letter-spacing:-.035em}.demo--aura .demo-index{margin-top:22px}.demo--aura figure{margin:0;width:66%;border-radius:240px 240px 0 0}.demo--aura figure img{min-height:0;height:420px}.demo--aura .demo-content{display:block;text-align:center}.demo--aura .demo-content h2{margin:16px 0 40px}.demo--aura .demo-items{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left}.demo--aura .demo-items details{background:#e7e6ee;border:0!important;border-radius:28px;padding:24px}.demo--aura .demo-vision{background:#dfe7de;border-radius:90px 90px 0 0}
/* MIGA: bold café poster and an expansive menu. */
.demo--miga .demo-hero{grid-template-columns:1.3fr .8fr;padding:32px 4%;align-items:center;background:#f5e8ce}.demo--miga .demo-hero__copy{padding:24px 4%}.demo--miga h1{font-style:normal;font-weight:700;font-size:clamp(48px,7vw,100px);line-height:.98;letter-spacing:-.06em}.demo--miga figure{margin:35px 12px;transform:rotate(5deg);border:10px solid #662438;border-radius:140px 140px 16px 16px;box-shadow:16px 16px 0 #d4a13b}.demo--miga figure img{height:440px;min-height:0}.demo--miga .demo-content{display:block;padding:65px 6%}.demo--miga .demo-content h2{font-weight:700;margin:20px 0 32px}.demo--miga .demo-items summary{font-size:20px}.demo--miga .demo-items details{border-top:3px solid;padding:28px 0}.demo--miga .demo-vision{grid-template-columns:1fr .35fr;background:#662438;color:#f5e8ce}.demo--miga .vision-symbol{grid-column:2;grid-row:1;color:#d4a13b}.demo--miga .demo-vision>div{grid-column:1;grid-row:1}
/* UMBRAL: immersive full-bleed nighttime poster. */
.demo--umbral .demo-hero{display:block;position:relative;isolation:isolate;min-height:680px}.demo--umbral .demo-hero figure{position:absolute;inset:0;z-index:-2}.demo--umbral figure img{height:100%;min-height:680px}.demo--umbral .demo-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101211e8,#10121125);z-index:-1}.demo--umbral .demo-hero__copy{min-height:680px;padding:65px 6%;max-width:980px;color:#c6ff3d}.demo--umbral h1{font-size:clamp(60px,9vw,128px);line-height:.95;letter-spacing:-.025em;font-weight:400}.demo--umbral .demo-strip{transform:rotate(-2deg);margin:0 -10px}.demo--umbral .demo-content{grid-template-columns:1fr;padding:72px 6%}.demo--umbral .demo-items{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.demo--umbral .demo-items details{border:1px solid #c6ff3d!important;padding:25px}.demo--umbral .demo-items summary{font-size:22px}.demo--umbral .demo-vision{border-top:1px solid #c6ff3d}
/* PLIEGUE: image-first asymmetric exhibition grid. */
.demo--pliegue .demo-hero{grid-template-columns:1.3fr .8fr;min-height:600px;padding:40px 4%;gap:32px}.demo--pliegue .demo-hero figure{grid-column:1;grid-row:1;align-self:start;margin:0}.demo--pliegue figure img{min-height:0;height:480px}.demo--pliegue .demo-hero__copy{grid-column:2;grid-row:1;padding:90px 0 0;justify-content:flex-start}.demo--pliegue h1{font-size:clamp(32px,3.8vw,54px);line-height:1.1;letter-spacing:-.06em;font-weight:400}.demo--pliegue .demo-strip{font-size:18px;letter-spacing:.1em;border-top:1px solid;border-bottom:1px solid;background:transparent}.demo--pliegue .demo-content{grid-template-columns:.7fr 1.3fr;gap:35px}.demo--pliegue .demo-items details:nth-child(2){margin-left:50px}.demo--pliegue .demo-items details:nth-child(3){margin-left:100px}.demo--pliegue .demo-vision{grid-template-columns:1fr 1fr;background:#ef674d}.demo--pliegue .demo-vision h2{font-size:38px}
/* ESTRATO: book-like chapters and a panoramic opening. */
.demo--estrato .demo-hero{display:flex;flex-direction:column;padding:48px 6%;min-height:0}.demo--estrato .demo-hero__copy{border:0;padding:0 0 36px;display:grid;grid-template-columns:1fr auto;gap:24px}.demo--estrato .demo-hero__copy h1{grid-column:1/-1;font-size:clamp(46px,6vw,84px);line-height:1.05;margin:0;font-weight:400;letter-spacing:-.035em}.demo--estrato .demo-index{margin:0;align-self:center}.demo--estrato figure{margin:0;width:100%}.demo--estrato figure img{min-height:0;height:390px}.demo--estrato .demo-content{display:block;max-width:950px;margin:auto}.demo--estrato .demo-content h2{margin:20px 0 40px}.demo--estrato .demo-items details{padding:30px 0}.demo--estrato .demo-items summary{font-size:24px}.demo--estrato .demo-vision{background:#20201d;color:#e9deca;grid-template-columns:.35fr 1fr}
@media(max-width:850px){.demo--aura figure{width:90%}.demo--aura .demo-items,.demo--umbral .demo-items{grid-template-columns:1fr}.demo--miga .demo-hero,.demo--pliegue .demo-hero{grid-template-columns:1fr}.demo--miga figure{max-width:500px;width:85%;margin:24px auto 40px}.demo--pliegue .demo-hero figure{grid-column:1;grid-row:1}.demo--pliegue .demo-hero__copy{grid-column:1;grid-row:2;padding:0 0 24px}.demo--pliegue .demo-content{grid-template-columns:1fr}.demo--pliegue .demo-items details:nth-child(2){margin-left:20px}.demo--pliegue .demo-items details:nth-child(3){margin-left:40px}.demo--estrato .demo-hero__copy{grid-template-columns:1fr}.demo--estrato .demo-hero__copy h1{grid-column:auto}.demo--umbral .demo-hero,.demo--umbral .demo-hero__copy{min-height:580px}.demo--umbral figure img{min-height:580px}.demo--pliegue figure img,.demo--estrato figure img,.demo--aura figure img{height:320px}.demo--miga .demo-vision,.demo--pliegue .demo-vision,.demo--estrato .demo-vision{grid-template-columns:1fr}.demo--miga .vision-symbol{grid-column:1;grid-row:2}.demo--miga .demo-vision>div{grid-column:1;grid-row:1}}
@media(max-width:480px){.demo--aura .demo-hero{padding-top:32px}.demo--aura h1{font-size:40px}.demo--miga h1{font-size:56px}.demo--umbral h1{font-size:64px}.demo--pliegue h1{font-size:38px}.demo--estrato h1{font-size:44px}.demo--miga figure img{height:340px}.demo--aura figure img{height:280px}.demo--pliegue figure img,.demo--estrato figure img{height:260px}.demo--estrato .demo-items summary{font-size:19px}}
/* Condensed display lettering needs natural spacing and a calmer reading face. */
.web-concept .demo--umbral h2{font-weight:400;letter-spacing:.005em;line-height:1.1}
.web-concept .demo--umbral :is(p,summary,figcaption),.web-concept .demo--umbral summary span{font-family:'Arial Narrow',Arial,sans-serif!important;letter-spacing:.02em;line-height:1.6}
.web-concept .demo--umbral .demo-brand{font-weight:400;letter-spacing:.015em}