/* Approved homepage test — 22 August 2026. Test branch only. */
:root{--nhn-green:#063d2c;--nhn-gold:#a26d20;--nhn-cream:#fbf5e9}
.hero .nav-links,.menu-toggle{display:none!important}.hero-actions{display:flex;gap:18px;align-items:center;padding-top:18px;position:relative;z-index:7}.hero-action{border:0;background:transparent;color:var(--ink);text-decoration:none;font:700 15px "Cormorant Garamond",Georgia,serif;text-transform:uppercase;letter-spacing:.03em;padding:8px 4px;cursor:pointer;text-shadow:0 1px 3px #fff}.hero-action:hover,.hero-action:focus-visible{color:#7b4e17;border-bottom:1px solid var(--nhn-gold)}
.quick-links{border-radius:14px;margin-top:-24px;padding:22px 28px 30px;background:rgba(251,245,233,.98);grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.quick-links a,.quick-links .quick-link-pending{display:flex;min-width:0;flex-direction:column;align-items:center;gap:5px;text-align:center;text-transform:uppercase;font-weight:700;font-size:13px;border-right:1px solid var(--nhn-gold);white-space:normal;overflow-wrap:anywhere;line-height:1.15;padding-inline:14px}.quick-links a{text-decoration:none}.quick-links .quick-link-pending{color:var(--ink);cursor:default}.quick-links>*:last-child{border-right:0}.quick-links .quick-icon{display:grid;place-items:center;font-size:35px;font-family:Georgia,serif;color:#294e2d;width:43px;height:43px}.quick-links:after{content:"—  ❧❦❧  —"}
.featured,.featured-copy,.timeline,.era-grid article,.author-invitation,.homepage-feature-pair>*{min-width:0}.featured-copy p,.featured-copy h2,.author-invitation h3,.author-invitation p{overflow-wrap:anywhere}.button{white-space:normal;text-align:center;line-height:1.2;max-width:100%;height:auto}
.timeline-seven .era-slider{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;margin-bottom:0;scrollbar-width:thin}.timeline-seven .era-slider article{flex:0 0 min(250px,72vw);scroll-snap-align:start;min-height:260px;background:#fffaf2}.timeline-seven .era-slider img{height:165px;object-fit:contain}.timeline-seven .era-date{margin:8px 0 2px;color:var(--nhn-gold);font:700 13px Lato,Arial,sans-serif;text-transform:uppercase}.timeline-slider-wrap{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}.timeline-arrow{width:42px;height:42px;border:1px solid var(--nhn-gold);border-radius:50%;background:#fffaf0;color:var(--nhn-green);font-size:29px;cursor:pointer}
.homepage-feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;width:min(1160px,calc(100% - 48px));margin:30px auto 22px;align-items:stretch}.homepage-feature-pair .featured{width:100%;margin:0;grid-template-columns:42% minmax(0,1fr);height:100%;padding:14px}.homepage-feature-pair .featured>img{height:100%;min-height:310px;object-fit:cover}.homepage-feature-pair .featured-copy{display:flex;flex-direction:column;justify-content:center}.homepage-feature-pair .featured h2{font-size:30px;line-height:1}.author-homepage-feature>img{border-radius:50%;aspect-ratio:1/1;height:auto!important;align-self:center}.author-card-flourish,.hod-card-flourish{width:125px;height:auto;margin:-2px 0 8px;object-fit:contain!important;min-height:0!important}.hod-homepage-feature{grid-template-columns:45% minmax(0,1fr)!important}.hod-homepage-feature .hod-feature-visual{min-height:310px;border-radius:8px;background:#ce3e86;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;font-family:"Cormorant Garamond",Georgia,serif;text-transform:uppercase}.hod-feature-mark{font:700 64px/1 Lato,Arial,sans-serif}.hod-feature-visual p{font-size:30px;line-height:.9;margin:10px 0}.hod-feature-visual small{font-size:15px;letter-spacing:.12em}.hod-feature-date{margin-top:18px;font-size:14px}
.author-invitation{margin-block:24px;border-radius:10px;background:linear-gradient(110deg,#06422f,#0b5a3e);color:#fff;padding:22px 28px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center}.author-invitation h3{font-size:28px;color:#fff;margin:0 0 4px}.author-invitation p{margin:0;color:#fff;max-width:760px}.author-invitation .invite-star{font-size:25px;color:#d7b66c}.author-invitation .invite-button{background:#fffaf0;color:var(--nhn-green);border-color:#fffaf0;min-width:180px}
.community-facebook-feature{width:min(1160px,calc(100% - 48px));margin:36px auto 30px;padding:38px 42px;border:1px solid #dfc49c;border-radius:12px;text-align:center;background:#f8f0df;box-shadow:var(--shadow)}.community-facebook-feature h2{font:700 clamp(31px,4vw,49px)/1.05 "Cormorant Garamond",Georgia,serif;color:var(--nhn-green);text-transform:uppercase;margin:5px 0 0}.community-facebook-feature .community-tagline{font:600 23px/1.25 "Cormorant Garamond",Georgia,serif;color:var(--nhn-green);margin:15px auto 6px}.community-facebook-feature .community-copy{max-width:760px;margin:0 auto 28px;font-family:"Cormorant Garamond",Georgia,serif;font-size:20px;color:#604b35}.community-facebook-feature .facebook-glimpse{margin:28px auto 20px;padding:24px;border-top:1px solid #dfc49c;border-bottom:1px solid #dfc49c}.community-facebook-feature .facebook-glimpse h3{margin:0 0 10px;font:700 25px "Cormorant Garamond",Georgia,serif;color:var(--nhn-green);text-transform:uppercase}.community-facebook-feature .facebook-glimpse p{margin:0 auto;max-width:800px}.community-facebook-feature .facebook-cta{display:flex;width:100%;margin-top:20px;padding:18px 24px;border:1px solid #dfc49c;border-radius:9px;background:#fffaf0;color:var(--nhn-green);font:700 18px "Cormorant Garamond",Georgia,serif;text-decoration:none;text-transform:uppercase;justify-content:center}.community-facebook-feature .facebook-cta:hover{background:#f3e7ce}
footer{padding:22px 0 10px;border-top:1px solid #b69045}.footer-inner{grid-template-columns:150px minmax(230px,1fr) minmax(260px,1fr) auto;gap:22px}.footer-brand{border-right:1px solid var(--nhn-gold);padding-right:18px}.footer-brand img{width:94px}.footer-network{display:flex;flex-direction:column;font-family:"Cormorant Garamond",Georgia,serif;color:#f5ead6}.footer-network strong{font-size:25px;font-weight:600}.footer-network span{font-size:16px}footer .contact{text-align:left;display:block;font-family:"Cormorant Garamond",Georgia,serif}footer .contact a{overflow-wrap:anywhere;color:#f5ead6;text-decoration:none;font-size:16px}.footer-inner nav{border-left:1px solid var(--nhn-gold);padding-left:22px;gap:20px;justify-content:flex-start}.footer-inner nav span{color:#f5ead6;font-family:"Cormorant Garamond",Georgia,serif}

/* Exact navigation-panel direction from the approved 22 Aug reference. */
.quick-links{width:min(1160px,calc(100% - 48px));margin-top:-34px;padding:30px 30px 62px;border:1px solid #eadbc6;border-radius:38px 38px 20px 20px;box-shadow:0 8px 18px rgb(67 45 19/.08);overflow:visible}
.quick-links a,.quick-links .quick-link-pending{font-family:"Cormorant Garamond",Georgia,serif;font-size:15px;letter-spacing:.015em;padding:0 22px;min-height:150px;justify-content:flex-start;gap:15px}
.quick-links .quick-icon{width:74px;height:74px;font-size:0;position:relative;margin-top:2px;color:var(--nhn-green)}
.quick-links .quick-icon::before{content:"";display:block;width:68px;height:68px;background-repeat:no-repeat;background-position:center;background-size:contain}
.quick-links>*:nth-child(1) .quick-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23063d2c' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='32' cy='32' r='27'/%3E%3Cpath d='M14 26h36L32 13 14 26Zm5 5v16m9-16v16m9-16v16m9-16v16M15 50h34M12 55h40'/%3E%3C/svg%3E")}
.quick-links>*:nth-child(2) .quick-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%23063d2c'%3E%3Ccircle cx='32' cy='17' r='9'/%3E%3Ccircle cx='16' cy='24' r='7'/%3E%3Ccircle cx='48' cy='24' r='7'/%3E%3Cpath d='M18 53V42c0-10 6-16 14-16s14 6 14 16v11H18ZM4 53V43c0-8 5-13 12-13 3 0 6 1 8 3-3 4-4 9-4 14v6H4Zm56 0V43c0-8-5-13-12-13-3 0-6 1-8 3 3 4 4 9 4 14v6h16Z'/%3E%3C/svg%3E")}
.quick-links>*:nth-child(3) .quick-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23063d2c' stroke-width='4' stroke-linecap='round'%3E%3Crect x='9' y='13' width='46' height='42' rx='5'/%3E%3Cpath d='M9 25h46M19 8v11M45 8v11'/%3E%3Cg fill='%23063d2c' stroke='none'%3E%3Crect x='17' y='32' width='7' height='7' rx='1'/%3E%3Crect x='29' y='32' width='7' height='7' rx='1'/%3E%3Crect x='41' y='32' width='7' height='7' rx='1'/%3E%3Crect x='17' y='44' width='7' height='7' rx='1'/%3E%3Crect x='29' y='44' width='7' height='7' rx='1'/%3E%3C/g%3E%3C/svg%3E")}
.quick-links>*:nth-child(4) .quick-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%23063d2c'%3E%3Cpath d='M32 17C24 10 16 9 7 12v38c9-3 17-2 25 5V17Zm0 0c8-7 16-8 25-5v38c-9-3-17-2-25 5V17Z'/%3E%3Cpath d='M31 17h2v38h-2z' fill='%23fbf5e9'/%3E%3C/svg%3E")}
.quick-links>*:nth-child(5) .quick-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='%23063d2c'%3E%3Cpath d='M32 61S13 40 13 25a19 19 0 1 1 38 0c0 15-19 36-19 36Z'/%3E%3Ccircle cx='32' cy='25' r='7' fill='%23fbf5e9'/%3E%3C/svg%3E")}
.quick-links>*:nth-child(3)>span:last-child{font-size:0}
.quick-links>*:nth-child(3)>span:last-child::after{content:"WHAT’S ON";font-size:15px}
.quick-links:after{content:"—  ❧❦❧  —";bottom:-13px;font-size:25px;padding:0 18px}

@media(max-width:900px){.hero-actions{gap:10px}.hero-action{font-size:13px}.homepage-feature-pair{grid-template-columns:1fr;width:min(calc(100% - 28px),680px)}.homepage-feature-pair .featured,.hod-homepage-feature{grid-template-columns:1fr!important}.homepage-feature-pair .featured>img,.hod-homepage-feature .hod-feature-visual{height:250px;min-height:250px}.author-homepage-feature>img{width:min(310px,75%);justify-self:center}.author-invitation{grid-template-columns:1fr;text-align:center}.author-invitation p{margin-inline:auto}.community-facebook-feature{width:min(calc(100% - 28px),680px);padding:28px 20px}.footer-inner{grid-template-columns:1fr;text-align:center}.footer-brand{border:0;padding:0;align-items:center}.footer-network{align-items:center}footer .contact{text-align:center}.footer-inner nav{border:0;padding:0;justify-content:center}}
@media(max-width:650px){.site-nav{align-items:flex-start}.hero-actions{display:grid;grid-template-columns:repeat(3,auto);gap:4px 10px;padding-top:12px}.hero-action{font-size:11px;padding:7px 2px}.quick-links{grid-template-columns:repeat(5,150px);overflow-x:auto;border-radius:26px;margin-top:-18px;padding:24px 12px 48px;justify-content:flex-start}.quick-links a,.quick-links .quick-link-pending{min-height:132px;padding-inline:12px;font-size:13px}.quick-links .quick-icon{width:62px;height:62px}.quick-links .quick-icon::before{width:58px;height:58px}.quick-links>*:nth-child(3)>span:last-child::after{font-size:13px}.timeline-arrow{width:36px;height:36px;font-size:25px}.community-facebook-feature h2{font-size:31px}.community-facebook-feature .community-tagline{font-size:21px}}
@media(max-width:480px){.hero-actions{position:absolute;right:14px;top:8px;grid-template-columns:1fr;text-align:right}.hero-action{font-size:11px}.homepage-feature-pair .featured h2{font-size:27px}.author-invitation{padding:20px}.community-facebook-feature{padding:24px 16px}.community-facebook-feature .facebook-glimpse{padding-inline:6px}.footer-inner nav{flex-direction:column;gap:8px}}