/* EYECATCHER EDITION / 2026
   A visual-only layer. Copy and information architecture belong to the approved first website. */
:root{--gold:#b78a45;--gold-bright:#d2ad73;--ey-void:#090a0b;--ey-charcoal:#161719}
/* Stronger editorial rhythm and connective lines rather than separate text islands. */
.page-index .hero-home .hero-inner{min-height:clamp(790px,90svh,970px);padding-top:clamp(132px,10vw,185px)}
.page-index .hero-copy{max-width:760px}
.page-index .hero h1{font-size:clamp(55px,5.7vw,94px);line-height:1.045}
.page-index .hero-home::after{content:"";position:absolute;bottom:0;left:calc((100% - min(1240px,100% - 110px))/2);width:clamp(82px,12vw,175px);height:4px;background:var(--gold);z-index:6}
.page-index .hero-visual{width:min(68vw,1030px)}
.page-index .hero-note{margin-top:68px}
/* The connective section: one observation map and existing explanatory copy. */
.page-index .home-intro{overflow:hidden;background:radial-gradient(ellipse 44% 76% at 18% 61%,rgba(183,138,69,.06),transparent 76%),#101213;border-top:1px solid rgba(255,255,255,.08)}
.page-index .home-intro::before{content:"";position:absolute;left:calc(50% - min(620px,50% - 55px));top:0;width:1px;height:100%;background:linear-gradient(180deg,var(--gold),transparent 82%);opacity:.34}
.page-index .home-intro .split{grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:clamp(65px,8vw,140px);align-items:center}
.page-index .home-intro .section-title{font-size:clamp(43px,4.6vw,70px);max-width:690px}
.page-index .home-intro .intro-visual{margin:43px 0 -10px;max-width:650px;position:relative;overflow:visible}
.page-index .home-intro .intro-visual::before{content:"";position:absolute;inset:16% 8%;border-radius:50%;background:radial-gradient(ellipse,rgba(183,138,69,.08),transparent 70%);filter:blur(22px);pointer-events:none}
.page-index .home-intro .intro-visual img{width:100%;height:auto;opacity:.96;filter:drop-shadow(0 0 16px rgba(183,138,69,.06))}
.page-index .home-intro .split>div:last-child{position:relative;padding:44px 0 40px 38px;border-left:1px solid rgba(183,138,69,.42)}
.page-index .home-intro .body-lead{font-size:clamp(23px,2.2vw,31px);line-height:1.54;color:#f2ede6;letter-spacing:-.02em}
.page-index .home-intro .body-copy{font-size:16px}
/* Each field has a disciplined conceptual illustration instead of three generic cards. */
.page-index .home-workfields{background:#0b0c0d;padding-top:105px;padding-bottom:124px;overflow:hidden}
.page-index .home-workfields::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold) 50%,transparent);opacity:.48}
.page-index .home-workfields .section-head{align-items:end;margin-bottom:54px}
.page-index .home-workfields .section-head h2{font-size:clamp(48px,5vw,78px)}
.page-index .home-workfields .grid-3{gap:19px;border:0}
.page-index .home-workfields .editorial-card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:318px;gap:0;padding:48px clamp(35px,4vw,62px);background:linear-gradient(105deg,#1d1f20 0%,#17191b 55%,#101213 100%);border:1px solid rgba(255,255,255,.10);transition:border-color .26s, transform .26s,box-shadow .26s;overflow:hidden}
.page-index .home-workfields .editorial-card:nth-child(2){background:linear-gradient(105deg,#1a1b1d 0%,#17191a 55%,#121416 100%)}
.page-index .home-workfields .editorial-card:nth-child(3){background:linear-gradient(105deg,#1c1c1b 0%,#161819 55%,#0f1214 100%)}
.page-index .home-workfields .editorial-card::before{content:"";position:absolute;top:0;left:0;height:100%;width:3px;background:var(--gold);transform:scaleY(.2);transform-origin:top;opacity:.7;transition:transform .28s;z-index:4}
.page-index .home-workfields .editorial-card:hover{transform:translateY(-2px);border-color:rgba(183,138,69,.44);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.page-index .home-workfields .editorial-card:hover::before{transform:scaleY(1)}
.page-index .home-workfields .editorial-card .number,.page-index .home-workfields .editorial-card h3,.page-index .home-workfields .editorial-card p,.page-index .home-workfields .editorial-card .card-bottom{position:relative;z-index:4;grid-column:auto;grid-row:auto;max-width:49%;text-align:left}
.page-index .home-workfields .editorial-card .number{font-size:11px;letter-spacing:.16em;line-height:1.55;color:var(--gold-bright)}
.page-index .home-workfields .editorial-card h3{font-size:clamp(33px,3.7vw,52px);letter-spacing:-.055em;line-height:1.07;margin:19px 0 17px;overflow-wrap:normal}
.page-index .home-workfields .editorial-card p{font-size:15px;line-height:1.73;color:#c8c7c2;margin:0}
.page-index .home-workfields .editorial-card .card-bottom{display:flex;align-items:center;gap:15px;margin-top:28px;padding:0;font-size:12px;color:var(--gold-bright);font-weight:700;width:auto;max-width:49%}
.page-index .home-workfields .editorial-card .card-bottom span{font-size:26px;line-height:1;margin:0;transition:transform .2s}
.page-index .home-workfields .editorial-card:hover .card-bottom span{transform:translate(4px,-3px)}
.page-index .home-workfields .field-art{position:absolute;z-index:1;right:0;top:0;bottom:0;width:48%;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none;opacity:.97;-webkit-mask-image:linear-gradient(90deg,transparent,#000 19%);mask-image:linear-gradient(90deg,transparent,#000 19%)}
.page-index .home-workfields .field-art::before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(ellipse,rgba(183,138,69,.07),transparent 65%);pointer-events:none}
.page-index .home-workfields .field-art img{width:115%;height:100%;max-width:none;object-fit:contain;transform:scale(1.03);transition:transform .6s cubic-bezier(.2,.75,.28,1)}
.page-index .home-workfields .editorial-card:hover .field-art img{transform:scale(1.09)}
/* Strong but calm center-piece: one quote, one rigorous explanation. */
.page-index .home-quote{background:radial-gradient(ellipse 55% 100% at 15% 47%,rgba(183,138,69,.07),transparent 80%),#151719;overflow:hidden}
.page-index .home-quote::after{content:"";position:absolute;left:-13vw;top:50%;width:52vw;height:52vw;max-width:850px;max-height:850px;border-radius:50%;border:1px solid rgba(183,138,69,.16);box-shadow:0 0 0 68px rgba(183,138,69,.022),0 0 0 160px rgba(183,138,69,.014);transform:translateY(-50%);pointer-events:none}
.page-index .home-quote .split{position:relative;z-index:2;gap:clamp(60px,8vw,155px)}
.page-index .home-quote .quote-panel{border-left:0;border-top:3px solid var(--gold);padding:48px 15px 36px 0}
.page-index .home-quote .quote-panel::before{content:'“';font-size:190px;top:5px;left:-16px;color:rgba(183,138,69,.19)}
.page-index .home-quote .quote-panel blockquote{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.04em;font-size:clamp(29px,3.2vw,53px);line-height:1.35;margin:32px 0 35px}
.page-index .home-quote .section-title{font-size:clamp(38px,4vw,62px)}
/* Asymmetric magazine grid: featured essay and two companion notes. */
.page-index .home-articles{background:#0b0c0d;overflow:hidden}
.page-index .home-articles .section-head{margin-bottom:44px}
.page-index .home-articles .grid-3{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-rows:repeat(2,minmax(295px,auto));gap:20px}
.page-index .home-articles .editorial-card.dark{position:relative;isolation:isolate;overflow:hidden;min-height:0;padding:44px 47px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(128deg,#1b1d1f,#121416);transition:transform .2s,border-color .2s}
.page-index .home-articles .editorial-card.dark::after{content:"";position:absolute;inset:auto 0 0 0;height:2px;background:linear-gradient(90deg,var(--gold),transparent 80%);opacity:.75}
.page-index .home-articles .editorial-card.dark:nth-child(1){grid-row:span 2;min-height:640px;padding:57px}
.page-index .home-articles .editorial-card.dark:nth-child(2){grid-column:2;grid-row:1}
.page-index .home-articles .editorial-card.dark:nth-child(3){grid-column:2;grid-row:2}
.page-index .home-articles .editorial-card.dark:hover{border-color:rgba(183,138,69,.5);transform:translateY(-2px)}
.page-index .home-articles .editorial-card.dark .number,.page-index .home-articles .editorial-card.dark h3,.page-index .home-articles .editorial-card.dark p,.page-index .home-articles .editorial-card.dark .card-bottom{position:relative;z-index:3}
.page-index .home-articles .editorial-card.dark h3{font-size:clamp(26px,2.5vw,36px);line-height:1.18;max-width:390px;margin:17px 0}
.page-index .home-articles .editorial-card.dark:first-child h3{font-size:clamp(38px,4vw,63px);max-width:500px;margin-top:24px}
.page-index .home-articles .editorial-card.dark p{max-width:410px;font-size:15px;line-height:1.74}
.page-index .home-articles .editorial-card.dark:first-child p{font-size:17px}
.page-index .home-articles .article-art{position:absolute;right:-40px;bottom:0;width:min(83%,590px);height:75%;z-index:0;opacity:.64;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 36%);mask-image:linear-gradient(to bottom,transparent 0%,#000 36%)}
.page-index .home-articles .article-art img{width:100%;height:100%;object-fit:contain}
.page-index .home-articles .editorial-card.dark:not(:first-child) .article-art{width:55%;height:80%;opacity:.3;right:-25px;bottom:-35px}
.page-index .home-articles .editorial-card.dark .card-bottom{margin-top:auto;padding-top:24px;color:var(--gold-bright)}
/* Gold on charcoal: a focused closing statement, no service shopping cart. */
.page-index .center-cta{position:relative;overflow:hidden;padding:135px 22px 142px;background:radial-gradient(ellipse 62% 97% at 50% 50%,rgba(183,138,69,.12),transparent 72%),#111214;border-top:1px solid rgba(183,138,69,.16)}
.page-index .center-cta::before,.page-index .center-cta::after{content:"";position:absolute;top:50%;height:610px;width:610px;border:1px solid rgba(183,138,69,.13);border-radius:50%;pointer-events:none}
.page-index .center-cta::before{left:-390px;transform:translateY(-50%)}
.page-index .center-cta::after{right:-390px;transform:translateY(-50%)}
.page-index .center-cta h2{max-width:1010px;font-size:clamp(42px,5vw,82px);line-height:1.06;letter-spacing:-.059em}
.page-index .center-cta .wrap{position:relative;z-index:2}
/* Inner pages: distinctive monochrome-gold visual header, shared design language. */
body:not(.page-index) .page-hero{background:radial-gradient(ellipse 35% 90% at 90% 45%,rgba(183,138,69,.09),transparent 76%),#0e1012;min-height:360px}
body:not(.page-index) .page-hero::before{content:"";position:absolute;width:540px;height:540px;right:-145px;top:8%;border-radius:50%;border:1px solid rgba(183,138,69,.19);box-shadow:0 0 0 72px rgba(183,138,69,.022),0 0 0 154px rgba(183,138,69,.013);pointer-events:none}
body:not(.page-index) .page-hero .wrap{position:relative;z-index:1}
body:not(.page-index) .page-hero h1{max-width:930px}
body:not(.page-index) .section-warm .feature,body:not(.page-index) .article-card{position:relative;overflow:hidden}
body:not(.page-index) .section-warm .feature::after{content:"";position:absolute;width:165px;height:165px;border:1px solid rgba(183,138,69,.10);border-radius:50%;right:-100px;bottom:-100px;pointer-events:none}
body:not(.page-index) .section-warm .feature:hover{background:#1d1f21}
/* Responsive: protect text and photographic balance, no horizontal scrolling. */
@media(max-width:1050px){
 .page-index .home-workfields .editorial-card{padding:40px 39px;min-height:290px}
 .page-index .home-workfields .editorial-card .number,.page-index .home-workfields .editorial-card h3,.page-index .home-workfields .editorial-card p,.page-index .home-workfields .editorial-card .card-bottom{max-width:49%}
 .page-index .home-articles .editorial-card.dark{padding:35px}
 .page-index .home-articles .editorial-card.dark:nth-child(1){padding:42px}
}
@media(max-width:780px){
 .page-index .hero-home .hero-inner{min-height:0;padding-top:65px;padding-bottom:74px}
 .page-index .hero-home::after{left:22px}
 .page-index .home-intro .split{grid-template-columns:1fr;gap:34px}
 .page-index .home-intro .intro-visual{margin:24px auto -20px;max-width:480px}
 .page-index .home-intro .split>div:last-child{padding:0 0 0 22px;margin:0;border-left:2px solid rgba(183,138,69,.38)}
 .page-index .home-intro .body-lead{font-size:22px}
 .page-index .home-workfields{padding:77px 0}
 .page-index .home-workfields .section-head h2{font-size:clamp(43px,7vw,61px)}
 .page-index .home-workfields .editorial-card{min-height:295px}
 .page-index .home-workfields .editorial-card h3{font-size:35px}
 .page-index .home-quote .split{grid-template-columns:1fr;gap:20px}
 .page-index .home-quote .quote-panel blockquote{font-size:clamp(32px,5vw,50px)}
 .page-index .home-articles .grid-3{grid-template-columns:1fr;grid-template-rows:none}
 .page-index .home-articles .editorial-card.dark:nth-child(n){grid-row:auto;grid-column:auto;min-height:300px;padding:38px}
 .page-index .home-articles .editorial-card.dark:first-child{min-height:450px}
 .page-index .home-articles .editorial-card.dark h3{font-size:33px}
 .page-index .home-articles .editorial-card.dark:first-child h3{font-size:45px}
 .page-index .center-cta{padding:98px 20px 104px}
}
@media(max-width:530px){
 .page-index .hero h1{font-size:clamp(39px,10.5vw,57px)}
 .page-index .hero-visual{width:min(86vw,310px)}
 .page-index .home-intro .section-title{font-size:clamp(37px,8.2vw,51px)}
 .page-index .home-intro .intro-visual{margin:20px auto -22px}
 .page-index .home-workfields .editorial-card{padding:27px 26px;min-height:0}
 .page-index .home-workfields .editorial-card .number,.page-index .home-workfields .editorial-card h3,.page-index .home-workfields .editorial-card p,.page-index .home-workfields .editorial-card .card-bottom{max-width:100%}
 .page-index .home-workfields .field-art{position:relative;inset:auto;width:100%;height:168px;order:-1;margin:-10px 0 14px;opacity:.95;-webkit-mask-image:none;mask-image:none}
 .page-index .home-workfields .field-art img{width:100%;height:100%;max-width:100%;object-fit:contain;transform:none}
 .page-index .home-workfields .editorial-card h3{font-size:clamp(29px,8vw,38px);margin:16px 0 15px;overflow-wrap:anywhere}
 .page-index .home-workfields .editorial-card p{font-size:14px}
 .page-index .home-workfields .editorial-card .card-bottom{font-size:12px;margin-top:22px}
 .page-index .home-quote .quote-panel{padding:44px 0 24px}
 .page-index .home-quote .quote-panel blockquote{font-size:30px}
 .page-index .home-articles .editorial-card.dark:nth-child(n){padding:27px;min-height:290px}
 .page-index .home-articles .editorial-card.dark:first-child{min-height:480px}
 .page-index .home-articles .editorial-card.dark h3{font-size:29px}
 .page-index .home-articles .editorial-card.dark:first-child h3{font-size:clamp(35px,9vw,47px)}
 .page-index .home-articles .article-art{width:91%;height:56%}
 .page-index .center-cta h2{font-size:clamp(33px,9.7vw,52px)}
 body:not(.page-index) .page-hero::before{right:-380px}
}
@media(max-height:520px) and (orientation:landscape) and (max-width:1000px){
 .page-index .hero-home .hero-inner{padding-top:32px;padding-bottom:42px;min-height:0}
 .page-index .hero h1{font-size:clamp(30px,4.8vw,49px)}
 .page-index .hero-visual{width:100%;max-width:250px}
 .page-index .home-workfields .field-art{position:absolute;right:0;top:0;bottom:0;width:38%;height:auto;margin:0;order:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 19%);mask-image:linear-gradient(90deg,transparent,#000 19%)}
 .page-index .home-workfields .editorial-card .number,.page-index .home-workfields .editorial-card h3,.page-index .home-workfields .editorial-card p,.page-index .home-workfields .editorial-card .card-bottom{max-width:62%}
 .page-index .home-workfields .editorial-card{min-height:260px;padding:27px}
 .page-index .home-workfields .editorial-card h3{font-size:30px;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){.page-index .home-workfields .field-art img{transition:none}}