@font-face{font-family:Manrope;src:url('../assets/fonts/sans.woff2') format('woff2');font-display:swap;font-weight:400 800}@font-face{font-family:Cormorant;src:url('../assets/fonts/display.woff2') format('woff2');font-display:swap}@font-face{font-family:Instrument;src:url('../assets/fonts/serif.woff2') format('woff2');font-display:swap}@font-face{font-family:Space;src:url('../assets/fonts/tech.woff2') format('woff2');font-display:swap;font-weight:400 700}
:root{--ease:cubic-bezier(.22,.8,.2,1);--ink:#202820;--paper:#f4f1e8;--accent:#445540}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font:16px/1.6 Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);overflow-x:clip}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:default}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid currentColor;outline-offset:6px}img{max-width:100%;display:block}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}p{max-width:65ch}::selection{background:var(--accent);color:var(--paper)}.skip{position:fixed;left:20px;top:-100px;padding:10px 20px;background:var(--paper);z-index:999}.skip:focus{top:20px}.portfolio-nav{height:34px;background:#181b18;color:#e8ede4;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;font-size:12px;letter-spacing:.02em;position:relative;z-index:110}.portfolio-nav a{display:inline-flex;align-items:center;gap:12px}.portfolio-nav b{font-size:15px;letter-spacing:-1px}.portfolio-nav .projects{display:flex;gap:18px}.portfolio-nav a[aria-current]{opacity:.5}.topnav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 4vw;position:absolute;top:34px;left:0;right:0;z-index:20}.topnav .links{display:flex;align-items:center;gap:32px;font-size:14px}.wordmark{line-height:1}.nav-cta{border-bottom:1px solid currentColor;padding:8px 0;background:transparent;font-size:14px}.overline{font-size:12px;letter-spacing:.14em;text-transform:uppercase;line-height:1.6}.arrow-link{display:inline-flex;gap:36px;align-items:center;border-bottom:1px solid currentColor;padding:15px 0;font-size:14px;background:none}.arrow-link span:last-child{transition:transform .5s var(--ease)}.arrow-link:hover span:last-child{transform:translate(5px,-5px)}.circle-link{width:72px;height:72px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;background:transparent;font-size:25px;transition:background .35s,color .35s,transform .35s}.circle-link:hover{background:var(--ink);color:var(--paper)}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(36px);transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:var(--delay,0s)}.js .reveal.visible{opacity:1;transform:none}.split-line{display:block;overflow:hidden}.split-line>span{display:block;animation:rise 1.3s var(--ease) both;animation-delay:var(--delay,.1s)}@keyframes rise{from{transform:translateY(110%)}to{transform:translateY(0)}}.motion-control{position:fixed;bottom:20px;right:22px;border:1px solid #ffffff35;border-radius:30px;background:#151914c9;color:#f5f7f1;font-size:12px;padding:10px 14px;z-index:80;backdrop-filter:blur(15px);display:flex;gap:8px;align-items:center}.motion-control:before{content:'Ⅱ';font-size:13px}.motion-control[aria-pressed=true]:before{content:'▶'}.cursor-label{position:fixed;left:0;top:0;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:var(--ink);z-index:60;pointer-events:none;opacity:0;transform:translate(-50%,-50%);font-size:12px;letter-spacing:.1em;transition:opacity .2s}.cursor-label.active{opacity:1}.site-footer{padding:35px 4vw 80px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid currentColor;font-size:12px}.site-footer p{max-width:500px;opacity:.7}.site-footer a{border-bottom:1px solid currentColor}.dialog{border:1px solid currentColor;padding:0;background:var(--paper);color:var(--ink);max-width:540px;width:calc(100% - 32px);max-height:90svh;overflow:auto}.dialog::backdrop{background:#0b1012b8;backdrop-filter:blur(12px)}.dialog-inner{padding:42px}.dialog-close{position:absolute;right:14px;top:10px;font-size:24px;background:none;width:40px;height:40px}.dialog h2{font-size:42px;line-height:1.05;letter-spacing:-.04em;margin:20px 0}.dialog p{font-size:14px;margin:16px 0}.dialog label{display:block;font-size:13px;margin:22px 0 6px}.dialog input,.dialog select{background:transparent;border:0;border-bottom:1px solid currentColor;color:inherit;width:100%;padding:12px 0;border-radius:0}.dialog select option{color:#151914;background:#f4f1e8}.solid-btn{padding:17px 24px;background:var(--ink);color:var(--paper);display:inline-flex;justify-content:center;align-items:center;gap:25px;font-size:14px;transition:transform .3s}.solid-btn:hover{transform:translateY(-3px)}.dialog .solid-btn{width:100%;margin-top:26px}.small-note{font-size:12px!important;opacity:.65}.dialog-success{padding:20px 0}.dialog-success h2{margin-bottom:24px}[hidden]{display:none!important}.page-progress{position:fixed;bottom:0;height:2px;left:0;background:var(--accent);width:100%;transform:scaleX(0);transform-origin:left;z-index:100}.video-slot{position:relative}.video-slot video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s}.video-slot.video-ready video{opacity:1}.no-motion *, .no-motion *:before,.no-motion *:after{animation:none!important;transition-duration:.01ms!important}.no-motion .reveal{opacity:1!important;transform:none!important}
@media(max-width:760px){html{scroll-padding-top:30px}.portfolio-nav{padding:0 20px}.portfolio-nav>span{display:none}.portfolio-nav .projects{gap:14px;font-size:12px}.topnav{padding:0 22px;height:82px}.topnav .links>a{display:none}.topnav .links{gap:0}.site-footer{align-items:flex-start;flex-direction:column;padding:30px 22px 85px}.dialog-inner{padding:32px 25px}.motion-control{bottom:14px;right:14px;font-size:12px}.cursor-label{display:none}.circle-link{width:58px;height:58px}.js .reveal{transform:translateY(22px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}

/* Ausa portfolio signature: official yellow, black and white. */
.portfolio-nav{background:#000;color:#fff;font-family:var(--ausa-sans);letter-spacing:var(--ausa-tracking)}.portfolio-nav b{color:#ffbd00;font-size:15px;letter-spacing:0;font-weight:500}.portfolio-nav a:focus-visible{outline-color:#ffbd00}.portfolio-nav .projects a:hover{color:#ffbd00}

.no-motion{scroll-behavior:auto}body.no-motion{scroll-behavior:auto}
@media(max-width:760px){.motion-control{font-size:0!important;line-height:1;width:44px;height:44px;padding:0;justify-content:center;right:12px;bottom:12px}.motion-control:before{font-size:16px}.topnav .nav-cta{font-size:14px}.portfolio-nav .projects{gap:12px}.portfolio-nav{font-size:12px}.dialog p{font-size:16px}.dialog .small-note{font-size:12px!important}}
@view-transition{navigation:auto}::view-transition-old(root){animation:cross-out .25s ease both}::view-transition-new(root){animation:cross-in .55s cubic-bezier(.2,.75,.2,1) both}@keyframes cross-out{to{opacity:0;transform:translateY(-10px)}}@keyframes cross-in{from{opacity:0;transform:translateY(18px)}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}

.no-motion::view-transition-old(root),.no-motion::view-transition-new(root){animation:none!important}
.enquiry-summary{border-top:1px solid #80808040;padding-top:20px;margin:25px 0}.enquiry-summary dt{font-size:12px;opacity:.65;margin-bottom:6px}.enquiry-summary dd{margin:0 0 20px;font-size:16px;overflow-wrap:anywhere}
