:root{--paper:#f6f1e8;--ink:#0d0d0b;--media-radius:clamp(14px,1.45vw,28px)}
html,body{background:var(--paper)!important;color:var(--ink)}
body{cursor:auto}
.media,.project-visual .media,.gallery-track .photo-media,.project-study,.study-more-media{background-color:var(--paper)!important}
.media::before{display:none!important}
.project-visual .media,.media,.project-hero,.sennheiser-photo,.sennheiser-photo img,
.project-visual video,.project-visual img,.immersive-study .immersive-media{
  border:0!important;outline:0!important;border-radius:var(--media-radius)!important;
}
figcaption,.particle-rule,.sparse-points,.signature-word canvas{display:none!important}
.work-row h3{background:none;padding-bottom:0!important}
.portfolio-header{border:0}
.minimal-logo{display:block;width:110px;height:auto}
.portfolio-header .identity{font-size:0}
.projects-page .study-more .study-more-media{
  border:1px solid rgb(13 13 11 / 14%)!important;border-radius:var(--media-radius);
}
.study-more:hover .study-more-media,.study-more:focus-visible .study-more-media{background:var(--ink)!important;color:var(--paper)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.signature-standalone{display:block;margin:32px clamp(24px,3.2vw,64px) 20px;width:110px}
body>.portfolio-header{background:var(--paper);backdrop-filter:none;box-shadow:none;border:0;border-radius:0}
.comparison-stage{outline:0;border-radius:var(--media-radius)}

/* Restore the native pointer after removing the former custom-cursor engine. */
html,html body,html body *{cursor:auto!important}
html body a,html body button,html body button *,html body input[type="range"]{cursor:pointer!important}

/* Strong, readable calls to the full studies. */
.projects-page .study-more .study-more-media{background:var(--ink)!important;color:var(--paper);border-color:var(--ink)!important;transition:background .22s ease,color .22s ease,box-shadow .22s ease}
.projects-page .study-more:is(:hover,:focus-visible,.ghost-hover) .study-more-media{background:#33302c!important;box-shadow:0 4px 16px rgb(13 13 11 / 10%)}
.study-more .study-more-arrow{display:inline-block}
.study-more:is(:hover,:focus-visible,.ghost-hover) .study-more-arrow{animation:study-arrow-nudge .8s cubic-bezier(.4,0,.2,1) infinite}
@keyframes study-arrow-nudge{0%,100%{transform:translate(0,0)}50%{transform:translate(3px,-3px)}}
@media(prefers-reduced-motion:reduce){.study-more:is(:hover,:focus-visible,.ghost-hover) .study-more-arrow{animation:none}}

/* Quiet study links beneath the media, without a reserved side panel. */
.projects-page .work-row-body{grid-template-columns:minmax(210px,.9fr) minmax(0,3fr)}
.projects-page .study-more{grid-column:2;grid-row:2;align-self:end;justify-self:end;width:auto;height:auto!important;margin:0 9px!important}
.projects-page .study-more .study-more-media{width:auto;height:auto;min-height:32px;padding:4px 0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--ink);flex-direction:row;gap:9px}
.projects-page .study-more .study-more-media .study-more-arrow{font-size:17px}
.projects-page .study-more:is(:hover,:focus-visible,.ghost-hover) .study-more-media{background:transparent!important;box-shadow:none!important;color:var(--ink)}
@media(max-width:1000px){.projects-page .work-row-body{grid-template-columns:minmax(180px,.85fr) minmax(0,3fr)}}
@media(max-width:850px){.projects-page .work-row-body{grid-template-columns:minmax(0,1fr)}.projects-page .work-preview{grid-column:1}.projects-page .study-more{grid-column:1;grid-row:auto}}

/* A compact, outlined invitation to open each study. */
.projects-page .study-more .study-more-media{min-height:36px;padding:7px 13px;border:1px solid rgb(13 13 11 / 30%)!important;border-radius:9px!important;transition:background .22s ease,border-color .22s ease,transform .22s ease}
.projects-page .study-more:is(:hover,:focus-visible,.ghost-hover) .study-more-media{background:rgb(13 13 11 / 5%)!important;border-color:var(--ink)!important;transform:translateY(-2px)}
.projects-page .study-more:active .study-more-media{transform:scale(.97)}
@media(prefers-reduced-motion:reduce){.projects-page .study-more .study-more-media{transition:none;transform:none!important}}

/* Compact study buttons below the agency credits. */
.projects-page .work-summary .study-more{display:inline-block;grid-column:auto;grid-row:auto;width:auto;height:auto!important;margin:18px 0 0!important;vertical-align:top}
.projects-page .work-summary .study-more .study-more-media{display:flex;width:auto;min-height:30px;padding:6px 10px;border:1px solid var(--ink)!important;border-radius:7px!important;background:var(--ink)!important;color:var(--paper);gap:7px}
.projects-page .work-summary .study-more .study-more-media span{font-size:12px}
.projects-page .work-summary .study-more .study-more-media .study-more-arrow{font-size:15px}
.projects-page .work-summary .study-more:is(:hover,:focus-visible,.ghost-hover) .study-more-media{background:#302e2a!important;color:var(--paper);transform:translateY(-1px)}
html body .study-more,html body .study-more *{cursor:pointer!important}

body>.corner-contact{position:fixed;top:6px;right:8px;z-index:50;display:flex;flex-direction:column;gap:2px;margin:0;padding:0}
body>.corner-contact a{display:grid;place-items:center;width:26px;height:26px;position:relative}
body>.corner-contact svg{width:15px;height:15px}
.corner-contact .contact-tooltip{bottom:auto;left:auto;right:calc(100% + 8px);top:50%;transform:translateY(-50%)}
.corner-contact a:is(:hover,:focus-visible) .contact-tooltip{transform:translateY(-50%)}
footer .contact{margin-left:auto}
.projects-page .study-more .study-more-arrow{animation:study-arrow-breathe 1.65s ease-in-out infinite!important}
@keyframes study-arrow-breathe{0%,100%{opacity:.55;transform:translate(-1px,1px)}45%{opacity:1;transform:translate(1px,-1px)}75%{opacity:.8;transform:translate(2px,-2px)}}
@media(prefers-reduced-motion:reduce){.projects-page .study-more .study-more-arrow{animation:none!important;opacity:1;transform:none}}

footer .contact a:last-child .contact-tooltip{left:auto;right:0;transform:translateY(4px) scale(.97)}
footer .contact a:last-child:is(:hover,:focus-visible) .contact-tooltip{transform:translateY(0) scale(1)}

/* Compact identity and a left-aligned route back to the project selection. */
body.project-study>.signature-standalone{position:fixed;left:8px;top:6px;z-index:50;width:38px;margin:0}
.signature-standalone .minimal-logo{width:100%;height:auto}
body.project-study>header.study-header{min-height:0;padding:44px 0 12px;margin:0 clamp(24px,3.2vw,64px);text-align:left}
body.project-study.helyos-study #main{padding-top:0}
.portfolio-header .minimal-logo{width:38px}

.corner-contact a.ghost-hover .contact-tooltip{opacity:1;visibility:visible;transform:translateY(-50%)}
.corner-contact a.ghost-hover>svg{transform:scale(1.12)!important}

html body .signature-standalone,html body .signature-standalone *,html body .hero-logo,html body .hero-logo *{cursor:pointer!important}
.signature-standalone img,.hero-logo>img{transition:transform .18s cubic-bezier(.4,0,.2,1);transform-origin:center}
.signature-standalone:hover img{transform:scale(1.04)}
.signature-standalone:active img,.hero-logo:active>img{transform:scale(.94)}
body.project-study>header.study-header{position:fixed;top:29px;left:8px;right:auto;bottom:auto;z-index:50;margin:0;padding:0;min-height:0;width:28px}
.study-back{display:grid;place-items:center;width:28px;height:28px;border-radius:5px}
.study-back svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.study-back:hover{background:rgb(13 13 11 / 5%)}
body.project-study.helyos-study #main{padding-top:76px}
@media(prefers-reduced-motion:reduce){.signature-standalone img,.hero-logo>img{transition:none;transform:none!important}}

.study-back svg{transform:scaleY(-1)}

.project-study .study-intro-heading h1,.projects-page .work-row h3{white-space:nowrap;max-width:none;overflow-wrap:normal}
