
/* REALSTYLE — Editorial / Luxury art direction */
:root{--paper:#f4f3f0!important;--ink:#111!important;--lime:#bcbab5!important;--line:#c9c7c2!important;--accent-ink:#111!important;--footer-bg:#101010!important;--footer-ink:#f4f3f0!important;--footer-accent:#bcbab5!important;--header-offset:92px}
html{scroll-behavior:smooth;scroll-padding-top:var(--header-offset);background:var(--paper)}
body{background:var(--paper);color:#111;font-family:Arial,Helvetica,sans-serif;letter-spacing:-.012em}
::selection{background:#111;color:#fff}
.site-header.editorial-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;padding:22px 5.2%;background:rgba(244,243,240,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(17,17,17,.14);max-height:none;overflow:visible}
.editorial-header .brand{font-size:25px;font-weight:800;letter-spacing:-1.7px;white-space:nowrap}
.editorial-header .header-note{font-size:10px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;margin:0;opacity:.58}
.editorial-header nav{justify-content:flex-end;gap:clamp(16px,2.5vw,38px);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.editorial-header nav a{position:relative;padding:8px 0}
.editorial-header nav a:after{content:"";position:absolute;left:0;bottom:2px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.editorial-header nav a:hover:after{transform:scaleX(1);transform-origin:left}
.editorial-header nav sup{font-size:8px;opacity:.45}
.editorial-header .menu-toggle{display:none}
.hero.editorial-hero{min-height:min(820px,calc(100svh - 72px));padding:30px 5.2% 0;display:flex;flex-direction:column;overflow:hidden;background:#111;color:#f4f3f0}
.editorial-hero .hero-top{position:relative;z-index:2}
.editorial-hero .eyebrow,.editorial-hero .edition{font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:#c4c2bd}
.editorial-hero .status-dot{background:#f4f3f0;width:6px;height:6px}
.hero-main{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:center;gap:4vw;flex:1;padding:45px 0 30px}
.hero-copy{position:relative;z-index:2}
.hero-kicker{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#aaa8a3;margin:0 0 30px}
.editorial-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(66px,9.1vw,148px);font-weight:400;line-height:.83;letter-spacing:-.075em;max-width:900px;margin:0 0 40px;overflow-wrap:normal}
.editorial-hero h1 em,.editorial-hero h1 i{font-style:italic}
.editorial-hero .hero-bottom{display:flex;align-items:center;gap:22px;padding:0;margin:0;max-width:410px}
.editorial-hero .hero-bottom p{font-size:13px;line-height:1.6;color:#c9c7c2;white-space:pre-line}
.editorial-hero .round-link{width:54px;height:54px;border-color:#777;color:#f4f3f0;font-size:22px;flex:0 0 auto}
.editorial-hero .round-link:hover{background:#f4f3f0;color:#111;transform:translateY(4px)}
.hero-visual{position:relative;min-height:480px;height:100%;max-height:610px;overflow:hidden;background:#272727}
.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.42));pointer-events:none}
.hero-visual img{display:block;width:100%;height:100%;min-height:480px;object-fit:cover;filter:grayscale(1) contrast(1.05);transform:scale(1.04);animation:heroImageIn 1.5s cubic-bezier(.2,.7,.2,1) both}
.hero-visual-art{height:100%;min-height:480px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 65% 35%,#555,#171717 65%);color:#eee}
.hero-visual-art span{font:italic clamp(180px,27vw,390px)/.8 Georgia,serif;letter-spacing:-.12em}
.hero-visual-art small{font-size:9px;letter-spacing:.3em;margin-top:35px;color:#aaa}
.visual-index{position:absolute;z-index:2;bottom:20px;left:20px;color:#fff;font-size:9px;letter-spacing:.18em}
.editorial-hero .hero-foot{border-color:#454545;color:#aaa;font-size:9px;letter-spacing:.16em;padding:20px 0 24px}
.editorial-hero .hero-foot a{color:#f4f3f0}
.section{padding:clamp(75px,10vw,145px) 5.2%}
.editorial-intro{grid-template-columns:.7fr 1.3fr;gap:8vw;border-top:0;background:#f4f3f0}
.editorial-intro>.eyebrow,.editorial-services>.eyebrow{font-size:9px;letter-spacing:.2em;text-transform:uppercase}
.editorial-intro h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,5.2vw,76px);line-height:1.02;letter-spacing:-.055em;font-weight:400;max-width:900px;margin:0 0 30px}
.editorial-intro .body-copy{font-size:15px;line-height:1.85;max-width:570px;color:#555}
.editorial-intro .text-link,.archive-link{font-size:10px;text-transform:uppercase;letter-spacing:.13em;border-bottom:1px solid #111;gap:45px}
.editorial-work{padding-top:50px;background:#e8e7e3}
.editorial-work .section-heading{align-items:flex-end;margin-bottom:50px}
.editorial-work .section-heading h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(52px,8vw,112px);font-weight:400;letter-spacing:-.07em;line-height:.9}
.editorial-work .section-heading h2 span{color:#999}
.editorial-work .section-heading .eyebrow{font-size:9px;letter-spacing:.16em}
.editorial-work .work-grid{grid-template-columns:1.12fr .88fr;gap:70px 26px}
.editorial-work .project-card:nth-child(even){margin-top:110px}
.editorial-work .project-card:last-child:nth-child(odd){grid-column:1/-1;width:75%;margin:0 auto}
.editorial-work .project-image{aspect-ratio:1.18/1;background:#d0cfca}
.editorial-work .project-image img{filter:grayscale(1);transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .7s ease}
.editorial-work .project-card:hover img{transform:scale(1.045);filter:grayscale(.25)}
.editorial-work .project-arrow{width:48px;height:48px;bottom:16px;right:16px;background:#f4f3f0;color:#111}
.editorial-work .project-meta{padding-top:15px;border-top:1px solid #aaa9a4;margin-top:12px}
.editorial-work .project-meta h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(23px,2.7vw,36px);letter-spacing:-.04em}
.editorial-work .project-meta span{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#555}
.editorial-work .archive-link{display:inline-flex;margin-top:65px;padding-bottom:13px}
.editorial-services{grid-template-columns:.7fr 1.3fr;gap:8vw;background:#111;color:#f4f3f0;padding-top:110px;padding-bottom:120px}
.editorial-services>.eyebrow{color:#aaa}
.editorial-services article{border-color:#444;gap:28px;padding:30px 0;align-items:flex-start}
.editorial-services .service-number{color:#999;font-size:10px}
.editorial-services h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(27px,3.3vw,45px);letter-spacing:-.045em}
.editorial-services p{font-size:13px;color:#aaa;line-height:1.7}
.editorial-services article>span:last-child{font-size:22px;color:#aaa;transition:transform .4s}
.editorial-services article:hover>span:last-child{transform:translate(5px,-5px);color:#fff}
footer.editorial-footer{background:#111;color:#f4f3f0;border-radius:0;padding:85px 5.2% 28px}
.editorial-footer .footer-top{align-items:center}
.editorial-footer .footer-top .eyebrow{font-size:9px;letter-spacing:.2em;color:#aaa}
.editorial-footer h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(66px,12vw,170px);font-weight:400;line-height:.86;letter-spacing:-.075em;margin:70px 0 28px;max-width:1100px}
.editorial-footer h2 em{font-style:italic}
.editorial-footer .contact-intro{max-width:440px;font-size:14px;line-height:1.7;color:#aaa}
.editorial-footer .text-link{display:inline-flex;border:1px solid #777;padding:17px 22px;border-radius:40px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;transition:background .3s,color .3s}
.editorial-footer .text-link:hover{background:#f4f3f0;color:#111}
.editorial-footer .contact-details,.editorial-footer .social-links{font-size:12px;color:#aaa}
.editorial-footer .social-links a,.editorial-footer .contact-details a{text-decoration:none}
.editorial-footer .footer-bottom{border-top:1px solid #444;margin-top:85px;padding-top:22px;display:flex;gap:25px;align-items:center;font-size:10px;color:#aaa}
.editorial-footer .footer-bottom .brand{color:#f4f3f0;margin-right:auto}
.editorial-footer .footer-legal{color:#777}
.back-top{background:#f4f3f0;color:#111;border-color:#f4f3f0;box-shadow:none}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.project-card.reveal{transition-delay:var(--reveal-delay,0ms)}
@keyframes heroImageIn{from{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1.04)}}
@media(max-width:850px){
 .site-header.editorial-header{grid-template-columns:1fr auto;padding:16px 5%}
 .editorial-header .header-note{display:none}
 .editorial-header .menu-toggle{display:block;border:0;background:none;font-size:10px;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}
 .editorial-header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:25px 5%;background:#f4f3f0;border-bottom:1px solid #ccc;flex-direction:column;gap:18px}
 .editorial-header nav.open{display:flex}
 .editorial-header nav a{font-size:13px}
 .hero-main{grid-template-columns:1fr .8fr;gap:20px}
 .editorial-hero h1{font-size:clamp(58px,10vw,100px)}
 .hero-visual,.hero-visual img,.hero-visual-art{min-height:390px}
}
@media(max-width:600px){
 .site-header.editorial-header{padding:14px 5%}
 .editorial-header .brand{font-size:22px}
 .hero.editorial-hero{min-height:0;padding:22px 5% 0}
 .hero-main{display:flex;flex-direction:column;align-items:stretch;padding:45px 0 25px;gap:35px}
 .editorial-hero h1{font-size:clamp(58px,15vw,90px);line-height:.88;margin-bottom:28px}
 .hero-kicker{margin-bottom:22px}
 .editorial-hero .hero-bottom{justify-content:space-between}
 .hero-visual,.hero-visual img,.hero-visual-art{min-height:310px;max-height:420px}
 .editorial-hero .hero-foot{gap:12px;font-size:7px}
 .editorial-hero .hero-foot span:first-child{max-width:42%}
 .section{padding:75px 5%}
 .editorial-intro,.editorial-services{display:block}
 .editorial-intro>.eyebrow,.editorial-services>.eyebrow{margin-bottom:38px}
 .editorial-intro h2{font-size:clamp(38px,10vw,58px)}
 .editorial-work{padding-top:65px}
 .editorial-work .section-heading{display:block;margin-bottom:30px}
 .editorial-work .section-heading .eyebrow{margin-top:18px}
 .editorial-work .work-grid{grid-template-columns:1fr;gap:42px}
 .editorial-work .project-card:nth-child(even){margin-top:0}
 .editorial-work .project-card:last-child:nth-child(odd){width:100%}
 .editorial-work .project-image{aspect-ratio:1.1/1}
 .editorial-services{padding-top:75px;padding-bottom:80px}
 .editorial-services article{gap:16px;padding:25px 0}
 .editorial-services h2{font-size:29px}
 footer.editorial-footer{padding:65px 5% 25px}
 .editorial-footer h2{font-size:clamp(62px,15vw,100px);margin:55px 0 25px}
 .editorial-footer .footer-bottom{margin-top:55px;flex-wrap:wrap}
 .editorial-footer .footer-bottom .brand{width:100%}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
 .reveal{opacity:1;transform:none}
}
