@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--paper:#f9f8f3;--ink:#142118;--muted:#636e65;--green:#183f27;--pink:#a3104e;--border:#deded6;--surface:#f0f0e8;--font-body:'DM Sans',Arial,sans-serif;--font-display:'DM Serif Display',Georgia,serif;--font-narrow:'Barlow Condensed','Arial Narrow',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}img{max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#a3104e;color:white}a:focus-visible,button:focus-visible{outline:3px solid #ca2871;outline-offset:4px}
.skip-link{position:absolute;top:-100px;left:15px;background:white;padding:12px;z-index:1000}.skip-link:focus{top:15px}
.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(249,248,243,.95);backdrop-filter:blur(15px);border-bottom:1px solid rgba(0,0,0,.07);display:flex;align-items:center;justify-content:space-between;padding:15px clamp(22px,4.8vw,80px);gap:25px;min-height:75px;transition:background .25s}
.site-nav.on-cover{background:linear-gradient(to bottom,rgba(4,27,13,.65),transparent);color:white;border-bottom-color:transparent}.site-nav.on-cover.scrolled{background:rgba(17,31,21,.93);border-bottom:1px solid rgba(255,255,255,.16)}.brand{font-family:var(--font-narrow);font-size:28px;font-weight:700;letter-spacing:.18em;white-space:nowrap;line-height:1}.brand i{font-family:var(--font-display);font-size:23px;letter-spacing:0;margin-left:3px;color:#bf4d76}.nav-items{display:flex;align-items:center;gap:35px;text-transform:uppercase;font-family:var(--font-narrow);font-weight:600;font-size:15px;letter-spacing:.16em}.nav-items a{transition:opacity .2s}.nav-items a:hover{opacity:.55}.nav-cta{border:1px solid currentColor;padding:11px 18px}.menu-toggle{display:none;border:0;background:transparent;color:inherit;padding:7px;cursor:pointer}.menu-toggle svg{height:25px;width:25px}
.page-shell{padding-top:74px}.cover{height:100svh;min-height:610px;position:relative;background:#132a17 url('assets/pages/page-01.webp') center center/cover no-repeat;color:white}.cover::after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(6,27,13,.64))}.cover-content{position:absolute;bottom:7.6%;left:clamp(22px,5vw,85px);right:clamp(22px,5vw,85px);z-index:1;display:flex;align-items:end;justify-content:space-between;gap:25px}.cover-small{font:600 14px var(--font-narrow);letter-spacing:.26em;text-transform:uppercase}.cover-note{font-size:14px;line-height:1.65;max-width:240px;text-align:right}.scroll-indicator{display:inline-flex;align-items:center;gap:12px;margin-top:18px;font:600 13px var(--font-narrow);letter-spacing:.2em;text-transform:uppercase}.scroll-indicator::before{content:'';display:block;width:38px;height:1px;background:currentColor}
.section{padding:clamp(76px,10vw,160px) clamp(24px,6vw,105px)}.container{max-width:1440px;margin:0 auto}.eyebrow{font:700 14px var(--font-narrow);letter-spacing:.24em;text-transform:uppercase;color:var(--pink)}.display{font-family:var(--font-display);font-weight:400;letter-spacing:-.055em;line-height:1.03}.display em{font-weight:400}.intro-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.72fr);align-items:end;gap:8vw}.intro-head{font-size:clamp(55px,8vw,145px);margin:27px 0 0}.intro-copy{line-height:1.85;color:#39463e;font-size:clamp(16px,1.2vw,19px);max-width:520px}.intro-copy strong{color:var(--ink)}.thin-rule{height:1px;background:var(--border);margin:35px 0}.ghost-link{display:inline-flex;gap:15px;align-items:center;font:700 15px var(--font-narrow);letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:8px;transition:gap .2s}.ghost-link:hover{gap:22px}.ghost-link span{font-size:22px;line-height:1}
.maze-band{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:20px clamp(24px,6vw,105px);display:flex;align-items:center;justify-content:space-between;gap:25px}.maze-band p{font:700 14px var(--font-narrow);text-transform:uppercase;letter-spacing:.16em;margin:0}.maze-line{display:flex;flex:1;justify-content:space-evenly;height:35px;max-width:800px;overflow:hidden;align-items:center}.maze-line span{width:18%;height:30px;display:block;border-top:7px solid var(--c);border-bottom:7px solid var(--c);position:relative;opacity:.9}.maze-line span::after{content:'';position:absolute;inset:-7px 25% -7px 25%;border-left:7px solid var(--c);border-right:7px solid var(--c)}
.work-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:44px}.work-head h2{font:400 clamp(54px,7.4vw,115px)/.96 var(--font-display);letter-spacing:-.06em;margin:12px 0}.work-sub{max-width:260px;font-size:15px;line-height:1.75;color:var(--muted)}.project-card{--accent:#a3104e;display:grid;grid-template-columns:46% 54%;min-height:550px;margin-bottom:36px;background:#f1efe8;border:1px solid #dddcd3;overflow:hidden}.project-card:nth-of-type(even){grid-template-columns:54% 46%}.project-card:nth-of-type(even) .project-art{order:1}.project-art{position:relative;overflow:hidden;background:#d2d3c9;min-height:430px}.project-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.project-card:hover .project-art img{transform:scale(1.045)}.project-art::after{content:'';position:absolute;inset:0;border:18px solid rgba(255,255,255,.02);pointer-events:none}.project-art .corner-label{position:absolute;bottom:25px;left:26px;background:rgba(255,255,255,.94);padding:10px 12px;font:600 12px var(--font-narrow);letter-spacing:.15em;text-transform:uppercase}
.project-info{padding:clamp(35px,5vw,85px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.number{color:var(--accent);font:600 17px var(--font-narrow);letter-spacing:.16em}.project-info h3{font:400 clamp(46px,5vw,82px)/1 var(--font-display);letter-spacing:-.05em;margin:35px 0 7px}.project-info .subtitle{font-family:var(--font-display);font-style:italic;color:var(--accent);font-size:clamp(22px,2vw,30px);margin-bottom:27px}.project-info p{font-size:15px;color:#4e594f;line-height:1.85;max-width:430px;margin:0 0 35px}.project-info .ghost-link{color:var(--accent)}
.statement{background:var(--green);color:white;text-align:center;padding:clamp(75px,11vw,190px) 25px;position:relative;overflow:hidden}.statement::before,.statement::after{content:'';position:absolute;border:18px double rgba(255,255,255,.13);width:35vw;height:35vw;border-radius:50%;top:-19vw;left:-15vw}.statement::after{top:auto;left:auto;bottom:-25vw;right:-15vw}.statement .big-quote{font:400 clamp(45px,7.7vw,125px)/1.05 var(--font-display);letter-spacing:-.045em;max-width:1100px;margin:24px auto}.statement .big-quote em{color:#dabb87}.statement .eyebrow{color:#dabb87}
.about-teaser{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:min(7vw,110px);align-items:center}.about-photo{height:650px;max-height:70vh;background:#eee;overflow:hidden}.about-photo img{display:block;width:100%;height:100%;object-fit:cover}.about-teaser h2{font:400 clamp(50px,7vw,110px)/1 var(--font-display);letter-spacing:-.05em;margin:25px 0}.about-teaser p{color:#4e5a50;line-height:1.9;max-width:540px}
.site-footer{background:#13241a;color:#f4eee4;padding:80px clamp(24px,6vw,105px) 24px}.footer-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:100px}.footer-top h2{font:400 clamp(55px,8vw,135px)/1 var(--font-display);letter-spacing:-.05em;max-width:800px;margin:15px 0}.footer-top .eyebrow{color:#ecbcd1}.footer-meta{padding-top:25px;border-top:1px solid #465248;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;font:600 13px var(--font-narrow);letter-spacing:.14em;text-transform:uppercase;color:#d6dbd1}.footer-meta a:hover{text-decoration:underline}
/* Project page */
.project-top{--accent:#a3104e;--light:#f9e2e9;padding:92px clamp(24px,6vw,105px) 0;background:var(--light)}.project-top-inner{max-width:1440px;margin:0 auto}.back{display:inline-flex;align-items:center;gap:9px;font:700 14px var(--font-narrow);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.project-top-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.6fr);gap:5vw;align-items:end;padding:45px 0 55px}.project-top h1{font:400 clamp(70px,10vw,170px)/.9 var(--font-display);letter-spacing:-.066em;margin:0}.project-top h1 .line{display:block}.project-top .sub{font:italic clamp(25px,3.5vw,49px) var(--font-display);color:var(--accent);margin-top:18px}.project-top .kicker{font:700 14px var(--font-narrow);letter-spacing:.19em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.project-top p{line-height:1.83;color:#455347;max-width:440px;font-size:16px}.project-hero{width:100%;height:min(73svh,820px);min-height:450px;object-fit:cover;object-position:center;display:block}.project-hero-frame{position:relative;background:#dfd4c4}.hero-credit{position:absolute;bottom:20px;right:25px;padding:9px 13px;background:rgba(249,248,243,.9);font:600 13px var(--font-narrow);letter-spacing:.14em;text-transform:uppercase}
.project-essay{display:grid;grid-template-columns:.65fr 1fr;gap:10vw;align-items:start}.project-essay h2{font:400 clamp(48px,6.4vw,96px)/1 var(--font-display);letter-spacing:-.05em;margin:15px 0}.project-essay article{font-size:18px;line-height:1.9;color:#47534a}.project-essay article p:first-child{margin-top:0}.project-essay article blockquote{border-left:3px solid var(--page-accent);padding-left:27px;font:italic clamp(24px,3vw,42px)/1.25 var(--font-display);color:var(--ink);margin:45px 0}.essay-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:40px}.essay-points h3{font:600 18px var(--font-narrow);letter-spacing:.09em;text-transform:uppercase;margin:0 0 10px;color:var(--page-accent)}.essay-points p{font-size:14px;line-height:1.75;margin:0;color:var(--muted)}
.spread-area{background:#eae9e1;padding:100px clamp(20px,6vw,105px)}.spreads-head{display:flex;justify-content:space-between;align-items:end;gap:30px;max-width:1440px;margin:0 auto 35px}.spreads-head h2{font:400 clamp(55px,7vw,105px)/1 var(--font-display);letter-spacing:-.055em;margin:16px 0}.spreads-head p{max-width:300px;color:var(--muted);font-size:14px;line-height:1.8}.spreads-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1440px;margin:0 auto}.spread-card{padding:0;border:0;display:block;text-align:left;cursor:zoom-in;background:#fff;overflow:hidden;transition:transform .2s,box-shadow .2s}.spread-card:hover{transform:translateY(-4px);box-shadow:0 17px 50px rgba(0,0,0,.11)}.spread-card img{display:block;width:100%;aspect-ratio:1.414;object-fit:cover}.spread-meta{display:flex;justify-content:space-between;padding:15px 18px;color:#364336;font:700 13px var(--font-narrow);letter-spacing:.1em;text-transform:uppercase}.spread-meta span:last-child{color:var(--page-accent)}.pagination{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:45px clamp(24px,6vw,105px);background:#fff}.pagination a{font:400 clamp(25px,4vw,60px) var(--font-display);display:flex;gap:12px;align-items:center;transition:color .2s}.pagination a:hover{color:var(--pink)}.pagination small{font:700 13px var(--font-narrow);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.about-hero{padding:120px clamp(24px,6vw,105px) 90px;display:grid;grid-template-columns:.8fr 1.2fr;gap:min(10vw,150px);align-items:center}.about-portrait{background:#e1ddd5;min-height:600px;max-height:760px;overflow:hidden}.about-portrait img{width:100%;height:100%;object-fit:cover}.about-intro h1{font:400 clamp(75px,10vw,160px)/.9 var(--font-display);letter-spacing:-.055em;margin:22px 0}.about-intro .opening{font:italic clamp(28px,3.1vw,46px)/1.3 var(--font-display);color:var(--pink)}.about-intro p:not(.opening){font-size:17px;line-height:1.95;color:#526056;max-width:690px}.about-stats{background:#f0f0e7;padding:75px clamp(24px,6vw,105px)}.about-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.about-stats h2{font:400 42px var(--font-display);letter-spacing:-.03em}.about-stats ul{list-style:none;padding:0;line-height:1.9;color:#536058}.about-stats li+li{margin-top:10px}.about-stats small{color:var(--pink);font:700 13px var(--font-narrow);letter-spacing:.1em}
.lightbox{position:fixed;inset:0;z-index:500;background:rgba(8,15,10,.96);display:none;flex-direction:column;align-items:center;justify-content:center;padding:70px 70px 60px}.lightbox.active{display:flex}.lightbox img{max-width:100%;max-height:calc(100vh - 155px);height:auto;width:auto;object-fit:contain;box-shadow:0 20px 70px rgba(0,0,0,.3)}.lightbox-toolbar{position:absolute;top:15px;left:25px;right:25px;color:white;display:flex;justify-content:space-between;align-items:center;font:600 15px var(--font-narrow);letter-spacing:.15em;text-transform:uppercase;gap:18px}.lightbox-close,.lightbox-arrow{background:transparent;border:1px solid rgba(255,255,255,.35);color:white;width:48px;height:48px;cursor:pointer;font-size:25px;display:grid;place-items:center}.lightbox-close:hover,.lightbox-arrow:hover{background:white;color:#102416}.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%)}.lightbox-arrow.prev{left:12px}.lightbox-arrow.next{right:12px}.lightbox-caption{font:600 13px var(--font-narrow);letter-spacing:.12em;text-transform:uppercase;color:#d7dad0;margin-top:15px}.contact-cta{padding:90px 24px;background:#f2f0e8;text-align:center}.contact-cta p{max-width:600px;margin:0 auto 30px;color:var(--muted);line-height:1.8}.email-action{display:none}.email-action.visible{display:inline-flex}
@media(min-width:1500px){.cover{background-size:cover}}
@media(max-width:1000px){.project-card{min-height:440px}.project-info{padding:32px}.project-info h3{margin-top:20px}.about-hero{gap:5vw}.about-stats-grid{gap:25px}}
@media(max-width:740px){.site-nav{padding:14px 22px;min-height:68px}.brand{font-size:24px}.page-shell{padding-top:68px}.menu-toggle{display:block}.nav-items{display:none;position:absolute;top:100%;left:0;right:0;background:#13241a;color:white;flex-direction:column;align-items:stretch;gap:0;padding:15px 25px 25px;box-shadow:0 10px 25px rgba(0,0,0,.2)}.nav-items.open{display:flex}.nav-items a{padding:13px 0}.nav-cta{padding:10px!important;text-align:center;margin-top:7px}.cover{min-height:540px;height:89svh;background-position:53% center}.cover-content{bottom:5%;align-items:start;flex-direction:column;gap:5px}.cover-note{text-align:left;font-size:12px}.cover-small{font-size:12px}.intro-grid,.project-essay,.about-teaser,.about-hero{grid-template-columns:1fr}.intro-grid{gap:30px}.intro-head{font-size:clamp(55px,13vw,100px)}.intro-copy{font-size:15px}.maze-band{flex-direction:column;align-items:stretch;gap:10px}.maze-line{width:100%}.work-head{display:block}.work-head h2{font-size:70px}.work-sub{max-width:none}.project-card,.project-card:nth-of-type(even){display:flex;flex-direction:column}.project-card:nth-of-type(even) .project-art{order:0}.project-art{min-height:400px;height:65vw}.project-info{padding:35px 30px 45px}.project-info h3{font-size:62px}.about-photo{height:550px;max-height:none}.footer-top{display:block;padding-bottom:65px}.footer-top h2{font-size:clamp(60px,13vw,98px)}.project-top{padding:66px 22px 0}.project-top-grid{grid-template-columns:1fr;padding:34px 0}.project-top h1{font-size:clamp(73px,14vw,108px)}.project-top p{max-width:none}.project-hero{height:500px;min-height:0}.project-essay{gap:30px}.project-essay h2{font-size:68px}.spread-area{padding:75px 18px}.spreads-head{display:block}.spreads-head h2{font-size:70px}.spreads-grid{grid-template-columns:1fr}.spread-meta{padding:13px}.pagination{padding:35px 22px}.pagination a{font-size:31px}.about-hero{padding:90px 22px 70px}.about-portrait{min-height:500px}.about-intro h1{font-size:95px}.about-stats-grid{grid-template-columns:1fr}.about-stats{padding:55px 24px}.lightbox{padding:70px 16px 60px}.lightbox img{max-height:calc(100vh - 165px)}.lightbox-arrow{top:auto;bottom:8px;transform:none;width:44px;height:44px}.lightbox-arrow.prev{left:16px}.lightbox-arrow.next{right:16px}.lightbox-toolbar{left:14px;right:14px}.lightbox-caption{margin-top:12px;text-align:center;font-size:11px;max-width:250px}.essay-points{grid-template-columns:1fr}}
@media(max-width:480px){.cover{background-position:57% center}.project-art{min-height:290px}.project-info h3{font-size:55px}.section{padding:70px 22px}.intro-head{font-size:59px}.statement .big-quote{font-size:48px}.work-head h2{font-size:59px}.project-top h1{font-size:67px}.project-hero{height:350px}.project-essay h2{font-size:52px}.spreads-head h2{font-size:57px}.about-portrait{min-height:440px}.about-intro h1{font-size:78px}.footer-top h2{font-size:66px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* --- Urban Oases exact-brand animated landing: portfolio edition 2 --- */
.site-nav.on-cover{background:rgba(245,242,235,.78);color:#17221a;border-bottom:1px solid rgba(21,40,27,.09)}
.site-nav.on-cover.scrolled{background:rgba(249,248,243,.96);color:#17221a;border-bottom:1px solid rgba(21,40,27,.1)}
.brand{font-family:var(--font-display);letter-spacing:.05em;font-size:20px;font-weight:400;color:#18251c}
.brand span{font-weight:400;color:#23643a}
.logo-landing{min-height:750px;height:100svh;position:relative;overflow:hidden;background:#f4f0e7;color:#1b261d;isolation:isolate;padding-top:76px;display:flex;align-items:center;justify-content:center}
.logo-landing:before{content:"";position:absolute;z-index:-1;width:min(95vw,950px);height:min(95vw,950px);left:50%;top:48%;transform:translate(-50%,-50%);border:1px solid rgba(54,94,62,.12);border-radius:50%;box-shadow:0 0 0 70px rgba(54,94,62,.022),0 0 0 150px rgba(54,94,62,.024),0 0 0 245px rgba(54,94,62,.013);pointer-events:none}
.logo-landing:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 50% 46%,rgba(255,255,251,.82),transparent 50%),linear-gradient(115deg,rgba(23,90,45,.06),transparent 27%,transparent 73%,rgba(125,57,59,.035));pointer-events:none}
.landing-grain{pointer-events:none;position:absolute;inset:0;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.11'/%3E%3C/svg%3E");opacity:.22}
.landing-coordinates{position:absolute;left:clamp(25px,5vw,80px);top:135px;display:flex;flex-direction:column;gap:8px;font:600 12px var(--font-narrow);letter-spacing:.15em;color:#708070}
.landing-eyebrow{position:absolute;top:clamp(123px,15vh,172px);left:50%;transform:translateX(-50%);font:700 12px var(--font-narrow);letter-spacing:.32em;color:#667c6c;text-transform:uppercase;white-space:nowrap;animation:landing-enter-top 1.1s .2s both}
.logo-centre{display:flex;align-items:center;justify-content:center;flex-direction:column;max-width:90vw;padding:42px 0 65px;transform:translateY(2vh)}
.logo-emblem{position:relative;width:clamp(140px,17vw,230px);aspect-ratio:258/298;display:flex;align-items:center;justify-content:center;margin-bottom:25px}
.logo-brand-image{width:100%;height:100%;object-fit:contain;position:relative;z-index:2;clip-path:circle(0 at 50% 56%);animation:logo-unfurl 2.25s .38s cubic-bezier(.22,.64,.14,1) forwards;filter:drop-shadow(0 7px 14px rgba(18,32,23,.045))}
.logo-drawing{position:absolute;width:106%;height:100%;top:0;left:-3%;z-index:3;pointer-events:none;opacity:.62;animation:drawing-disappear 1.1s 1.5s forwards}
.logo-drawing path{fill:none;stroke:#3c7e54;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:990;stroke-dashoffset:990;animation:logo-trace 2.45s .12s ease-in-out forwards}
.logo-drawing path:nth-child(2){animation-delay:.27s;stroke:#6d956e}.logo-drawing path:nth-child(3){animation-delay:.47s;stroke:#b78d69}.logo-drawing path:nth-child(4){animation-delay:.65s;stroke:#396647}
.logo-halo{position:absolute;inset:-15%;border:1px solid rgba(55,100,62,.12);border-radius:50%;pointer-events:none;animation:halo-breathe 7s 3s ease-in-out infinite}
.halo-two{inset:-36%;border-color:rgba(55,100,62,.065);animation-delay:3.9s}
.logo-pulse{position:absolute;z-index:4;top:51%;left:50%;transform:translate(-50%,-50%);width:24%;aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 0 rgba(42,129,65,.34);opacity:0;animation:logo-green-pulse 2.6s 2.45s ease-out infinite;pointer-events:none}
.logo-wordmark{display:block;width:min(570px,72vw);height:auto;opacity:0;transform:translateY(22px);animation:wordmark-appear 1.15s 1.35s cubic-bezier(.2,.65,.1,1) forwards}
.logo-motto{font:400 clamp(13px,1.35vw,17px) var(--font-body);letter-spacing:.09em;margin:11px 0 0;opacity:0;animation:wordmark-appear .9s 1.6s forwards}
.logo-identity-line{width:1px;height:34px;background:linear-gradient(#6b9472,transparent);margin:24px 0 12px;transform-origin:top;transform:scaleY(0);animation:line-grow .9s 1.9s forwards}
.logo-signature{font:600 12px var(--font-narrow);letter-spacing:.22em;text-transform:uppercase;color:#58685b;margin:0;opacity:0;animation:wordmark-appear .9s 2.12s forwards;text-align:center}
.logo-signature span{color:#b56c44;margin:0 6px}
.landing-bottom{position:absolute;left:clamp(22px,5vw,85px);right:clamp(22px,5vw,85px);bottom:38px;display:flex;align-items:end;justify-content:space-between;gap:24px;opacity:0;animation:wordmark-appear .9s 2.35s forwards}
.landing-bottom-label{font:600 12px var(--font-narrow);letter-spacing:.17em;text-transform:uppercase;color:#77847a}
.landing-bottom p{font:italic 18px var(--font-display);margin:9px 0 0;color:#3a4a3e}
.landing-enter{display:flex;align-items:center;gap:22px;border-bottom:1px solid rgba(24,55,34,.28);font:600 13px var(--font-narrow);text-transform:uppercase;letter-spacing:.21em;padding:0 0 12px;transition:color .2s,gap .2s}
.landing-enter span{font-size:22px;font-weight:400;line-height:1}
.landing-enter:hover{color:#317442;gap:30px}
.statement-studio{background:#e5e9de;color:#213c2a}.statement-studio .big-quote{color:#213c2a}.statement-attribution{font:600 13px var(--font-narrow);letter-spacing:.14em;text-transform:uppercase;color:#627769}
@keyframes logo-unfurl{0%{clip-path:circle(0 at 50% 56%);transform:scale(.84);opacity:0}20%{opacity:1}100%{clip-path:circle(83% at 50% 56%);transform:scale(1);opacity:1}}
@keyframes logo-trace{0%{stroke-dashoffset:990;opacity:1}90%{opacity:1}100%{stroke-dashoffset:0;opacity:.15}}
@keyframes drawing-disappear{to{opacity:0}}
@keyframes wordmark-appear{to{opacity:1;transform:translateY(0)}}
@keyframes landing-enter-top{from{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes line-grow{to{transform:scaleY(1)}}
@keyframes halo-breathe{50%{transform:scale(1.045);border-color:rgba(55,100,62,.24)}}
@keyframes logo-green-pulse{0%{opacity:.5;box-shadow:0 0 0 0 rgba(42,129,65,.3)}80%,100%{opacity:0;box-shadow:0 0 0 35px rgba(42,129,65,0)}}


@media(max-width:740px){.logo-landing{min-height:690px;height:95svh}.landing-coordinates{top:100px;left:20px;font-size:9px}.landing-eyebrow{top:155px}.logo-centre{transform:translateY(-2vh);padding:35px 0 30px}.logo-emblem{width:clamp(146px,44vw,205px);margin-bottom:23px}.logo-wordmark{width:min(88vw,490px)}.logo-motto{font-size:13px}.logo-signature{font-size:11px;max-width:320px;line-height:1.7}.landing-bottom{bottom:25px;left:22px;right:22px}.landing-bottom>span:last-child{display:none}.landing-bottom p{font-size:15px}.landing-enter{font-size:11px;letter-spacing:.12em;gap:10px}.landing-enter span{font-size:18px}}
@media(max-width:430px){.brand{font-size:18px}.landing-coordinates{display:none}.logo-emblem{width:150px}.logo-wordmark{width:90vw}.landing-bottom-label{font-size:10px}.landing-bottom p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.logo-brand-image{clip-path:none;opacity:1;animation:none;transform:none}.logo-drawing{display:none}.logo-wordmark,.logo-motto,.logo-signature,.landing-bottom,.landing-eyebrow{animation:none;opacity:1;transform:none}.landing-eyebrow{transform:translateX(-50%)}.logo-identity-line{transform:none;animation:none}.logo-halo,.logo-pulse{animation:none}.reveal{opacity:1;transform:none}}