@font-face{font-family:'Petri Plate';src:url('../fonts/Petri Plate.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F2EFE9;color:#080706;font-family:'Plus Jakarta Sans',sans-serif;line-height:1.7;letter-spacing:.025em}.site-main{overflow:hidden}.site-header{position:fixed;inset:0 0 auto;z-index:1000;height:82px;padding:0 7%;display:flex;justify-content:space-between;align-items:center;background:rgba(8,7,6,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(197,160,89,.12)}.custom-logo{max-height:34px;width:auto}.brand-text{font-family:'Cormorant Garamond',serif;color:#fff;text-decoration:none;letter-spacing:.45rem;font-size:1.25rem}.petri-brand{font-family:'Petri Plate','Cormorant Garamond',serif!important;font-size:1.55rem;letter-spacing:.08rem;text-transform:none;white-space:nowrap}.site-nav{display:flex;gap:2.2rem;align-items:center}.nav-dropdown{position:relative;display:flex;align-items:center;height:82px}
.nav-dropdown-toggle{font:inherit;font-size:.64rem;letter-spacing:.22rem;text-transform:uppercase;color:#e2dfd8;background:none;border:0;padding:0;cursor:pointer;white-space:nowrap}
.nav-dropdown-toggle span{font-size:.9rem;margin-left:.25rem;display:inline-block;transition:transform .25s ease}
.nav-dropdown:hover .nav-dropdown-toggle span,.nav-dropdown:focus-within .nav-dropdown-toggle span{transform:rotate(180deg)}
.nav-dropdown-menu{position:absolute;top:calc(100% - 8px);left:50%;transform:translate(-50%,-8px);min-width:250px;padding:.55rem;background:rgba(8,7,6,.97);border:1px solid rgba(197,160,89,.18);box-shadow:0 18px 45px rgba(0,0,0,.25);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility .25s ease}
.nav-dropdown-menu a{display:block!important;padding:.8rem .95rem;color:#e2dfd8!important;letter-spacing:.12rem!important;font-size:.57rem!important;line-height:1.5;text-transform:uppercase;white-space:normal}
.nav-dropdown-menu a:hover{color:#C5A059!important;background:rgba(197,160,89,.07)}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.site-nav ul{display:flex;gap:2.2rem;list-style:none;margin:0;padding:0}.site-nav a{font-size:.64rem;letter-spacing:.22rem;text-transform:uppercase;color:#e2dfd8;text-decoration:none}.nav-cta{border:1px solid rgba(197,160,89,.3);padding:.7rem 1.4rem}.hero{height:100vh;min-height:720px;position:relative;display:flex;align-items:center;padding:0 7%;color:#fff}.hero-bg,.hero-overlay{position:absolute;inset:0}.hero-bg{overflow:hidden;transition:opacity 1.5s ease;will-change:opacity}.hero-bg-img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.hero-bg-b{opacity:0}.hero-bg-b.is-loaded .hero-bg-img{opacity:1}.hero.swap .hero-bg-b{opacity:1}.hero.swap .hero-bg-a{opacity:0}.hero-overlay{background:linear-gradient(90deg,rgba(8,7,6,.93),rgba(8,7,6,.52) 58%,rgba(8,7,6,.18));z-index:1}.hero-content{position:relative;z-index:2;max-width:830px}.eyebrow{display:block;color:#C5A059;font-size:.65rem;letter-spacing:.5rem;text-transform:uppercase;margin-bottom:1.1rem}.hero h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:300}.hero h1{font-size:clamp(2.8rem,4.8vw,4.8rem);line-height:1.02;margin:0 0 1.5rem}.petri-word{font-family:'Petri Plate','Cormorant Garamond',serif!important;font-weight:400;text-transform:capitalize}.hero p{max-width:560px;color:#cfcac1;font-size:1.05rem;margin:0 0 2.4rem}.btn{display:inline-block;border:1px solid rgba(255,255,255,.5);padding:1rem 2.4rem;color:#fff;text-decoration:none;text-transform:uppercase;font-size:.63rem;letter-spacing:.3rem}.btn.light{border-color:rgba(197,160,89,.5)}.hero-action-group{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}.hero-counters{display:flex;gap:2.4rem;align-items:center;padding:1.1rem 1.8rem;background:rgba(8,7,6,.56);border-left:2px solid #C5A059;backdrop-filter:blur(8px)}.counter-number{font-family:'Cormorant Garamond',serif;font-size:2.4rem;line-height:1;color:#fff}.counter-symbol{font-family:'Cormorant Garamond',serif;font-size:2rem;color:#C5A059}.counter-label{display:block;font-size:.58rem;letter-spacing:.22rem;text-transform:uppercase;color:#ddd;margin-top:.35rem}.counter-divider{height:42px;width:1px;background:rgba(197,160,89,.3)}.section{padding:8rem 7%}.section-heading{max-width:720px;margin-bottom:3.5rem}.section-heading h2,.services h2,.proof-half h2,.contact h2,.featured-cinematics h2{font-size:clamp(3rem,4.5vw,4.6rem);line-height:1.08;margin:0 0 1.2rem}.intro{color:#5c5953;max-width:650px}.moments{background:#F9F8F6}.moment-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.3rem}.moment-grid article{height:420px;position:relative;overflow:hidden}.moment-grid img,.show-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.16,1,.3,1)}.moment-grid article:hover img,.show-grid img:hover{transform:scale(1.05)}.moment-grid span{position:absolute;bottom:1.5rem;left:1.5rem;color:#fff;font-size:.62rem;letter-spacing:.28rem;text-transform:uppercase}.dark{background:#0A0908;color:#FAF8F5}.showcase{display:grid;grid-template-columns:360px 1fr;gap:5rem}.showcase-copy{position:sticky;top:120px;align-self:start}.showcase h2{font-size:clamp(3rem,4.5vw,4.4rem);line-height:1.05;margin:0 0 1.3rem}.showcase p{color:#aaa398;margin-bottom:2rem}.show-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:1.2rem}.show-grid img{height:260px}.show-grid img:nth-child(1),.show-grid img:nth-child(5){height:380px}.services{background:#F2EFE9}.services-layout{display:grid;grid-template-columns:1fr 1.08fr;gap:5rem;align-items:stretch}.services-list h2{font-size:clamp(3rem,4.5vw,4.6rem);line-height:1.08;margin:0 0 2.5rem}.service-item{display:grid;grid-template-columns:55px 1fr;gap:1.1rem;border-top:1px solid rgba(8,7,6,.14);padding:1.35rem 0;cursor:pointer;transition:opacity .35s ease}.service-item:last-child{border-bottom:1px solid rgba(8,7,6,.14)}.service-item small{color:#C5A059;letter-spacing:.2rem;font-size:.62rem;padding-top:.45rem}.service-item h3{font-size:2rem;margin:0 0 .45rem;transition:color .35s ease}.service-item p{color:#666;margin:0;max-width:560px}.service-item:not(.active){opacity:.62}.service-item.active h3{color:#080706}.service-item:hover{opacity:1}.service-image-box{position:relative;min-height:600px;background:#151311;overflow:hidden}.service-image-box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease,transform 1s ease;transform:scale(1.015)}.service-image-box img.active{opacity:1;transform:scale(1)}.service-image-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#C5A059;font-size:.58rem;letter-spacing:.3rem;text-transform:uppercase;z-index:0}.service-image-box:has(img.active) .service-image-placeholder{opacity:0}.proof-stories-section{display:grid;grid-template-columns:1fr 1fr;background:#F9F8F6}.proof-half{min-height:680px;padding:7rem 10%;overflow:hidden}.reviews-panel{border-right:1px solid rgba(8,7,6,.08)}.real-stories-panel{background:#0D0C0B;color:#F9F8F6}.stories-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.stories-kicker{font-size:.58rem;letter-spacing:.35rem;color:#C5A059}.story-controls{display:flex;align-items:center;gap:1rem}.story-controls button{width:40px;height:40px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:50%;cursor:pointer}.story-count{font-size:.6rem;letter-spacing:.2rem;color:#aaa}.real-story-slider{position:relative;height:500px}.real-story-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .7s ease}.real-story-slide.active{opacity:1;pointer-events:auto}.real-story-slide a{display:block;height:100%;position:relative;color:#fff;text-decoration:none;overflow:hidden}.real-story-slide img{width:100%;height:100%;object-fit:cover}.story-overlay{position:absolute;inset:auto 0 0;padding:4rem 2rem 2rem;background:linear-gradient(transparent,rgba(0,0,0,.9))}.story-overlay span{font-size:.58rem;letter-spacing:.3rem;color:#C5A059}.story-overlay h3{font-size:2.6rem;line-height:1.05;margin:.5rem 0}.story-overlay p{font-size:.8rem;color:#ddd}.story-empty{height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;border:1px solid rgba(197,160,89,.2)}.featured-cinematics{padding:9rem 7%;background:#0A0908;color:#F9F8F6}.cinematics-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.5rem}.cinematics-head .section-heading{margin:0}.cinematic-controls{display:flex;align-items:center;gap:1rem}.cinematic-controls button{width:46px;height:46px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:50%;cursor:pointer}.cinematic-controls button:hover{border-color:#C5A059;color:#C5A059}.cinematic-count{font-size:.6rem;letter-spacing:.2rem;color:#aaa}.cinematic-slider{position:relative;width:100%;height:min(72vw,760px);min-height:500px;background:#141312;overflow:hidden}.cinematic-card{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .7s ease}.cinematic-card.active{opacity:1;pointer-events:auto}.cinematic-card video{width:100%;height:100%;object-fit:cover;display:block}.video-sound{position:absolute;right:1.5rem;bottom:1.5rem;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.3);color:#fff;padding:.65rem .9rem;font-size:.55rem;letter-spacing:.15rem;text-transform:uppercase;cursor:pointer;z-index:2}.video-sound:hover{border-color:#C5A059;color:#C5A059}.cinematic-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem;border:1px solid rgba(197,160,89,.2);color:#C5A059;font-size:.65rem;letter-spacing:.2rem}.contact{background:#F2EFE9}.contact-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:6rem;align-items:start;max-width:1400px;margin:0 auto}.contact-copy{padding-top:1rem}.contact-kicker{display:block;color:#C5A059;font-size:.58rem;letter-spacing:.35rem;text-transform:uppercase;margin-bottom:1rem}.contact h2{font-size:clamp(3rem,4.5vw,5rem);margin-bottom:1.4rem}.contact-copy>p{color:#666;max-width:520px}.contact-details{display:flex;flex-direction:column;gap:.45rem;margin-top:2rem;font-size:.72rem;letter-spacing:.08rem;color:#555}.enquiry-form-wrap{background:#F9F8F6;padding:2.5rem;border:1px solid rgba(8,7,6,.08)}.enquiry-form{position:relative}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 1.4rem}.form-grid label{display:flex;flex-direction:column;gap:.45rem;font-size:.58rem;letter-spacing:.18rem;text-transform:uppercase;color:#5c5953}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:0;border-bottom:1px solid rgba(8,7,6,.2);background:transparent;padding:.75rem 0;font:inherit;font-size:.82rem;letter-spacing:.02rem;color:#080706;outline:none;resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-bottom-color:#C5A059}.form-grid textarea{min-height:130px}.contact-submit{margin-top:1.5rem;background:#080706;cursor:pointer}.enquiry-notice{margin-bottom:1.5rem;padding:1rem 1.2rem;font-size:.72rem;border-left:2px solid #C5A059}.enquiry-notice.error{border-left-color:#8a3f35}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.site-footer{background:#080706;color:#777;padding:5rem 7%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem;font-size:.72rem}.site-footer a{display:block;color:#aaa;text-decoration:none;margin-bottom:.8rem}.site-footer .custom-logo{filter:none;margin-bottom:1rem}@media(max-width:900px){
.nav-dropdown{height:82px}
.nav-dropdown-menu{left:auto;right:0;transform:translateY(-8px);min-width:235px}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{transform:translateY(0)}
.nav-dropdown-toggle{font-size:.6rem;letter-spacing:.16rem}
.petri-brand{font-size:1.3rem}
.site-nav ul{display:none}.hero{min-height:650px}.moment-grid{grid-template-columns:repeat(2,1fr)}.showcase,.proof-stories-section,.services-layout{grid-template-columns:1fr}.showcase-copy{position:static}.reviews-panel{border-right:0;border-bottom:1px solid rgba(8,7,6,.08)}.cinematic-slider{min-height:440px;height:70vw}.contact-inner{grid-template-columns:1fr;gap:3rem}.cinematic-slider{min-height:440px;height:70vw}.service-image-box{min-height:440px}.site-footer{grid-template-columns:1fr}.show-grid{grid-template-columns:1fr 1fr}.show-grid img,.show-grid img:nth-child(1),.show-grid img:nth-child(5){height:260px}}@media(max-width:550px){.site-header{padding:0 5%}.section,.featured-cinematics{padding:5rem 5%}.hero{padding:0 5%}.hero-counters{gap:1.2rem;padding:1rem}.counter-number{font-size:2rem}.moment-grid{grid-template-columns:1fr}.moment-grid article{height:380px}.proof-half{padding:5rem 7%;min-height:600px}}

@media(max-width:700px){.cinematics-head{align-items:flex-start;flex-direction:column}.cinematic-controls{align-self:flex-end}.cinematic-slider{min-height:360px;height:64vw}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.enquiry-form-wrap{padding:1.5rem}}

/* ===== v4 Journal + Gallery ===== */
.journal-hero{min-height:560px;margin-top:82px;display:flex;align-items:center;padding:7% ;background:#161411;color:#F9F8F6;position:relative;overflow:hidden}.journal-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,7,6,.88),rgba(8,7,6,.55) 60%,rgba(8,7,6,.2));z-index:1;pointer-events:none}.journal-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.journal-hero-content{position:relative;z-index:2}.journal-hero-content{max-width:800px}.journal-hero h1{font-family:'Petri Plate','Cormorant Garamond',serif;font-size:clamp(4rem,7vw,7rem);font-weight:400;line-height:1;margin:0 0 1.5rem}.journal-hero p{max-width:620px;font-size:1rem;line-height:1.8;color:#ddd8d0}.journal-section{padding:7rem 7%;background:#F9F8F6}.journal-technical{background:#F2EFE9}.journal-heading{text-align:center;max-width:850px;margin:0 auto 3.5rem}.journal-heading h2{font-family:'Cormorant Garamond',serif;font-size:clamp(2.8rem,4.5vw,4.4rem);font-weight:300;line-height:1.05;margin:0 0 1rem}.journal-heading h2 .petri-word{font-style:italic}.journal-heading p{max-width:700px;margin:auto;color:#555;font-size:.92rem}.journal-slider-wrap{position:relative;display:grid;grid-template-columns:54px 1fr 54px;gap:1rem;align-items:center}.journal-card-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}.journal-card{background:#fff;border:1px solid rgba(8,7,6,.06);overflow:hidden}.journal-card a{color:inherit;text-decoration:none}.journal-card>a>img{width:100%;height:245px;object-fit:cover;display:block}.journal-card-body{padding:1.5rem 1.5rem 1.8rem}.journal-card-body span{font-size:.55rem;letter-spacing:.28rem;color:#C5A059;text-transform:uppercase}.journal-card-body h3{font-size:1.65rem;line-height:1.12;font-weight:400;margin:.65rem 0 1.1rem}.journal-card-body p{font-size:.58rem;letter-spacing:.08rem;color:#777}.journal-arrow{width:44px;height:44px;border:1px solid rgba(8,7,6,.2);background:transparent;border-radius:50%;cursor:pointer;font-size:1.1rem}.journal-arrow:hover{border-color:#C5A059;color:#C5A059}.stories-hero{min-height:470px;margin-top:82px;padding:0 7% 5rem;display:flex;align-items:flex-end;background:#161411;color:#fff;position:relative;overflow:hidden}.stories-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,7,6,.8),rgba(8,7,6,.42));z-index:1;pointer-events:none}.stories-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.stories-hero>div{position:relative;z-index:2}.stories-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(4rem,6vw,6rem);font-weight:300;line-height:1;margin:0 0 1rem}.stories-hero p{max-width:620px;color:#ddd;font-size:.95rem}.gallery-page{padding:4rem 7% 7rem;background:#0A0908;color:#FAF8F5}.gallery-filter{display:flex;justify-content:center;gap:2.5rem;margin-bottom:3.5rem}.gallery-filter-btn{border:0;border-bottom:1px solid transparent;background:transparent;color:#8C867B;font-size:.62rem;letter-spacing:.3rem;text-transform:uppercase;padding:.4rem 0;cursor:pointer}.gallery-filter-btn.active,.gallery-filter-btn:hover{color:#C5A059;border-color:#C5A059}.gallery-cluster{margin:0}.gallery-cluster-rule{display:none}.masonry-grid{display:flex;flex-wrap:wrap;align-items:stretch;gap:7px;width:100%;overflow:hidden}.gallery-item{display:block;position:relative;flex:0 0 auto;margin:0;overflow:hidden;background:#141312;line-height:0}.gallery-item img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s ease}.gallery-item:hover img{transform:scale(1.035)}.gallery-item.is-last-row{flex-grow:0}.gallery-cluster + .gallery-cluster{margin-top:7px}.gallery-story-break{margin:1.5rem 0 3.5rem}.gallery-story-break p{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.15rem;text-align:center;color:#cfc9c0;margin:1.5rem auto 2rem}.gallery-video{width:100%;height:360px;background:#000;overflow:hidden}.gallery-video video{width:100%;height:100%;object-fit:cover}.gallery-video-separator{position:relative;width:100%;height:390px;margin:3.5rem 0;background:#050505;overflow:hidden}.gallery-video-separator video{width:100%;height:100%;object-fit:cover;display:block;opacity:.78}.gallery-video-separator:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,7,6,.72),rgba(8,7,6,.1),rgba(8,7,6,.72));pointer-events:none}.gallery-video-mark{position:absolute;z-index:2;right:5%;top:50%;transform:translateY(-50%);font-size:.58rem;letter-spacing:.35rem;color:#fff}.gallery-video-sound{position:absolute;z-index:3;left:5%;bottom:7%;border:1px solid rgba(255,255,255,.45);background:rgba(8,7,6,.55);backdrop-filter:blur(8px);color:#fff;padding:.65rem .9rem;font-size:.55rem;letter-spacing:.18rem;text-transform:uppercase;cursor:pointer}.gallery-video-sound:hover{border-color:#C5A059;color:#C5A059}.gallery-text-separator{display:flex;align-items:center;justify-content:center;gap:1.3rem;padding:3.2rem 5%;color:#cfc9c0}.gallery-text-separator p{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:1.25rem;text-align:center;margin:0;max-width:800px}.separator-line{height:1px;width:90px;background:rgba(197,160,89,.45);flex:0 0 auto}.gallery-empty{color:#999;text-align:center;padding:5rem}.gallery-lightbox{position:fixed;inset:0;background:rgba(5,4,3,.98);z-index:5000;display:none;align-items:center;justify-content:center;padding:3rem}.gallery-lightbox.open{display:flex}.gallery-lightbox img{max-width:88vw;max-height:90vh;object-fit:contain}.lb-close,.lb-prev,.lb-next{position:absolute;border:1px solid rgba(197,160,89,.35);background:rgba(8,7,6,.65);color:#fff;border-radius:50%;cursor:pointer}.lb-close{top:25px;right:35px;width:52px;height:52px;font-size:2rem}.lb-prev,.lb-next{top:50%;transform:translateY(-50%);width:48px;height:48px}.lb-prev{left:30px}.lb-next{right:30px}.lb-close:hover,.lb-prev:hover,.lb-next:hover{background:#C5A059;color:#080706}.post-page{padding-top:82px;background:#F2EFE9}.post-hero{padding:7rem 7% 5rem;display:grid;grid-template-columns:1fr 1.15fr;gap:5rem;align-items:center;background:#F9F8F6}.post-category{font-size:.58rem;letter-spacing:.3rem;text-transform:uppercase;color:#C5A059}.post-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,5vw,5.2rem);font-weight:300;line-height:1.03;margin:1rem 0 1.4rem}.post-meta{font-size:.62rem;letter-spacing:.12rem;color:#777}.post-hero-image img{width:100%;height:520px;object-fit:cover;display:block}.post-body{padding:7rem 7%}.post-content{max-width:850px;margin:auto;font-size:1.04rem;line-height:1.9;color:#333;font-weight:300}.post-paragraph{margin-bottom:1.5rem}.post-inline-media{margin:3rem 0}.post-inline-media img{width:100%;height:420px;object-fit:cover;display:block}.post-video{margin:3rem 0}.post-video iframe{width:100%;min-height:480px;border:0}.cinematic-empty{grid-column:1/-1;text-align:center;padding:4rem;border:1px solid rgba(197,160,89,.2);color:#C5A059;font-size:.65rem;letter-spacing:.2rem}
@media(max-width:900px){.journal-card-track{grid-template-columns:1fr}.journal-slider-wrap{grid-template-columns:44px 1fr 44px}.masonry-grid{gap:5px}.post-hero{grid-template-columns:1fr}.post-hero-image img{height:420px}}

/* ===== v6.0.1 VISUAL POLISH — homepage only ===== */
.home .showcase{grid-template-columns:minmax(300px,.78fr) minmax(0,1.72fr);gap:4.5rem;align-items:start}
.home .showcase-copy{position:sticky;top:120px}
.home .show-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,280px);gap:12px;align-items:stretch}
.home .show-grid img,.home .show-grid img:nth-child(1),.home .show-grid img:nth-child(5){height:100%;min-height:0;aspect-ratio:auto;object-fit:cover}
.home .show-grid img:nth-child(n){grid-column:auto;grid-row:auto}
.home .services-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:4rem;align-items:stretch}
.home .services-list{display:flex;flex-direction:column}
.home .services-list h2{margin-bottom:2rem}
.home .service-item{min-height:135px;align-items:start;padding:1.35rem 0}
.home .service-item p{line-height:1.65}
.home .service-image-box{min-height:520px;height:100%}
.home .contact h2{font-size:clamp(2.45rem,3.5vw,3.7rem);line-height:1.02;margin-bottom:1.15rem}
.home .contact h2 .petri-word{font-family:'Petri Plate','Cormorant Garamond',serif!important;font-size:.98em;line-height:1}
@media(max-width:900px){.home .showcase{grid-template-columns:1fr;gap:3rem}.home .showcase-copy{position:static}.home .show-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,240px)}.home .services-layout{grid-template-columns:1fr}.home .service-image-box{min-height:460px;height:460px}}
@media(max-width:550px){.home .show-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,190px);gap:8px}.home .service-image-box{min-height:360px;height:360px}}

