:root{--navy:#0d2544;--yellow:#ffc64a;--paper:#f5f3ee;--ink:#122943;--muted:#67717b;--line:#d8d9d5;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Source Sans 3',Arial,sans-serif;font-size:17px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #bc8615;outline-offset:6px}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Montserrat,Arial,sans-serif}button{color:inherit}em{font-style:normal}button:disabled{opacity:.5}[hidden]{display:none!important}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.skip{position:absolute;left:16px;top:-100px;z-index:100;background:var(--yellow);padding:14px}.skip:focus{top:14px}.site-header{background:var(--navy);color:white}.header-inner{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;gap:12px;align-items:center;font:700 17px Montserrat,sans-serif;letter-spacing:-.03em}.brand img{object-fit:contain;border-radius:50%}.brand-dot{align-self:flex-start;font-size:8px;margin:10px 0 0 -7px}.site-header nav{display:flex;align-items:center;gap:44px;font-size:13px}.current{padding:8px 0;border-bottom:1px solid var(--yellow)}.header-contact{border:1px solid #ffffff55;padding:11px 18px;border-radius:2px}.header-contact span{margin-left:24px;color:var(--yellow)}.header-contact:hover{background:#ffffff12}.intro{padding-top:55px;padding-bottom:58px}.intro-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font:600 9px/1.6 Montserrat,sans-serif;letter-spacing:.16em}.intro-top .eyebrow{display:flex;align-items:center;gap:10px}.eyebrow>span{height:6px;width:6px;background:var(--navy);border-radius:50%}.edition{font:500 8px Montserrat,sans-serif;letter-spacing:.11em;color:var(--muted)}.edition span{margin-left:25px;font-size:17px;color:var(--ink)}.intro-title{display:flex;align-items:center;justify-content:space-between;gap:40px;margin:25px 0 36px}.intro h1{font-size:clamp(68px,9.4vw,134px);font-weight:600;letter-spacing:-.075em;line-height:1.02;display:flex;align-items:center;gap:20px}.title-star{color:#e0a82f;font-size:.48em;display:inline-block;animation:star-enter 1.2s cubic-bezier(.2,.7,.1,1) both}.intro-title>p{font-size:17px;line-height:1.6;color:var(--muted);padding-top:13px}.categories{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.category{min-width:0;min-height:231px;padding:24px 25px 27px;background:var(--navy);color:white;border-radius:3px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;animation:category-enter .75s cubic-bezier(.2,.75,.25,1) both;transition:transform .25s,box-shadow .25s}.category:nth-child(2){animation-delay:.12s;background:#183856}.category:nth-child(3){animation-delay:.24s;background:#27455a}.category-primary{background:var(--yellow);color:var(--navy)}.category:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0d254419}.category-top{display:flex;align-items:center;justify-content:space-between;font:500 8px Montserrat,sans-serif;letter-spacing:.1em}.category-arrow{font:400 25px/1 Arial,sans-serif;transition:transform .25s}.category:hover .category-arrow{transform:translate(3px,-3px)}.category-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:7px;position:relative}.category h2{font-size:clamp(20px,2.05vw,29px);font-weight:600;line-height:1.14;letter-spacing:-.045em;position:relative;z-index:1}.category p{font-size:13px;line-height:1.5;margin-top:12px;color:#ced7df;position:relative;z-index:1}.category-primary p{color:#354665}.strategy-art{height:80px;display:flex;gap:5px;align-items:flex-end;flex-shrink:0;margin-bottom:3px;opacity:.9}.strategy-art i{width:11px;background:var(--navy);height:25px;transform-origin:bottom;animation:bars-enter .8s .4s both}.strategy-art i:nth-child(2){height:43px;animation-delay:.48s}.strategy-art i:nth-child(3){height:60px;animation-delay:.56s}.strategy-art i:nth-child(4){height:79px;animation-delay:.64s}.reel-art{width:65px;height:89px;border:1px solid #afc0cc6b;transform:rotate(11deg);display:grid;place-items:center;border-radius:10px;flex-shrink:0;margin-right:7px;color:var(--yellow);transition:transform .35s}.reel-art:before{content:'';position:absolute;top:6px;left:24px;width:15px;height:3px;border-radius:4px;background:#afc0cc6b}.reel-art span{font-size:19px}.category:hover .reel-art{transform:rotate(0)}.photo-art{width:64px;height:64px;border:1px solid #afc0cc6b;display:grid;place-items:center;transform:rotate(-8deg);flex-shrink:0;transition:transform .35s}.photo-art i{width:31px;height:31px;border:1px solid var(--yellow);border-radius:50%;box-shadow:0 0 0 6px #ffc64a0b}.category:hover .photo-art{transform:rotate(0)}.category[aria-current="page"]{box-shadow:0 0 0 2px var(--paper),0 0 0 4px #9ba5ac}.work{padding:41px 0 85px;border-top:1px solid var(--line);scroll-margin-top:30px}.work-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-kicker{color:var(--muted);font-size:8px;margin-bottom:12px}.work-header h2,.subsection-heading h2{font-size:clamp(26px,3vw,39px);font-weight:500;letter-spacing:-.05em;line-height:1.2}.work-header h2>span,.subsection-heading h2>span{color:#c99428}.all-link{font-size:12px;border-bottom:1px solid #b5bcc1;padding-bottom:6px;white-space:nowrap}.all-link>span{margin-left:24px}.section-description{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:-10px;margin-bottom:35px}.section-description>p{font-size:16px;line-height:1.6;color:var(--muted);max-width:620px}.section-label{font:500 8px Montserrat,sans-serif;letter-spacing:.08em;white-space:nowrap}.project-image{display:block;position:relative;overflow:hidden;background:#d4d7d6;border-radius:3px;aspect-ratio:1.5}.project-image>img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.65,.25,1)}.project-image:hover>img,.detail-image:hover>img,.reel-image:hover>img{transform:scale(1.035)}.project-featured .project-image{aspect-ratio:2.1}.project-featured .project-image>img{object-position:50% 48%}.image-label{position:absolute;left:25px;top:25px;background:#f5f3eeeb;padding:10px 13px;color:var(--navy);font:600 8px Montserrat,sans-serif;letter-spacing:.08em;backdrop-filter:blur(12px)}.image-action{position:absolute;bottom:25px;right:25px;display:flex;align-items:center;gap:18px;color:white;font-size:12px;text-shadow:0 1px 8px #000}.image-action>b{width:41px;height:41px;display:grid;place-items:center;border:1px solid #ffffff99;border-radius:50%;font-size:22px;font-weight:400;backdrop-filter:blur(10px);background:#14233844}.project-info{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0 0}.project-type{font:500 8px Montserrat,sans-serif;letter-spacing:.1em;color:var(--muted);margin-bottom:7px}.project-info h3{font-size:26px;font-weight:500;letter-spacing:-.04em;line-height:1.2}.project-note{font-size:14px;color:var(--muted);margin-top:6px}.project-count{font-size:11px;white-space:nowrap}.project-count>span{font-size:20px;margin-left:25px}.photo-detail-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}.detail-image{position:relative;overflow:hidden;border-radius:3px;aspect-ratio:1.55}.detail-image>img{height:100%;width:100%;object-fit:cover;transition:transform .7s}.detail-image>span{position:absolute;inset:auto 0 0;padding:25px;color:white;background:linear-gradient(transparent,#0008);font-size:14px;display:flex;justify-content:space-between}.photo-statement{padding:31px 39px;background:#e9e7e0;display:flex;flex-direction:column;justify-content:space-between;border-radius:3px}.statement-index{font:500 8px Montserrat,sans-serif;letter-spacing:.1em;color:var(--muted)}.photo-statement>p{font:500 clamp(24px,3.5vw,48px)/1.1 Montserrat,sans-serif;letter-spacing:-.05em;margin:25px 0}.photo-statement>p em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#537084}.photo-statement>a{display:flex;justify-content:space-between;font-size:12px;border-top:1px solid #c6cbc9;padding-top:16px}.subsection-heading{display:flex;align-items:center;gap:27px;padding-top:65px;margin-bottom:26px}.subsection-heading h2{flex:1;font-size:31px}.subsection-heading>p{max-width:125px;font-size:8px;color:var(--muted)}.subsection-heading>a{font-size:12px}.reel-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.reel-image{display:block;height:440px;overflow:hidden;background:#1a2c3c;border-radius:3px;position:relative}.reel-image>img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;width:64px;height:64px;border:1px solid #fff9;background:#132c4655;backdrop-filter:blur(12px);color:white;font-size:19px;padding-left:3px}.reel-image:hover .play{background:#ffc64ae8;color:var(--navy);border-color:var(--yellow)}.reel-tag{position:absolute;left:20px;bottom:22px;color:white;font:600 8px Montserrat,sans-serif;letter-spacing:.08em;text-shadow:0 1px 10px black}.reel-project .project-info{align-items:flex-start}.reel-project h3{font-size:23px}.reel-statement{border-left:1px solid var(--line);padding:25px 0 25px 35px;display:flex;flex-direction:column;align-items:flex-start}.reel-statement>p:not(.reel-statement-note){font:500 clamp(24px,3vw,39px)/1.15 Montserrat,sans-serif;letter-spacing:-.05em;margin-top:43px}.reel-statement em{color:#a07721}.reel-statement-note{font-size:15px;color:var(--muted);line-height:1.7;max-width:230px;margin:22px 0}.reel-statement>a{font-size:12px;line-height:1.5;border-bottom:1px solid #b5bcc1;padding-bottom:9px;margin-top:auto}.reel-statement>a>span{margin-left:13px}body[data-category="reels"] .subsection-heading{display:none}.strategy-intro{background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:50px;margin-bottom:40px;border-radius:3px}.strategy-intro>p{font:500 clamp(30px,4.5vw,58px)/1.1 Montserrat,sans-serif;letter-spacing:-.05em}.strategy-intro em{color:var(--yellow)}.strategy-intro h3{font-size:21px;font-weight:500;letter-spacing:-.03em;line-height:1.4}.strategy-intro>div>p{font-size:16px;line-height:1.8;color:#c9d3de;margin-top:17px;max-width:400px}.brand-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.brand-project-grid .project-image{aspect-ratio:1.2}.contact{background:var(--navy);color:white}.contact-inner{padding-block:65px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.contact .eyebrow{color:#b5c3d2;font-size:8px;margin-bottom:24px}.contact h2{font-size:clamp(40px,5.2vw,70px);font-weight:500;letter-spacing:-.055em;line-height:1.08}.contact em{color:var(--yellow);font-family:Georgia,serif;font-style:italic}.contact-inner>a{background:var(--yellow);color:var(--navy);padding:19px 24px;display:flex;align-items:center;gap:80px;border-radius:2px;font-size:14px;font-weight:600;margin-bottom:6px}.contact-inner>a:hover{background:#ffda84}.contact-inner>a>span{font-size:25px;font-weight:400}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:30px;font-size:10px;color:var(--muted)}.footer-brand{font:700 12px Montserrat,sans-serif;color:var(--ink)}footer>span{font:500 7px Montserrat,sans-serif;letter-spacing:.08em}dialog{border:0;padding:0;color:white;background:#101c2a;border-radius:3px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);overscroll-behavior:contain}dialog::backdrop{background:#061323ec;backdrop-filter:blur(10px)}.gallery-dialog{width:1200px}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 26px;border-bottom:1px solid #ffffff1f}.dialog-top p{font:500 7px Montserrat,sans-serif;letter-spacing:.1em;color:#a3b1bf;margin-bottom:7px}.dialog-top h2{font:500 20px Montserrat,sans-serif;letter-spacing:-.03em}.dialog-close{border:0;background:none;color:#e7edf3;font-size:11px;display:flex;align-items:center;gap:20px;min-height:36px;padding:0 0 0 12px}.dialog-close>span{font:300 29px Arial,sans-serif}.gallery-stage{display:grid;grid-template-columns:56px 1fr 56px;gap:10px;padding:20px 15px 10px;align-items:center}.gallery-stage button{background:none;border:1px solid #ffffff45;border-radius:50%;width:42px;height:42px;font-size:20px;justify-self:center;color:white}.gallery-stage button:hover{background:#ffffff15}.gallery-stage figure{min-width:0}.gallery-stage img{width:100%;height:min(60dvh,680px);object-fit:contain}.gallery-stage figcaption{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#aeb9c4;margin-top:12px;line-height:1.5}.gallery-thumbs{display:flex;gap:8px;padding:10px 80px 22px;overflow-x:auto;scrollbar-width:thin}.gallery-thumbs button{border:1px solid transparent;background:none;padding:2px;flex:0 0 70px;height:51px;border-radius:2px}.gallery-thumbs button[aria-pressed="true"]{border-color:var(--yellow)}.gallery-thumbs img{width:100%;height:100%;object-fit:cover;opacity:.6}.gallery-thumbs button[aria-pressed="true"] img,.gallery-thumbs button:hover img{opacity:1}.video-dialog{width:auto;min-width:330px}.video-dialog video{display:block;max-width:min(90vw,720px);width:auto;height:min(78dvh,900px);background:#000;outline:0}.video-dialog .dialog-top{padding:12px 20px}.video-dialog h2{font-size:17px}.noscript-note{padding:25px;background:#ebe9e2;line-height:1.8;margin-top:30px}.noscript-note a{text-decoration:underline}@keyframes category-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes star-enter{from{opacity:0;transform:rotate(-65deg) scale(.7)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes bars-enter{from{transform:scaleY(.2)}to{transform:scaleY(1)}}
@media(min-width:1600px){.intro{padding-top:68px}.categories{gap:20px}.category{min-height:245px}.reel-image{height:500px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.category{padding:22px 20px;min-height:223px}.strategy-art{gap:3px;height:65px;opacity:.5}.strategy-art i{width:7px}.reel-art{width:43px;height:65px;margin-right:2px}.reel-art:before{left:16px;width:10px}.photo-art{width:40px;height:40px}.photo-art i{width:23px;height:23px}.category p{font-size:12px}.intro-title>p{font-size:15px}.intro h1{font-size:10.5vw}.section-label{display:none}.reel-image{height:350px}.reel-statement{padding-left:24px}.reel-statement>p:not(.reel-statement-note){font-size:29px}.strategy-intro{padding:36px}.contact-inner>a{gap:45px}footer>span{display:none}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header-inner{height:78px;gap:15px}.brand{font-size:13px;gap:7px}.brand img{width:31px;height:31px}.brand-dot{font-size:6px;margin-top:7px;margin-left:-3px}.site-header nav{gap:20px;font-size:11px}.header-contact{padding:9px 11px}.header-contact>span{margin-left:9px}.intro{padding-top:31px;padding-bottom:35px}.intro-top .eyebrow{font-size:6px;letter-spacing:.1em}.edition{display:none}.intro-title{align-items:flex-start;flex-direction:column;gap:16px;margin:24px 0 28px}.intro h1{font-size:clamp(61px,16vw,110px);gap:14px}.intro-title>p{font-size:15px;padding:0;line-height:1.55}.intro-title>p br{display:none}.categories{grid-template-columns:1fr 1fr;gap:11px}.category-primary{grid-column:1/-1;min-height:184px}.category{padding:20px;min-height:179px}.category-primary .category-bottom{margin-top:20px}.category-primary h2{font-size:25px}.category-primary p{font-size:13px}.category-primary .category-bottom>div:first-child{display:flex;align-items:flex-end;gap:35px}.category-primary .category-bottom>div:first-child p{margin-top:0;margin-bottom:2px}.category-top{font-size:7px;letter-spacing:.08em}.category-arrow{font-size:24px}.category h2{font-size:23px}.category:not(.category-primary) .category-bottom{align-items:flex-end;margin-top:22px}.category:not(.category-primary) p{font-size:12px;margin-top:9px}.strategy-art{height:63px;opacity:1;gap:4px}.strategy-art i{width:9px}.strategy-art i:nth-child(4){height:65px}.strategy-art i:nth-child(3){height:50px}.strategy-art i:nth-child(2){height:36px}.strategy-art i:first-child{height:21px}.reel-art{display:none}.photo-art{display:none}.work{padding-top:28px;padding-bottom:46px}.work-header{gap:15px;margin-bottom:24px;align-items:center}.section-kicker{font-size:6px;margin-bottom:10px}.work-header h2{font-size:27px;max-width:230px}.all-link{font-size:10px}.all-link>span{margin-left:8px}.section-description{margin:0 0 24px}.section-description>p{font-size:15px}.project-featured .project-image{aspect-ratio:1.32}.image-label{top:15px;left:15px;font-size:6px;padding:9px}.image-action{right:15px;bottom:15px;gap:10px;font-size:10px}.image-action>b{width:35px;height:35px;font-size:20px}.project-info{padding-top:17px;gap:13px}.project-type{font-size:7px}.project-info h3{font-size:23px}.project-note{font-size:12px;line-height:1.5}.project-count{font-size:9px}.project-count>span{margin-left:10px;font-size:18px}.photo-detail-row{gap:12px;margin-top:26px;grid-template-columns:1fr}.detail-image{aspect-ratio:1.55}.detail-image>span{padding:20px;font-size:13px}.photo-statement{padding:27px;min-height:240px}.photo-statement>p{font-size:39px;margin:20px 0}.photo-statement>p br{display:none}.photo-statement>a{font-size:12px}.subsection-heading{padding-top:40px;gap:15px;flex-wrap:wrap;justify-content:space-between}.subsection-heading>p{max-width:none;flex-basis:100%;font-size:6px}.subsection-heading>h2{font-size:28px}.subsection-heading>a{font-size:11px}.reel-grid{grid-template-columns:1fr 1fr;gap:13px}.reel-image{height:auto;aspect-ratio:9/16}.reel-project h3{font-size:19px}.reel-project .project-info{gap:6px}.reel-project .project-type{font-size:6px;letter-spacing:.04em}.reel-tag{left:10px;bottom:14px;font-size:5px}.play{width:45px;height:45px;font-size:14px}.reel-statement{grid-column:1/-1;padding:27px 0 0;border-left:0;border-top:1px solid var(--line);margin-top:20px}.reel-statement>p:not(.reel-statement-note){font-size:34px;margin-top:20px}.reel-statement>p:not(.reel-statement-note) br{display:none}.reel-statement-note{max-width:100%;font-size:15px;margin:16px 0 22px}.strategy-intro{grid-template-columns:1fr;gap:30px;padding:30px 27px;margin-bottom:26px}.strategy-intro>p{font-size:42px}.strategy-intro h3{font-size:19px}.strategy-intro>div>p{font-size:15px;margin-top:12px}.brand-project-grid{grid-template-columns:1fr;gap:32px}.brand-project-grid .project-image{aspect-ratio:1.2}.contact-inner{padding-block:43px;flex-direction:column;align-items:flex-start;gap:30px}.contact .eyebrow{font-size:6px;margin-bottom:19px}.contact h2{font-size:45px}.contact-inner>a{font-size:13px;padding:16px 21px;gap:80px;margin:0}footer{flex-wrap:wrap;padding-block:25px;gap:18px;font-size:9px}footer .footer-brand{font-size:11px;flex-basis:100%}footer>a:last-child{margin-left:auto}dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.dialog-top{padding:17px}.dialog-top p{font-size:5px}.dialog-top h2{font-size:17px}.dialog-close{font-size:10px;gap:12px}.gallery-stage{grid-template-columns:34px 1fr 34px;gap:3px;padding:15px 5px 8px}.gallery-stage button{height:31px;width:31px;font-size:16px}.gallery-stage img{height:50dvh}.gallery-stage figcaption{font-size:9px;margin-top:10px}.gallery-thumbs{padding:8px 16px 17px;gap:5px}.gallery-thumbs button{flex-basis:57px;height:43px}.video-dialog{min-width:290px}.video-dialog video{max-width:calc(100vw - 24px);height:75dvh}}
@media(max-width:380px){.brand{font-size:11px}.site-header nav{gap:12px}.header-contact{font-size:10px}.category-primary .category-bottom>div:first-child{gap:22px}.category-primary h2{font-size:22px}.category-primary p{font-size:11px}.strategy-art{display:none}.category h2{font-size:19px}.category{padding:17px;min-height:165px}.project-count{display:none}.work-header h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.category:hover,.category:hover .category-arrow,.project-image:hover>img,.detail-image:hover>img,.reel-image:hover>img{transform:none}}
/* Portfolio collections: the cover remains a separate, single-screen entry. */
.page-intro{padding-block:35px 40px}.back-link{font-size:12px;color:var(--muted);display:inline-block;margin-bottom:40px}.page-intro .eyebrow{font-size:8px;color:var(--muted);margin-bottom:15px}.page-intro h1{font-size:clamp(38px,5vw,70px);font-weight:500;letter-spacing:-.06em;line-height:1.07;max-width:900px}.page-intro h1>span{color:#c99426}.page-intro>div>p:last-child{font-size:18px;line-height:1.7;color:var(--muted);max-width:690px;margin-top:22px}.collection-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.collection-nav>a{padding:10px 15px;border:1px solid #ccd0ce;border-radius:30px;font-size:12px;transition:background .2s}.collection-nav>a:hover{background:#e8e7df}.collections{padding-bottom:65px}.collection{padding-block:40px 20px;border-top:1px solid var(--line);margin-bottom:40px;scroll-margin-top:30px}.collection-heading{margin-bottom:28px}.collection-heading .eyebrow{font-size:8px;color:var(--muted)}.collection-heading h2{font-size:clamp(27px,3.2vw,43px);font-weight:500;letter-spacing:-.05em;margin-top:13px;line-height:1.2}.collection-heading h2>span{color:#c99426}.collection-heading>p{font-size:16px;color:var(--muted);line-height:1.7;margin-top:14px;max-width:680px}.collection .brand-project-grid{gap:28px}.collection .project-image{aspect-ratio:1.5}.collection .project-image>img{object-position:50% 38%}.collection .project-note{max-width:520px;line-height:1.7}.collection .project-info h3{font-size:25px}.site-header nav>a[aria-current=page]{color:var(--yellow)}.gallery-stage figure{display:flex;flex-direction:column}.gallery-stage img{background:#101c2a}.gallery-stage figcaption>span:first-child{max-width:80%}
@media(max-width:700px){.page-intro{padding-block:25px 30px}.back-link{font-size:11px;margin-bottom:30px}.page-intro h1{font-size:42px;line-height:1.12}.page-intro .eyebrow{font-size:6px;margin-bottom:15px}.page-intro>div>p:last-child{font-size:16px;margin-top:19px}.collection-nav{gap:8px;margin-top:24px}.collection-nav>a{font-size:10px;padding:10px 12px}.collection{padding-top:28px;margin-bottom:25px}.collection-heading{margin-bottom:22px}.collection-heading .eyebrow{font-size:6px}.collection-heading h2{font-size:29px}.collection-heading>p{font-size:15px}.collection .brand-project-grid{gap:32px}.collection .project-info h3{font-size:23px}.collection .project-image{aspect-ratio:1.3}.collection .project-type{font-size:6px}.collection .project-note{font-size:13px}.collections{padding-bottom:30px}.site-header nav{gap:17px;font-size:10px}.site-header .header-contact{padding:9px 10px;font-size:9px}.site-header .brand{font-size:11px}.site-header .brand img{width:28px;height:28px}}
@media(max-width:370px){.site-header .header-contact{display:none}.page-intro h1{font-size:36px}}
/* A project directory makes the architecture collections clear at first glance. */
.project-directory-caption{display:none}.architecture-project{background:#fff;border:1px solid #dce0df;border-radius:18px;overflow:hidden;transition:box-shadow .2s,border-color .2s,transform .2s}.architecture-project:hover{border-color:#b5bfca;box-shadow:0 10px 30px #0d25440b;transform:translateY(-3px)}.architecture-project-link{display:flex;flex-direction:column;height:100%;padding:20px}.project-identity{padding:1px 0 18px;min-height:105px}.project-number{font:600 8px Montserrat,sans-serif;letter-spacing:.13em;color:#8b7443;display:block;margin-bottom:12px}.project-identity h3{font-size:27px;font-weight:500;letter-spacing:-.045em;line-height:1.2}.project-identity>p{font-size:13px;color:var(--muted);margin-top:8px}.architecture-project .project-image{border-radius:10px;aspect-ratio:1.55}.architecture-project .project-image>img{object-position:center 43%}.architecture-project-link:hover .project-image>img{transform:scale(1.035)}.project-kind{position:absolute;left:14px;bottom:14px;background:#0d2544d9;color:white;padding:8px 10px;font:500 7px Montserrat,sans-serif;letter-spacing:.04em;backdrop-filter:blur(10px)}.project-directory-meta{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:18px;font-size:12px;color:var(--muted)}.project-directory-meta>span:last-child{color:var(--navy);font-weight:600}.project-directory-meta b{font-size:19px;font-weight:400;margin-left:10px}
body[data-category="fotografia"] .page-intro{padding-block:27px 30px}body[data-category="fotografia"] .back-link{margin-bottom:24px}body[data-category="fotografia"] .page-intro h1{font-size:clamp(34px,4vw,54px);max-width:940px;line-height:1.1}body[data-category="fotografia"] .page-intro>div>p:last-child{font-size:16px;margin-top:17px}body[data-category="fotografia"] #arquitectura{padding-top:0;border-top:0;margin-bottom:0}body[data-category="fotografia"] #arquitectura>.collection-heading{display:none}body[data-category="fotografia"] .project-directory-caption{display:flex;justify-content:space-between;gap:20px;padding:0 0 16px;font:500 8px Montserrat,sans-serif;letter-spacing:.08em;color:var(--muted)}body[data-category="fotografia"] .project-directory-caption>span:last-child{color:#7b693d}body[data-category="fotografia"] .architecture-project-grid{gap:20px}
@media(max-width:700px){.architecture-project-link{padding:16px}.project-identity{min-height:98px;padding-bottom:16px}.project-identity h3{font-size:24px}.project-directory-meta{font-size:11px}.project-kind{font-size:6px;left:10px;bottom:10px;padding:7px 8px}body[data-category="fotografia"] .page-intro{padding-block:23px 25px}body[data-category="fotografia"] .page-intro h1{font-size:34px;letter-spacing:-.05em}body[data-category="fotografia"] .page-intro .eyebrow{font-size:7px;margin-bottom:12px}body[data-category="fotografia"] .page-intro>div>p:last-child{font-size:15px;margin-top:14px;line-height:1.6}body[data-category="fotografia"] .back-link{margin-bottom:22px}body[data-category="fotografia"] .architecture-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body[data-category="fotografia"] .architecture-project{border-radius:14px}body[data-category="fotografia"] .architecture-project-link{padding:11px}body[data-category="fotografia"] .project-number{font-size:6px;margin-bottom:10px}body[data-category="fotografia"] .project-identity{min-height:95px;padding-bottom:13px}body[data-category="fotografia"] .project-identity h3{font-size:19px;line-height:1.18}body[data-category="fotografia"] .project-identity>p{font-size:11px;line-height:1.4;margin-top:7px}body[data-category="fotografia"] .architecture-project .project-image{aspect-ratio:1.12;border-radius:8px}body[data-category="fotografia"] .project-kind{font-size:5px;line-height:1.5;left:6px;bottom:6px;right:6px;padding:5px 6px;letter-spacing:0}body[data-category="fotografia"] .project-directory-meta{align-items:flex-start;flex-direction:column;gap:8px;padding-top:12px;font-size:10px}body[data-category="fotografia"] .project-directory-meta>span:last-child{display:flex;justify-content:space-between;width:100%;padding-top:9px;border-top:1px solid #e6e7e2}body[data-category="fotografia"] .project-directory-meta b{font-size:15px;margin-left:0}body[data-category="fotografia"] .project-directory-caption{font-size:6px;letter-spacing:.04em;gap:10px;padding-bottom:13px}body[data-category="fotografia"] .collections{padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){.architecture-project:hover,.architecture-project-link:hover .project-image>img{transform:none}}
.gallery-project-note{margin:16px 26px 0;max-width:1000px;font-size:13px;line-height:1.65;color:#bccbd8}.gallery-dialog[data-project="royal-canin"] .gallery-stage img{height:auto;max-height:58dvh}.gallery-dialog[data-project="royal-canin"] .gallery-stage{padding-top:16px}
@media(min-width:1100px){body[data-category="fotografia"] .architecture-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-category="fotografia"] .project-identity h3{font-size:25px}body[data-category="fotografia"] .project-directory-meta{font-size:11px}}
@media(max-width:700px){.gallery-project-note{margin:13px 17px 0;font-size:11px;line-height:1.65}.gallery-dialog[data-project="royal-canin"] .gallery-stage{padding-top:13px}.gallery-dialog[data-project="royal-canin"] .dialog-top h2{font-size:17px}.gallery-dialog[data-project="royal-canin"] .dialog-top p{font-size:6px;line-height:1.6;max-width:220px}}
