:root{--paper:#fff;--bone:#f3f3f0;--ink:#111;--muted:#626262;--brown:#444;--line:#d8d8d8}
html{scroll-behavior:smooth}
body{background:#fff;color:#111;font-family:'DM Sans',Arial,sans-serif}
h1,h2,h3{font-family:'DM Sans',Arial,sans-serif;font-weight:500;letter-spacing:-.065em;line-height:1.03}
h1 em,h2 em{font-family:'Playfair Display',Georgia,serif;font-weight:400;letter-spacing:-.055em}
.header{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);height:86px;padding:0 clamp(20px,5vw,84px);z-index:50;border-bottom:1px solid #e8e8e8}
.wordmark{font:700 25px/.83 'DM Sans',sans-serif;letter-spacing:-.085em}.wordmark span{font:italic 16px 'Playfair Display',serif;color:#444;letter-spacing:0;padding-left:32px}.wordmark small{font:9px 'DM Sans',sans-serif;margin-top:9px;letter-spacing:.4em}
.menu{gap:clamp(13px,1.8vw,28px);font-weight:500;letter-spacing:.04em;text-transform:uppercase;font-size:10px}
.nav-cta{border:1px solid #111!important;padding:13px 18px}.nav-cta:hover{background:#111;color:#fff!important}
.menu>a:hover,.nav-services>a:hover{color:#777}.dropdown{box-shadow:0 18px 30px #0001;background:white}
.button{background:#111;border-color:#111;color:white;font-size:11px;font-weight:500;letter-spacing:.16em;padding:18px 25px}.button:hover{background:#333;border-color:#333}
.button.secondary{border-color:#111;color:#111}
.eyebrow{color:#707070;font-weight:500}.section{padding-block:clamp(75px,9vw,140px)}.page-hero{background:#f5f5f3}.page-hero.with-photo{background:#f5f5f3}.hero-photo{background-image:url('/assets/warm-balayage.webp');background-color:#ddd}
.section.dark{background:#111}.dark .category{background:#111}.dark .category:hover{background:#282828}.category-grid{border-color:#555;background:#555}
.dark .eyebrow{color:#bbb}.category h2,.category h3{letter-spacing:-.05em}
.intro-grid p,.two-col p,.detail-grid p{color:#575757}.journal-teaser{background:#f5f5f3}
.item-card{background:#f4f4f2}.item-card:hover{background:#eaeae7}.item-index{color:#666}
.cta{background:#eeeee9}.footer{background:#111;color:white}.footer a:not(.wordmark){color:#c7c7c7}.footer p{color:#bcbcbc}
.folio,.chapter-label{font-size:10px;font-weight:600;letter-spacing:.23em;color:#727272;text-transform:uppercase}
.editorial-hero{display:grid;grid-template-columns:minmax(0,55%) minmax(0,45%);min-height:min(790px,92vh);background:#f7f7f5}
.editorial-hero-image{position:relative;overflow:hidden;min-height:650px;background:#ddd}.editorial-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 40%;position:absolute;inset:0}
.image-credit{position:absolute;bottom:32px;left:34px;color:white;font-size:9px;letter-spacing:.17em;text-shadow:0 1px 10px #0007}
.editorial-hero-copy{padding:clamp(45px,7vw,110px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.editorial-hero-copy h1{font-size:clamp(4rem,7.4vw,8.9rem);line-height:.95;margin:50px 0 32px;white-space:nowrap}.editorial-hero-copy p{max-width:320px;font-size:16px;line-height:1.7;color:#464646}
.hero-links{display:flex;flex-direction:column;gap:14px;margin-top:60px;width:min(100%,300px)}.hero-links a{display:flex;justify-content:space-between;border-bottom:1px solid #333;padding:8px 0;font-size:10px;letter-spacing:.15em;font-weight:600}
.editorial-manifesto{padding:clamp(100px,13vw,200px) 8vw;display:grid;grid-template-columns:28% 1fr;gap:50px;align-items:start}
.editorial-manifesto h2{font-size:clamp(3rem,6vw,6.8rem);max-width:1000px}.editorial-manifesto p{font-size:clamp(16px,1.7vw,22px);line-height:1.75;max-width:650px;color:#595959;margin-top:36px}
.inline-link{display:inline-block;border-bottom:1px solid currentColor;padding:8px 0;margin-top:18px;font-size:10px;letter-spacing:.14em;font-weight:600}
.editorial-services,.editorial-works,.editorial-journal{padding:110px max(30px,7vw)}
.editorial-section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:47px;flex-wrap:wrap}.editorial-section-head h2{font-size:clamp(3.2rem,6.2vw,7.5rem);margin:0 auto 0 0}.editorial-section-head p{max-width:220px;color:#666;font-size:14px}.editorial-section-head .chapter-label{width:100%}
.service-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.service-image-tile{position:relative;display:block;overflow:hidden;background:#ddd;aspect-ratio:1.23}
.service-image-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1);filter:saturate(.9)}.service-image-tile:hover img{transform:scale(1.025)}
.service-image-tile:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#0007)}
.service-image-tile span{position:absolute;z-index:1;bottom:28px;left:30px;right:30px;color:white;display:flex;justify-content:space-between;font-size:clamp(16px,2.3vw,31px);font-weight:500;letter-spacing:-.03em}.service-image-tile b{font-weight:400}
.editorial-works{background:#f6f6f4;overflow:hidden}.work-scroller{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:22px}.work-scroller::-webkit-scrollbar{display:none}
.work-slide{flex:0 0 min(35vw,470px);margin:0;scroll-snap-align:start}.work-slide .image-expand{display:block;border:0;background:transparent;padding:0;width:100%;aspect-ratio:4/5;cursor:zoom-in;overflow:hidden}.image-expand img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.image-expand:hover img{transform:scale(1.025)}
.work-slide figcaption{display:flex;justify-content:space-between;gap:15px;padding:14px 2px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.work-slide figcaption small{font-size:10px;letter-spacing:0;color:#777;text-transform:none}.scroll-hint{font-size:10px;letter-spacing:.18em;color:#666;padding:12px 0}.scroll-hint span{font-size:24px;vertical-align:middle;margin-left:10px}
.editorial-statement{background:#111;color:white;text-align:center;padding:clamp(100px,12vw,190px) 30px}.editorial-statement .chapter-label{color:#999}.editorial-statement h2{font-size:clamp(3.5rem,8vw,10rem);margin:45px 0}.editorial-statement p{color:#bbb;font-size:16px;max-width:500px;margin:auto}
.editorial-about{display:grid;grid-template-columns:49% 51%;align-items:center;min-height:720px}.editorial-about-photo{height:720px;background:#eee;overflow:hidden}.editorial-about-photo img{width:100%;height:100%;object-fit:contain;object-position:center 45%;display:block}
.editorial-about-copy{padding:clamp(40px,8vw,140px)}.editorial-about-copy h2{font-size:clamp(5rem,9vw,10rem);margin:25px 0}.editorial-about-copy h3{font-size:clamp(1.4rem,2.8vw,3rem);line-height:1.15;letter-spacing:-.05em}.editorial-about-copy p{font-size:16px;color:#555;max-width:430px}
.journal-editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.journal-art{height:350px;overflow:hidden;background:#eee}.journal-art img{width:100%;height:100%;object-fit:cover}.journal-art-one img{object-position:center 40%}.journal-art-two img{object-position:center 65%}.journal-editorial-grid span{display:block;color:#777;font-size:10px;letter-spacing:.13em;margin:19px 0}.journal-editorial-grid h3{font-size:clamp(1.6rem,3vw,3.3rem);margin-bottom:0}
.editorial-final{text-align:center;background:#eeeee9;padding:clamp(100px,13vw,185px) 24px}.editorial-final h2{font-size:clamp(3.2rem,7vw,8.8rem);margin:40px 0 24px}.editorial-final p{font-size:16px;color:#555;margin:0 auto 30px}.editorial-final .button{margin:auto}
.image-lightbox[hidden]{display:none}.image-lightbox{position:fixed;inset:0;z-index:100;background:#0b0b0bf2;display:flex;align-items:center;justify-content:center;padding:45px}.image-lightbox img{max-height:90vh;max-width:95vw;object-fit:contain}.image-lightbox button{position:absolute;right:20px;top:15px;border:0;background:none;color:white;font-size:40px;cursor:pointer}
.portfolio-editorial-head{padding:110px 7vw 80px;background:#f5f5f3}.portfolio-editorial-head h1{font-size:clamp(5rem,10vw,12rem);margin:35px 0}.portfolio-editorial-head>p:last-child{max-width:490px;color:#666;font-size:17px}.portfolio-editorial-gallery{display:grid;grid-template-columns:1fr 1fr;gap:50px 18px;padding:90px 7vw}.portfolio-editorial-gallery figure{margin:0}.portfolio-editorial-gallery figure:nth-child(even){margin-top:110px}.portfolio-editorial-gallery img{display:block;width:100%;height:clamp(400px,55vw,740px);object-fit:cover}.portfolio-editorial-gallery figcaption{display:flex;gap:20px;justify-content:space-between;border-top:1px solid #ccc;padding:15px 0;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.portfolio-editorial-gallery small{text-transform:none;letter-spacing:0;color:#777;font-size:11px}
.reveal{transition:opacity .55s,transform .55s}.reveal:not(.in-view){opacity:.88;transform:translateY(12px)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.header{height:72px}.menu-button{display:flex;flex-direction:column;justify-content:center;gap:6px;width:48px;height:48px}.menu-button span:not(.sr-only){height:1px;background:#111;width:26px}.menu{top:72px;left:0;right:0;background:#fff;padding:24px;gap:19px;box-shadow:0 25px 40px #0001}.editorial-hero{grid-template-columns:1fr 1fr;min-height:610px}.editorial-hero-image{min-height:610px}.editorial-hero-copy{padding:45px}.editorial-hero-copy h1{font-size:clamp(3.5rem,7vw,6rem)}.editorial-about-photo{height:580px}.work-slide{flex-basis:46vw}}
@media(max-width:680px){.editorial-hero{grid-template-columns:1fr;display:flex;flex-direction:column}.editorial-hero-image{height:57vh;min-height:380px;max-height:620px}.editorial-hero-copy{padding:42px 24px 52px}.editorial-hero-copy h1{font-size:clamp(3.3rem,15vw,6rem);margin:25px 0}.editorial-hero-copy p{font-size:14px}.hero-links{margin-top:28px}.editorial-manifesto{display:block;padding:100px 25px}.editorial-manifesto h2{margin-top:30px;font-size:clamp(2.8rem,12vw,5rem)}.editorial-manifesto p{font-size:16px}.editorial-services,.editorial-works,.editorial-journal{padding:80px 20px}.editorial-section-head{gap:10px;margin-bottom:25px}.editorial-section-head h2{font-size:clamp(3rem,11vw,5rem)}.service-image-grid{gap:4px}.service-image-tile{aspect-ratio:.76}.service-image-tile span{left:10px;right:10px;bottom:13px;font-size:12px;line-height:1.15}.work-slide{flex-basis:78vw}.work-slide figcaption{display:block}.work-slide figcaption small{display:block;margin-top:5px}.editorial-statement h2{font-size:13vw}.editorial-about{grid-template-columns:1fr}.editorial-about-photo{height:500px}.editorial-about-copy{padding:65px 26px}.editorial-about-copy h2{font-size:6rem}.journal-editorial-grid{gap:12px}.journal-art{height:220px}.journal-editorial-grid h3{font-size:1.4rem}.editorial-final h2{font-size:clamp(3rem,11vw,5.5rem)}.portfolio-editorial-head{padding:80px 24px 50px}.portfolio-editorial-head h1{font-size:clamp(4rem,15vw,7rem)}.portfolio-editorial-gallery{grid-template-columns:1fr;padding:45px 20px;gap:35px}.portfolio-editorial-gallery figure:nth-child(even){margin-top:0}.portfolio-editorial-gallery img{height:auto;aspect-ratio:4/5}.footer{padding:60px 25px}.page-hero{padding:70px 25px}.header{padding:0 22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal:not(.in-view){opacity:1;transform:none}}
.editorial-about-photo img{filter:grayscale(1) contrast(1.04)}
