/* Júlia Arantes: all rules are scoped to the new portfolio and its timeline card. */
.studio-portfolio{--co-olive:#652d34;--co-gold:#b29455;--co-line:#ded1c4;background:#f7f2e9;color:#60363a;padding-bottom:75px;background-image:radial-gradient(ellipse at 80% 10%,#d5b8781a,transparent 60%)}.studio-hero{padding-bottom:60px}.studio-art{background:#fffaf0;border-color:#c6ac75;box-shadow:0 15px 40px #64232c1c}.studio-hero h1{color:#64252e;font-size:clamp(56px,6.2vw,88px);line-height:.99}.studio-hero h1 em{font-weight:400;color:#7d3c43}.studio-hero-copy .eyebrow{color:#8a6a37}.studio-hero .studio-subtitle{color:#795b55;font:400 22px/1.5 'Libre Caslon Display',Georgia,serif;max-width:350px}.studio-ornament{display:flex;align-items:center;gap:14px;color:#aa8848;font-size:22px;margin:28px 0;max-width:140px}.studio-ornament span{width:42px;height:1px;background:#bd9f63}.studio-hero-copy small{color:#8c7367}.studio-portfolio .company-section h2{color:#682c35}.studio-portfolio .company-section .eyebrow{color:#9a783e}.studio-portfolio .company-section-nav a{color:#7d5353!important}.studio-portfolio .company-card-cta{color:#753b42}.studio-portfolio .company-album{border-color:#e0d3c3;background:#fffaf2;box-shadow:0 7px 22px #562d3010}.studio-portfolio .company-album-image,.studio-portfolio .company-photo-grid button{background:#eae0d1}.studio-portfolio .company-album p:not(.eyebrow),.studio-portfolio .company-prose p,.studio-portfolio .studio-gallery>p:not(.eyebrow){color:#7e6660;line-height:1.9;font-size:14px}.studio-portfolio .company-album h3,.studio-portfolio .company-section h3{color:#68383c}.studio-portfolio .company-album-meta,.studio-portfolio .company-photo-grid figcaption{color:#896c60}.studio-portfolio .company-pagination a,.studio-portfolio .company-back{color:#8a6453}.studio-portfolio .company-lightbox{background:#28171b;border-color:#9a7747}.studio-julia{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.studio-julia figure{margin:0;max-width:480px}.studio-julia figure img{width:100%;height:auto;max-height:640px;object-fit:contain;border:1px solid #d1b987;border-radius:5px;box-shadow:0 10px 30px #63283214}.studio-paula{border-bottom:0}.studio-album-view{margin-top:38px;padding-top:20px;border-top:1px solid #dfceb8;scroll-margin-top:120px}.studio-timeline .timeline-date{color:#9b773f}.studio-timeline article{border-color:#b89a61!important;box-shadow:0 10px 28px #69333217}.studio-timeline .timeline-card-content h3{color:#6e3038}.studio-timeline .company-card-cta{color:#7e4e43}.studio-timeline .company-timeline-cover{background:#200b0d}.studio-timeline .company-card-top .eyebrow{color:#a17c42}.studio-portfolio .company-section:last-of-type{border-bottom:0}
@media(max-width:600px){.studio-portfolio{padding-bottom:40px}.studio-hero{padding-bottom:30px}.studio-hero h1{font-size:64px}.studio-hero .studio-subtitle{font-size:21px}.studio-julia{grid-template-columns:1fr;gap:12px}.studio-julia figure{max-width:100%}.studio-ornament{margin:22px 0}.studio-portfolio .company-section h2{font-size:34px}}

/* The studio cover opens the same viewer as the existing timeline albums. */
.studio-timeline .studio-timeline-gallery{height:300px;background:#200b0d}
.studio-timeline-gallery .company-timeline-cover{height:100%;width:100%}
.studio-timeline-gallery .company-timeline-cover img{height:100%!important;transform:none}
.studio-timeline .timeline-gallery-label{background:#44232bec;border-color:#c6ac75;color:#fff3d3}
.studio-timeline .timeline-gallery-label i{color:#ead7bd}
.studio-portfolio .company-album:focus-visible{outline:3px solid #a88342;outline-offset:4px}
.timeline-gallery-stage figcaption.has-details{white-space:pre-line;max-height:20dvh;overflow:auto}
@media(max-width:600px){.studio-timeline .studio-timeline-gallery{height:260px}}

/* Image-only studio albums and photo tiles, with no caption spacing. */
.studio-portfolio .company-album{cursor:zoom-in}
.studio-portfolio .company-album>.company-album-image{padding:0}
.studio-portfolio .company-photo-grid button{display:block}

/* The Julia viewer is image-only, independently of any stored photo metadata. */
.timeline-gallery-dialog.is-image-only [data-gallery-caption],
.timeline-gallery-dialog.is-image-only .timeline-gallery-frame>header>div{display:none!important;margin:0;padding:0}
.timeline-gallery-dialog.is-image-only .timeline-gallery-stage figure{grid-template-rows:minmax(0,1fr)}
.timeline-gallery-dialog.is-image-only .timeline-gallery-frame>header{justify-content:flex-end;background:transparent;border-bottom:0;box-shadow:none}
