/* The Presence Agency / October 2026 editorial identity. */
:root{--ink:#29201e;--paper:#f6f0e6;--purple:#afd8e8;--lime:#f5e6b8;--blue:#75001a;--line:#29201e40;--tomato:#75001a;--sky:#afd8e8;--butter:#f5e6b8;--display:'DM Serif Display',Georgia,serif;--editorial:'Bodoni Moda',Georgia,serif;--impact:'Barlow Condensed','Arial Narrow',sans-serif}
body{font-family:'DM Sans',Arial,sans-serif;background:var(--paper);font-size:16px}body:after{content:'';position:fixed;inset:0;z-index:8;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%2329201e' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
::selection{background:var(--sky);color:var(--ink)}h1,h2,h3{font-weight:400}h2{font-family:var(--display);font-size:clamp(2.7rem,5.1vw,5.3rem);letter-spacing:-.035em;line-height:1.02}h2 em,h3 em{font-family:var(--editorial);font-weight:600;letter-spacing:-.055em}.eyebrow{font-size:.72rem;letter-spacing:.12em;line-height:1.7;font-weight:500}.section{padding:100px 6%}
header{padding:22px 5%;border-color:var(--line);align-items:center;gap:30px}header .wordmark,footer .wordmark{display:inline-flex;align-items:center;flex-direction:column;flex-shrink:0;line-height:.8;font-weight:400;letter-spacing:0;color:var(--ink)}.wordmark .logo-the{font-family:'DM Sans',sans-serif!important;font-size:9px!important;letter-spacing:.45em!important;margin:0 0 6px 4px!important}.wordmark .logo-name{font-family:var(--display);font-size:48px!important;letter-spacing:-.065em!important;margin:0!important;font-weight:400}.wordmark .logo-agency{font-family:'DM Sans',sans-serif!important;font-size:9px!important;letter-spacing:.6em!important;margin:9px 0 0 6px!important}nav{font-size:.85rem;gap:30px}nav .nav-contact{border-radius:2px;background:var(--ink);color:var(--paper);padding:15px 24px}nav .nav-contact:hover{background:var(--tomato);color:#fff}.button{border-radius:2px;min-height:52px;padding:16px 25px;font-size:.87rem;letter-spacing:.01em}.button.dark{background:var(--ink);color:#fff}.button.dark:hover{background:var(--tomato)}.button.lime{background:var(--butter);color:var(--ink)}.button.outline{background:transparent}.button.outline:hover{background:var(--ink)}.text-link{font-size:.9rem;line-height:1.5}.button:focus-visible,nav a:focus-visible{outline-color:var(--tomato)}.services a:focus-visible,.contact a:focus-visible{outline-color:var(--sky)}
.hero{position:relative;background:var(--paper);padding:28px 5% 26px}.hero-top{border-bottom:1px solid var(--line);padding-bottom:17px;align-items:center}.hero-note{font-family:var(--editorial);font-size:1rem;font-weight:600;font-style:italic}.hero-grid{grid-template-columns:1.12fr 1fr;gap:4%;padding:48px 0 40px;align-items:center}.hero h1{font-family:var(--display);font-size:clamp(5rem,8.7vw,9.4rem);font-weight:400;letter-spacing:-.065em;line-height:.88;position:relative;z-index:1}.hero h1 em{font-family:var(--editorial);font-weight:600;letter-spacing:-.075em;color:var(--tomato)}.hero h1:after{content:'';font-family:Georgia,serif;position:absolute;font-size:.42em;bottom:.3em;left:3.1em;color:var(--tomato);transform:rotate(12deg)}.hero p{max-width:500px;font-size:1rem;margin-top:30px;line-height:1.7}.hero-actions{margin-top:27px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:24px}.hero-art{padding:0 0 30px;align-self:stretch;display:flex;align-items:center}.photo-wrap{max-width:none;width:100%;margin:0;transform:rotate(2deg);border:0;background:var(--tomato);padding:0;box-shadow:none}.photo-wrap img{width:100%;height:560px;object-fit:cover;object-position:50% 52%}.photo-caption{font-size:.65rem;font-weight:500;letter-spacing:.12em;color:#fff;padding:16px 20px}.vertical-label{right:-12px;top:25%;background:var(--paper);padding:8px;font-size:.58rem;letter-spacing:.1em}.hero-bottom{border-color:var(--line);font-size:.7rem;letter-spacing:.04em}.ticker{background:var(--tomato);color:#fff;border:0;padding:13px 0;font-family:var(--impact);font-size:1.3rem;font-weight:600;letter-spacing:.07em}.ticker>div{gap:38px}.ticker span{font-family:Georgia,serif;font-size:1.5rem}
.intro{grid-template-columns:1fr 2.6fr;border-bottom:0;padding-top:105px;padding-bottom:105px}.intro h2{font-family:var(--display);font-size:clamp(2.7rem,4.7vw,5rem)}.intro h2 em{color:var(--tomato)}.intro p{font-size:1rem;max-width:680px;margin-top:27px}.brand-interlude{background:var(--sky);display:grid;grid-template-columns:1.2fr 1fr;gap:30px;min-height:530px;align-items:center;position:relative;overflow:hidden;padding-block:60px}.interlude-copy{z-index:1}.interlude-copy h2{font-family:var(--impact);text-transform:uppercase;font-size:clamp(3.6rem,6.8vw,7.3rem);letter-spacing:-.015em;line-height:.92;margin:32px 0}.interlude-copy h2 em{font-family:var(--editorial);font-size:.85em;line-height:1.1;text-transform:none}.interlude-note{display:block;font-size:.72rem;letter-spacing:.04em;margin-top:55px}.brand-object{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center}.brand-object img{width:100%;max-height:490px;object-fit:contain;transform:rotate(4deg)}.object-caption{position:absolute;bottom:-25px;font-size:.6rem;letter-spacing:.15em}
.work{background:var(--paper)}.section-heading h2{font-family:var(--display)}.work .section-heading .text-link{max-width:190px}.estate-feature{border:0;border-top:1px solid var(--ink);padding:35px 0 0;background:none;margin-bottom:85px}.estate-heading{grid-template-columns:1fr 1fr;gap:6%;margin-bottom:35px}.estate-heading h3{font-family:var(--display);font-size:clamp(2.3rem,3.8vw,4rem);letter-spacing:-.04em}.estate-heading h3 em{font-family:var(--editorial)}.estate-heading p{font-size:1rem}.estate-gallery{gap:20px}.estate-gallery figcaption{font-size:.73rem;letter-spacing:.03em}.work-grid{grid-template-columns:1.12fr 1fr;gap:7%}.project-image{background:var(--sky);aspect-ratio:1.08}.project-offset{padding-top:100px}.project-offset .project-image{aspect-ratio:1.04}.image-label{background:var(--paper);color:var(--ink);border-radius:0;padding:12px 16px;letter-spacing:.08em;font-size:.65rem}.project-meta{align-items:start;flex-direction:column;gap:10px;margin:22px 0 14px}.project h3{font-family:var(--display);font-size:2rem;font-weight:400;letter-spacing:-.035em}.project-meta span{text-align:left;letter-spacing:.1em;font-size:.64rem}.project p{font-size:1rem}.client-instagram{text-decoration-thickness:1px;text-underline-offset:.15em}.client-line{border-top:1px solid var(--line);gap:28px;margin-top:70px;padding-top:30px}.client-line>div{font-family:var(--display);font-size:1.55rem;font-weight:400}.client-line>span{font-size:.65rem;letter-spacing:.09em}.financial-image{background:#191f23}.financial-image img{object-fit:contain}.julius-image img{object-position:50% 40%}
.services{background:var(--ink);color:var(--paper);gap:8%;grid-template-columns:1fr 1.4fr}.service-intro h2{font-family:var(--display);font-size:clamp(2.8rem,4.6vw,4.7rem)}.service-intro h2 em{color:var(--butter)}.service-intro p,.service-detail p{color:var(--paper);font-size:1rem}.service-num{color:var(--sky)}.service-list summary{font-size:clamp(1.2rem,2vw,1.8rem);font-weight:400;padding:28px 0;min-height:85px;gap:20px}.service-detail>span{color:var(--butter)}.service-detail{padding-left:44px}.plus{font-weight:400;color:var(--butter)}
.about{gap:10%;background:var(--paper);padding-top:120px;padding-bottom:120px}.about-image{background:none;padding:0;transform:rotate(-2deg)}.about-image .about-main-photo{height:570px}.about-image .about-location-photo{border:8px solid var(--paper);width:160px;height:210px;left:-20px;bottom:15px;box-shadow:0 5px 20px #29201e18}.about-sticker{border:0;box-shadow:none;background:var(--tomato);color:white;border-radius:0;right:-22px;bottom:40px;transform:rotate(5deg);font-family:var(--editorial);font-style:italic;font-size:1.25rem;font-weight:600;padding:20px 27px}.about-copy h2{font-family:var(--display);font-size:clamp(3.5rem,5.5vw,6rem)}.about-copy h2 em{color:var(--tomato)}.about-copy p{font-size:1rem}
.packages{background:var(--butter);border-block:1px solid var(--line)}.package-grid{gap:0;border-block:1px solid var(--ink)}.package{background:transparent;border:0;padding:38px 32px 38px 0;border-right:1px solid var(--line)}.package+.package{padding-left:32px}.package:last-child{border-right:0;padding-right:0}.package.featured{background:none}.package h3{font-family:var(--display);font-size:clamp(1.9rem,2.7vw,3rem);font-weight:400;letter-spacing:-.035em;line-height:1.08;margin-top:25px}.package p,.package li{font-size:1rem}.package ul{border-color:var(--line)}.package li:before{content:'—';font-size:.8em}.custom p{font-size:.9rem}.palette{background:var(--sky);padding-block:90px}.palette h2{font-family:var(--display);font-size:clamp(3rem,5.2vw,5.5rem);font-weight:400;max-width:70%}.palette p{font-size:1rem;max-width:550px}.palette-mark{font-family:Georgia,serif;right:9%;top:24%;font-size:12rem;opacity:1;color:var(--ink);transform:rotate(9deg)}
.contact{background:var(--tomato);color:#fff}.contact h2{font-family:var(--display);font-size:clamp(4rem,8.5vw,9rem);font-weight:400;letter-spacing:-.045em}.contact h2 em{color:var(--butter)}.contact .button{background:var(--paper);color:var(--ink)}.contact .button:hover{background:var(--butter)}.contact .eyebrow{color:#fff}.contact-bottom p{font-size:1rem}.contact-top>span:last-child{font-family:var(--impact);letter-spacing:.1em;font-size:1rem}.contact-bottom{border-color:#ffffff80}footer{padding-block:45px;background:var(--paper);border-top:1px solid var(--line)}footer>div{font-size:.85rem}footer>div a{text-decoration:underline;text-underline-offset:4px}footer>span{font-size:.62rem;letter-spacing:.08em}
.page-hero{background:var(--paper);border-bottom:1px solid var(--line)}.page-hero h1{font-family:var(--display);font-weight:400;letter-spacing:-.06em;font-size:clamp(4rem,8vw,8rem)}.page-hero h1 em{font-family:var(--editorial);font-weight:600;color:var(--tomato)}.project-nav{gap:15px 25px}.project-nav a{border:0;border-bottom:1px solid;border-radius:0;padding:8px 0;font-size:.9rem}.project-nav a:hover{background:none}.case-study{background:var(--paper)}.case-study h2{font-family:var(--display);font-weight:400}.case-study h2 .client-instagram{font-size:.85em}.case-study p{font-size:1rem}.case-visual img{max-height:650px}.type-art{background:var(--sky)}.type-art>span{font-family:var(--display)}.concept{background:var(--butter)}.palette-hero{background:var(--sky)}.palette-details{background:var(--paper)}.palette-items h3{font-family:var(--display);font-weight:400;font-size:2rem}.palette-items p{font-size:1rem}.palette-details h2{font-family:var(--display)}
@media(min-width:1600px){.hero-grid{max-width:1450px}.brand-interlude{padding-inline:max(6%,calc((100vw - 1450px)/2))}}
@media(min-width:701px) and (max-width:1000px){header{gap:25px}nav{gap:18px;font-size:.8rem}nav .nav-contact{padding:13px 18px}.wordmark .logo-name{font-size:40px!important}.hero-grid{gap:30px}.hero h1{font-size:8.7vw}.photo-wrap img{height:480px}.hero-actions{flex-direction:column;align-items:flex-start;gap:16px}.hero-art{padding-right:5px}.vertical-label{right:-10px}.intro{grid-template-columns:1fr 2.5fr}.about-image .about-main-photo{height:470px}.about-image .about-location-photo{width:120px;height:160px}.about-sticker{right:-15px;font-size:1rem;padding:16px}.package{padding-right:20px}.package+.package{padding-left:20px}.package h3{font-size:1.85rem}.package .button{padding-inline:12px}.palette-mark{right:4%;font-size:9rem}.brand-interlude{min-height:440px}.interlude-copy h2{font-size:7.2vw}}
@media(max-width:700px){header{padding:19px 6%;gap:16px}.wordmark .logo-name{font-size:40px!important}.wordmark .logo-the{font-size:8px!important}.wordmark .logo-agency{font-size:8px!important}.menu-toggle{border-radius:2px;min-height:44px;font-size:.85rem;padding:10px 18px}nav{background:var(--paper);font-size:1rem;gap:15px;padding:25px 6%;z-index:10}nav a{min-height:44px}.section{padding:65px 6%}.hero{padding:22px 6%}.hero-top{padding-bottom:16px}.hero .eyebrow{font-size:.63rem;max-width:270px}.hero-grid{grid-template-columns:1fr;gap:40px;padding:36px 0 28px}.hero h1{font-size:clamp(4.8rem,18vw,7.8rem);line-height:.9;letter-spacing:-.065em}.hero h1:after{font-size:.42em;left:3em;bottom:.2em}.hero p{font-size:1rem;max-width:540px;margin-top:25px}.hero-actions{flex-direction:row;gap:20px}.hero-art{width:100%;max-width:500px;margin:0 auto;padding:0 10px 5px 0}.photo-wrap{max-width:none;transform:rotate(1.5deg)}.photo-wrap img{height:420px;object-position:50% 48%}.photo-caption{font-size:.6rem;padding:14px 16px}.vertical-label{right:-8px;top:20%;font-size:.55rem}.hero-bottom{font-size:.62rem}.hero-bottom>span:first-child{max-width:64%}.ticker{font-size:1.12rem}.intro{grid-template-columns:1fr;gap:23px}.intro h2{font-size:2.7rem}.intro p{font-size:1rem}.brand-interlude{grid-template-columns:1fr;gap:15px;padding-block:50px 35px;min-height:0}.interlude-copy h2{font-size:clamp(3.6rem,12vw,5rem);margin:24px 0}.interlude-note{margin-top:30px}.brand-object{height:350px;margin-top:5px}.brand-object img{max-height:350px;width:100%;max-width:380px}.object-caption{bottom:-10px}.section-heading{gap:25px}.section-heading h2{font-size:2.8rem}.estate-feature{padding-top:28px;margin-bottom:55px}.estate-heading{grid-template-columns:1fr;gap:25px}.estate-heading h3{font-size:2.6rem}.estate-gallery{grid-template-columns:1fr;gap:25px}.estate-gallery figure{max-width:420px}.estate-gallery figcaption{font-size:.73rem}.work-grid{grid-template-columns:1fr;gap:42px}.project-offset{padding-top:0}.project-image,.project-offset .project-image{aspect-ratio:1}.project-meta{margin-top:22px}.project h3{font-size:1.8rem}.project p{font-size:1rem}.client-line{gap:22px 30px;margin-top:45px}.client-line>div{font-size:1.4rem}.client-line>span{font-size:.65rem}.services{grid-template-columns:1fr;gap:38px}.service-intro h2{font-size:3rem}.service-list summary{font-size:1.2rem;gap:14px;padding-block:24px;grid-template-columns:22px 1fr 20px;min-height:80px}.service-detail{padding:0 15px 25px 36px}.service-detail p{font-size:1rem}.about{grid-template-columns:1fr;gap:55px}.about-image{margin:0 15px 0 12px;max-width:none}.about-image .about-main-photo{height:470px}.about-image .about-location-photo{width:120px;height:165px;left:-17px;border-width:6px}.about-sticker{bottom:25px;right:-15px;font-size:1rem;padding:17px}.about-copy h2{font-size:4rem}.package-grid{grid-template-columns:1fr;border-bottom:0}.package,.package+.package,.package:last-child{padding:32px 0;border-right:0;border-bottom:1px solid var(--ink);background:none}.package h3{font-size:2.5rem}.package .button{align-self:flex-start}.custom{gap:20px}.palette h2{font-size:2.8rem;max-width:100%}.palette p{max-width:100%}.palette-mark{font-size:6rem;right:10px;top:15px;opacity:.13}.contact h2{font-size:clamp(3.6rem,13vw,5.5rem);margin:40px 0}.contact-top>span:last-child{font-size:.9rem}.contact-bottom{gap:25px}footer{padding:35px 6%;gap:32px}footer>div{font-size:.85rem}.page-hero h1{font-size:clamp(3.6rem,13vw,6rem)}.case-study h2{font-size:2.8rem}.case-study h2 .client-instagram{font-size:1em}.case-gallery video,.case-gallery img{height:320px}.project-nav a{font-size:.85rem;min-height:44px}.palette-items h3{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
nav a:hover,.text-link:hover,.client-instagram:hover{color:#75001a}nav .nav-contact:hover{color:#fff}.services .text-link:hover,.services .client-instagram:hover{color:var(--sky)}
/* Tomato opening section. */
.hero{background:var(--tomato);color:#fff}.hero h1 em,.hero h1:after{color:var(--butter)}.hero-top,.hero-bottom{border-color:#ffffff70}.hero .text-link:hover{color:var(--butter)}.hero .text-link:focus-visible,.hero .button:focus-visible{outline-color:var(--sky)}.hero .button.dark{background:var(--ink);color:#fff}.hero .button.dark:hover{background:var(--paper);color:var(--ink)}.hero .photo-caption{background:var(--butter);color:var(--ink)}.hero .vertical-label{color:var(--ink)}
/* Sky blue services section. */
.services{background:var(--sky);color:var(--ink)}.services .service-intro h2 em,.services .service-intro p,.services .service-detail p,.services .service-num,.services .service-detail>span,.services .plus{color:var(--ink)}.services .service-list details,.services .service-list details:first-child{border-color:var(--line)}.services a:focus-visible,.services summary:focus-visible{outline-color:var(--ink)}
/* Hanging mirror balls and a single vintage camera. */
.brand-interlude{padding-top:185px;padding-bottom:65px;min-height:670px}.hanging-discos{position:absolute;inset:0 0 auto;height:165px;pointer-events:none;z-index:0}.disco-hanger{position:absolute;top:0;display:flex;flex-direction:column;align-items:center}.disco-cord{width:1px;background:var(--ink);opacity:.6;height:var(--cord,35px)}.disco-ball{display:block;width:var(--ball,95px);height:var(--ball,95px);border-radius:50%;background:#b5b9bd;box-shadow:7px 10px 15px #29201e12}.disco-1{left:9%;--ball:85px;--cord:32px}.disco-2{left:62%;--ball:115px;--cord:18px}.disco-3{right:7%;--ball:72px;--cord:59px}.brand-object img{width:100%;max-height:360px;transform:rotate(-9deg);object-fit:contain}.brand-object{min-height:340px}.object-caption{bottom:0}
@media(max-width:700px){.brand-interlude{padding-top:165px;padding-bottom:45px;min-height:0}.hanging-discos{height:145px}.disco-1{left:9%;--ball:60px;--cord:25px}.disco-2{left:43%;--ball:82px;--cord:38px}.disco-3{right:8%;--ball:48px;--cord:17px}.brand-object{height:280px;min-height:280px;margin-top:20px}.brand-object img{max-height:245px;max-width:360px}.object-caption{bottom:0}}
/* Presence Palette: centered invitation with the supplied kiss prints. */
.palette-home{text-align:center;padding-bottom:45px}.palette-home h2{margin:25px auto;max-width:100%}.palette-home p{margin:0 auto 28px;max-width:570px}.palette-home .button{position:relative;z-index:1}.palette-kisses{display:flex;justify-content:center;align-items:center;gap:clamp(18px,5vw,75px);margin:45px auto 0;max-width:750px;mix-blend-mode:multiply}.palette-kisses svg{display:block;flex:0 1 175px;width:175px;height:145px;overflow:hidden}.palette-kisses svg:first-child{transform:rotate(-7deg)}.palette-kisses svg:last-child{transform:rotate(6deg)}@media(max-width:700px){.palette-home{padding-bottom:35px}.palette-home h2{max-width:100%}.palette-kisses{gap:15px;margin-top:35px}.palette-kisses svg{width:calc((100% - 30px)/3);height:90px;min-width:0;flex:1 1 0}.palette-home p{max-width:100%}}
/* A sticker-style hand and mirror ball drop in from the section above. */
.intro{position:relative;grid-template-columns:1fr;gap:24px;padding-right:calc(8% + clamp(180px,21vw,285px));padding-top:80px;padding-bottom:85px;min-height:480px}.intro>div{max-width:790px}.intro h2{font-size:clamp(2.7rem,4.7vw,5rem)}.intro-disco-hand{position:absolute;top:-2px;right:5%;width:clamp(180px,21vw,285px);height:auto;max-height:440px;object-fit:contain;object-position:top;pointer-events:none;z-index:1}.intro p{margin-top:27px}@media(max-width:700px){.intro{padding:260px 6% 65px;gap:22px;min-height:0}.intro-disco-hand{width:145px;max-height:245px;right:9%;top:-2px}.intro h2{font-size:2.7rem}}
.intro-disco-hand{top:-20px}@media(max-width:700px){.intro-disco-hand{top:-12px}}
/* Two identical groups keep the service ticker continuous across the loop. */
.ticker>.ticker-track{display:flex;gap:0;width:max-content;animation:ticker-loop 38s linear infinite;will-change:transform}.ticker-group{display:flex;flex:0 0 auto;align-items:center;justify-content:space-around;gap:38px;min-width:100vw;width:max-content;padding-right:38px}.ticker-group b{font:inherit;font-weight:600;white-space:nowrap}.ticker-group>span{flex:none}@keyframes ticker-loop{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.ticker>.ticker-track{animation:none!important;will-change:auto}}

/* Supplied chrome sparkle replaces the previous star ornament. */
.hero h1:after{content:'';font-size:inherit;width:.72em;height:.72em;left:1.5em;bottom:.01em;background:url('/assets/chrome-sparkle.webp') center/contain no-repeat;transform:rotate(9deg)}.ticker-sparkle{display:flex;align-items:center;justify-content:center;width:36px;height:36px}.ticker-sparkle img{width:36px;height:36px;object-fit:contain}@media(max-width:700px){.hero h1:after{left:1.45em;bottom:0}.ticker-sparkle,.ticker-sparkle img{width:30px;height:30px}}
/* Founder portrait, burgundy circle, and supplied microphone foreground. */
.contact-heading{display:grid;grid-template-columns:1fr .4fr;gap:30px;align-items:center}.contact-heading h2{font-size:clamp(3.8rem,7vw,7.8rem);min-width:0}.contact-disco{width:100%;height:auto;max-height:340px;object-fit:contain;transform:rotate(8deg);pointer-events:none}
@media(min-width:701px) and (max-width:1000px){.contact-heading{gap:15px;grid-template-columns:1fr .37fr}.contact-heading h2{font-size:6.7vw}.contact-disco{max-height:260px}}
@media(max-width:700px){.contact-heading{grid-template-columns:1fr;gap:0}.contact-heading h2{font-size:clamp(3.6rem,13vw,5.5rem);margin:35px 0 0}.contact-disco{width:170px;max-height:180px;justify-self:end;margin:5px 0 22px;transform:rotate(8deg)}}
/* User-supplied clapperboard sticker in place of the About caption. */
.about-image .about-clapper{position:absolute;z-index:2;right:-25px;bottom:12px;width:190px;height:auto;max-height:210px;object-fit:contain;transform:rotate(7deg);pointer-events:none}@media(min-width:701px) and (max-width:1000px){.about-image .about-clapper{width:145px;right:-18px;bottom:18px}}@media(max-width:700px){.about-image .about-clapper{width:145px;right:-12px;bottom:10px}}

/* Portfolio carries the homepage's collage language through the selected work. */
.portfolio-page .portfolio-sticker{position:absolute;height:auto;object-fit:contain;pointer-events:none;user-select:none;z-index:1}.portfolio-page .page-hero{position:relative;overflow:hidden;padding-right:31%;min-height:560px}.portfolio-page .page-hero h1{position:relative;z-index:2;font-size:clamp(3.8rem,6.6vw,7rem)}.portfolio-page .page-hero>p,.portfolio-page .project-nav{position:relative;z-index:2}.portfolio-page .portfolio-camera{width:clamp(180px,25vw,330px);right:1%;top:110px;transform:rotate(12deg)}.portfolio-page .portfolio-hero-star{width:95px;right:24%;top:45px;transform:rotate(-12deg)}.portfolio-page .case-study{position:relative}.portfolio-page #real-estate>div:first-child{position:relative;padding-bottom:100px}.portfolio-page .portfolio-clapper{width:120px;left:12px;bottom:-15px;transform:rotate(-10deg)}.portfolio-page .portfolio-case-star{width:65px;left:3%;top:22px;transform:rotate(15deg)}.portfolio-page #alautus .portfolio-case-star{left:auto;right:3%;transform:rotate(-15deg)}.portfolio-page .portfolio-booking{position:relative;overflow:hidden;padding-right:33%}.portfolio-page .portfolio-booking-disco{width:clamp(150px,22vw,290px);right:5%;top:60px;transform:rotate(12deg)}
@media(max-width:700px){.portfolio-page .page-hero{padding-right:6%;padding-bottom:205px;min-height:0}.portfolio-page .page-hero h1{font-size:clamp(3.4rem,12vw,5rem)}.portfolio-page .portfolio-camera{width:165px;top:auto;bottom:15px;right:8%}.portfolio-page .portfolio-hero-star{width:65px;top:auto;bottom:85px;right:auto;left:10%}.portfolio-page #real-estate>div:first-child{padding-bottom:85px}.portfolio-page .portfolio-clapper{width:100px;bottom:-15px;left:auto;right:5%}.portfolio-page .portfolio-case-star{width:45px;top:10px;left:3%}.portfolio-page .portfolio-booking{padding-right:6%;padding-bottom:210px}.portfolio-page .portfolio-booking-disco{width:160px;top:auto;bottom:18px;right:8%}}

/* Hero camera film: matched burgundy exterior, full camera visible. */
.hero .photo-wrap{transform:none}.hero-camera-video{display:block;width:100%;height:560px;object-fit:contain;background:#75001a}.hero .photo-caption{display:block;text-align:center}@media(min-width:701px) and (max-width:1000px){.hero-camera-video{height:480px}}@media(max-width:700px){.hero-camera-video{height:auto;aspect-ratio:4/5;max-height:520px}}

/* Let the exact page burgundy show through outside the camera silhouette. */
.hero-camera-video{-webkit-mask-image:url('/assets/hero-camera-mask.png');mask-image:url('/assets/hero-camera-mask.png');-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero,.hero .photo-wrap,.hero-camera-video{background-color:#75001a}