/* Individual Journal article magazine layout. Homepage, Stories and Journal landing rules are intentionally untouched. */
.post-page{padding-top:82px;background:#F2EFE9;color:#171411}.post-breadcrumbs{display:flex;gap:.7rem;align-items:center;padding:1.1rem 7%;background:#F9F8F6;border-bottom:1px solid rgba(8,7,6,.08);font-size:.55rem;letter-spacing:.18rem;text-transform:uppercase;color:#81796f}.post-breadcrumbs a{color:#4d4841;text-decoration:none}.post-breadcrumbs a:hover{color:#C5A059}.post-hero-magazine{position:relative;min-height:72vh;max-height:820px;overflow:hidden;background:#111;display:flex;align-items:flex-end}.post-hero-image-magazine{position:absolute;inset:0}.post-hero-image-magazine img{width:100%;height:100%;object-fit:cover;display:block}.post-hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,4,3,.78) 0%,rgba(5,4,3,.42) 48%,rgba(5,4,3,.12) 100%),linear-gradient(0deg,rgba(5,4,3,.75),transparent 55%)}.post-hero-copy-magazine{position:relative;z-index:2;width:min(1000px,86%);padding:8rem 7% 6rem;color:#fff}.post-hero-copy-magazine .post-category{color:#D7B777}.post-hero-copy-magazine h1{font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,4.8vw,5.2rem);font-weight:300;line-height:1.02;max-width:820px;margin:1.1rem 0 1.5rem;letter-spacing:-.02em}.post-hero-copy-magazine .post-meta{color:#ddd6cc;font-size:.62rem;letter-spacing:.15rem;text-transform:uppercase}.post-magazine-wrap{width:min(1320px,86%);margin:0 auto;padding:6rem 0 8rem;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:7rem;align-items:start}.post-main-column{min-width:0}.post-intro{border-bottom:1px solid rgba(8,7,6,.12);padding:0 0 2rem;margin-bottom:3rem;display:flex;justify-content:space-between;gap:2rem;align-items:flex-end}.post-kicker,.sidebar-label,.post-media-label{font-size:.55rem;letter-spacing:.28rem;text-transform:uppercase;color:#A9823F}.post-intro p{margin:0;color:#766f67;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.05rem}.post-content{font-size:1.05rem;line-height:1.95;color:#35312c;font-weight:300}.post-content>p:first-of-type:first-letter{font-family:'Cormorant Garamond',serif;font-size:4.8rem;line-height:.72;float:left;padding:.12rem .55rem 0 0;color:#1b1714}.post-content p{margin:0 0 1.55rem}.post-content h2,.post-content h3,.post-content h4{font-family:'Cormorant Garamond',serif;font-weight:400;line-height:1.1;color:#171411;margin:3.5rem 0 1rem}.post-content h2{font-size:2.7rem}.post-content h3{font-size:2.15rem}.post-content h4{font-size:1.7rem}.post-content strong{font-weight:600;color:#211d19}.post-content em{font-family:'Cormorant Garamond',serif;font-size:1.16em}.post-content blockquote{margin:3rem 0;padding:2rem 2.2rem;border-left:2px solid #C5A059;background:rgba(255,255,255,.42);font-family:'Cormorant Garamond',serif;font-size:1.8rem;line-height:1.25;font-style:italic;color:#302a24}.post-content ul,.post-content ol{padding-left:1.5rem;margin:1rem 0 2rem}.post-content li{margin:.4rem 0}.post-content a{color:#765B2C;text-decoration:underline;text-decoration-color:rgba(118,91,44,.35);text-underline-offset:3px}.post-content img{max-width:100%;height:auto}.post-inline-media{margin:4rem 0 4.5rem}.post-inline-media-wide{margin-left:-5%;margin-right:-5%}.post-inline-media img{width:100%;height:auto;max-height:760px;object-fit:cover;display:block}.post-video{margin:5rem 0 1rem}.post-media-label{margin-bottom:1rem}.post-video iframe{width:100%;aspect-ratio:16/9;min-height:0;border:0;display:block}.post-sidebar{position:sticky;top:110px;border-top:1px solid rgba(8,7,6,.18)}.post-sidebar-block{padding:1.7rem 0;border-bottom:1px solid rgba(8,7,6,.12)}.post-sidebar-block>a{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;color:#302b26;text-decoration:none;font-family:'Cormorant Garamond',serif;font-size:1.18rem;line-height:1.1}.post-sidebar-block>a:hover{color:#9A763B}.sidebar-feature-link{font-size:1.35rem!important}.sidebar-label{display:block;margin-bottom:.6rem}.sidebar-latest{display:block!important;padding-top:1rem!important}.sidebar-latest img{width:100%;height:145px;object-fit:cover;display:block;margin-bottom:.9rem}.sidebar-latest span{display:block;font-size:1.25rem!important}.sidebar-latest small{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:.5rem;color:#8b8379;letter-spacing:.12rem;margin-top:.45rem}.sidebar-list a{border-top:1px solid rgba(8,7,6,.08);font-size:1.05rem}.post-next-prev{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:6rem;border-top:1px solid rgba(8,7,6,.16);border-bottom:1px solid rgba(8,7,6,.16)}.post-next-prev>a{padding:2rem 0;color:#27221e;text-decoration:none}.post-next-prev>a+a{border-left:1px solid rgba(8,7,6,.12);padding-left:2rem}.post-next-prev span{display:block;font-size:.52rem;letter-spacing:.2rem;text-transform:uppercase;color:#A9823F;margin-bottom:.7rem}.post-next-prev strong{display:block;font-family:'Cormorant Garamond',serif;font-size:1.5rem;line-height:1.12;font-weight:400}.post-next-prev .post-next{text-align:right}@media(max-width:1000px){.post-magazine-wrap{grid-template-columns:1fr;gap:3rem}.post-sidebar{position:static}.post-inline-media-wide{margin-left:0;margin-right:0}.post-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;border-top:0}.post-sidebar-block{border-top:1px solid rgba(8,7,6,.18)}}@media(max-width:650px){.post-breadcrumbs{padding-left:6%;padding-right:6%}.post-hero-magazine{min-height:600px}.post-hero-copy-magazine{width:100%;padding:5rem 6% 4rem}.post-hero-copy-magazine h1{font-size:clamp(3rem,13vw,4.8rem)}.post-magazine-wrap{width:88%;padding:4rem 0 5rem}.post-intro{display:block}.post-intro p{margin-top:.7rem}.post-content{font-size:.98rem;line-height:1.85}.post-content h2{font-size:2.3rem}.post-content blockquote{font-size:1.5rem;padding:1.4rem}.post-sidebar{display:block}.post-next-prev{grid-template-columns:1fr}.post-next-prev>a+a{border-left:0;border-top:1px solid rgba(8,7,6,.12);padding-left:0}.post-next-prev .post-next{text-align:left}}

/* ===== v6.1.5 MOBILE HAMBURGER NAV ===== */
.mobile-menu-toggle{display:none;position:relative;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;z-index:1101;-webkit-tap-highlight-color:transparent}
.mobile-menu-toggle span{display:block;width:23px;height:1px;background:#F9F8F6;transition:transform .28s ease,opacity .2s ease,width .28s ease}
.mobile-menu-toggle:hover span{background:#C5A059}
@media(max-width:900px){
.site-header{height:72px;padding:0 5%}
.mobile-menu-toggle{display:flex}
.site-header .brand{position:relative;z-index:1101;min-width:0}
.petri-brand{font-size:1.28rem;letter-spacing:.04rem}
.site-nav{position:fixed;left:0;right:0;top:72px;height:auto;max-height:calc(100vh - 72px);overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:1.2rem 7% 2rem;background:rgba(8,7,6,.98);backdrop-filter:blur(18px);border-top:1px solid rgba(197,160,89,.18);box-shadow:0 18px 40px rgba(0,0,0,.28);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease,visibility .22s ease}
.site-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.site-nav>a,.site-nav .nav-dropdown-toggle{display:flex!important;width:100%;min-height:58px;align-items:center;justify-content:flex-start;padding:.85rem 0!important;border-bottom:1px solid rgba(255,255,255,.09);font-size:.68rem!important;letter-spacing:.22rem!important;color:#F1EEE8!important;text-transform:uppercase;text-decoration:none}
.site-nav .nav-cta{margin-top:1rem;min-height:52px;justify-content:center;border:1px solid rgba(197,160,89,.45)!important;color:#F9F8F6!important;padding:.85rem 1.2rem!important}
.nav-dropdown{height:auto;display:block;width:100%}
.nav-dropdown-toggle{background:transparent!important;cursor:pointer;text-align:left}
.nav-dropdown-toggle span{margin-left:auto;font-size:1rem;transition:transform .25s ease}
.nav-dropdown.mobile-open .nav-dropdown-toggle span{transform:rotate(180deg)}
.nav-dropdown-menu{position:static!important;min-width:0!important;width:100%;padding:.15rem 0 .45rem!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.09)!important;box-shadow:none!important;background:transparent!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;display:none}
.nav-dropdown.mobile-open .nav-dropdown-menu{display:block}
.nav-dropdown-menu a{min-height:50px;padding:.75rem .4rem .75rem 1rem!important;border:0!important;border-left:1px solid rgba(197,160,89,.42)!important;font-size:.56rem!important;letter-spacing:.14rem!important;color:#CFC9BF!important}
.nav-dropdown-menu a:hover{background:rgba(197,160,89,.06)!important;color:#C5A059!important}
.mobile-menu-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.mobile-menu-toggle.is-open span:nth-child(2){opacity:0;width:0}
.mobile-menu-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
body.mobile-nav-open{overflow:hidden}
}
@media(min-width:901px){.site-nav{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}}


/* ===== v6.2.0 EDITORIAL TYPOGRAPHY + SEO BALANCE ===== */
/* Semantic H1/H2 structure is preserved; typography is intentionally restrained. */
.hero h1{font-size:clamp(2.55rem,4.1vw,4.2rem)}
.section-heading h2,.services h2,.proof-half h2,.contact h2,.featured-cinematics h2{font-size:clamp(2.55rem,3.75vw,3.85rem)}
.showcase h2,.services-list h2{font-size:clamp(2.55rem,3.75vw,3.85rem)}
.service-item h3{font-size:1.75rem}
.story-overlay h3{font-size:2.25rem}
.journal-hero-content h1,.stories-hero>div h1{font-size:clamp(2.8rem,5vw,4.6rem)}
.journal-heading h2{font-size:clamp(2.5rem,3.7vw,3.8rem)}
.post-hero h1{font-size:clamp(2.7rem,4.4vw,4.7rem)}
.post-hero-copy-magazine h1{font-size:clamp(2.7rem,4.4vw,4.7rem)}
.post-content h2{font-size:2.35rem}
.post-content h3{font-size:1.95rem}
.post-content h4{font-size:1.55rem}
@media(max-width:900px){
  .hero h1{font-size:clamp(2.35rem,7vw,3.5rem)}
  .section-heading h2,.services h2,.proof-half h2,.contact h2,.featured-cinematics h2,.showcase h2,.services-list h2{font-size:clamp(2.25rem,7vw,3.2rem)}
  .service-item h3{font-size:1.6rem}
  .story-overlay h3{font-size:2rem}
  .journal-hero-content h1,.stories-hero>div h1{font-size:clamp(2.55rem,9vw,3.8rem)}
  .journal-heading h2{font-size:clamp(2.3rem,7vw,3.1rem)}
  .post-hero h1,.post-hero-copy-magazine h1{font-size:clamp(2.55rem,9vw,4rem)}
  .post-content h2{font-size:2.15rem}
  .post-content h3{font-size:1.8rem}
}
@media(max-width:550px){
  .hero h1{font-size:clamp(2.15rem,10.5vw,3.1rem);line-height:1.04}
  .section-heading h2,.services h2,.proof-half h2,.contact h2,.featured-cinematics h2,.showcase h2,.services-list h2{font-size:clamp(2.05rem,9.5vw,2.75rem);line-height:1.06}
  .service-item h3{font-size:1.48rem}
  .story-overlay h3{font-size:1.8rem}
  .journal-hero-content h1,.stories-hero>div h1{font-size:clamp(2.3rem,11vw,3.25rem)}
  .journal-heading h2{font-size:clamp(2.1rem,9.5vw,2.65rem)}
  .post-hero h1,.post-hero-copy-magazine h1{font-size:clamp(2.35rem,10.5vw,3.35rem)}
  .post-content h2{font-size:2rem}
  .post-content h3{font-size:1.7rem}
}