/*
Theme Name: Nuvola Digital
Description: Bespoke Nuvola theme with an HTML homepage and Projects custom post type. No page builder required.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Author: Nuvola Digital
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nuvola-digital
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600&display=swap');
:root{--paper:#fcfcfa;--ink:#20251f;--muted:#777d74;--line:#d9dcd4;--sage:#e6e9e1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #93a383;outline-offset:6px}img{width:100%;display:block;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;letter-spacing:-.055em;line-height:1.05}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}p{line-height:1.65}header{height:110px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:5;color:#fff}.logo{font-size:36px;font-weight:600;letter-spacing:-2.5px;white-space:nowrap}.logo span{font-size:10px;vertical-align:top;display:inline-block;margin:8px 0 0 5px;letter-spacing:0}nav{display:flex;gap:35px;font-size:10px;text-transform:uppercase}nav a{position:relative;padding:8px 0}nav a:after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:currentColor;transition:width .3s}nav a:hover:after{width:100%}.contact-link{display:flex;gap:12px;align-items:center;text-transform:uppercase;font-size:10px;border-radius:30px;padding:10px 17px;background:var(--paper);color:var(--ink)}.contact-link:hover{background:var(--sage)}.contact-link span{font-size:15px}.menu-toggle{display:none}.opening{height:100svh;min-height:720px;max-height:1250px;position:relative;overflow:hidden;background:#777f6d;color:white}.hero-slides,.hero-slide,.hero-wash{position:absolute;inset:0;width:100%;height:100%}.hero-slide{opacity:0;transition:opacity 1.5s ease;object-position:center;transform:scale(1.04)}.hero-slide.is-current{opacity:1;animation:drift 12s linear both}.hero-wash{background:linear-gradient(180deg,#14251750 0%,#14251705 38%,#14251770 100%)}.hero-intro{position:absolute;bottom:115px;text-align:center;left:4%;right:4%}.eyebrow{text-transform:uppercase;font-size:9px;letter-spacing:1.35px;font-weight:400;line-height:1.7}.hero-intro>.eyebrow{margin-bottom:25px;font-size:9px;letter-spacing:1.8px}.hero-intro h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(45px,5.5vw,91px);line-height:1.03;letter-spacing:-.05em;text-shadow:0 2px 30px #0001}.hero-intro h1 em{letter-spacing:-.055em}.hero-explore{margin-top:25px;display:inline-flex;align-items:center;gap:20px;font-size:9px;text-transform:uppercase;letter-spacing:1px}.hero-explore span{font-size:15px}.hero-controls{position:absolute;bottom:35px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center}.hero-location{font-size:10px;letter-spacing:.3px}.slide-controls{display:flex;align-items:center;gap:16px}.slide-controls button{font-size:10px;opacity:.6;padding:8px 0;border-bottom:1px solid transparent}.slide-controls button[aria-pressed=true]{opacity:1;border-color:white}.slide-controls button:last-child{border:1px solid #fff8;border-radius:50%;width:28px;height:28px;padding:0;margin-left:8px;opacity:1}.section{padding:100px 5%}.position{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5%}.position h2{font-size:clamp(30px,2.9vw,48px);margin:25px 0}.position>p{font-size:14px;padding-top:40px}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:10px;border:1px solid #bcc3b7;border-radius:30px;padding:9px 15px;text-transform:uppercase;line-height:1.5;transition:background .2s}.text-link:hover{background:var(--sage)}.text-link span{font-size:15px}.principles{padding:15px 5% 100px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:5%}.principles>div{border-left:1px solid var(--line);padding:5px 0 5px 24px;display:flex;align-items:start;gap:20px}.principles>div:last-child{transform:translateY(35px)}.principles strong{font-size:clamp(65px,8.2vw,138px);font-weight:400;line-height:.9;letter-spacing:-.08em}.principles p{font-size:20px;line-height:1.05;padding-top:5px;letter-spacing:-.7px}.principles p em{display:block;font-size:22px}.principles p span{display:block;font-size:9px;color:var(--muted);letter-spacing:0;line-height:1.7;margin-top:15px;max-width:135px}.expertise{display:grid;grid-template-columns:1fr 2fr;gap:7%;padding-top:75px;padding-bottom:110px}.expertise-intro{position:sticky;top:45px;align-self:start}.expertise h2{font-size:clamp(40px,4vw,64px);margin:15px 0 35px}.expertise-photo{width:80%;aspect-ratio:1.5;overflow:hidden;border-radius:20px;margin-bottom:25px}.expertise-photo img{height:100%;animation:fade .45s ease}.expertise-intro>p{font-size:12px;margin-bottom:20px}.services{border-top:1px solid var(--line)}.services details{border-bottom:1px solid var(--line);padding:22px 0}.services summary{display:flex;align-items:center;list-style:none;font-size:clamp(45px,6.8vw,110px);letter-spacing:-.07em;color:#aeb5a8;cursor:pointer;transition:color .25s;line-height:1.15;gap:15px}.services summary::-webkit-details-marker{display:none}.services summary span{font-size:9px;letter-spacing:0;align-self:start;padding-top:18px}.services summary b{font-size:28px;font-weight:400;margin-left:auto;opacity:0;transition:opacity .3s,transform .3s}.services details[open] summary,.services summary:hover{color:var(--ink)}.services details[open] summary b,.services summary:hover b{opacity:1}.services details[open] summary b{transform:rotate(90deg)}.services details>div{padding:15px 40px 16px 28px;max-width:640px;animation:fade .35s ease}.services h3{font-size:19px;letter-spacing:-.6px;margin:4px 0 15px}.services p{font-size:13px}.services small{display:block;font-size:9px;line-height:1.6;margin-top:23px;color:var(--muted)}.work{padding-top:95px;background:#f0f1ec}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.section-heading h2{font-size:clamp(40px,4.8vw,77px);margin-top:20px}.section-heading>p{font-size:12px;max-width:355px}.muted{color:var(--muted);font-size:10px;line-height:1.6}.filters{display:flex;gap:30px;border-bottom:1px solid #ccd0c5;margin:40px 0 30px}.filters button{padding:15px 0;color:var(--muted);font-size:10px;position:relative;text-transform:uppercase}.filters button.active{color:var(--ink)}.filters button.active:after{content:'';height:1px;background:var(--ink);position:absolute;bottom:-1px;left:0;right:0}sup{font-size:8px;margin-left:6px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 30px}.project{padding:0;text-align:left;width:100%}.project.wide{grid-column:1/-1}.project-image{height:450px;position:relative;overflow:hidden;border-radius:3px}.wide .project-image{height:640px}.project-image img{height:100%;transition:transform 1s}.project:hover img{transform:scale(1.04)}.project-open{position:absolute;bottom:25px;right:25px;background:var(--paper);padding:12px 18px;font-size:9px;border-radius:30px;text-transform:uppercase;transition:transform .3s}.project:hover .project-open{transform:translateY(-5px)}.concept-label{position:absolute;top:24px;left:24px;text-transform:uppercase;letter-spacing:1px;font-size:8px;background:#f9f8f4e0;padding:8px 11px;border-radius:30px}.project-meta{display:flex;justify-content:space-between;gap:20px;margin-top:18px;align-items:center}.project-meta h3{font-size:22px;letter-spacing:-.8px}.project-meta>span{font-size:9px}.project-meta b{font-size:20px;margin-left:15px;font-weight:400}.worlds{padding:95px 0 50px}.worlds-heading{padding:0 5%;display:flex;justify-content:space-between;gap:30px;align-items:start;margin-bottom:55px}.worlds h2{font-size:clamp(35px,4.2vw,66px);width:63%}.worlds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 15px}.world-card{padding:0;height:600px;overflow:hidden;position:relative;text-align:left;color:white}.world-card:after{content:'';position:absolute;inset:0;background:linear-gradient(#0002,transparent 40%,#0007)}.world-card>img{height:100%;transition:transform 1s}.world-card:hover img{transform:scale(1.05)}.world-number{position:absolute;top:25px;left:28px;text-transform:uppercase;font-size:9px;letter-spacing:1px;z-index:1}.world-card>div{position:absolute;bottom:35px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:end;z-index:1}.world-card h3{font-size:clamp(32px,3.8vw,60px);letter-spacing:-.055em}.round-arrow{width:40px;height:40px;display:grid;place-items:center;border:1px solid #fff8;border-radius:100%;font-size:20px;flex-shrink:0;margin-left:10px}.worlds-note{padding:20px 5% 0;font-size:10px;color:var(--muted)}.approach{padding-top:65px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px}.steps article{border-top:1px solid var(--line);padding-top:22px}.steps span{font-size:9px;text-transform:uppercase;letter-spacing:1px}.steps h3{font-size:25px;letter-spacing:-1px;margin:35px 0 15px;line-height:1.1}.steps p{font-size:12px;color:#6c736a;max-width:255px}.enquiry-section{padding:90px 5% 45px;background:var(--sage)}.enquiry-section>button{width:100%;text-align:left;font-size:clamp(65px,10vw,155px);letter-spacing:-.07em;line-height:.95;padding:40px 0 60px;position:relative}.enquiry-section>button em{letter-spacing:-.065em}.enquiry-section>button>span{position:absolute;right:0;top:30px;font-size:100px}.enquiry-bottom{border-top:1px solid #c4ccbb;padding-top:30px;display:flex;justify-content:space-between;align-items:end;font-size:12px}footer{padding:60px 5% 25px;overflow:hidden}.footer-top{display:grid;grid-template-columns:1fr 1fr .5fr .5fr;gap:40px}.footer-top p{font-size:12px}.footer-top>div{display:flex;flex-direction:column;align-items:start;gap:12px;font-size:11px}.footer-top .eyebrow{font-size:8px;color:var(--muted);margin-bottom:8px}.footer-wordmark{font-size:clamp(100px,21vw,340px);font-weight:500;letter-spacing:-.08em;line-height:1.1;white-space:nowrap;margin:45px 0 35px -1.2%}.footer-base{display:flex;justify-content:space-between;gap:20px;padding-top:25px;border-top:1px solid var(--line);font-size:8px;color:var(--muted)}dialog{padding:0;border:0;background:var(--paper);color:var(--ink);width:min(920px,92vw);max-height:90vh;overscroll-behavior:contain;border-radius:7px}dialog::backdrop{background:#172219a8;backdrop-filter:blur(5px)}dialog .close{position:absolute;right:20px;top:20px;background:var(--paper);border:1px solid var(--line);width:38px;height:38px;border-radius:100%;z-index:2}dialog>img{height:360px}.dialog-content{padding:50px}.dialog-content h2{font-size:48px;margin:22px 0;letter-spacing:-.05em}.dialog-content>p{font-size:14px}.case-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:35px 0}.case-columns h3{font-size:18px;margin-bottom:12px}.case-columns p{font-size:13px}.solid{background:var(--ink);color:var(--paper);padding:14px 23px;margin-top:25px;font-size:11px;border-radius:30px}.solid:hover{background:#4d5b4d}#enquiry-dialog{width:min(600px,94vw)}label{display:block;font-size:12px;margin-top:25px}input,textarea,select{width:100%;display:block;background:none;border:0;border-bottom:1px solid #adb6a6;color:var(--ink);font:inherit;padding:12px 0;border-radius:0;margin-top:5px}textarea{resize:vertical}#step-two>.text-link{margin-right:20px}.download-brief{display:flex;margin-top:18px}.skip{position:fixed;top:-60px;background:white;z-index:10;padding:12px}.skip:focus{top:0}[hidden]{display:none!important}body:has(dialog[open]){overflow:hidden}#brief-status{font-size:12px;margin-top:20px}@keyframes drift{from{transform:scale(1.04)}to{transform:scale(1.12)}}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1700px){.section,.principles,.enquiry-section,footer{padding-left:7%;padding-right:7%}}@media(max-width:1000px){.opening{min-height:680px}.hero-intro h1{font-size:65px}.position{gap:4%}.position h2{font-size:30px}.position>p{font-size:12px}.principles>div{padding-left:15px;gap:15px}.principles p{font-size:17px}.principles p em{font-size:18px}.principles strong{font-size:80px}.principles p span{font-size:8px}.expertise{gap:5%}.services summary{font-size:65px}.world-card{height:500px}.world-card>div{left:20px;right:20px}.world-card h3{font-size:37px}.round-arrow{width:32px;height:32px}.project-meta{display:block}.project-meta>span{display:block;margin-top:9px}.project-image{height:380px}.wide .project-image{height:540px}.steps{gap:22px}.steps h3{font-size:21px}.steps p{font-size:11px}.enquiry-section>button>span{font-size:75px}.footer-top{gap:25px}}@media(max-width:650px){header{height:85px;padding:0 6%}.logo{font-size:29px}.contact-link{margin-left:auto;margin-right:18px;font-size:8px;padding:8px 12px;gap:7px}.menu-toggle{display:block;font-size:20px;padding:0;width:24px}.menu-toggle[aria-expanded=true]{color:var(--ink);z-index:6}nav{display:none;position:absolute;top:0;left:0;right:0;background:var(--paper);color:var(--ink);padding:90px 6% 35px;z-index:-1}nav.open{display:flex;flex-direction:column;gap:20px}.opening{height:95svh;min-height:660px;max-height:1000px}.hero-slide{object-position:50% center}.hero-intro{bottom:140px;left:5%;right:5%}.hero-intro>.eyebrow{font-size:7px;letter-spacing:1.3px;max-width:250px;margin:0 auto 23px}.hero-intro h1{font-size:44px;line-height:1.06;letter-spacing:-2.5px}.hero-intro h1 em{letter-spacing:-2.5px}.hero-intro h1 br:last-of-type{display:none}.hero-explore{margin-top:25px;font-size:8px}.hero-controls{bottom:30px;left:6%;right:6%}.hero-location{font-size:8px}.slide-controls{gap:12px}.slide-controls button{font-size:9px}.section{padding:65px 6%}.position{grid-template-columns:1fr;gap:25px}.position h2{font-size:38px}.position>p{padding:0;font-size:13px}.position>p:last-child{margin-top:0}.principles{padding:0 6% 55px;grid-template-columns:1fr;gap:20px}.principles>div{padding:10px 0 10px 20px;align-items:center;gap:30px}.principles>div:last-child{transform:none}.principles strong{font-size:85px;min-width:110px}.principles p{font-size:22px}.principles p em{display:inline;font-size:24px;margin-left:5px}.principles p span{max-width:none;font-size:9px;margin-top:10px}.expertise{display:block;padding-top:35px}.expertise-intro{position:static}.expertise h2{font-size:47px;margin:15px 0 25px}.expertise-photo{width:47%;position:absolute;right:6%;top:10px;border-radius:10px}.expertise-intro{position:relative}.expertise-intro .expertise-photo{right:0;top:35px;width:42%;aspect-ratio:1}.expertise-intro>p{margin:0 0 20px;font-size:11px}.services{margin-top:40px}.services summary{font-size:49px;gap:12px}.services summary span{font-size:8px;padding-top:10px}.services summary b{font-size:22px}.services details{padding:18px 0}.services details>div{padding:15px 10px 10px 22px}.services h3{font-size:18px}.services p{font-size:12px}.services small{font-size:8px}.section-heading{display:block}.section-heading h2{font-size:43px}.section-heading>p{margin-top:20px;font-size:11px;max-width:none}.filters{gap:20px;margin:25px 0}.filters button{font-size:8px}.filters sup{display:none}.project-grid{grid-template-columns:1fr;gap:35px}.wide .project-image,.project-image{height:380px}.project-meta{display:flex}.project-meta h3{font-size:20px}.project-meta>span{font-size:8px;max-width:120px;margin:0}.project-meta b{display:none}.project-open{right:15px;bottom:15px;font-size:8px}.concept-label{top:15px;left:15px;font-size:7px}.worlds{padding:60px 0 20px}.worlds-heading{padding:0 6%;display:block;margin-bottom:30px}.worlds h2{font-size:39px;width:100%;margin-top:20px}.worlds-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 6% 10px}.world-card{flex:0 0 85%;height:490px;scroll-snap-align:center}.world-card h3{font-size:48px}.world-card>div{left:25px;right:25px}.worlds-note{font-size:9px;padding-left:6%;padding-right:6%}.approach .section-heading h2{font-size:38px}.steps{grid-template-columns:1fr 1fr;gap:30px 22px;margin-top:40px}.steps h3{font-size:21px;margin-top:25px}.steps p{font-size:11px}.steps span{font-size:8px}.enquiry-section{padding:60px 6% 35px}.enquiry-section>button{font-size:72px;padding:35px 0 45px}.enquiry-section>button>span{font-size:45px;top:30px}.enquiry-bottom{align-items:start;gap:20px}.enquiry-bottom p{font-size:10px}.enquiry-bottom .text-link{font-size:8px;padding:8px 10px;white-space:nowrap;gap:8px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-top p{font-size:10px}.footer-top>div{font-size:10px}.footer-wordmark{margin:35px 0 25px;font-size:21vw}.footer-base{font-size:7px;gap:10px}.footer-base span:nth-child(2){display:none}.dialog-content{padding:35px 25px}.dialog-content h2{font-size:37px}dialog>img{height:240px}.case-columns{grid-template-columns:1fr;gap:25px}.dialog-content .eyebrow{max-width:85%;line-height:1.7}#enquiry-dialog .close{right:12px;top:12px}.eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Nuvola Digital: editorial typography and a change of atmosphere. */
h1,h2,h3,em,.services summary{font-family:'EB Garamond',Georgia,serif;font-weight:400;letter-spacing:-.035em}em{font-style:italic}.hero-intro h1{font-family:'EB Garamond',Georgia,serif;font-size:clamp(54px,6.2vw,105px);line-height:.98;letter-spacing:-.035em}.hero-intro h1 em{letter-spacing:-.035em}.hero-intro>.eyebrow{font-size:10px;letter-spacing:1.8px}.hero-wash{background:linear-gradient(180deg,#14251750 0%,#14251702 30%,#14251770 100%)}.hero-slide:first-child{object-position:center 52%}.logo{display:block;width:175px;line-height:0;letter-spacing:0}.logo img{width:100%;height:auto;object-fit:contain;display:block}.position h2{font-size:clamp(35px,3.4vw,56px);line-height:1.02}.position>p{padding-top:48px}.principles strong{font-family:'EB Garamond',Georgia,serif;font-size:clamp(80px,9.4vw,155px);font-weight:400;letter-spacing:-.06em;line-height:.8}.principles p em{font-family:'EB Garamond',Georgia,serif;letter-spacing:-.035em}.expertise h2{font-size:clamp(48px,5.2vw,82px)}.services summary{font-size:clamp(55px,7.8vw,125px);line-height:1.05}.services summary span,.services summary b{font-family:'DM Sans',Arial,sans-serif}.services h3{font-size:25px;letter-spacing:-.02em}.section-heading h2{font-size:clamp(48px,5.8vw,90px)}.project-meta h3{font-size:27px;letter-spacing:-.025em}.worlds h2{font-size:clamp(45px,5.2vw,82px)}.world-card h3{font-size:clamp(42px,4.6vw,72px);line-height:.96;letter-spacing:-.03em}.steps h3{font-size:31px;letter-spacing:-.025em}.enquiry-section>button{font-family:'EB Garamond',Georgia,serif;font-size:clamp(80px,12vw,185px);letter-spacing:-.045em;line-height:.85}.enquiry-section>button em{letter-spacing:-.045em}.enquiry-section>button>span{font-family:'DM Sans',Arial,sans-serif}.dialog-content h2{font-family:'EB Garamond',Georgia,serif;font-size:57px;letter-spacing:-.025em}.case-columns h3{font-size:24px}.dark-chapter,.dark-footer{--ink:#f3f1e9;--muted:#b7c0b3;--line:#4b5a4d;--sage:#344237;color:var(--ink);background:#202d24}.dark-chapter{position:relative}.dark-chapter .work{background:transparent;padding-top:110px}.dark-chapter .filters{border-color:var(--line)}.dark-chapter .project-open,.dark-chapter .concept-label{color:#202d24}.dark-chapter .project-meta>span{color:#c4ccbf}.dark-chapter .steps p{color:#bec8b8}.dark-chapter .worlds{border-top:1px solid #3e4d40}.dark-chapter .worlds-note{color:#b7c0b3}.dark-chapter .text-link{border-color:#85927e}.dark-chapter .text-link:hover{background:#3b4c3c}.dark-chapter .enquiry-section{background:#202d24;border-top:1px solid var(--line)}.dark-chapter .enquiry-bottom{border-color:var(--line)}.dark-footer{border-top:1px solid #3e4d40;padding-top:65px}.footer-wordmark{margin:65px 0 60px;line-height:0}.footer-wordmark img{width:min(900px,80vw);height:auto;object-fit:contain}.footer-top .logo{width:150px}.in-dark-chapter{background:#202d24;transition:background-color .6s}.dark-chapter .project-image{border-radius:0}.dark-chapter .world-card:after{background:linear-gradient(#0002,transparent 40%,#0008)}
@media(max-width:1000px){.position h2{font-size:36px}.services summary{font-size:76px}.steps h3{font-size:27px}.project-meta h3{font-size:25px}.world-card h3{font-size:46px}.hero-intro h1{font-size:75px}}
@media(max-width:650px){.logo{width:120px}.contact-link{font-size:8px;margin-right:15px}.hero-intro{bottom:140px}.hero-intro>.eyebrow{font-size:8px;line-height:1.8;max-width:260px}.hero-intro h1{font-size:49px;letter-spacing:-1.7px;line-height:1.01}.hero-intro h1 em{letter-spacing:-1.7px}.position h2{font-size:43px}.position>p{padding-top:0}.principles strong{font-size:98px;line-height:.8}.principles p em{font-size:25px}.expertise h2{font-size:53px}.services summary{font-size:57px;letter-spacing:-.04em}.services h3{font-size:23px}.section-heading h2{font-size:50px}.dark-chapter .work{padding-top:65px}.project-meta h3{font-size:25px}.worlds h2{font-size:47px}.world-card h3{font-size:58px}.steps h3{font-size:27px}.approach .section-heading h2{font-size:47px}.enquiry-section>button{font-size:85px;line-height:.9}.enquiry-section>button>span{font-size:38px;top:32px}.footer-top .logo{width:125px}.footer-wordmark{margin:55px 0 45px}.footer-wordmark img{width:100%;height:auto}.dialog-content h2{font-size:43px}.footer-top>p{padding-top:5px}}

/* Featured client story and project journal. */
.featured-player{margin-top:45px;border:1px solid #61705e;background:#17231c;overflow:hidden}.browser-chrome{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:20px;color:#d5decd;font-size:9px;letter-spacing:.3px}.window-dots{color:#8a9884;font-size:8px;letter-spacing:3px}.tour-wrap{position:relative}.tour-video{display:block;width:100%;aspect-ratio:8/5;object-fit:contain;background:#202d24}.film-play{position:absolute;right:25px;bottom:65px;display:flex;align-items:center;gap:14px;background:#fcfcfaf0;color:#202d24;padding:14px 20px;border-radius:50px;text-align:left;box-shadow:0 4px 30px #0002;font-size:12px}.film-play>span{display:grid;place-items:center;width:35px;height:35px;border:1px solid #a8b0a0;border-radius:50%;font-size:11px;padding-left:2px}.film-play small{display:block;font-size:8px;margin-top:4px;color:#6b7564}.film-play:hover{background:white}.featured-story{display:grid;grid-template-columns:1fr 1fr;gap:9%;margin-top:45px}.featured-story h3{font-size:clamp(32px,3.7vw,58px);line-height:1.05;letter-spacing:-.025em;margin-top:15px}.featured-story>div>p{font-size:13px;max-width:470px;color:#d3dbcb}.case-link{margin-top:25px}.scope-strip{border-top:1px solid var(--line);margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.5px}.case-header{position:relative;background:var(--paper);color:var(--ink);height:105px;border-bottom:1px solid var(--line)}.case-header .logo img{filter:brightness(0)}.case-header .contact-link{border:1px solid #b8c1af}.case-opening{padding:45px 6% 65px}.back-link{font-size:10px;display:inline-block;margin-bottom:55px;color:var(--muted)}.case-opening h1{font-family:'EB Garamond',Georgia,serif;font-size:clamp(65px,8vw,125px);line-height:.92;margin:28px 0 35px;letter-spacing:-.035em}.case-opening-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.case-opening-bottom p{font-size:12px}.case-cover{margin:0;padding:0 25px}.case-cover img{width:100%;height:auto;object-fit:contain;border:1px solid var(--line)}.case-cover figcaption,figure figcaption{font-size:9px;color:var(--muted);margin-top:12px;line-height:1.6}.case-overview{display:grid;grid-template-columns:1fr 1fr;gap:10%}.case-overview h2,.case-brand h2,.case-detail h2,.case-print h2{font-size:clamp(40px,4.3vw,68px);line-height:1.02;margin-top:20px}.case-overview p{font-size:13px;margin-bottom:20px}.case-overview .case-lead{font-size:20px;line-height:1.5;letter-spacing:-.5px}.case-facts{margin:30px 0 0;font-size:11px}.case-facts>div{display:grid;grid-template-columns:100px 1fr;gap:20px;border-top:1px solid var(--line);padding:15px 0}.case-facts dt{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:1px}.case-facts dd{margin:0}.case-brand{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#ebece6;align-items:center}.brand-lockup{background:#233029;padding:70px 45px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:430px}.brand-lockup img{width:min(350px,90%);height:auto;object-fit:contain}.brand-lockup p{font-family:'EB Garamond',Georgia,serif;font-size:32px!important;line-height:1.1;color:#eee9dd;text-align:center;margin-top:45px!important}.case-brand>div>p{font-size:13px;margin-top:25px}.case-film{background:#202d24;color:#f3f1e9;--muted:#b7c0b3;--line:#4b5a4d}.case-film .section-heading h2{font-size:clamp(48px,5.4vw,85px)}.film-chapters{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#c8d1bf;padding-top:23px}.case-detail{display:grid;grid-template-columns:1fr 1.5fr;gap:7%;align-items:center}.case-detail figure{margin:0}.case-detail figure>img{border:1px solid var(--line);height:auto;object-fit:contain;box-shadow:0 10px 45px #202d2410}.case-detail p{font-size:13px;margin-top:25px}.case-detail.reverse{background:#f0f1eb;grid-template-columns:1.5fr 1fr}.case-detail.reverse .case-detail-copy{grid-column:2;grid-row:1}.case-detail.reverse figure{grid-column:1;grid-row:1}.case-print{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid var(--line)}.case-print p{font-size:13px;margin-bottom:20px}.print-scope{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.print-scope span{padding:8px 12px;border:1px solid var(--line);border-radius:30px;font-size:9px}.case-close{padding:100px 6%;text-align:center;background:#e6e9e1}.case-close h2{font-family:'EB Garamond',Georgia,serif;font-size:clamp(50px,6vw,95px);margin:25px 0;line-height:1}.case-close p{font-size:13px;max-width:580px;margin:auto}.case-close>div:last-child{display:flex;justify-content:center;gap:18px;margin-top:30px}.case-page.in-dark-chapter{background:var(--paper)}.case-page .dialog-content h2{font-size:52px}
@media(max-width:1000px){.case-detail{gap:5%;grid-template-columns:1fr 1.1fr}.case-detail.reverse{grid-template-columns:1.1fr 1fr}.case-detail h2{font-size:43px}.case-brand{gap:6%}.brand-lockup{padding:55px 30px;min-height:360px}.film-chapters{font-size:8px;gap:12px}.featured-story h3{font-size:43px}}
@media(max-width:650px){.featured-player{margin-top:30px}.browser-chrome{height:30px;padding:0 10px;font-size:7px;gap:8px}.window-dots{font-size:6px;letter-spacing:1px}.featured-story{grid-template-columns:1fr;gap:25px;margin-top:30px}.featured-story h3{font-size:41px}.featured-story>div>p{font-size:12px}.film-play{right:12px;bottom:42px;padding:10px 13px;gap:10px;font-size:10px}.film-play>span{width:27px;height:27px;font-size:9px}.film-play small{font-size:7px}.scope-strip{display:grid;grid-template-columns:1fr 1fr;font-size:8px;gap:18px;padding-top:25px;margin-top:30px}.case-header{height:85px}.case-opening{padding:30px 6% 40px}.back-link{margin-bottom:35px;font-size:9px}.case-opening h1{font-size:62px;margin:25px 0}.case-opening-bottom{display:block}.case-opening-bottom p{font-size:11px;margin-bottom:25px}.case-cover{padding:0 10px}.case-cover figcaption{margin:10px 10px 0;font-size:8px}.case-overview,.case-brand,.case-detail,.case-detail.reverse,.case-print{grid-template-columns:1fr;gap:30px}.case-overview h2,.case-brand h2,.case-detail h2,.case-print h2{font-size:43px}.case-overview .case-lead{font-size:18px}.case-overview p,.case-detail p,.case-print p{font-size:12px}.case-brand .brand-lockup{grid-row:2;min-height:300px}.case-brand>div>p{font-size:12px}.brand-lockup p{font-size:29px!important}.case-detail.reverse .case-detail-copy,.case-detail.reverse figure{grid-column:1;grid-row:auto}.case-film .section-heading h2{font-size:50px}.film-chapters{display:grid;grid-template-columns:1fr 1fr;font-size:8px;gap:15px;padding-top:20px}.case-close{padding:65px 6%}.case-close h2{font-size:52px}.case-close p{font-size:12px}.case-close>div:last-child{align-items:center;flex-direction:column;gap:13px}.case-page .dialog-content h2{font-size:43px}}