:root{--paper:#f2efe9;--ink:#101010;--muted:#68645e;--yellow:#f5f600;--line:#d8d4cd}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #897300;outline-offset:5px}header,main,footer{max-width:1600px;margin:auto}.header{display:flex;align-items:center;padding:27px 4.5%;gap:40px;border-bottom:1px solid var(--line)}.logo{font-size:38px;letter-spacing:-2px;line-height:1}.logo b{font-weight:750}.logo i,.footer-logo i{font-weight:400}.logo span{display:block;font-size:8px;letter-spacing:2px;margin-top:9px}.recipient{margin-left:auto;display:flex;flex-direction:column;gap:7px}.recipient>span,.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600}.recipient strong{font-size:13px;font-weight:400}.recipient em{font-style:normal;color:var(--muted)}.studio{font-size:12px;border-left:1px solid var(--line);padding-left:30px}.intro{padding:49px 4.5% 38px;position:relative}.eyebrow{margin:0 0 18px}h1{font-size:clamp(38px,4.7vw,74px);font-weight:400;letter-spacing:-3px;line-height:1.04;margin:0;max-width:1000px}h1 span{color:#77736c}.intro-copy{font-size:13px;line-height:1.6;color:var(--muted);margin:22px 0 0}.tabs{display:grid;grid-template-columns:.65fr 1.65fr 1.5fr .8fr;margin:0 4.5%;border:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}.tabs a{padding:22px 19px;display:flex;align-items:center;gap:16px;font-size:13px;border-right:1px solid var(--line);transition:background .2s}.tabs a:last-child{border:0}.tabs a>span{font-size:9px;opacity:.5}.tabs small{margin-left:auto;font-size:16px}.tabs .active{background:var(--yellow)}.tabs a:hover{background:#e9e6df}.tabs .active:hover{background:var(--yellow)}.panel{padding:42px 4.5% 55px;scroll-margin-top:90px}.panel[hidden]{display:none}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:26px}.section-heading .eyebrow{margin-bottom:11px;color:var(--muted)}h2{font-size:clamp(25px,2.4vw,36px);font-weight:400;letter-spacing:-1px;margin:0}.section-heading>p{color:var(--muted);font-size:12px;line-height:1.7;margin:0}.project-main,.project-secondary{margin:0 0 36px}.image-button{display:block;width:100%;padding:0;border:0;background:#e4e0d9;position:relative;overflow:hidden;text-align:left}.image-button img{display:block;width:100%;height:auto;transition:transform .6s}.image-button:hover img{transform:scale(1.015)}.project-main img{max-height:77vh;object-fit:contain;background:#dfE5e8}.expand{position:absolute;bottom:20px;right:20px;background:#fff;padding:12px 17px;font-size:11px}.project-secondary{width:83%;margin-left:auto}figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:14px;font-size:12px}figcaption strong{font-weight:400}figcaption>span{color:var(--muted);font-size:11px}.discreet{font-size:11px!important;color:var(--muted);line-height:1.7}.next{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:19px;letter-spacing:-.4px;margin-top:38px;padding-top:25px}.next span{background:var(--ink);color:white;width:42px;height:42px;display:grid;place-items:center}.film{background:#141414}.film video{display:block;width:100%;max-height:75vh;aspect-ratio:16/9}.film-caption{display:flex;gap:20px;font-size:11px;padding-top:17px;color:var(--muted)}.film-caption a{margin-left:auto;color:var(--ink)}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}.filters button{background:transparent;border:1px solid var(--line);padding:11px 16px;font-size:11px;border-radius:2px}.filters .selected{color:#fff;background:var(--ink);border-color:var(--ink)}.filters span{opacity:.5;margin-left:10px}.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 20px}.reference-grid figure{margin:0}.reference-grid figure[hidden]{display:none}.reference-grid .image-button{aspect-ratio:4/3}.reference-grid img{height:100%;object-fit:contain}.reference-grid .expand{bottom:10px;right:10px;font-size:16px;padding:7px 12px}.reference-grid figcaption{display:block}.reference-grid figcaption span{display:block;margin-top:7px}.offer-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:12px}.offer-document{background:#e7e3db;padding:45px;min-height:360px;display:flex;flex-direction:column;align-items:flex-start}.file-icon{font-size:35px;margin-bottom:35px}h3{font-size:28px;font-weight:400;letter-spacing:-.8px;line-height:1.2;margin:0 0 17px}.offer-document p,.offer-copy p{font-size:13px;line-height:1.8;color:#5c5851;margin:0 0 20px}.offer-document .eyebrow,.offer-copy .eyebrow{font-size:10px}.pending{display:inline-block;border:1px solid #b7b2aa;padding:8px 13px;font-size:10px;margin-top:auto}.offer-copy{padding:30px 0}.contact{display:inline-block;background:var(--ink);color:#fff;padding:16px 22px;font-size:12px;margin-top:12px}footer{border-top:1px solid var(--line);padding:29px 4.5%;display:flex;gap:40px;align-items:center;font-size:11px;color:var(--muted)}.footer-logo{font-size:26px;letter-spacing:-1.5px;color:var(--ink)}footer a:last-child{margin-left:auto;color:var(--ink)}dialog{background:#151515;color:#fff;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:22px 30px;margin:0}dialog::backdrop{background:#151515}dialog:not([open]){display:none}.lightbox-top{display:flex;align-items:center;justify-content:space-between;height:40px;font-size:12px}.lightbox-top button{background:none;border:1px solid #777;color:white;padding:10px 15px;margin-left:10px;font-size:12px}.lightbox-stage{display:grid;grid-template-columns:50px 1fr 50px;align-items:center;gap:20px;height:calc(100% - 95px)}#large-image{width:100%;height:100%;object-fit:contain;min-height:0}.arrow{border:1px solid #777;background:none;color:#fff;height:45px;font-size:23px}#image-caption{font-size:13px;text-align:center;margin:20px 0 0}.lightbox-top button:hover,.arrow:hover{background:#444}body.modal-open{overflow:hidden}@media(min-width:1700px){.header{border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media(max-width:900px){.header{gap:20px}.tabs a{padding:19px 12px;font-size:12px;gap:7px}.tabs small{display:none}.section-heading>p br{display:none}.section-heading>p{max-width:270px}.reference-grid{grid-template-columns:repeat(2,1fr)}.offer-layout{gap:5%}.offer-document{padding:30px}.project-secondary{width:100%}h1{letter-spacing:-2px}}@media(max-width:600px){.header{padding:22px 5%;gap:20px}.logo{font-size:31px}.logo span{font-size:6px}.recipient{gap:6px;text-align:right}.recipient>span{font-size:8px;letter-spacing:1px}.recipient strong{font-size:10px}.recipient em{display:block;margin-top:3px}.studio{display:none}.intro{padding:34px 5% 28px}.intro .eyebrow{font-size:9px;margin-bottom:18px}h1{font-size:39px;letter-spacing:-1.8px}.intro-copy{font-size:12px}.tabs{margin:0 5%;grid-template-columns:1fr 1.5fr;top:0}.tabs a{padding:15px 11px;font-size:11px;border-bottom:1px solid var(--line)}.tabs a:nth-child(2){border-right:0}.tabs a:nth-child(3){border-bottom:0}.tabs a>span{font-size:8px}.panel{padding:30px 5% 35px;scroll-margin-top:115px}.section-heading{display:block;margin-bottom:23px}.section-heading>p{margin-top:13px;max-width:none;font-size:12px}.section-heading>p br{display:none}h2{font-size:26px;letter-spacing:-.7px}.project-main img{max-height:none}.expand{bottom:10px;right:10px;padding:8px 11px;font-size:10px}figcaption{display:block;font-size:11px}figcaption>span{display:block;margin-top:5px;font-size:10px}.project-main,.project-secondary{margin-bottom:27px}.reference-grid{gap:25px 12px}.reference-grid figcaption{font-size:11px}.reference-grid figcaption span{font-size:10px}.filters{gap:6px}.filters button{padding:9px 11px;font-size:10px}.offer-layout{grid-template-columns:1fr;gap:25px}.offer-document{min-height:320px}.offer-copy{padding:15px 0}.film-caption{flex-wrap:wrap;gap:10px}.film-caption a{margin-left:auto;font-size:10px}.next{font-size:17px;margin-top:28px;padding-top:20px}footer{flex-wrap:wrap;padding:25px 5%;gap:14px}footer p{font-size:10px}footer a:last-child{margin:0;width:100%}dialog{padding:12px}.lightbox-stage{grid-template-columns:32px 1fr 32px;gap:5px;height:calc(100% - 110px)}.arrow{font-size:20px;height:40px}.lightbox-top{font-size:10px}.lightbox-top button{font-size:10px;margin-left:4px;padding:9px}#image-caption{font-size:11px;line-height:1.5}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.offer-document{background:var(--yellow);min-height:380px;justify-content:center}.offer-price{font-size:clamp(32px,4.4vw,68px);font-weight:600;letter-spacing:-2px;margin:22px 0}.offer-price small{display:block;font-size:13px;letter-spacing:0;margin-top:10px;font-weight:400}.offer-document .offer-summary{color:var(--ink);font-size:17px;line-height:1.6}.offer-download{font-size:12px;text-decoration:underline;margin-top:20px}.offer-copy h3{font-size:38px;line-height:1.08}.offer-terms{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);margin-top:45px;padding-top:32px}.offer-terms h3{font-size:22px;letter-spacing:-.5px}.offer-terms p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted)}@media(max-width:600px){.offer-terms{grid-template-columns:1fr;gap:18px}.offer-price{font-size:42px}.offer-copy h3{font-size:32px}}

.hero-frame{position:relative;overflow:hidden}.project-main .image-button{height:clamp(330px,64vw,77vh)}.project-main .image-button img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 60%;transform-origin:50% 65%;animation:landscape-zoom 22s ease-in-out infinite alternate}.project-main .image-button:hover img{transform:none}.image-button,.image-button img{border-radius:0}@keyframes landscape-zoom{from{transform:scale(1)}to{transform:scale(1.045)}}@media(max-width:600px){.project-main .image-button{height:66vw;min-height:240px}}@media(prefers-reduced-motion:reduce){.project-main .image-button img{animation:none}}

