/* HOUNGUES Architecture V1.008 — editorial homepage only. */
.architecture-editorial{--arch-paper:#f6f5f1;--arch-ink:#11110f;--arch-muted:#56534d;--arch-gold:#8c7043;--arch-line:#ddd8cf;background:var(--arch-paper);color:var(--arch-ink)}
.architecture-editorial *{min-width:0}
.architecture-editorial h1,.architecture-editorial h2,.architecture-editorial h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}
.architecture-editorial h2{font-size:clamp(30px,3vw,42px);line-height:1.13;margin:0}
.architecture-editorial a:focus-visible,.architecture-editorial summary:focus-visible{outline:2px solid #8c7043;outline-offset:5px}
.arch-width{width:90%;max-width:1320px;margin-inline:auto}
.arch-kicker{font:12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--arch-gold);margin:0 0 18px}
.arch-hero{position:relative;isolation:isolate;min-height:480px;overflow:hidden;background:#e7e4db}
.arch-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%;z-index:-3}
.arch-hero-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#eeeae2 0%,#eeeae2f5 25%,#eeeae2dc 34%,#eeeae245 52%,transparent 68%)}
.arch-hero-copy{max-width:1320px;width:90%;margin:auto;padding:60px 0 38px}
.arch-hero h1{font-size:clamp(46px,5vw,76px);line-height:1.06;letter-spacing:-.035em;margin:26px 0 24px;max-width:650px}
.arch-hero h1 em{font-weight:400;color:var(--arch-gold)}
.arch-intro{font-size:18px;line-height:1.55;max-width:410px;margin:0 0 34px}
.arch-action{display:inline-flex;gap:14px;align-items:center;font:12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--arch-ink)}
.arch-action>span{font-size:23px;line-height:1}
.arch-action small{display:block;font-size:11px;letter-spacing:.04em;text-transform:none;color:var(--arch-muted)}
.arch-explore{border-top:1px solid #d1cabd;padding-top:21px;width:min(100%,410px);color:#775b33;gap:15px}
.arch-explore:hover{color:#111}
.arch-hero-caption{position:absolute;top:24px;right:5%;max-width:190px;text-align:right;text-transform:uppercase;font-size:11px;letter-spacing:.12em;line-height:1.6;color:#161b20;margin:0;background:#ffffff70;padding:6px 8px}
.arch-categories{padding-block:38px 24px;scroll-margin-top:20px}
.arch-section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:24px}
.arch-side-note{color:#826740;text-align:right;text-transform:uppercase;letter-spacing:.13em;font-size:11px;line-height:1.7;margin:0}
.arch-category-grid,.arch-latest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.arch-category{display:flex;flex-direction:column;border-bottom:1px solid var(--arch-line);padding-bottom:16px}
.arch-category img,.arch-story img{display:block;width:100%;aspect-ratio:1.48;height:auto;object-fit:cover}
.arch-category:first-child img{object-position:73% center}
.arch-category h3{font-size:29px;line-height:1.2;margin:12px 0 9px}
.arch-category p{font-size:15px;line-height:1.55;margin:0 0 10px;max-width:290px}
.arch-arrow{font:26px/1 Georgia;margin-top:auto}
.arch-category:hover h3{color:var(--arch-gold)}
.arch-featured{display:grid;grid-template-columns:1.46fr 1fr;gap:40px;align-items:stretch;padding-block:0 24px;border-bottom:1px solid var(--arch-line)}
.arch-featured-image{position:relative;min-height:340px;overflow:hidden}
.arch-featured-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:70% center;position:absolute;inset:0}
.arch-image-label{position:absolute;top:20px;left:22px;color:white;text-transform:uppercase;letter-spacing:.16em;font-size:12px;padding:5px 8px;background:#08080870}
.arch-featured-copy{padding:18px 0 0;display:flex;flex-direction:column}
.arch-featured h2{font-size:clamp(35px,3.6vw,52px);line-height:1.05;max-width:480px;margin:0 0 20px}
.arch-description{font-size:16px;color:var(--arch-muted);line-height:1.6;margin:0 0 12px}
.arch-preview-label{font-size:12px;color:#826740;margin:0 0 22px}
.arch-featured-bottom{margin-top:auto;border-top:1px solid var(--arch-line);padding-top:18px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.arch-meta{font-size:11px;color:#787166;letter-spacing:.045em;line-height:1.6;margin:0}
.arch-meta time{text-transform:uppercase}
.is-upcoming{flex-wrap:wrap;cursor:default}
.is-upcoming small{width:100%}
.arch-latest{padding-block:26px 46px}
.arch-latest .arch-section-heading{margin-bottom:10px}
.arch-preview-note{font-size:12px;line-height:1.5;color:#766e62;margin:0 0 24px}
.arch-story{scroll-margin-top:24px}
.arch-story .arch-kicker{font-size:11px;margin:12px 0 6px}
.arch-story h3{font-size:20px;letter-spacing:-.015em;line-height:1.3;margin:0 0 10px}
.arch-closing{position:relative;isolation:isolate;background:#10100e;color:#f9f4e8;min-height:340px;overflow:hidden}
.arch-closing>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% center;z-index:-3}
.arch-closing-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080808eb 0%,#0808089e 42%,#08080833 75%,#08080885);z-index:-2}
.arch-closing-content{display:flex;justify-content:space-between;gap:35px;align-items:center;padding-block:70px}
.arch-closing-line{font:italic clamp(28px,3vw,40px)/1.3 Georgia,serif;max-width:570px;margin:0 0 32px;letter-spacing:-.02em}
.arch-signature{padding-top:18px;border-top:1px solid #ac9877;width:100px;font-size:12px;letter-spacing:.18em;margin:0}
.arch-closing-words{text-transform:uppercase;font-size:12px;line-height:2;letter-spacing:.23em;margin:0}
.arch-credits{font-size:12px;color:#6b655d;padding-block:16px}
.arch-credits summary{cursor:pointer;width:fit-content}
.arch-credits p{max-width:950px;margin:10px 0}
.arch-credits a{text-decoration:underline}
@media(min-width:1600px){.arch-hero-copy{padding-block:70px 50px}.arch-hero{min-height:520px}}
@media(max-width:1100px){.arch-category-grid,.arch-latest-grid{gap:18px}.arch-category h3{font-size:26px}.arch-featured{gap:28px;grid-template-columns:1.3fr 1fr}.arch-hero{min-height:450px}.arch-hero-copy{padding-top:45px}.arch-intro{max-width:360px;font-size:17px}.arch-explore{max-width:360px}.arch-featured h2{font-size:40px}}
@media(max-width:850px){.arch-hero h1{font-size:56px;max-width:480px}.arch-hero-caption{display:none}.arch-hero-wash{background:linear-gradient(90deg,#eeeae2f5,#eeeae2b5 55%,#eeeae22b)}.arch-category-grid,.arch-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px}.arch-featured{grid-template-columns:1.1fr 1fr;gap:24px}.arch-featured h2{font-size:34px}.arch-featured-image{min-height:370px}.arch-category p{font-size:16px}.arch-story h3{font-size:23px}.arch-side-note{font-size:10px}.arch-closing-line{max-width:460px}.arch-closing-content{gap:24px}}
@media(max-width:600px){.arch-hero{min-height:0;padding-top:0}.arch-hero-image{position:relative;z-index:-1;height:auto;aspect-ratio:1.7;object-position:68% center}.arch-hero-wash{display:none}.arch-hero-copy{padding:28px 0 32px}.arch-hero h1{font-size:clamp(39px,10vw,56px);margin:16px 0 20px}.arch-intro{max-width:none;font-size:17px;margin-bottom:24px}.arch-explore{max-width:none}.arch-section-heading{align-items:flex-start;gap:16px}.arch-side-note{display:none}.arch-categories{padding-top:30px}.arch-category-grid{gap:24px 16px}.arch-category h3{font-size:24px}.arch-category p{font-size:14px}.arch-category img,.arch-story img{aspect-ratio:1.2}.arch-featured{grid-template-columns:1fr;gap:20px;padding-bottom:26px}.arch-featured-image{min-height:0;aspect-ratio:1.5}.arch-featured-copy{padding:0}.arch-featured h2{font-size:39px;max-width:none}.arch-featured-bottom{margin-top:6px}.arch-latest .arch-section-heading{flex-wrap:wrap}.arch-latest-grid{gap:24px 16px}.arch-story h3{font-size:21px}.arch-closing{min-height:360px}.arch-closing-content{flex-direction:column;align-items:flex-start;padding-block:45px}.arch-closing-line{font-size:30px}.arch-closing-words{display:none}}
@media(max-width:380px){.arch-category-grid,.arch-latest-grid{grid-template-columns:1fr}.arch-category img,.arch-story img{aspect-ratio:1.5}.arch-category h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.architecture-editorial{scroll-behavior:auto}}