:root{--ink:#11171b;--paper:#f0eee7;--muted:#a4afb6;--accent:#ef624b;--line:rgba(255,255,255,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--ink);color:var(--paper);font-family:'Instrument Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,video:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;max-width:100%}.skip{position:absolute;top:-100px;z-index:100;padding:15px;background:white;color:black}.skip:focus{top:5px}.site-header{position:absolute;z-index:10;top:0;width:100%;height:105px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid var(--line)}.brand{font-family:Archivo,Arial,sans-serif;font-size:23px;letter-spacing:.15em;font-weight:700;white-space:nowrap}.brand-dot{color:var(--accent);font-weight:400;letter-spacing:0}.brand small{display:block;font-family:'Instrument Sans',Arial,sans-serif;font-size:8px;letter-spacing:.26em;font-weight:500;margin-top:9px}.site-header nav{display:flex;gap:34px;font-size:13px}.site-header nav a{color:#e0e4e5}.site-header nav a:hover,.text-link:hover{color:var(--accent)}.header-cta{font-size:13px;border:1px solid #626b70;padding:13px 20px;border-radius:3px}.header-cta span{margin-left:20px}.hero{min-height:820px;height:100svh;max-height:1100px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,12,16,.65),rgba(7,12,16,.22) 55%,rgba(7,12,16,.08)),linear-gradient(0deg,#11171b 0%,transparent 22%);z-index:-2}.hero-content{padding:145px 5.5% 120px;width:100%;max-width:1500px;margin:auto}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.17em;line-height:1.8;text-transform:uppercase;margin:0 0 25px}.signal{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:10px;box-shadow:0 0 15px #ef624b88}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Archivo,Arial,sans-serif}h1{font-size:clamp(54px,6.6vw,102px);letter-spacing:-.065em;line-height:.99;font-weight:700;margin:0 0 29px;max-width:1000px}h1>span{color:#bcc8ce;font-size:.8em;line-height:1.25;display:inline-block;margin-top:5px}.hero-description{font-size:17px;line-height:1.7;color:#c8d0d4;max-width:480px;margin-bottom:29px}.hero-actions{display:flex;gap:32px;align-items:center}.button{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;padding:17px 23px;font-size:13px;font-weight:600;border-radius:3px;transition:transform .2s,background .2s}.primary{background:var(--accent);color:#121619}.primary:hover{background:#ff8169;transform:translateY(-3px)}.text-link{font-size:13px;font-weight:600;display:inline-flex;gap:20px;align-items:center;transition:color .2s}.hero-footer{position:absolute;bottom:32px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;color:#abb6bc}.hero-footer a span{margin-left:20px}.frame-corner{position:absolute;right:5.5%;top:155px;border-right:1px solid #ffffff44;border-top:1px solid #ffffff44;width:52px;height:52px}.credentials{display:grid;grid-template-columns:1fr 1fr 1fr;padding:32px 5.5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:25px}.credentials>div{display:flex;flex-direction:column;gap:9px}.credentials strong{font-size:18px;font-weight:500}.credentials span{color:#a4afb6;font-size:12px}.section{padding:110px 5.5%;scroll-margin-top:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:50px}.section-heading h2,.studio h2{font-size:clamp(36px,4vw,58px);line-height:1.06;letter-spacing:-.045em;margin-bottom:0;font-weight:600}em{font-style:normal;color:#7f8c94}.section-heading>p{font-size:14px;line-height:1.8;margin:0 0 3px;max-width:300px;color:#adb7bd}.work{background:var(--paper);color:var(--ink)}.work .eyebrow{color:#695c51}.work .section-heading>p{color:#596169}.work em{color:#727a7e}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px 35px}.project{min-width:0;perspective:1300px}.project-open{padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer;width:100%;display:block}.project-visual{aspect-ratio:1.5;position:relative;padding:10% 7%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#ccd3d4;border-radius:5px;isolation:isolate}.gold .project-visual{background:radial-gradient(ellipse at 80% 0%,#827252,#343b3b 90%)}.blue .project-visual{background:radial-gradient(ellipse at 90% 0%,#839da9,#273e4a 90%)}.ember .project-visual{background:radial-gradient(ellipse at 80% 0%,#ab7760,#44312e 90%)}.green .project-visual{background:radial-gradient(ellipse at 70% 0%,#9caa84,#384b42 90%)}.red .project-visual{background:radial-gradient(ellipse at 70% 0%,#985f59,#382b32 90%)}.screen{width:100%;border-radius:6px;overflow:hidden;box-shadow:5px 22px 25px #0006,1px 2px 0 #ffffff55;border:1px solid #ffffff35;transform:perspective(900px) rotateY(-7deg) rotateX(7deg) rotateZ(-2deg);transition:transform .35s ease,box-shadow .35s ease;will-change:transform;background:#131719}.project:nth-child(even) .screen{transform:perspective(900px) rotateY(7deg) rotateX(7deg) rotateZ(2deg)}.screen img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top}.browser-strip{height:20px;background:#252c32;display:flex;align-items:center;gap:4px;padding:0 8px;color:#c4c9cc;font-size:6px}.browser-strip i{width:4px;height:4px;border-radius:50%;background:#818b91}.browser-strip span{margin-left:8px;letter-spacing:.06em}.visual-index{position:absolute;left:18px;top:16px;color:#ffffff90;font-size:10px;letter-spacing:.1em}.view-story{position:absolute;bottom:16px;right:17px;color:white;font-size:10px;opacity:0;transform:translateY(5px);transition:all .25s}.project-open:hover .view-story,.project-open:focus-visible .view-story{opacity:1;transform:translateY(0)}.project-meta{display:flex;justify-content:space-between;gap:10px;margin:23px 0 12px;font-size:8px;letter-spacing:.09em;align-items:center}.status{background:#d9e1d4;color:#35493d;padding:5px 8px;white-space:nowrap;font-size:8px;letter-spacing:.03em}.status.beta{background:#ecdbc4;color:#6c4c24}.project h3{font-size:26px;letter-spacing:-.035em;margin:0 0 12px;font-weight:600}.project p{color:#596269;font-size:13px;line-height:1.75;max-width:500px;margin:0}.more-work{display:grid;grid-template-columns:150px 1fr 1.7fr 150px;gap:25px;align-items:center;border-top:1px solid #cccac0;margin-top:60px;padding-top:30px}.more-work>span{font-size:8px;letter-spacing:.1em}.more-work h3{font-size:18px;margin:0}.more-work p{font-size:12px;color:#596269;line-height:1.6;margin:0}.more-work .text-link{font-size:11px}.production{background:#0b1115}.reel-wrap{position:relative;aspect-ratio:16/9;background:#070a0c;overflow:hidden;border:1px solid #394047;border-radius:5px}.reel-wrap video{display:block;width:100%;height:100%;object-fit:contain}.reel-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(10,17,22,.88);border:1px solid #ffffff55;border-radius:4px;color:#fff;padding:20px 26px;font-size:10px;letter-spacing:.12em;display:flex;align-items:center;gap:20px;cursor:pointer;backdrop-filter:blur(8px)}.reel-play>span{font-size:28px}.reel-play[hidden]{display:none}.reel-caption{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.12em;margin-top:19px;color:#9daab3}.services{border-bottom:1px solid var(--line);background:#161f25}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.service-grid article+article{border-left:1px solid var(--line);padding-left:15%}.service-icon{font-size:32px;color:var(--accent);display:block;margin-bottom:28px;font-weight:300}.service-grid h2{font-size:45px;line-height:1.05;letter-spacing:-.04em;font-weight:500}.service-grid p{font-size:15px;line-height:1.8;color:#adb9c1;max-width:410px}.service-grid ul{list-style:none;padding:0;margin:26px 0 35px;font-size:12px;color:#d2d9dc}.service-grid li{padding:12px 0;border-bottom:1px solid var(--line)}.studio{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-bottom:150px}.studio-images{position:relative;padding:0 0 65px}.studio-images>img{width:100%;aspect-ratio:1.3;object-fit:cover;border-radius:4px}.portrait{position:absolute;width:38%;right:-5%;bottom:0;border:7px solid #11171b;background:#11171b}.portrait img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;object-position:center}.portrait span{display:block;font-size:7px;letter-spacing:.09em;margin:11px 0 0}.studio-copy h2{margin-bottom:28px}.studio-copy p:not(.eyebrow){font-size:14px;line-height:1.8;color:#aebac1}.studio-copy .text-link{margin-top:20px}.contact{background:var(--paper);color:var(--ink)}.contact h2{font-size:clamp(45px,7vw,100px);line-height:1.02;letter-spacing:-.06em;font-weight:600;margin-bottom:40px}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-bottom p{line-height:1.7;font-size:15px;color:#596269;margin:0}footer{padding:40px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#b2bdc5;font-size:11px}footer .brand{color:var(--paper);font-size:18px}footer .brand small{font-size:6px}.reveal{opacity:1;transform:none}.motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.motion .reveal.is-visible{opacity:1;transform:none}dialog{width:min(900px,92vw);max-height:90svh;border:1px solid #58636b;padding:0;border-radius:8px;background:#f0eee7;color:#11171b;overflow:auto;box-shadow:0 40px 100px #0009}dialog::backdrop{background:#03080de0;backdrop-filter:blur(7px)}.dialog-close{position:sticky;float:right;top:14px;margin:14px 14px -54px 0;z-index:3;border:1px solid #777;background:#11171b;color:white;width:38px;height:38px;border-radius:50%;font-size:24px;cursor:pointer}#dialog-content>img{width:100%;max-height:380px;object-fit:cover;object-position:top}.dialog-body{padding:34px 40px 40px}.dialog-body .eyebrow{font-size:9px;color:#58656c;margin-bottom:14px}.dialog-body h2{font-size:36px;letter-spacing:-.04em;margin-bottom:18px}.dialog-body p{font-size:15px;line-height:1.8;color:#4b585f}.dialog-body .source{font-size:10px}.dialog-body .scope{border-top:1px solid #ccc;padding-top:18px;font-size:12px}.dialog-body a{margin-top:15px}body.dialog-open{overflow:hidden}
@media(min-width:1600px){.section{padding-left:max(5.5%,calc((100vw - 1450px)/2));padding-right:max(5.5%,calc((100vw - 1450px)/2))}}
@media(max-width:850px){.site-header nav{gap:20px}.hero{min-height:750px}.hero-art{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#071017b8,#07101766),linear-gradient(0deg,#11171b,transparent 50%)}h1{font-size:66px}.hero-content{padding-top:150px}.section{padding:75px 6%}.section-heading{align-items:flex-start}.section-heading>p{max-width:220px}.project-grid{gap:38px 23px}.project h3{font-size:22px}.project-meta{font-size:7px;letter-spacing:0}.more-work{grid-template-columns:1fr 1fr}.more-work>span{grid-column:1/-1}.service-grid h2{font-size:36px}.studio{gap:7%}.studio h2{font-size:35px}footer{flex-wrap:wrap}.studio-copy .eyebrow{font-size:8px}}
@media(max-width:600px){html{scroll-padding-top:20px}.site-header{height:86px;padding:0 6%}.site-header .brand{font-size:19px}.site-header .brand small{font-size:6px}.site-header nav{display:none}.header-cta{padding:10px 12px;font-size:11px}.header-cta span{margin-left:9px}.hero{height:auto;min-height:820px;max-height:none}.hero-art{object-position:66% center;opacity:.8}.hero-shade{background:linear-gradient(90deg,#071017c9,#07101760),linear-gradient(0deg,#11171b,transparent 70%)}.hero-content{padding:160px 6% 145px}.hero .eyebrow{font-size:8px;max-width:270px;line-height:1.9}h1{font-size:58px;line-height:1.01;letter-spacing:-.06em}h1>span{font-size:.78em;line-height:1.09;max-width:310px;margin-top:12px}.hero-description{font-size:15px;max-width:330px;line-height:1.75}.hero-actions{gap:22px;flex-wrap:wrap}.button{font-size:12px;padding:16px 18px;gap:20px}.text-link{font-size:12px}.hero-footer{bottom:30px;left:6%;right:6%;font-size:7px;gap:25px;line-height:1.8}.frame-corner{display:none}.credentials{grid-template-columns:1fr;padding:25px 6%;gap:19px}.credentials>div{flex-direction:row;align-items:baseline;justify-content:space-between;gap:20px}.credentials strong{font-size:15px}.credentials span{font-size:10px;max-width:180px;text-align:right}.section{padding:65px 6%}.section-heading{display:block;margin-bottom:32px}.section-heading h2,.studio h2{font-size:35px}.section-heading>p{margin-top:22px;font-size:12px;max-width:none}.eyebrow{font-size:8px;margin-bottom:18px}.project-grid{grid-template-columns:1fr;gap:36px}.project-visual{aspect-ratio:1.45}.project-meta{font-size:7px;margin:17px 0 10px}.project h3{font-size:24px}.project p{font-size:13px}.view-story{opacity:1}.more-work{display:block;margin-top:38px;padding-top:24px}.more-work h3{margin:12px 0}.more-work p{margin-bottom:15px}.reel-play{font-size:8px;gap:10px;padding:11px 15px;white-space:nowrap}.reel-play>span{font-size:19px}.reel-caption{font-size:6px;line-height:1.6}.service-grid{grid-template-columns:1fr;gap:50px}.service-grid article+article{padding:35px 0 0;border-left:0;border-top:1px solid var(--line)}.service-grid h2{font-size:38px}.service-grid p{font-size:14px}.service-icon{margin-bottom:19px}.studio{grid-template-columns:1fr;gap:38px}.studio-images{padding-bottom:40px}.portrait{right:0}.contact h2{font-size:48px}.contact-bottom{display:block}.contact-bottom .button{margin-top:26px}footer{padding:30px 6%;display:grid;grid-template-columns:1fr 1fr;gap:25px;font-size:9px}footer .brand{grid-column:1/-1;font-size:21px}.dialog-body{padding:24px}.dialog-body h2{font-size:28px}.dialog-body p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.motion .reveal{opacity:1;transform:none}.screen,.project:nth-child(even) .screen{transform:none!important}}
.stills{background:#0b1115;padding-top:20px;border-top:1px solid #ffffff0a}.stills .section-heading{padding-top:60px}.stills-grid{columns:3;column-gap:26px}.still-frame{margin:0 0 30px;break-inside:avoid;display:inline-block;width:100%;vertical-align:top}.still-open{display:block;position:relative;width:100%;padding:0;background:#10181d;border:0;border-radius:3px;cursor:zoom-in;box-shadow:0 15px 35px #0003;transition:transform .35s,box-shadow .35s}.still-open:hover{transform:translateY(-5px);box-shadow:0 24px 40px #0007}.still-open img{width:100%;height:auto;border-radius:3px}.still-enlarge{position:absolute;bottom:14px;right:14px;display:grid;place-items:center;width:30px;height:30px;background:#091117c9;border:1px solid #ffffff55;color:#fff;border-radius:50%;font-size:16px;opacity:0;transition:opacity .25s}.still-open:hover .still-enlarge,.still-open:focus-visible .still-enlarge{opacity:1}.still-frame figcaption{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#acb6bc;margin-top:12px}.still-frame figcaption span:last-child{font-size:8px;letter-spacing:.08em;color:#71818c}.stills-note{font-size:10px;color:#82929c;margin:12px 0 0}#still-dialog{background:#091015;color:#f0eee7;width:min(1200px,96vw);max-height:96svh;padding:0 20px 15px;overflow:auto;border-color:#44505a}#still-dialog::backdrop{background:#020609ed}.still-toolbar{display:flex;align-items:center;justify-content:space-between;padding:13px 0}.still-toolbar h2{font-family:'Instrument Sans',Arial,sans-serif;font-size:13px;font-weight:500;letter-spacing:.02em;margin:0}.still-toolbar button{width:34px;height:34px;border:1px solid #53616b;background:transparent;color:#fff;font-size:25px;border-radius:50%;cursor:pointer}#still-image{display:block;width:100%;height:calc(88svh - 110px);object-fit:contain;object-position:center}.still-controls{display:flex;align-items:center;justify-content:space-between;padding-top:15px;gap:20px}.still-controls button{background:none;border:1px solid #47535c;color:#e5e9eb;font-size:11px;padding:10px 16px;border-radius:3px;cursor:pointer}.still-controls button:hover{background:#25313b}#still-count{font-size:10px;color:#a4b0b8}.still-open:focus-visible{outline:3px solid var(--accent);outline-offset:5px}@media(max-width:850px){.stills-grid{columns:2;column-gap:20px}}@media(max-width:600px){.stills{padding-top:0}.stills .section-heading{padding-top:38px}.stills-grid{columns:1}.still-frame{margin-bottom:25px}.still-enlarge{opacity:1}#still-dialog{padding:0 12px 12px}.still-controls button{padding:10px 12px}#still-image{height:calc(85svh - 110px)}}

/* Photography and illustrative project visuals retain their full composition. */
.project.photo .project-visual{padding:0}
.project.photo .screen{height:100%;border-radius:0;transform:none;border:0;box-shadow:none}
.project.photo .browser-strip{display:none}
.project.photo .screen img{height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
.project.photo .visual-index{background:rgba(0,0,0,.45);padding:4px 8px;border-radius:4px;color:white}
#project-dialog #dialog-content>img{max-height:520px;object-fit:contain;background:#101519}

/* Approved supplied logo: viewport trims empty margins, preserving the original artwork. */
.brand{display:block;flex-shrink:0;line-height:0}
.brand-art{display:block;position:relative;width:300px;aspect-ratio:1640/340;overflow:hidden;border-radius:2px}
.brand-art img{position:absolute;width:120.9146%;max-width:none;height:auto;left:-10.3659%;top:-61.7647%}
footer .brand-art{width:300px}
@media(max-width:900px){.site-header .brand-art{width:250px}}
@media(max-width:600px){.site-header .brand-art{width:clamp(180px,55vw,240px)}footer .brand-art{width:min(300px,84vw)}}

/* Transparent approved logo and closer podcast-studio framing. */
.brand-art{aspect-ratio:auto;overflow:visible}
.brand-art img{position:static;width:100%;max-width:100%;height:auto}
.site-header .brand-art{width:250px}
.studio-crop{width:100%;aspect-ratio:1.3;overflow:hidden;border-radius:4px;position:relative}
.studio-crop img{position:absolute;width:120%;max-width:none;height:auto;left:-10%;top:-24%}
@media(max-width:600px){.site-header .brand-art{width:clamp(165px,49vw,205px)}}

/* Respect reduced motion for navigation as well as reveal effects. */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.screen,.button{transition:none}}

/* Contact pages use the existing studio palette and typography. */
.enquiry-page .site-header{position:relative}
.contact-page{max-width:960px;margin:auto;padding-top:75px}
.contact-page h1{font-size:clamp(48px,6vw,76px)}
.contact-intro{font-size:17px;line-height:1.8;color:#bcc8ce}
.enquiry-form{display:grid;gap:24px;margin-top:38px;max-width:720px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.enquiry-form label{display:grid;gap:10px;font-size:14px}
.enquiry-form input,.enquiry-form select,.enquiry-form textarea{width:100%;border:1px solid #68757d;background:#19232a;color:#f0eee7;padding:14px;border-radius:3px;font:inherit}
.enquiry-form textarea{resize:vertical;min-height:140px}
.enquiry-form :is(input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.enquiry-form button{border:0;cursor:pointer;justify-self:start}
.form-note,.contact-phone{font-size:13px;color:#bcc8ce;line-height:1.7}
.contact-phone{margin-top:35px}.contact-phone a{text-decoration:underline}
@media(max-width:600px){.form-row{grid-template-columns:1fr}.enquiry-page .site-header{gap:18px}.enquiry-page .site-header>.text-link{font-size:10px;max-width:90px}.contact-page{padding-top:45px}}

/* Client reviews and studio location. */
.reviews-section{background:#151e23;border-top:1px solid var(--line);overflow:hidden}
.reviews-aside .text-link{font-size:13px;margin-top:12px}.reviews-aside p{margin:0}
.review-controls{display:flex;justify-content:flex-end;gap:8px;margin:-15px 0 20px}.review-controls[hidden]{display:none}
.review-controls button{background:transparent;border:1px solid #56636b;color:var(--paper);min-height:42px;min-width:44px;padding:8px 15px;border-radius:3px;cursor:pointer;font-size:12px}
.review-controls button:hover{border-color:var(--accent);color:var(--accent)}
.review-rail{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#56636b transparent;overscroll-behavior-x:contain;padding-bottom:16px}
.review-rail:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.review-track,.review-group{display:flex;gap:20px;width:max-content}
.review-card{display:flex;flex-direction:column;width:350px;padding:30px;background:#1b272e;border:1px solid #34434c;border-radius:5px;white-space:normal}
.review-stars{color:#efad72;font-size:16px;letter-spacing:4px}
.review-card blockquote{font-size:16px;line-height:1.75;margin:22px 0 30px;color:#e6e9e8}
.review-person{margin-top:auto;display:flex;align-items:center;gap:12px}.review-initials{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#30424c;color:#e8ddd1;font-size:12px}
.review-person strong{display:block;font-size:13px;font-weight:600}.review-person div>span{display:block;color:#a4afb6;font-size:11px;margin-top:5px}
footer.site-footer{display:grid;grid-template-columns:1fr minmax(280px,430px);gap:36px 60px;padding:60px 5.5% 28px;font-size:15px;align-items:start}
.footer-info{display:flex;align-items:flex-start;gap:50px}.footer-info address{font-style:normal;line-height:1.7}.footer-info address strong{display:block;font-size:18px;font-weight:500;color:var(--paper);margin-bottom:12px}.footer-info address a{display:block}.footer-info address a:hover{color:var(--paper)}.footer-info .footer-phone{font-size:22px;color:var(--paper);margin-top:17px}
.footer-map{border:1px solid #34434c;border-radius:5px;overflow:hidden}.footer-map iframe{display:block;width:100%;height:175px;border:0;background:#1b272e}.footer-map>a{display:flex;align-items:center;gap:10px;padding:14px 17px;font-size:13px;color:var(--paper)}.footer-map>a span{margin-left:auto}.footer-map svg{color:var(--accent)}
.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:24px;font-size:13px}
@media(max-width:1000px){.footer-info{flex-direction:column;gap:25px}}
@media(max-width:600px){.review-card{width:280px;padding:24px}.review-card blockquote{font-size:15px}.review-controls{margin-top:0;justify-content:flex-start}footer.site-footer{grid-template-columns:1fr;gap:30px;padding-top:40px}.footer-map iframe{height:190px}.footer-bottom{font-size:12px;flex-wrap:wrap}.reviews-aside{margin-top:20px}}
.reviews-section{padding-top:76px;padding-bottom:64px}.reviews-section .section-heading{margin-bottom:32px}.reviews-section h2{font-size:clamp(32px,4vw,48px)}
.location-art{height:175px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:radial-gradient(ellipse at center,#30434a 0%,#1b272e 65%);color:var(--accent)}.location-art span{font-size:9px;letter-spacing:.18em;color:#bcc8ce}
.review-avatar{width:44px;height:44px;flex:0 0 44px;border-radius:50%;object-fit:cover}
.real-map{height:220px;position:relative;overflow:hidden;background:#e8eadf;isolation:isolate}.map-tiles{position:absolute;width:768px;height:768px}.map-tiles img{position:absolute;width:256px;height:256px;max-width:none}.map-marker{position:absolute;left:50%;top:50%;width:19px;height:19px;border-radius:50% 50% 50% 0;background:#d64029;border:2px solid white;transform:translate(-50%,-100%) rotate(-45deg);box-shadow:0 2px 5px #0006}.map-label{position:absolute;left:50%;top:calc(50% - 46px);transform:translateX(-50%);background:#11171b;color:#fff;padding:5px 9px;border-radius:3px;font-size:12px;font-weight:600;white-space:nowrap}.real-map .map-credit{position:absolute;bottom:0;right:0;background:#ffffffe8;color:#273d48;padding:3px 5px;font:10px Arial,sans-serif;text-decoration:underline;z-index:2}
/* Load the YouTube player only when the visitor presses play. */
.youtube-reel{width:100%;height:100%}.youtube-reel iframe{display:block;width:100%;height:100%;border:0}.youtube-reel .reel-poster{width:100%;height:100%;object-fit:cover}.reel-youtube-link{display:inline-block;margin-top:16px;font-size:13px;color:#bcc8ce}.reel-youtube-link:hover{color:var(--paper)}

.reel-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:24px}.reel-actions .reel-youtube-link{margin-top:0}
/* Detail pages share the existing design tokens. Homepage geometry is unchanged. */
a.project-open{display:block;color:inherit;text-decoration:none}
.service-detail-link:hover,.stills-note a:hover{color:var(--paper)}
.detail-main{padding-top:160px;max-width:1300px;margin:auto}.detail-main>.eyebrow{margin-top:48px}.detail-main h1{font-size:clamp(40px,6vw,82px);line-height:1.05;letter-spacing:-.05em;max-width:1050px;margin:0 0 32px}.detail-intro{font-size:clamp(18px,2vw,24px);line-height:1.65;color:var(--muted);max-width:850px;margin:0 0 38px}.detail-section{max-width:800px;margin:56px 0}.detail-main h2{font-size:clamp(26px,3vw,40px);line-height:1.15;letter-spacing:-.035em;margin:0 0 20px}.detail-section p,.detail-projects p{color:var(--muted);line-height:1.8}.detail-image{margin:40px 0}.detail-image img{max-height:620px;width:100%;object-fit:contain;background:#0b1115;border:1px solid var(--line);border-radius:4px}.detail-image figcaption{font-size:12px;color:var(--muted);margin-top:12px}.detail-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.detail-projects>a{border:1px solid var(--line);padding:28px;border-radius:4px}.detail-projects>a:hover{border-color:var(--accent)}.detail-projects h3{font-size:24px}.detail-projects .eyebrow{display:block}.detail-projects a>span:last-child{font-size:13px;color:var(--accent)}.detail-cta{margin-top:72px;padding:40px 0;border-top:1px solid var(--line)}.detail-links{display:flex;gap:24px;flex-wrap:wrap;padding-top:25px;color:var(--muted);font-size:13px}.detail-links a:hover{color:var(--paper)}@media(max-width:700px){.detail-main{padding-top:130px}.detail-projects{grid-template-columns:1fr}.detail-links{flex-direction:column}.detail-page .site-header nav{display:none}}