.offer-services{margin:5px 0 20px;padding-left:22px;font-size:13px;line-height:1.55}.offer-services li{padding-left:6px;margin-bottom:16px}.offer-services li:last-child{margin-bottom:0}.offer-services strong,.offer-services span{display:block}.offer-services strong{margin-bottom:4px}.offer-document .offer-forfait{font-size:12px;color:var(--ink);margin:0 0 5px}.offer-document .offer-price{font-size:26px;letter-spacing:-.6px;margin:0 0 15px}.offer-price small{display:inline;font-size:12px;margin:0 0 0 4px}.offer-document{justify-content:flex-start}

.tabs{grid-template-columns:.6fr 1.5fr 1.3fr .8fr 1.1fr}.tabs a{gap:10px;padding:22px 14px;font-size:12px}.offer-copy h4{font-size:18px;line-height:1.3;font-weight:400;letter-spacing:-.3px;margin:28px 0 12px}@media(max-width:900px){.tabs a{padding:18px 10px;font-size:11px}}@media(max-width:600px){.tabs{display:flex;overflow-x:auto;scrollbar-width:thin}.tabs a{flex:0 0 auto;white-space:nowrap;padding:18px 13px;border-bottom:0!important;border-right:1px solid var(--line)!important}.tabs a:last-child{border-right:0!important}.panel{scroll-margin-top:65px}}

.project-intro{font-size:12px;line-height:1.7;color:var(--muted);margin:12px 0 0}
@media(max-width:600px){
  .project-main,.project-secondary{width:calc(100% + 11.1111%);margin-left:-5.55555%;margin-right:-5.55555%}
  .project-main figcaption,.project-secondary figcaption{padding-left:5%;padding-right:5%}
  .project-main .image-button{height:72vw;min-height:0}
  .reference-grid{grid-template-columns:1fr;gap:28px}
  .reference-grid .expand{font-size:13px;padding:6px 9px}
  .next span{width:34px;height:34px;font-size:16px}
  dialog{padding:12px 4px}
  .lightbox-top{padding:0 8px}
  .lightbox-stage{display:block;position:relative;height:calc(100% - 110px)}
  #large-image{display:block;width:100%;height:100%}
  .lightbox-stage .arrow{position:absolute;bottom:6px;z-index:1;width:44px;height:44px;font-size:18px;border:0;background:rgba(21,21,21,.65)}
  #previous{left:8px}
  #next-image{right:8px}
  #image-caption{padding:0 12px}
}

.film-heading{margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}.film-heading .eyebrow{color:var(--muted);margin-bottom:12px}.film-heading h3{margin-bottom:24px}
