:root{--ink:#1f302b;--ink-deep:#162923;--bone:#f7f5ef;--ivory:#ebe8df;--sage:#a5b4a4;--sage-dark:#647b6c;--brass:#cfc19c;--plum:#654547;--line:#cecfc5;--muted:#718077;--heading:'Playfair Display',Georgia,'Times New Roman',serif;--body:'DM Sans',Arial,sans-serif;--meta:'Manrope',Arial,sans-serif;--measure:1400px;--gutter:clamp(22px,5vw,94px);--header-height:88px;--ease:cubic-bezier(.2,.85,.23,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bone);color:var(--ink);font:400 16px/1.65 var(--body);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}::selection{background:#9bb0a2;color:#152721}:focus-visible{outline:2px solid #a78347;outline-offset:4px}.skip-link{position:fixed;z-index:999;left:14px;top:-100px;background:#fff;color:#000;padding:12px 20px}.skip-link:focus{top:12px}.scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;z-index:1000;background:var(--brass);pointer-events:none}.site-header{position:absolute;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;min-height:var(--header-height);padding:0 var(--gutter);gap:26px;border-bottom:1px solid rgba(255,255,255,.23);color:#f5f2eb;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.page-home .site-header{position:absolute}.page-work .site-header,.page-expertise .site-header,.page-about .site-header,.page-contact .site-header,.page-project .site-header{background:transparent}.site-header.is-sticky{position:fixed!important;background:rgba(22,41,35,.96);border-color:rgba(255,255,255,.15);backdrop-filter:blur(18px);box-shadow:0 9px 28px rgba(0,0,0,.08)}.brand{display:flex;flex-direction:column;line-height:1.08;min-width:225px}.brand-name{font:600 18px/1.05 var(--meta);letter-spacing:.04em}.brand-stroke{font-weight:400;letter-spacing:.07em}.brand-caption{font:500 8px/1 var(--meta);letter-spacing:.18em;margin-top:9px;opacity:.74}.desktop-nav{display:flex;gap:clamp(20px,2.6vw,46px);align-items:center}.nav-link,.header-cta{font:500 11px/1.2 var(--meta);letter-spacing:.12em;text-transform:uppercase;position:relative;padding:13px 0}.nav-link:after{content:'';height:1px;position:absolute;bottom:4px;left:0;right:100%;background:currentColor;transition:right .35s var(--ease)}.nav-link:hover:after,.nav-link.current:after{right:0}.header-cta{border:1px solid rgba(255,255,255,.56);padding:13px 18px;white-space:nowrap;transition:background .25s,color .25s}.header-cta:hover{background:var(--bone);color:var(--ink)}.header-cta span{padding-left:24px}.menu-toggle{display:none;border:0;padding:12px;background:transparent;color:inherit;width:46px;flex-shrink:0}.menu-toggle span{display:block;height:1px;background:currentColor;margin:8px 0;transition:transform .2s}.mobile-menu{position:fixed;inset:0;z-index:90;background:var(--ink-deep);color:var(--bone);padding:120px var(--gutter) 40px}.mobile-menu[hidden]{display:none}.mobile-menu nav{display:flex;flex-direction:column}.mobile-link{font:400 clamp(34px,9vw,66px)/1.25 var(--heading);padding:12px 0;border-bottom:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between}.mobile-menu-foot{margin-top:50px;font:italic 18px var(--heading);opacity:.6}.mobile-link span{font:300 24px var(--body)}.micro,.section-label,.count-note,.tiny-note{font:600 10px/1.4 var(--meta);letter-spacing:.22em;text-transform:uppercase}.section-label{display:flex;align-items:center;gap:18px;color:var(--sage-dark)}.section-label .num{color:#9ca79e}.section-pad{padding:clamp(88px,11vw,172px) var(--gutter)}.display-title,.page-title{font-family:var(--heading);font-weight:400;letter-spacing:-.055em;line-height:1.12}.display-title{font-size:clamp(42px,6vw,91px)}.display-title em,.page-title em,.footer-headline em,.signature-section em,.collab-callout em,.service-info em{font-style:italic;font-weight:400;color:var(--sage-dark)}.page-title{font-size:clamp(58px,9.3vw,144px);margin:25px 0 36px}.tiny-period{color:var(--sage-dark)}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;padding:19px 24px;min-height:56px;font:600 11px var(--meta);letter-spacing:.15em;text-transform:uppercase;transition:transform .3s var(--ease),background .25s ease,color .25s ease}.btn:hover{transform:translateY(-3px)}.btn span{font:300 23px var(--body);line-height:1}.btn-light{background:var(--bone);color:var(--ink)}.btn-outline{border:1px solid #8c9d8f}.btn-outline:hover{background:var(--ink);color:var(--bone)}.btn-dark{background:var(--ink-deep);color:var(--bone)}.btn-dark:hover{background:#3f5a4f}.quiet-link,.underlined-link{font:600 11px/1.2 var(--meta);letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:10px;display:inline-flex;justify-content:space-between;gap:44px;max-width:max-content;transition:gap .3s var(--ease)}.quiet-link:hover,.underlined-link:hover{gap:59px}.reveal{opacity:1}.js .reveal:not(.is-visible){opacity:0;transform:translateY(24px)}.js .reveal{transition:opacity 1s var(--ease),transform 1s var(--ease)}.reveal.is-visible{opacity:1!important;transform:none!important}
/* HOME / HERO */
.hero{min-height:760px;height:min(920px,100svh);position:relative;overflow:hidden;isolation:isolate;background:var(--ink-deep);color:var(--bone);display:grid;grid-template-columns:57% 43%;padding-top:var(--header-height)}.hero-grain{position:absolute;inset:0;opacity:.16;pointer-events:none;background-image:radial-gradient(#b9c8bb 0.5px,transparent .5px);background-size:5px 5px;z-index:0}.hero-copy{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:65px 0 50px var(--gutter);max-width:900px}.hero-overline{display:flex;gap:18px;align-items:center;margin-bottom:43px;color:#b1c1b5}.micro-line{width:40px;height:1px;background:#b3bdad;display:inline-block}.hero-title{font:400 clamp(64px,7.1vw,130px)/1.085 var(--heading);letter-spacing:-.065em;margin:0;position:relative}.hero-title em{color:#c6ceba;font-weight:400}.hero-title .period{color:#b69f6f}.hero-sub{max-width:550px;font-size:clamp(15px,1.2vw,19px);line-height:1.75;margin:40px 0 30px;color:#d5dfd4}.hero-actions{display:flex;align-items:center;gap:40px;flex-wrap:wrap}.hero-actions .quiet-link{color:#d7dbd1;border-color:#9aa69b}.hero-bottom{display:flex;align-items:center;gap:22px;position:absolute;bottom:48px;left:var(--gutter);color:#a1b6a8}.scroll-line{width:60px;height:1px;background:#6f8476}.hero-visual{position:relative;z-index:1;margin:42px var(--gutter) 75px -52px}.hero-photo{position:absolute;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.2)}.hero-photo img{transition:transform 1.6s var(--ease)}.hero-photo-main{right:0;top:2%;width:78%;height:81%;z-index:2}.hero-photo-secondary{top:28%;left:-11%;width:43%;height:53%;z-index:3;border:9px solid var(--ink-deep)}.hero-visual-label{position:absolute;top:9%;left:-17%;z-index:4;color:#d2cdbd;display:flex;gap:18px;align-items:center;font:600 10px/1.7 var(--meta);letter-spacing:.17em}.hero-visual-label .star{font-size:27px;font-weight:400}.circle-outline{position:absolute;width:240px;height:240px;border:1px solid rgba(237,235,219,.35);border-radius:50%;bottom:-9%;right:-9%;z-index:3}.hero-index{position:absolute;right:-92px;top:50%;transform:rotate(90deg);font:600 9px var(--meta);letter-spacing:.24em;opacity:.66;z-index:4}.manifesto{background:var(--bone)}.manifesto-content{max-width:1220px;margin:95px 0 0 auto;position:relative}.manifesto-content .tiny-star{position:absolute;left:-65px;top:17px;font-size:36px;color:#adbba9}.manifesto h2{margin:0}.manifesto-bottom{margin:65px 0 0 auto;display:flex;align-items:end;justify-content:space-between;gap:80px;max-width:740px}.manifesto-bottom p{max-width:450px;font-size:17px;color:#586a5e;line-height:1.9;margin:0}.manifesto-bottom .underlined-link{white-space:nowrap}.work-intro{background:var(--ivory);padding-bottom:90px}.section-heading-split{display:flex;justify-content:space-between;align-items:end;gap:80px;margin-top:62px}.section-heading-split h2{max-width:850px;margin:0}.section-heading-split p{max-width:290px;color:#637368;line-height:1.9;margin:0 0 16px}.stack-stage{background:var(--ivory);padding:0 var(--gutter) 120px}.stack-card{height:min(740px,78vh);min-height:520px;position:sticky;top:calc(var(--header-height) + 16px);margin-bottom:12vh;overflow:hidden;background:#2f4a40;color:#fff;border-radius:4px;box-shadow:0 25px 40px rgba(12,28,20,.14)}.stack-card:last-child{margin-bottom:0}.stack-card.stack-01{z-index:1}.stack-card.stack-02{z-index:2}.stack-card.stack-03{z-index:3}.stack-image,.stack-shade{position:absolute;inset:0}.stack-image img{object-position:center 52%;transition:transform 1.1s var(--ease)}.stack-card:hover .stack-image img{transform:scale(1.035)}.stack-shade{background:linear-gradient(180deg,rgba(14,22,19,.38),rgba(14,22,19,.07) 43%,rgba(14,22,19,.84) 100%)}.stack-content{position:absolute;inset:0;padding:clamp(24px,3.5vw,58px);display:flex;flex-direction:column;justify-content:space-between}.stack-top,.stack-bottom{display:flex;justify-content:space-between;align-items:center;gap:28px}.stack-top{color:#e6ebdf}.stack-bottom{align-items:flex-end}.stack-kicker{font:600 11px var(--meta);text-transform:uppercase;letter-spacing:.22em;opacity:.8}.stack-bottom h3{font:400 clamp(42px,5.7vw,94px)/1.13 var(--heading);margin:8px 0 12px;letter-spacing:-.04em}.stack-bottom p{max-width:420px;color:#e1e8e0;font-size:15px}.round-arrow{display:grid;place-items:center;flex:0 0 90px;height:90px;border:1px solid rgba(255,255,255,.8);border-radius:50%;font:300 46px var(--body);transition:transform .3s,background .3s,color .3s}.round-arrow:hover{transform:rotate(45deg);background:var(--bone);color:var(--ink)}.see-all{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px var(--gutter) 110px;background:var(--ivory)}.see-all>span{font:italic 30px var(--heading);color:#718276}.expertise-preview{background:var(--bone)}.expertise-layout{margin-top:64px;display:grid;grid-template-columns:1fr 1.03fr;gap:clamp(70px,10vw,165px);align-items:center}.expertise-layout h2{margin:0 0 25px}.expertise-layout p{max-width:430px;color:#697a6f;line-height:1.9}.expertise-layout .underlined-link{margin-top:24px}.services-list{border-top:1px solid var(--line)}.services-list a{display:grid;grid-template-columns:43px 1fr 24px;gap:14px;align-items:center;padding:28px 6px;border-bottom:1px solid var(--line);transition:padding .25s var(--ease),color .25s}.services-list a:hover{padding-left:16px;color:var(--sage-dark)}.services-list span:first-child{font:600 10px var(--meta);color:var(--sage-dark)}.services-list strong{font:400 clamp(18px,2vw,29px) var(--heading)}.services-list span:last-child{font-size:20px}.about-strip{background:#d9e1d6;display:grid;grid-template-columns:42% 58%;min-height:720px}.about-strip-photo{min-height:680px;overflow:hidden}.about-strip-photo img{object-position:center 35%;filter:saturate(.7)}.about-strip-copy{padding:clamp(65px,7vw,120px) clamp(45px,7vw,130px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.about-strip-copy h2{margin:45px 0 20px}.about-strip-copy p{max-width:490px;line-height:1.85;color:#5c6e61}.about-strip-copy .btn{margin-top:28px}.signature-section{background:var(--bone);text-align:center;padding-top:150px;padding-bottom:170px}.signature-section .section-label{justify-content:center}.signature-section p{font:italic clamp(44px,5.7vw,96px)/1.24 var(--heading);letter-spacing:-.055em;margin:60px auto 35px;max-width:1050px}.signature-section>span{font:600 10px var(--meta);letter-spacing:.3em;color:var(--sage-dark)}
/* INNER HEADERS */
.page-hero{min-height:720px;padding:185px var(--gutter) 105px;position:relative;background:var(--bone)}.page-hero:before{content:'';position:absolute;right:var(--gutter);top:150px;width:clamp(180px,22vw,380px);height:clamp(180px,22vw,380px);border:1px solid #e0e1d7;border-radius:50%;opacity:.8;pointer-events:none}.page-hero .page-title{max-width:1140px;position:relative;z-index:1}.page-hero-tail{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;position:relative;z-index:1}.page-hero-tail p{margin:0;max-width:600px;font-size:18px;line-height:1.85;color:#657669}.count-note{color:#859487;white-space:nowrap}.work-hero{background:#e9eee8}.hero-sidenote{position:absolute;right:var(--gutter);top:235px;writing-mode:vertical-rl;font:600 10px var(--meta);letter-spacing:.23em;color:#8ca398}.collections-band{padding-top:95px;background:var(--bone)}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(15px,2vw,35px);margin-top:55px}.collection-card{display:block;min-width:0}.collection-image{height:clamp(270px,37vw,530px);position:relative;overflow:hidden;background:#d4d9d2}.collection-image img{transition:transform .9s var(--ease);filter:saturate(.8)}.collection-card:hover img{transform:scale(1.055)}.collection-count{position:absolute;left:23px;bottom:23px;background:var(--bone);padding:8px 11px;font:600 9px var(--meta);letter-spacing:.18em}.collection-foot{display:flex;justify-content:space-between;gap:10px;padding:22px 1px}.collection-foot h2{font:400 clamp(21px,2.2vw,33px)/1.2 var(--heading);margin:0}.collection-foot p{font:400 13px/1.5 var(--body);color:#6c7d71;margin:10px 0 0}.collection-foot>span{font:300 24px var(--body)}.all-work{background:#e9ece6;padding-top:90px}.all-work-heading{display:flex;justify-content:space-between;align-items:end;margin:58px 0 39px;gap:25px}.all-work-heading h2{margin:0}.all-work-heading p{color:#6f8073}.filterbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:52px}.filter-btn{border:1px solid #aebcb1;background:transparent;color:var(--ink);padding:14px 20px;min-height:48px;font:600 11px var(--meta);letter-spacing:.05em;transition:background .25s,color .25s}.filter-btn span{margin-left:18px;font-size:9px;color:var(--sage-dark)}.filter-btn:hover,.filter-btn.selected{background:var(--ink);color:var(--bone)}.filter-btn.selected span,.filter-btn:hover span{color:#b9cbbd}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(18px,2.4vw,40px);row-gap:60px}.project-grid>.filterable[hidden]{display:none}.project-tile{min-width:0;display:block}.tile-image{position:relative;overflow:hidden;height:clamp(270px,30vw,520px);background:#d1d7d0}.tile-image img{transition:transform .8s var(--ease);filter:saturate(.83)}.project-tile:hover img{transform:scale(1.045)}.tile-explore{position:absolute;right:17px;bottom:17px;background:var(--bone);width:48px;height:48px;display:grid;place-items:center;font-size:25px;transform:translateY(66px);opacity:0;transition:transform .4s var(--ease),opacity .4s}.project-tile:hover .tile-explore,.project-tile:focus-visible .tile-explore{transform:none;opacity:1}.tile-meta{display:flex;justify-content:space-between;gap:12px;padding-top:19px}.tile-meta h3{font:400 clamp(21px,2.1vw,30px)/1.2 var(--heading);margin:4px 0 0}.tile-label{font:600 9px var(--meta);letter-spacing:.17em;text-transform:uppercase;color:#788c7d}.tile-arrow{font-size:21px}.no-filter{padding:45px 0;color:var(--muted)}
/* CATEGORY */
.category-hero{min-height:720px;height:76svh;position:relative;color:#fff;background:#293e35}.category-hero-photo,.category-hero-overlay{position:absolute;inset:0}.category-hero-photo img{object-position:center 45%;filter:saturate(.7)}.category-hero-overlay{background:linear-gradient(90deg,rgba(14,30,23,.83),rgba(14,30,23,.17)),linear-gradient(0deg,rgba(14,30,23,.6),transparent 50%)}.category-hero-content{position:relative;height:100%;padding:195px var(--gutter) 85px;display:flex;flex-direction:column;justify-content:flex-end}.category-hero-content .micro{margin-top:auto;color:#d3dfd2}.category-hero-content .page-title{max-width:1050px;font-size:clamp(60px,8vw,125px);margin:25px 0 24px}.category-hero-content .page-title em{color:#d6decc}.category-hero-content p{font-size:18px;max-width:550px;line-height:1.75;color:#e5ebe3;margin:0}.back-link{font:600 11px var(--meta);letter-spacing:.16em;text-transform:uppercase;width:max-content;border-bottom:1px solid currentColor;padding-bottom:7px;transition:letter-spacing .2s}.back-link:hover{letter-spacing:.2em}.back-link.white{color:#eff6eb}.category-list{padding-top:90px;background:var(--bone)}.category-grid{margin-top:54px}.category-next{padding-top:90px;text-align:right}.category-next .underlined-link{margin-left:auto}
/* CASE STUDIES */
.project-hero{height:min(960px,94svh);min-height:670px;position:relative;background:#244338;color:#fff}.project-cover,.project-overlay{position:absolute;inset:0}.project-cover img{object-position:center 40%}.project-overlay{background:linear-gradient(180deg,rgba(13,25,20,.65),rgba(15,30,22,.17) 35%,rgba(15,30,22,.81) 100%)}.project-hero-inner{position:absolute;inset:0;padding:145px var(--gutter) 55px;display:flex;flex-direction:column;align-items:flex-start}.project-hero-inner>.micro{margin-top:auto;color:#d9e2d9}.project-hero h1{font:400 clamp(57px,9.5vw,155px)/1.04 var(--heading);letter-spacing:-.065em;margin:20px 0 36px;max-width:1200px}.project-hero-base{width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.project-hero-base p{max-width:550px;color:#e2e9df;margin:0;font-size:18px}.project-hero-base .micro{white-space:nowrap}.project-overview{background:var(--bone)}.project-overview-grid{display:grid;grid-template-columns:1.2fr .7fr;gap:clamp(70px,12vw,190px);margin-top:65px}.project-overview-grid h2{margin:0 0 28px}.concept-text{font-size:clamp(18px,1.7vw,26px);line-height:1.65;max-width:720px;color:#5a6b5e;margin:0}.project-facts{margin:0;border-top:1px solid var(--line)}.project-facts>div{padding:20px 0 26px;border-bottom:1px solid var(--line)}.project-facts dt{font:600 10px var(--meta);letter-spacing:.15em;color:var(--sage-dark);margin-bottom:12px}.project-facts dd{margin:0;font-size:15px;line-height:1.65}.project-facts ul{margin:0;padding-left:20px}.project-facts li+li{margin-top:5px}.project-gallery{padding:0 var(--gutter) 110px;background:var(--bone)}.gallery-label{padding-bottom:30px}.project-photo-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(10px,1.4vw,22px);align-items:stretch}.gallery-photo{margin:0;overflow:hidden;background:#d6ddd7;grid-column:span 6;height:clamp(290px,45vw,640px)}.gallery-photo img{transition:transform .7s}.gallery-photo:hover img{transform:scale(1.02)}.gallery-photo-0,.gallery-photo-5{grid-column:span 12;height:clamp(380px,63vw,820px)}.gallery-photo-2,.gallery-photo-3{grid-column:span 6}.project-next{background:#e7ebe4;padding-top:90px}.next-project{display:grid;grid-template-columns:1fr min(37%,490px);gap:60px;margin-top:40px;align-items:center}.next-project h2{font:400 clamp(42px,5.5vw,86px)/1.14 var(--heading);letter-spacing:-.05em;margin:14px 0 38px}.next-image{height:360px;overflow:hidden;display:block}.next-image img{transition:transform .75s}.next-image:hover img{transform:scale(1.05)}
/* EXPERTISE */
.expertise-hero{background:#e2e8df}.service-detail{display:grid;grid-template-columns:60px 1.1fr .82fr;gap:clamp(24px,5vw,75px);align-items:center;border-bottom:1px solid #cbd4ca}.service-detail.reverse{background:#edf1ea}.service-num{font:400 28px var(--heading);color:#9aae9e;align-self:start}.service-info .micro{color:var(--sage-dark)}.service-info h2{font:400 clamp(43px,5vw,74px)/1.17 var(--heading);letter-spacing:-.05em;margin:20px 0 31px}.service-info p{max-width:520px;color:#66776b;line-height:1.95;font-size:16px}.service-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.service-tags span{padding:9px 12px;border:1px solid #bcc9be;font:500 10px var(--meta);color:#607367;letter-spacing:.06em}.service-photo{height:clamp(430px,42vw,640px);overflow:hidden}.service-photo img{filter:saturate(.78)}.collab-callout{background:#d8e1d7}.collab-callout h2{font:400 clamp(52px,6vw,92px)/1.1 var(--heading);letter-spacing:-.06em;margin:31px 0 60px}.collab-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1040px;margin-bottom:50px}.collab-cards>div{border-top:1px solid #9eb29e;padding-top:20px}.collab-cards strong{font:400 29px var(--heading)}.collab-cards p{line-height:1.85;color:#667769;max-width:420px}
/* ABOUT */
.about-hero{background:#e3e9e0;min-height:820px;display:grid;grid-template-columns:57% 43%;padding-top:var(--header-height)}.about-hero-copy{padding:clamp(100px,11vw,190px) 7vw 85px var(--gutter);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.about-hero-copy h1{font-size:clamp(52px,6.8vw,108px)}.about-hero-copy p{max-width:630px;font-size:19px;line-height:1.85;color:#647669}.about-hero-copy>.micro{margin-top:44px;color:var(--sage-dark)}.about-hero-image{overflow:hidden}.about-hero-image img{object-position:center 28%;filter:saturate(.72)}.about-editorial{background:var(--bone)}.about-editorial-grid{margin-top:68px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,9vw,140px)}.about-editorial-grid h2{margin:0}.about-editorial-grid p{font-size:17px;color:#647469;line-height:1.95;margin:0 0 23px}.about-editorial-grid .underlined-link{margin-top:27px}.about-values{background:#e6ebe3}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:70px}.value-grid>div{border-top:1px solid #b7c4b7;padding-top:22px}.value-grid span{font:600 11px var(--meta);letter-spacing:.19em;color:var(--sage-dark)}.value-grid h3{font:400 43px var(--heading);margin:28px 0 14px}.value-grid p{color:#667569;max-width:340px}
/* CONTACT */
.contact-hero{min-height:850px;padding:clamp(160px,15vw,230px) var(--gutter) 135px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(75px,9vw,145px);background:#e5ebe3}.contact-left h1{font-size:clamp(53px,7.1vw,110px);margin:45px 0 30px}.contact-left p{max-width:520px;font-size:17px;color:#68796a;line-height:1.9}.contact-direct{display:inline-flex;gap:20px;justify-content:space-between;max-width:100%;border-bottom:1px solid #8fa393;margin:28px 0 45px;padding-bottom:10px;font:500 clamp(15px,1.6vw,24px) var(--heading);overflow-wrap:anywhere}.contact-social{display:flex;gap:30px;font:600 10px var(--meta);letter-spacing:.14em}.contact-social a:hover{color:#6f9479}.contact-right{padding-top:10px}.contact-form-title{display:flex;justify-content:space-between;gap:24px;padding-bottom:35px;border-bottom:1px solid #bbc9bc;color:#6e8273}.inquiry-form{display:flex;flex-direction:column}.inquiry-form label{font:600 10px var(--meta);letter-spacing:.14em;text-transform:uppercase;margin-top:30px;color:#5c7062}.inquiry-form label span{color:#8c5348}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{background:none;border:0;border-bottom:1px solid #b8c7ba;padding:16px 0;color:var(--ink);border-radius:0;outline:0;width:100%;resize:vertical}.inquiry-form :is(input,select,textarea):focus{border-color:#3d5f48;box-shadow:0 2px 0 #3d5f48}.inquiry-form ::placeholder{color:#9aa99d}.submit-btn{width:100%;margin-top:35px}.form-note{font-size:12px;line-height:1.6;color:#758b79;margin:20px 0 0}.form-status{font-size:13px;color:#9d4b3c}.contact-hero .page-title em{color:#789584}
/* FOOTER */
.site-footer{background:var(--ink-deep);color:#eaf0e5;padding:clamp(70px,8vw,120px) var(--gutter) 34px}.footer-top{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:end;border-bottom:1px solid rgba(255,255,255,.24);padding-bottom:100px}.footer-top .micro{color:#a3baaa}.footer-headline{font:400 clamp(62px,7.3vw,120px)/1.2 var(--heading);letter-spacing:-.07em;display:block;margin-top:32px}.footer-headline em{color:#bacdbd}.footer-headline>span{font:300 45px var(--body);margin-left:20px}.footer-top p{max-width:300px;color:#afc3b6;font-size:16px;line-height:1.9}.footer-bottom{padding-top:28px;display:flex;align-items:center;justify-content:space-between;gap:25px;font:500 10px var(--meta);letter-spacing:.13em}.footer-sign{font-weight:700}.footer-links{display:flex;gap:25px}.footer-links a:hover{color:#d4c89d}.footer-bottom>span{opacity:.65}
@media(min-width:1600px){.section-pad,.site-footer{padding-left:max(var(--gutter),calc((100vw - 1600px)/2));padding-right:max(var(--gutter),calc((100vw - 1600px)/2))}.hero-copy{padding-left:max(var(--gutter),calc((100vw - 1600px)/2))}}
@media(max-width:1180px){.brand{min-width:185px}.desktop-nav{gap:18px}.brand-name{font-size:15px}.brand-caption{font-size:7px}.hero{grid-template-columns:56% 44%}.hero-title{font-size:clamp(60px,7vw,105px)}.hero-actions{gap:20px}.hero-visual{margin-left:-24px}.manifesto-content .tiny-star{display:none}.hero-visual-label{left:-9%}}
@media(max-width:900px){:root{--header-height:78px}.site-header{min-height:var(--header-height)}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block}.hero{grid-template-columns:1fr;min-height:900px;height:auto;overflow:hidden;padding-top:78px}.hero-copy{padding:112px var(--gutter) 300px;min-height:850px}.hero-title{font-size:clamp(66px,10vw,114px)}.hero-visual{position:absolute;right:0;bottom:0;top:auto;left:auto;width:50%;height:56%;margin:0 0 -70px 0;opacity:.75}.hero-photo-main{height:95%;width:90%}.hero-photo-secondary{left:-12%;width:49%;height:49%}.hero-bottom{bottom:45px}.hero-index,.hero-visual-label,.circle-outline{display:none}.hero-copy{z-index:3}.hero-sub{position:relative;z-index:3}.page-hero{min-height:610px}.page-hero-tail{align-items:flex-start}.collection-grid,.project-grid{grid-template-columns:repeat(2,1fr)}.collection-grid .collection-card:last-child{grid-column:span 2;max-width:50%}.collection-image{height:420px}.project-overview-grid{gap:50px}.about-strip{min-height:580px}.about-strip-photo{min-height:580px}.expertise-layout{gap:65px}.service-detail{grid-template-columns:42px 1fr;gap:24px}.service-photo{grid-column:2;max-height:540px}.about-hero{grid-template-columns:52% 48%;min-height:720px}.about-hero-copy h1{font-size:clamp(48px,6vw,75px)}.about-hero-copy p{font-size:16px}.contact-hero{gap:50px}.footer-top{grid-template-columns:1fr}.footer-top p{margin:0}.footer-top{padding-bottom:75px}}
@media(max-width:650px){:root{--gutter:22px;--header-height:68px}body{font-size:15px}.site-header{min-height:68px;padding:0 22px}.brand-name{font-size:14px}.brand-caption{font-size:6.7px}.menu-toggle{width:38px}.hero{min-height:750px;padding-top:68px}.hero-copy{padding:78px 22px 185px;min-height:755px;justify-content:flex-start}.hero-overline{font-size:8px;letter-spacing:.15em;line-height:1.6;margin-bottom:44px}.micro-line{width:24px}.hero-title{font-size:clamp(61px,12.5vw,90px)}.hero-sub{margin:32px 0 25px;font-size:14px;line-height:1.75;max-width:340px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-actions .btn{min-height:50px;padding:15px 17px;font-size:10px}.hero-actions .quiet-link{font-size:9px}.hero-visual{height:33%;width:75%;bottom:4%;right:-3%;opacity:.68}.hero-photo-main{height:100%;width:75%;right:0}.hero-photo-secondary{height:73%;width:52%;top:35%;left:-6%;border-width:5px}.hero-bottom{bottom:22px;z-index:4}.hero-bottom .micro{font-size:8px}.hero-bottom span:last-child{display:none}.section-pad{padding:75px 22px}.section-label{font-size:9px;letter-spacing:.15em;gap:10px}.display-title{font-size:clamp(41px,10.4vw,65px);line-height:1.2}.manifesto-content{margin-top:55px}.manifesto-bottom{margin:40px 0 0;display:block}.manifesto-bottom p{font-size:15px;line-height:1.9}.manifesto-bottom .underlined-link{margin-top:28px}.work-intro{padding-bottom:55px}.section-heading-split{display:block;margin-top:45px}.section-heading-split p{margin-top:30px;max-width:100%;font-size:15px}.stack-stage{padding:0 12px 70px}.stack-card{height:66svh;min-height:460px;top:76px;margin-bottom:70px}.stack-content{padding:20px}.stack-top .micro{font-size:7px;letter-spacing:.13em}.stack-top .micro:last-child{display:none}.stack-bottom{gap:10px}.stack-bottom h3{font-size:clamp(39px,9vw,63px);line-height:1.12}.stack-bottom p{font-size:13px;line-height:1.6}.round-arrow{flex-basis:56px;height:56px;font-size:29px}.see-all{padding:22px 22px 75px;display:block}.see-all>span{display:block;font-size:24px;margin-bottom:19px}.expertise-layout{display:block;margin-top:40px}.expertise-layout h2{margin-bottom:25px}.expertise-layout .services-list{margin-top:55px}.services-list a{padding:23px 0;grid-template-columns:32px 1fr 18px}.services-list strong{font-size:20px}.about-strip{grid-template-columns:1fr}.about-strip-photo{height:410px;min-height:0}.about-strip-copy{padding:75px 22px 80px}.about-strip-copy h2{margin:35px 0 15px}.signature-section{padding-top:80px;padding-bottom:95px}.signature-section p{font-size:clamp(38px,9vw,58px);margin:40px auto 25px}.page-hero{padding:150px 22px 72px;min-height:600px}.page-hero:before{right:-30px;top:145px}.page-title{font-size:clamp(59px,13vw,94px);line-height:1.12;margin:29px 0}.page-hero-tail{display:block}.page-hero-tail p{font-size:15px;line-height:1.8}.page-hero-tail .count-note{display:block;margin-top:33px;font-size:9px}.hero-sidenote{display:none}.collections-band{padding-top:74px}.collection-grid{display:block;margin-top:40px}.collection-card,.collection-grid .collection-card:last-child{max-width:100%;margin-bottom:38px}.collection-image{height:430px}.collection-foot h2{font-size:29px}.all-work{padding-top:75px}.all-work-heading{display:block;margin:43px 0 35px}.all-work-heading p{margin:15px 0 0}.filterbar{gap:8px;margin-bottom:35px}.filter-btn{padding:11px 12px;font-size:10px;min-height:44px}.filter-btn span{margin-left:9px}.project-grid{grid-template-columns:1fr;row-gap:35px}.tile-image{height:480px}.tile-explore{transform:none;opacity:1;width:40px;height:40px}.tile-meta h3{font-size:28px}.category-hero{min-height:670px;height:83svh}.category-hero-content{padding:155px 22px 52px}.category-hero-content .page-title{font-size:clamp(54px,12vw,85px)}.category-hero-content p{font-size:15px}.category-list{padding-top:80px}.project-hero{min-height:690px;height:90svh}.project-hero-inner{padding:120px 22px 35px}.project-hero h1{font-size:clamp(58px,12vw,95px);margin:22px 0 30px}.project-hero-base p{font-size:15px}.project-hero-base .micro{display:none}.project-overview-grid{grid-template-columns:1fr;gap:40px;margin-top:48px}.concept-text{font-size:18px}.project-gallery{padding:0 12px 75px}.gallery-label{margin-left:10px}.project-photo-grid{gap:10px;grid-template-columns:1fr}.gallery-photo,.gallery-photo-0,.gallery-photo-5{grid-column:auto;height:360px}.gallery-photo:nth-child(3n+1){height:430px}.next-project{grid-template-columns:1fr;gap:35px}.next-project h2{font-size:50px;margin-bottom:20px}.next-image{height:310px}.service-detail{grid-template-columns:1fr;gap:20px}.service-num{font-size:25px}.service-info h2{font-size:clamp(43px,10vw,62px)}.service-photo{grid-column:auto;height:460px}.collab-callout h2{font-size:clamp(46px,10vw,68px)}.collab-cards{grid-template-columns:1fr;gap:34px}.about-hero{grid-template-columns:1fr;padding-top:68px}.about-hero-copy{padding:90px 22px 65px}.about-hero-copy h1{font-size:clamp(49px,11vw,76px)}.about-hero-image{height:570px}.about-editorial-grid{display:block;margin-top:45px}.about-editorial-grid>div{margin-top:36px}.about-editorial-grid p{font-size:16px}.value-grid{grid-template-columns:1fr;gap:25px;margin-top:45px}.value-grid h3{font-size:36px;margin:18px 0 8px}.contact-hero{grid-template-columns:1fr;padding:150px 22px 80px;gap:55px}.contact-left h1{font-size:clamp(49px,11vw,78px);margin:36px 0 22px}.contact-left p{font-size:15px}.contact-right{padding-top:0}.contact-direct{font-size:21px}.contact-social{gap:24px}.site-footer{padding:75px 22px 28px}.footer-top{gap:25px;padding-bottom:70px}.footer-headline{font-size:clamp(52px,11vw,75px)}.footer-headline>span{font-size:30px}.footer-top p{font-size:14px}.footer-bottom{flex-wrap:wrap;line-height:2;gap:18px}.footer-links{gap:16px;flex-wrap:wrap}.footer-bottom>span{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .reveal:not(.is-visible){opacity:1;transform:none}.stack-card{position:relative;top:0}}


/* Portfolio refinement — approved art direction, 27 Oct 2026. */
:root{--ink:#263b49;--ink-deep:#213b4d;--bone:#f9fbfc;--ivory:#ecf4f7;--sage:#c4dce5;--sage-dark:#617f91;--brass:#eacdd0;--plum:#b69ba3;--line:#d5e1e8;--muted:#677f8e}
::selection{background:#eacdd0;color:#263b49}:focus-visible{outline-color:#c9b1b5}.scroll-progress{background:#eacdd0}
.brand{flex-direction:row;align-items:center;gap:11px;min-width:248px}.brand-monogram{width:37px;height:35px;object-fit:contain;flex-shrink:0}.brand-words{display:flex;flex-direction:column}.brand-name{font:400 18px/1.1 'Outfit',sans-serif;letter-spacing:.14em;white-space:nowrap}.brand-stroke{font-weight:400;letter-spacing:.14em}.brand-caption{font-size:7px;letter-spacing:.12em;margin-top:7px}.site-header.is-sticky .brand-monogram{filter:none}
.page-home .site-header{color:var(--ink);border-color:rgba(38,59,73,.13)}.page-home .site-header.is-sticky{background:rgba(249,251,252,.96);color:var(--ink);border-color:rgba(38,59,73,.12)}.page-home .header-cta{border-color:rgba(38,59,73,.38)}.page-home .header-cta:hover{background:var(--ink);color:#fff}
.page-home .hero{background:linear-gradient(122deg,#f8fbfd 0%,#edf6f9 70%,#e4f1f6 100%);color:var(--ink)}.page-home .hero-grain{opacity:.08;background-image:radial-gradient(#7597a7 .5px,transparent .5px)}.page-home .hero-overline{color:#5e8395}.page-home .hero-title{color:#253f50}.page-home .hero-title em{color:#7198a8}.page-home .hero-title .period{color:#eacdd0}.page-home .hero-sub{color:#5b7180}.page-home .hero-actions .btn-light{background:#27475a;color:#fff}.page-home .hero-actions .btn-light:hover{background:#eacdd0;color:#27475a}.page-home .hero-actions .quiet-link{color:#426278;border-color:#a7c3d0}.page-home .hero-bottom{color:#6e8da1}.page-home .scroll-line{background:#d7a2ac}.page-home .hero-photo-secondary{border-color:#f3f9fb}.page-home .hero-photo{box-shadow:0 18px 55px rgba(38,73,93,.16)}.page-home .hero-index{color:#638095}.page-home .hero-title-wrap{position:relative}
.page-home .about-strip{background:#e2f0f5}.page-home .about-strip-copy p{color:#4f6d7c;max-width:570px}.page-home .manifesto{background:#fbfcfd;text-align:center}.page-home .manifesto .section-label{justify-content:center}.page-home .manifesto-content{max-width:1120px;margin:64px auto 0}.page-home .manifesto h2{font-size:clamp(45px,6.3vw,94px);line-height:1.21;letter-spacing:-.05em}.page-home .manifesto h2 em{color:#799daf}.page-home .manifesto{padding-top:clamp(110px,12vw,170px);padding-bottom:clamp(110px,12vw,170px)}
.page-home .work-intro{background:#eef6f9;padding-bottom:64px}.page-home .section-heading-split p{color:#637f8e}.page-home .stack-stage{background:#eef6f9;padding-bottom:70px}.page-home .stack-card{height:min(640px,73vh);background:#23465b}.page-home .stack-bottom{align-items:flex-end}.page-home .stack-bottom h3{margin-bottom:0}.page-home .stack-bottom .round-arrow:hover{background:#eacdd0}.page-home .see-all{background:#eef6f9;padding-bottom:96px}.page-home .see-all>span{font:italic 26px var(--heading);color:#486d83}.page-home .expertise-preview{background:#fbfcfd}.page-home .expertise-layout p{color:#567384}.page-home .services-list a:hover{color:#a7788b}.page-home .services-list span:first-child{color:#9d7489}.page-home .footer-top p{color:#d1e4ed}.page-home .footer-headline em{color:#eacdd0}.page-home .footer-top .micro{color:#eacdd0}
.footer-sign{font-family:'Outfit',sans-serif;letter-spacing:.17em;font-weight:400}
@media(max-width:1180px){.brand{min-width:200px}.brand-name{font-size:15px}}
@media(max-width:900px){.brand{min-width:0}.brand-monogram{width:33px;height:32px}.brand-name{font-size:14px}.brand-caption{font-size:6px}}
@media(max-width:650px){.brand{gap:7px}.brand-monogram{width:29px;height:28px}.brand-name{font-size:12px;letter-spacing:.11em}.brand-stroke{letter-spacing:.11em}.brand-caption{font-size:5.5px;letter-spacing:.08em}.page-home .hero{min-height:760px}.page-home .hero-copy{min-height:755px}.page-home .hero-photo-secondary{border-width:4px}.page-home .manifesto-content{margin-top:42px}.page-home .manifesto h2{font-size:clamp(42px,10.4vw,62px)}.page-home .stack-card{height:62svh;min-height:440px}.page-home .see-all{padding-bottom:78px}.page-home .see-all>span{font-size:23px}}

/* October 27 refinements: clearer personal introduction and more visible pink accents */
.hero-index{display:none!important}
.page-home .intro-paragraph{max-width:590px}
.page-home .intro-hello{display:block;margin-bottom:22px;font-family:var(--heading);font-size:clamp(32px,3.5vw,48px);font-weight:400;letter-spacing:-.03em;line-height:1.15;color:#294a5e}
.page-home .intro-description{display:block}
.page-home .about-strip-copy{position:relative}
.page-home .about-strip-copy:before{display:none}
.page-home .manifesto{background:#fbfcfd}
.page-home .manifesto .section-label{color:#7b6872}
.page-home .manifesto h2 em{color:#688fa4}
.page-home .work-intro .section-label .num,.page-home .expertise-preview .section-label .num{color:#b49a9f}
.page-home .expertise-preview{background:#fbfcfd}
.page-home .services-list a:hover{background:#f8f0f0;color:#284b5e}
.page-home .stack-stage{border-top:0}
.page-home .hero .period{color:#eacdd0}
.page-home .hero-actions .quiet-link:hover{color:#ab8c93;border-color:#eacdd0}
.page-home .see-all .underlined-link:hover{color:#ab8c93}
/* Mobile layout: content must stay in the viewport; photography stacks beneath the text. */
html,body{max-width:100%;overflow-x:clip}
@media(max-width:650px){
  .page-home .site-header{position:relative!important;top:auto;left:auto;right:auto;min-height:78px;padding:13px 20px;background:#f8fbfd}
  .page-home .site-header.is-sticky{position:fixed!important;top:0;left:0;right:0;background:rgba(248,251,253,.97)}
  .page-home .hero{display:flex;flex-direction:column;min-height:0;height:auto;padding-top:0;overflow:hidden}
  .page-home .hero-copy{order:0;min-height:0;padding:49px 22px 32px;display:block;max-width:none}
  .page-home .hero-overline{margin-bottom:28px;font-size:8px}
  .page-home .hero-title{font-size:clamp(49px,11vw,76px);line-height:1.12;letter-spacing:-.06em;overflow-wrap:normal}
  .page-home .hero-sub{max-width:100%;margin:24px 0 26px;font-size:15px;line-height:1.75}
  .page-home .hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:21px}
  .page-home .hero-actions .btn{padding:14px 18px;min-width:0;max-width:100%}
  .page-home .hero-visual{position:relative;order:1;right:auto;bottom:auto;top:auto;left:auto;width:100%;height:clamp(270px,78vw,430px);margin:0;opacity:1}
  .page-home .hero-photo-main{top:0;right:0;left:auto;width:75%;height:100%}
  .page-home .hero-photo-secondary{top:21%;left:2%;width:39%;height:70%;border-width:5px}
  .page-home .hero-bottom{position:relative;bottom:auto;left:auto;order:2;padding:20px 22px 28px;color:#658597}
  .page-home .hero-bottom .scroll-line{width:50px}
  .page-home .hero-title-wrap,.page-home .hero-copy,.page-home .hero-visual{max-width:100%}
  .page-home .about-strip-copy{padding-top:55px}
  .page-home .intro-hello{font-size:36px;margin-bottom:17px}
  .page-home .manifesto{padding-top:92px;padding-bottom:92px}
  .page-home .manifesto h2{font-size:clamp(40px,10vw,59px)}
  .page-home .stack-card{width:100%;top:85px}
}
@media(max-width:380px){.page-home .hero-title{font-size:46px}.page-home .brand-name{font-size:11px}}

/* Pink is reserved for small details only; no pink bands or large backgrounds. */
.page-home .scroll-progress{background:var(--sage-dark)}


/* Portfolio V5: universal readable header and consistent first-title pink dot. */
.site-header,.page-home .site-header,.header-always-light{background:rgba(249,251,252,.97)!important;color:#263b49!important;border-bottom:1px solid rgba(38,59,73,.16)!important;backdrop-filter:blur(15px)}
.site-header .nav-link,.site-header .brand,.site-header .brand-caption,.site-header .header-cta,.site-header .menu-toggle{color:#263b49!important}
.site-header .header-cta{border-color:rgba(38,59,73,.35)!important}
.site-header .menu-toggle span{background:#263b49!important}
.hero-dot,.pink-word{color:#eacdd0!important}
.hero-dot{font-style:normal!important}
.page-about .about-hero .page-title{max-width:100%}
.page-about .about-hero-copy{justify-content:center}
.page-about .about-hero-copy .page-title{font-size:clamp(46px,6vw,95px)}
.page-work .work-hero .hero-sidenote,.page-work .work-hero .count-note{display:none!important}
.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}
.collection-card,.project-tile{min-width:0}
.collection-image{overflow:hidden}
.tile-pending{display:flex;align-items:center;justify-content:center;background:#e8f2f6}
.asset-pending{padding:35px;text-align:center;color:#527287;font:500 14px/1.7 'DM Sans',sans-serif;letter-spacing:.04em}
.new-project-hero{min-height:65vh}
.new-project-hero .coming-note{max-width:530px;margin:36px 0;color:#587587}
.expertise-hero .page-title{max-width:1100px}
.service-detail .service-info h2{font-size:clamp(32px,3vw,52px);line-height:1.17}
.contact-intro-simple{padding:clamp(160px,15vw,230px) var(--gutter) 120px;min-height:65svh;background:#e5edf1}
.contact-intro-simple .page-title{max-width:950px}
.contact-intro-simple p{max-width:630px;margin-top:35px;font-size:clamp(17px,2vw,21px);line-height:1.7;color:#5f7785}
@media(max-width:900px){.collection-grid{gap:22px}.service-detail{grid-template-columns:40px minmax(0,1fr)}.service-detail .service-photo{grid-column:2}}
@media(max-width:650px){.collection-grid{grid-template-columns:1fr}.page-about .about-hero-copy .page-title{font-size:clamp(42px,10vw,63px)}.contact-intro-simple{padding:125px 22px 70px;min-height:0}.contact-intro-simple .page-title{font-size:clamp(45px,11vw,74px)}.service-detail{display:flex;flex-direction:column;align-items:stretch}.service-detail .service-num{font-size:12px}.service-detail .service-photo{width:100%}}

/* V6: remove empty decorative rings; favor typography instead of decorative filler. */
.page-hero::before{content:none!important;display:none!important}
.page-work .work-hero,.page-expertise .expertise-hero{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.page-work .work-hero .page-title,.page-expertise .expertise-hero .page-title{margin-left:auto;margin-right:auto}
.page-work .work-hero .page-hero-tail{justify-content:center;width:100%;text-align:center}
.page-work .work-hero .page-hero-tail p{margin:auto;max-width:720px}
.page-home .expertise-preview .services-list a{grid-template-columns:38px minmax(0,1fr) 20px}
@media(max-width:650px){.page-work .work-hero,.page-expertise .expertise-hero{padding-left:22px;padding-right:22px}.page-home .expertise-preview .services-list a{grid-template-columns:30px minmax(0,1fr) 18px}}

/* About hero v8: keep the full word mindset on a single line. */
.page-about .about-hero-copy .page-title .about-mindset-line {display:block;white-space:nowrap; font-size:.69em;letter-spacing:-.045em;}
.page-about .about-hero-image img {object-position:center 22%;filter:none;}
@media(max-width:1100px){.page-about .about-hero-copy .page-title .about-mindset-line{font-size:.65em;}}
@media(max-width:650px){.page-about .about-hero-copy .page-title .about-mindset-line{font-size:clamp(30px,7.5vw,46px);letter-spacing:-.045em;} }

/* About hero v9: gentle left-to-right ice-blue gradient to give the blush “set” more presence. */
.page-about .about-hero-copy {background:linear-gradient(90deg,#e3e9e0 0%,#d6e3e8 53%,#a6bfce 100%);}
@media(max-width:650px){.page-about .about-hero-copy {background:linear-gradient(90deg,#e3e9e0 0%,#d6e3e8 55%,#b3cbd8 100%);}}

/* About v10: continuous soft blue background across title and portrait, no hard seam. */
.page-about .about-hero {
  background:linear-gradient(90deg,#e3e9e0 0%,#dce7e9 43%,#c7dce4 70%,#c4dae4 100%);
}
.page-about .about-hero-copy {background:transparent!important;}
.page-about .about-hero-image {background:transparent;isolation:auto;}
.page-about .about-hero-image img {
  mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.68) 12%,#000 24%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.68) 12%,#000 24%);
}
.page-about .about-hero .pink-highlight {
  color:#263f50!important;
  background:#eacdd0;
  padding:0 .055em .005em;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}
.page-about .about-hero .pink-highlight .hero-dot {color:inherit!important;}
@media(max-width:650px) {
  .page-about .about-hero {background:linear-gradient(135deg,#e3e9e0 0%,#d7e5e9 58%,#c5dae4 100%);}
  .page-about .about-hero-image img {-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 16%);mask-image:linear-gradient(180deg,transparent 0%,#000 16%);}
}
/* About v11: both headline lines exactly the same size, preserving unbroken "mindset". */
.page-about .about-hero-copy .page-title {
  font-size:clamp(35px,4.35vw,69px);
  letter-spacing:-.052em;
  max-width:none;
  width:100%;
}
.page-about .about-hero-copy .page-title .about-mindset-line {
  font-size:1em!important;
  letter-spacing:inherit;
  white-space:nowrap;
}
.page-about .about-hero-copy{padding-right:2vw;}
@media(max-width:900px) {
  .page-about .about-hero-copy .page-title {font-size:clamp(30px,4.3vw,48px);}
}
@media(max-width:650px) {
  .page-about .about-hero-copy .page-title {font-size:clamp(25px,7.2vw,41px);}
  .page-about .about-hero-copy {padding-right:22px;}
}
/* About v12: fuller headline; protect 'mind' from the blush highlight. */
.page-about .about-hero-copy .page-title {font-size:clamp(39px,5vw,77px);}
.page-about .about-hero .pink-highlight {
  display:inline-block;
  margin-left:.13em;
  padding-left:.085em;
  padding-right:.055em;
  vertical-align:baseline;
}
@media(max-width:1100px){
  .page-about .about-hero-copy .page-title {font-size:clamp(34px,4.6vw,58px);}
}
@media(max-width:650px){
  .page-about .about-hero-copy .page-title {font-size:clamp(28px,7.5vw,43px);}
  .page-about .about-hero .pink-highlight {margin-left:.10em;padding-left:.06em;}
}

/* About v13: return to the original uniform pale blue-sage background. */
.page-about .about-hero {background:#e3e9e0!important;}
.page-about .about-hero-copy {background:transparent!important;}

/* Home hero: single full-quality editorial photo provided by Jinane, 28 Oct 2026 */
.page-home .hero-visual{margin:0;min-width:0;overflow:hidden;}
.page-home .hero-photo-main{inset:0;top:0;left:0;right:0;width:100%;height:100%;border:0;box-shadow:none;}
.page-home .hero-photo-main img{width:100%;height:100%;object-fit:cover;object-position:center 47%;}
@media(max-width:900px){.page-home .hero-visual{width:100%;}}
@media(max-width:650px){.page-home .hero-visual{height:clamp(380px,110vw,650px);margin:0;} .page-home .hero-photo-main{inset:0;width:100%;height:100%;} .page-home .hero-photo-main img{object-position:center 48%;}}

/* Home hero v16 — preserve full portrait without cropping on all screens. */
.page-home .hero-visual{display:flex;align-items:center;justify-content:center;padding:clamp(18px,2.4vw,40px);overflow:visible;}
.page-home .hero-photo-main{position:relative;inset:auto;width:auto;height:min(75vh,690px);max-width:100%;aspect-ratio:1023/1536;overflow:visible;flex:none;box-shadow:none;}
.page-home .hero-photo-main img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:none;}
@media(max-width:900px){.page-home .hero-visual{height:auto;padding:20px 24px 34px}.page-home .hero-photo-main{width:min(100%,380px);height:auto;max-height:none;aspect-ratio:1023/1536}.page-home .hero-photo-main img{height:auto;aspect-ratio:1023/1536;object-fit:contain}}
@media(max-width:650px){.page-home .hero-visual{height:auto;margin:0;padding:10px 24px 34px}.page-home .hero-photo-main{width:min(100%,380px);height:auto;max-height:none;aspect-ratio:1023/1536}.page-home .hero-photo-main img{height:auto;object-fit:contain;object-position:center}}

/* v17: one new editorial photo, initial immersive filled-frame composition with centrally balanced crop. */
.page-home .hero-visual{position:relative;display:block;overflow:hidden;padding:0;margin:0;min-width:0}
.page-home .hero-photo-main{position:absolute;inset:0;top:0;left:0;right:0;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;box-shadow:none;overflow:hidden}
.page-home .hero-photo-main img{display:block;width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:cover;object-position:50% 50%;transition:none}
@media(max-width:900px){.page-home .hero-visual{position:relative;width:100%;height:clamp(350px,66vw,600px);margin:0;padding:0}.page-home .hero-photo-main{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}.page-home .hero-photo-main img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 50%}}
@media(max-width:650px){.page-home .hero-visual{height:clamp(340px,105vw,540px);margin:0;padding:0}.page-home .hero-photo-main{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}.page-home .hero-photo-main img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 50%}}

/* Home hero v18: only the primary photo; same size and placement as v17 */
.page-home .hero-photo-secondary,.page-home .hero-visual-label,.page-home .hero-visual .circle-outline,.page-home .hero-visual .hero-index{display:none!important;}

/* v19: restore the original smaller image footprint; remove overlay without enlarging image. */
.page-home .hero-visual{display:flex;align-items:center;justify-content:center;overflow:hidden;}
.page-home .hero-photo-main{position:relative!important;inset:auto!important;width:78%!important;height:81%!important;max-width:78%!important;max-height:81%!important;flex:none;aspect-ratio:auto!important;}
.page-home .hero-photo-main img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 50%!important;}
@media(max-width:900px){.page-home .hero-photo-main{width:78%!important;max-width:78%!important;height:84%!important;max-height:84%!important;}}
@media(max-width:650px){.page-home .hero-photo-main{width:86%!important;max-width:86%!important;height:88%!important;max-height:88%!important;}}

/* Jayce's Baptism: original aspect ratios, no forced crop in case-study gallery */
.page-jayce .project-photo-grid{align-items:start;}
.page-jayce .gallery-photo{height:auto;grid-column:span 6;background:transparent;overflow:hidden;}
.page-jayce .gallery-photo img{display:block;width:100%;height:auto;object-fit:contain;}
.page-jayce .jayce-photo-1,.page-jayce .jayce-photo-4{grid-column:span 12;}
.page-jayce .jayce-photo-7{grid-column:4 / span 6;}
@media(max-width:650px){.page-jayce .project-photo-grid{grid-template-columns:1fr}.page-jayce .gallery-photo,.page-jayce .jayce-photo-1,.page-jayce .jayce-photo-4,.page-jayce .jayce-photo-7{grid-column:1;height:auto}.page-jayce .gallery-photo img{height:auto;}}

/* Jayce Baptism: cake and cake pops paired as two balanced vertical images */
.page-jayce .jayce-photo-7,.page-jayce .jayce-photo-8{grid-column:span 6;}
@media(max-width:650px){.page-jayce .jayce-photo-8{grid-column:1;}}


/* V26: centered editorial closing statement on all pages */
.site-footer .footer-top{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;text-align:center;padding-bottom:clamp(70px,8vw,108px)}
.site-footer .footer-top .micro{color:#eacdd0;letter-spacing:.2em}
.site-footer .footer-statement{max-width:1100px;margin:0;color:#eaf0e5;font:400 clamp(38px,5.7vw,82px)/1.2 var(--heading);letter-spacing:-.035em}
.site-footer .footer-statement span{display:block;font-style:italic;color:#eacdd0;margin-top:8px}
/* Contact: visible, clickable details directly with headline */
.page-contact .contact-intro-simple{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.75fr);column-gap:clamp(35px,6vw,110px);align-content:center;align-items:center}
.page-contact .contact-intro-simple .section-label{grid-column:1/-1;align-self:start}
.page-contact .contact-intro-simple .page-title{grid-column:1;grid-row:2;margin-bottom:0}
.page-contact .contact-details{grid-column:2;grid-row:2;display:grid;gap:0;min-width:0}
.contact-detail{display:flex;flex-direction:column;gap:6px;padding:16px 0;border-bottom:1px solid rgba(38,59,73,.22);transition:color .2s}
.contact-detail:hover{color:#ab8c93}
.contact-detail-label{font:600 10px/1.4 var(--meta);letter-spacing:.17em;color:#718695}
.contact-detail-value{font:400 clamp(16px,1.8vw,22px)/1.35 var(--body);overflow-wrap:anywhere}
.page-contact .footer-bottom{justify-content:space-between}
@media(max-width:850px){.page-contact .contact-intro-simple{display:flex;flex-direction:column;align-items:stretch}.page-contact .contact-intro-simple .page-title{margin:30px 0 25px}.page-contact .contact-details{width:100%;max-width:600px}}
@media(max-width:650px){.site-footer .footer-top{gap:19px;padding-bottom:65px}.site-footer .footer-statement{font-size:clamp(36px,9.8vw,52px)}.page-contact .contact-intro-simple{padding-bottom:75px}.contact-detail-value{font-size:17px}}

/* V28: original Let's make it happen banner only on non-Contact pages */
.site-footer.footer-classic .footer-top{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0;padding-bottom:clamp(72px,8vw,112px)}
.site-footer.footer-classic .footer-top .micro{display:block;font-size:clamp(11px,1vw,14px);letter-spacing:.18em;color:#eacdd0;font-weight:600}
.site-footer.footer-classic .footer-headline{font-size:clamp(53px,7.3vw,118px);line-height:1.16;margin-top:34px;letter-spacing:-.065em;white-space:normal}
.site-footer.footer-classic .footer-headline em{color:#bacdbd}
@media(max-width:650px){.site-footer.footer-classic .footer-headline{font-size:clamp(42px,9vw,64px)}.site-footer.footer-classic .footer-headline>span{font-size:24px;margin-left:8px}}

/* V29: Contact eyebrow same size as classic footer eyebrow */
.page-contact .site-footer .footer-top .micro{font-size:clamp(11px,1vw,14px);font-weight:600;letter-spacing:.18em}

/* Home hero v31: two-line headline and separated actions/scroll hint. */
.page-home .hero-title .hero-first-line{white-space:nowrap;display:inline-block;}
.page-home .hero-copy{min-width:0;}
.page-home .hero-actions{margin-top:clamp(28px,3.5vw,48px);}
.page-home .hero-bottom{position:relative;left:auto;bottom:auto;margin-top:clamp(44px,5vw,78px);gap:16px;flex-wrap:wrap;}
@media(max-width:900px){
  .page-home .hero-copy{padding-bottom:46px;}
  .page-home .hero-title{font-size:clamp(46px,7.5vw,86px);}
  .page-home .hero-bottom{margin-top:42px;}
}
@media(max-width:650px){
  .page-home .hero-copy{padding:50px 22px 38px;}
  .page-home .hero-title{font-size:clamp(38px,9.7vw,64px);line-height:1.12;letter-spacing:-.055em;}
  .page-home .hero-actions{margin-top:30px;gap:16px;}
  .page-home .hero-bottom{padding:0;margin-top:36px;display:flex;align-items:center;}
}
@media(max-width:380px){.page-home .hero-title{font-size:clamp(35px,9.4vw,43px);}}

/* Work Selected Work hero only — miniature clear blue floral Toile de Jouy; never alter the remaining site. */
.page-work .work-hero { isolation:isolate;overflow:hidden;background:#f3f8fb; }
.page-work .work-hero::after { content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background-image:linear-gradient(90deg,rgba(243,248,251,.33) 0%,rgba(243,248,251,.64) 32%,rgba(243,248,251,.80) 50%,rgba(243,248,251,.64) 68%,rgba(243,248,251,.33) 100%),url("assets/work-toile-floral.webp");
 background-size:cover, 100% 100%;background-repeat:no-repeat,no-repeat;background-position:center,center;opacity:.96;
}
.page-work .work-hero > * { position:relative;z-index:1; }
@media(max-width:650px){.page-work .work-hero::after {background-size:cover,100% 100%;opacity:.83;background-position:center,center;}}

/* V58: compact blue footer banners; footer links removed from HTML */
.site-footer {
  padding-top: clamp(38px, calc(8vw - 38px), 82px);
  padding-bottom: clamp(38px, calc(8vw - 38px), 82px);
}
.site-footer .footer-top,
.site-footer.footer-classic .footer-top {
  padding-bottom: 0;
  border-bottom: none;
}
.site-footer .footer-bottom { display: none; }

/* V59: editorial Philosophy quote and handwritten Jinane signature on Home only */
.page-home #philosophy .philosophy-quote-mark {
  display: inline;
  font-family: var(--heading);
  font-size: .72em;
  font-weight: 400;
  color: #7c9aaa;
  font-style: normal;
  letter-spacing: -.015em;
}
.page-home #philosophy .philosophy-quote-mark:first-child {
  margin-right: .12em;
}
.page-home #philosophy .philosophy-quote-mark:last-child {
  margin-left: .10em;
}
.page-home #philosophy .philosophy-signature {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  max-width: 1120px;
  margin-top: clamp(19px,3vw,42px);
  padding-right: clamp(16px,6vw,95px);
}
.page-home #philosophy .philosophy-signature-name {
  position: relative;
  display: inline-block;
  width: max-content;
  font: 400 clamp(62px,6.1vw,91px)/1 "Mrs Saint Delafield","Segoe Script","Brush Script MT",cursive;
  letter-spacing: -.01em;
  color: #678596;
  transform: rotate(-7deg);
  padding-right: 27px;
  padding-bottom: 8px;
}
.page-home #philosophy .philosophy-signature-name::after {
  content: "";
  display: block;
  position: absolute;
  left: 35%;
  right: 2%;
  bottom: 18px;
  height: 1px;
  border-radius: 50%;
  background: #678596;
  transform: rotate(2deg);
  opacity: .8;
}
@media (max-width: 650px) {
  .page-home #philosophy .philosophy-quote-mark { font-size: .67em; }
  .page-home #philosophy .philosophy-signature {
    margin-top: 22px;
    padding-right: 12px;
  }
  .page-home #philosophy .philosophy-signature-name {
    font-size: 67px;
  }
}