@font-face{font-family:'EB Garamond';src:url('eb-garamond-latin.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
@font-face{font-family:'EB Garamond';src:url('eb-garamond-italic-latin.woff2') format('woff2');font-style:italic;font-weight:400 800;font-display:swap}
:root{--serif:'EB Garamond',Georgia,serif;--pad:clamp(24px,5vw,88px);--max:1440px;--ease:cubic-bezier(.22,1,.36,1)}
body{font-size:17px;line-height:1.65}
html{scroll-padding-top:110px}
h1,h2,h3,.display,.reef-line,.step h3,.service h3,.person-info h3{font-family:var(--serif);font-weight:400;letter-spacing:-.025em}
.eyebrow,.tiny-index{font-size:12px;letter-spacing:.14em;font-weight:500}
.section-space{padding-block:clamp(76px,8.5vw,136px)}
.section-label{margin-bottom:44px;padding-top:18px;border-top:1px solid var(--shell)}
.display{font-size:clamp(48px,5.7vw,82px);line-height:1.02}
.site-header{padding:28px 0}
.site-header.is-scrolled{padding:18px 0;background:rgba(246,244,239,.97);backdrop-filter:blur(14px)}
.brand{width:210px}
.nav-links{gap:28px}
.nav-links a{font-size:12px;letter-spacing:.09em}
.lang-switch{padding-left:24px}
.lang-switch a{font-size:12px;min-width:28px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}
.button{font-size:12px;font-weight:500;letter-spacing:.09em;min-height:58px;padding:16px 24px;gap:28px;box-shadow:none;transition:background-color .2s,color .2s,border-color .2s}
.button span{font-size:22px;font-weight:400;transition:none}
.button:hover span{transform:none}
.button.dark{background:var(--ink);border:1px solid var(--ink);color:var(--paper)}
.button.dark:hover{background:var(--tide);border-color:var(--tide)}
.text-link{font-size:14px;letter-spacing:0;text-transform:none;min-height:44px;align-items:center}
.hero{display:block;min-height:0;overflow:hidden;background:var(--paper);color:var(--ink)}
.hero::after{content:none}
.hero-stage{position:relative;isolation:isolate;background:var(--ink);color:var(--paper)}
.hero-visual{inset:0;z-index:-2;transform:none!important}
.hero-stage::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,20,17,.53),rgba(9,20,17,.2) 57%,rgba(9,20,17,.08)),linear-gradient(0deg,rgba(9,20,17,.3),transparent 48%,rgba(9,20,17,.2))}
.hero-media,.hero-video{object-position:center center;filter:grayscale(1)}
.hero-content{position:relative;min-height:calc(100svh - 186px);max-height:none;display:flex;flex-direction:column;justify-content:center;padding-top:150px;padding-bottom:120px}
.hero .eyebrow{font-size:12px;letter-spacing:.14em;margin-bottom:30px;color:var(--paper);max-width:none}
h1{font:400 clamp(76px,9.5vw,146px)/.88 var(--serif);letter-spacing:-.035em;max-width:10em;margin-left:-.035em}
h1 em{font-weight:400;letter-spacing:-.035em}
.hero-scroll{position:absolute;left:auto;right:0;bottom:30px;font-size:11px;letter-spacing:.12em;gap:28px}
.hero-scroll span:last-child{font-size:24px}
.hero-register{background:var(--paper);border-bottom:1px solid var(--shell)}
.hero-register-inner{min-height:186px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8%;padding-block:30px}
.hero-intro{font-size:16px;line-height:1.65;max-width:610px;margin:0;color:var(--ink)}
.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.hero-availability{font-size:12px;color:var(--muted);margin:0;line-height:1.5}
.hero-availability span{white-space:nowrap}
.experience{background:var(--paper);border-bottom:0}
.experience-inner{display:grid;grid-template-columns:1fr 3fr;gap:32px;padding-block:clamp(80px,8vw,128px)}
.experience-label{padding-top:10px;align-items:flex-start;gap:24px}
.experience-line{width:32px;background:var(--tide)}
.experience-copy{max-width:880px}
.experience-copy h2{font:400 clamp(40px,4.2vw,62px)/1.04 var(--serif);letter-spacing:-.025em;max-width:700px}
.experience-copy>p{font-size:16px;line-height:1.75;max-width:710px;margin-top:28px;color:var(--muted)}
.experience-copy .text-link{font-size:14px;margin-top:24px}
.services{background:var(--paper);color:var(--ink);padding-top:12px}
.services .eyebrow{color:var(--tide)}
.section-heading{grid-template-columns:7fr 3fr;gap:10%;align-items:end;margin-bottom:66px}
.section-heading .display{font-family:var(--serif);font-size:clamp(48px,5.35vw,77px);line-height:1.01;letter-spacing:-.025em}
.section-heading>p{color:var(--muted);font-size:16px;line-height:1.65;max-width:320px}
.service-list{border-top:1px solid var(--shell)}
.service{grid-template-columns:1fr 4fr 6fr;gap:24px;padding-block:36px;border-bottom:1px solid var(--shell);align-items:start}
.service-number{font-size:12px;color:var(--tide);margin-top:12px}
.service h3{font:400 clamp(32px,3.05vw,44px)/1.08 var(--serif);letter-spacing:-.02em}
.scope{font-size:11px;letter-spacing:.06em;line-height:1.65;color:var(--muted);margin-top:13px}
.service-description>p{font-size:16px;line-height:1.65;color:var(--muted);max-width:540px}
.service-tags{margin-top:18px;gap:8px 14px}
.service-tags li{font-size:12px;color:var(--ink)}
.service-tags li+li::before{color:var(--tide);padding-right:14px}
.service-description .production-note{font-size:13px;color:var(--muted);margin-top:18px;max-width:520px}
.services-audience{grid-template-columns:1fr 3fr;gap:32px;padding-top:44px}
.services-audience p{font:400 32px/1.2 var(--serif);letter-spacing:-.015em;max-width:750px;text-wrap:pretty}
.services-ways{grid-template-columns:1fr 1.5fr 1.5fr;gap:32px;border-color:var(--shell);margin-top:40px;padding-top:30px}
.services-way h3{font:500 12px/1.5 Inter,sans-serif;letter-spacing:.08em}
.services-way p{font-size:15px;line-height:1.65;color:var(--muted);max-width:330px;margin-top:15px}
.services-foot{color:var(--ink);margin-top:32px}
.process-section{background:color-mix(in srgb,var(--mist) 45%,var(--paper));border-block:1px solid var(--shell)}
.approach{grid-template-columns:5fr 5fr;gap:16.666%;padding-block:100px}
.approach-copy{top:125px}
.approach-copy .section-label{border-top:0;padding-top:0;margin-bottom:40px}
.approach-copy .display{font:400 clamp(46px,4.8vw,70px)/1.04 var(--serif);letter-spacing:-.025em}
.process-signature{margin-top:46px;gap:25px}
.process-signature>span{font-size:12px}
.process-mark{width:75px;height:47px}
.steps{padding-top:0}
.step{padding-block:29px 34px;gap:15px;grid-template-columns:30px 1fr;border-color:var(--shell)}
.step::after{transform:none;opacity:0;transition:opacity .5s}
.step.is-active::after{opacity:1}
.step-number{font-size:12px;padding-top:10px}
.step h3{font:400 clamp(34px,3.4vw,49px)/1.08 var(--serif);letter-spacing:-.02em;margin-bottom:14px}
.step div>p:last-child{font-size:16px;line-height:1.65;max-width:400px}
.method-note{padding:24px 0 0;border-left:0;border-top:1px solid var(--shell);margin-top:18px;max-width:460px}
.method-note .eyebrow{font-size:11px;margin-bottom:15px}
.method-note p:last-child{font-size:14px;line-height:1.75}
.reef-scene{height:clamp(620px,75svh,850px)}
.reef-scene::after{background:linear-gradient(90deg,rgba(8,25,22,.12),rgba(8,25,22,.58)),linear-gradient(0deg,rgba(8,25,22,.33),transparent 70%)}
.reef-scene figcaption{bottom:72px}
.reef-scene .eyebrow{font-size:11px;margin-left:45%;margin-bottom:25px}
.reef-line{font:400 clamp(58px,6vw,92px)/.96 var(--serif);letter-spacing:-.025em;margin-left:45%}
.reef-line em{font-weight:400}
.people-head{grid-template-columns:7fr 3fr;gap:10%;align-items:end;margin-bottom:65px}
.people-head>div{font-size:16px;line-height:1.75;max-width:340px}
.people-grid{grid-template-columns:1fr 1fr;gap:10%;margin-left:25%}
.person{display:block;padding:0;border:0;min-width:0}
.person:nth-child(2){padding-top:74px}
.person-photo{width:100%;max-width:none;aspect-ratio:.95;background:var(--shell)}
.person-image{object-position:50% 40%;filter:grayscale(1)}
.person-image.carolina-image{object-position:53% 35%}
.person-info{padding-top:25px}
.person-info .eyebrow{font-size:11px;letter-spacing:.08em;line-height:1.6}
.person-info h3{font:400 38px/1.08 var(--serif);letter-spacing:-.02em;margin:10px 0 19px}
.person-info>p:last-child{font-size:15px;line-height:1.75;max-width:420px}
.studio-baseline{border-top:1px solid var(--shell);padding-top:25px;margin-top:65px;font-size:11px;letter-spacing:.06em;line-height:1.7;flex-wrap:wrap}
.contact .section-label{border-color:rgba(246,244,239,.25)}
.contact-grid{grid-template-columns:7fr 3fr;gap:10%;align-items:start}
.contact .display{font:400 clamp(62px,7.2vw,106px)/.94 var(--serif);letter-spacing:-.03em}
.contact .display em{font-weight:400}
.contact .button{background:var(--paper);color:var(--ink);margin-top:40px;border:1px solid var(--paper)}
.contact .button:hover{background:var(--mist);border-color:var(--mist)}
.contact-aside>p:first-child{font:400 29px/1.16 var(--serif);letter-spacing:-.005em;max-width:350px}
.contact-aside>p+p{font-size:15px;line-height:1.7;margin-top:22px}
.contact-aside .text-link{font-size:16px;margin:24px 0}
.contact-footnote{font-size:12px;line-height:1.8;color:var(--mist)}
.contact-faq{grid-template-columns:1fr 3fr;gap:32px;margin-top:85px;padding-top:26px}
.contact-faq h3{font:500 11px/1.6 Inter,sans-serif;letter-spacing:.1em}
.contact-faq-list summary{font:400 27px/1.18 var(--serif);letter-spacing:-.01em;padding-block:22px;min-height:74px}
.contact-faq-list details>p{font-size:15px;line-height:1.75;padding-bottom:25px;max-width:650px}
.footer{padding:45px 0 24px}
.footer-top p{font-family:var(--serif);font-size:24px;font-style:italic;color:var(--ink)}
.footer-top .text-link{font-size:13px}
.footer-wordmark{margin:65px 0 42px}
.footer-bottom{font-size:11px;letter-spacing:.04em;flex-wrap:wrap;gap:18px 28px;padding-top:25px}
.footer-bottom>span:nth-child(2){display:block}
.footer-legal{gap:24px;margin-left:auto}
.inquiry-dialog{width:min(660px,calc(100% - 32px));max-height:92dvh}
.dialog-inner{padding:40px}
.dialog-inner h2{font:400 52px/1 var(--serif);letter-spacing:-.025em}
.dialog-intro{font-size:16px;line-height:1.65}
.field label{font-size:14px}.field input,.field select,.field textarea{font-size:16px;min-height:48px;background:var(--paper)}
.optional,.field-help,.form-note{font-size:12px}.form-progress>span{font-size:13px}.form-status{font-size:14px}.form-back{font-size:14px}.form-actions .button{font-size:12px}
.inquiry-success>p:not(.eyebrow){font-size:17px}
.concept-form-note{font-size:13px;color:var(--tide);border-block:1px solid var(--shell);padding-block:10px;margin-top:20px}
.concept-link{letter-spacing:0;text-transform:none;font-size:12px}
.motion-toggle{position:fixed;left:var(--pad);top:110px;z-index:120;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap;padding:0;border:0}
.motion-toggle:focus{width:auto;height:auto;min-height:48px;clip-path:none;overflow:visible;padding:12px 18px;background:var(--paper);color:var(--ink);border:1px solid var(--ink);font-size:14px}
#inquiry-result-title:focus{outline:none}
.motion-ready .reveal:not(.visible){transform:none;opacity:0}
.motion-ready .reveal,.motion-ready .scene.reveal{transition:opacity .65s ease;transform:none}
.motion-ready .scene.reveal:not(.visible){transform:none}
@media(min-width:1600px){.hero-content{padding-bottom:150px}}
@media(max-width:1100px){.nav-links{gap:20px}.brand{width:180px}.nav-links>a:not(.nav-contact){display:none}.hero-register-inner{gap:5%}.hero-intro{font-size:15px}.hero-actions .button{font-size:11px;padding-inline:20px}}
@media(max-width:760px){
  :root{--pad:24px}
  .site-header{padding:22px 0}.site-header.is-scrolled{padding:14px 0}.brand{width:166px}.nav-links{gap:18px}.lang-switch{padding-left:0;border-left:0;gap:4px}.nav-links>.nav-contact{display:none}
  .hero-content{min-height:60svh;padding-top:132px;padding-bottom:105px;justify-content:center}.hero .eyebrow{font-size:10px;max-width:270px;margin-bottom:25px;line-height:1.7}h1{font-size:clamp(58px,10.8vw,82px);max-width:10em;line-height:.94}h1 br{display:block}.hero-scroll{bottom:24px;font-size:10px;gap:18px}.hero-media,.hero-video{object-position:55% center}
  .hero-register-inner{grid-template-columns:1fr;gap:24px;padding-block:28px 32px;min-height:0}.hero-intro{font-size:16px;line-height:1.65;max-width:540px}.hero-actions{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:14px 24px}.hero-actions .button{font-size:11px;min-width:0;padding:16px 20px;min-height:54px}.hero-availability{margin:0;font-size:12px}
  .experience-inner{grid-template-columns:1fr;gap:28px;padding-block:66px}.experience-label{flex-direction:row;align-items:center;padding-top:0}.experience-copy h2{font-size:43px;max-width:500px}.experience-copy>p{font-size:16px;line-height:1.7;margin-top:25px}.eyebrow,.tiny-index{font-size:11px}.section-label{margin-bottom:34px}.display{font-size:47px;line-height:1.04}
  .services{padding-top:0}.section-heading{grid-template-columns:1fr;gap:28px;margin-bottom:42px}.section-heading .display{font-size:47px}.section-heading>p{font-size:16px;max-width:450px}.service{grid-template-columns:27px 1fr;gap:0 14px;padding-block:29px}.service-number{margin-top:9px}.service h3{font-size:35px}.service-description{grid-column:2;margin-top:21px}.service-description>p{font-size:16px}.scope{margin-top:10px;font-size:11px}.service-tags li{font-size:12px}.service-description .production-note{font-size:13px}.services-audience{grid-template-columns:1fr;gap:18px;padding-top:35px}.services-audience p{font-size:30px}.services-ways{grid-template-columns:1fr;gap:24px;margin-top:30px;padding-top:25px}.services-way+.services-way{border-color:var(--shell);padding-top:23px}.services-way p{max-width:460px;font-size:15px}.services-foot{justify-content:flex-start}
  .approach{grid-template-columns:1fr;gap:48px;padding-block:66px}.approach-copy{position:static}.approach-copy .display{font-size:49px}.approach-copy .section-label{margin-bottom:30px}.process-signature{margin-top:28px}.process-mark{width:60px;height:38px}.step h3{font-size:39px}.step div>p:last-child{font-size:16px}.step{padding-block:25px 28px}.method-note p:last-child{font-size:14px}
  .reef-scene{height:580px}.reef-scene::after{background:linear-gradient(0deg,rgba(8,25,22,.65),rgba(8,25,22,.12) 85%)}.reef-scene figcaption{bottom:50px}.reef-scene .eyebrow{margin-left:0;font-size:10px}.reef-line{margin-left:0;font-size:61px}.locale-pt .reef-line{font-size:clamp(43px,10vw,61px)}
  .people-head{grid-template-columns:1fr;gap:25px;margin-bottom:42px}.people-head>div{max-width:460px;font-size:16px}.people-grid{margin-left:0;gap:32px}.person-photo{aspect-ratio:.9}.person:nth-child(2){padding-top:50px}.person-info h3{font-size:31px}.person-info .eyebrow{font-size:10px}.person-info>p:last-child{font-size:14px}.studio-baseline{margin-top:44px;font-size:10px;gap:10px 20px}.studio-baseline>span:last-child{display:block}
  .contact-grid{grid-template-columns:1fr;gap:45px}.contact .display{font-size:62px}.contact .button{margin-top:30px}.contact-aside{max-width:460px}.contact-aside>p:first-child{font-size:29px;max-width:420px}.contact-aside>p+p{font-size:16px}.contact-footnote{font-size:12px}.contact-faq{grid-template-columns:1fr;gap:20px;margin-top:60px}.contact-faq-list summary{font-size:26px;min-height:72px}.contact-faq-list details>p{font-size:15px}
  .footer-wordmark{margin-block:44px 32px}.footer-top{align-items:center}.footer-top p{font-size:21px}.footer-top .text-link{font-size:12px}.footer-bottom{font-size:10px;gap:18px}.footer-legal{margin-left:0}.concept-link{width:100%;order:3}.footer-bottom>span:last-child{margin-left:auto}.dialog-inner{padding:32px 24px}.dialog-inner h2{font-size:46px}.dialog-intro{font-size:15px}
}
@media(max-width:540px){.people-grid{grid-template-columns:1fr;gap:48px}.person:nth-child(2){padding-top:0}.person-photo{aspect-ratio:1.08;max-width:440px}.person-info{padding-top:22px}.person-info h3{font-size:38px}.person-info>p:last-child{font-size:16px;max-width:440px}.person-info .eyebrow{font-size:11px}.people-head .display{font-size:49px}.contact .display{font-size:56px}.contact .button{width:100%;justify-content:space-between;gap:10px;font-size:11px}.locale-pt .contact .display{font-size:52px}}
@media(max-width:400px){h1{font-size:16vw}.hero-content{min-height:480px}.hero-register-inner{gap:22px}.hero-intro{font-size:15px}.hero-actions{display:block}.hero-availability{margin-top:15px}.hero-actions .button{font-size:10px;width:100%;justify-content:space-between}.experience-copy h2{font-size:40px}.locale-pt h1{font-size:15.5vw}}
.scope,.person-info .eyebrow,.studio-baseline,.footer-bottom,.method-note .eyebrow{font-size:12px}
@media(max-width:760px){.eyebrow,.tiny-index,.hero .eyebrow,.hero-scroll,.reef-scene .eyebrow{font-size:11px}.scope,.person-info .eyebrow,.studio-baseline,.footer-bottom{font-size:12px}.hero .eyebrow{max-width:300px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal:not(.visible){opacity:1}.hero-video{display:none}.hero-scroll,.reveal{animation:none;transition:none}}

/* Revision 02: photographs, material identity, and visible editorial pacing. */
.experience-inner{grid-template-columns:1.05fr 1fr;gap:9%;align-items:center;padding-block:100px 110px}
.experience-landscape{margin:0;min-width:0;align-self:stretch}
.landscape-window{height:100%;min-height:550px;max-height:660px;overflow:hidden;position:relative;background:var(--shell)}
.landscape-window img{width:100%;height:calc(100% + 80px);position:absolute;inset:-40px 0;object-fit:cover;object-position:49% 50%}
.experience-landscape figcaption,.identity-study figcaption{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.025em;color:var(--muted);padding-top:15px}
.experience-copy{padding-block:24px}
.experience-copy>.eyebrow{font:500 11px/1.6 Inter,sans-serif;letter-spacing:.12em;color:var(--tide);margin:0 0 26px}
.experience-copy h2{font-size:clamp(42px,4.8vw,69px);line-height:1.02}
.experience-copy h2 em{font-weight:400}
.experience-copy>p{font-size:15px;line-height:1.75;margin-top:24px;max-width:450px}
.experience-proof{border-top:1px solid var(--shell);padding-top:22px;margin-top:28px}
.experience-number{font:400 clamp(52px,5.1vw,74px)/1 var(--serif);letter-spacing:-.04em;color:var(--tide)}
.experience-proof>p:last-child{font-size:12px;line-height:1.75;margin-top:10px;color:var(--muted)}
.experience-copy .text-link{margin-top:20px}
.services .section-heading{grid-template-columns:1.65fr 1fr;gap:10%}
.services .section-heading .display{font-size:clamp(48px,5.3vw,76px)}
.services-editorial{display:grid;grid-template-columns:1.05fr 1fr;gap:9%;align-items:start}
.identity-study{position:sticky;top:120px;margin:0;padding-bottom:0;min-width:0}
.identity-field{position:relative;height:480px;background:var(--ink);overflow:hidden;isolation:isolate}
.identity-texture,.identity-field .ambient-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.67);z-index:-2}
.identity-field::after{content:'';position:absolute;inset:0;background:rgba(23,39,36,.24);z-index:-1;pointer-events:none}
.identity-symbol{position:absolute;width:39%;height:auto;left:50%;top:45%;transform:translate(-50%,-50%)}
.identity-edge{position:absolute;top:25px;left:26px;color:var(--paper);font-size:10px;letter-spacing:.15em}
.identity-paper{position:relative;width:76%;margin:-50px 0 0 auto;padding:33px 27px 22px;background:var(--paper);border:1px solid var(--shell);box-shadow:0 14px 30px rgba(23,39,36,.045);z-index:2;will-change:transform}
.identity-paper>img{width:78%;height:auto;display:block;margin-bottom:35px}
.identity-palette{display:flex;height:7px;gap:4px}
.identity-palette i{flex:1;background:var(--ink)}.identity-palette i:nth-child(2){background:var(--tide)}.identity-palette i:nth-child(3){background:var(--mist)}.identity-palette i:nth-child(4){background:var(--shell)}
.service-list{min-width:0}
.service{grid-template-columns:25px 1fr;gap:8px 18px;padding-block:28px 31px}
.service-name{display:flex;flex-direction:column;min-width:0}
.service h3{font-size:clamp(32px,3vw,44px)}
.service .scope{font-size:10px;margin-top:10px;letter-spacing:.035em}
.service-number{margin-top:8px;font-size:11px}
.service-description{grid-column:2;margin-top:8px}
.service-description>p{font-size:15px;line-height:1.7}
.service-description .production-note{font-size:12px;margin-top:10px}
.services-audience{margin-top:45px;padding-top:24px;border-top:1px solid var(--shell);grid-template-columns:1.05fr 1fr;gap:9%}
.services-audience p{font:400 30px/1.17 var(--serif);letter-spacing:-.015em}
.services-foot{margin-top:22px}
.approach{gap:9%;grid-template-columns:1.05fr 1fr;padding-block:85px}
.approach-copy .display{font-size:clamp(47px,5.7vw,81px);line-height:.99}
.approach-copy .display em{font-weight:400}
.process-signature{display:block;margin-top:48px}
.process-mark{width:200px;height:126px}
.process-signature>span{display:block;margin-top:26px;font-size:11px;letter-spacing:.06em}
.process-mark path{transform:translateY(9px);opacity:.13;transition:opacity .7s ease,transform .9s var(--ease)}
.process-mark path.is-active{transform:translateY(0);opacity:1}
.step::after{transform:scaleX(0);opacity:1;transform-origin:left;transition:transform 1s var(--ease)}
.step.is-active::after{transform:scaleX(1)}
.step{padding-block:27px 31px}
.step h3{font-size:42px}.step div>p:last-child{font-size:15px}
.method-note p:last-child{font-size:13px}
.life-scene{background:var(--ink);color:var(--paper);padding:20px 20px 64px;overflow:hidden}
.life-images{display:grid;grid-template-columns:1.22fr 1fr;gap:20px;align-items:start}
.life-images figure{position:relative;overflow:hidden;margin:0;background:var(--tide)}
.life-human{height:clamp(420px,40vw,640px)}
.life-current{height:clamp(335px,31vw,500px);margin-top:100px!important}
.life-images figure>img:not(.current-mark),.life-images video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.life-human>img{height:calc(100% + 80px)!important;top:-40px!important;object-position:57% 50%;filter:grayscale(1)}
.life-current>img:not(.current-mark),.life-current video{filter:brightness(.7)}
.ambient-video{opacity:0;transition:opacity .65s ease}
.ambient-video.is-playing{opacity:1}
.current-mark{position:absolute;right:25px;bottom:15px;width:55px;height:55px;opacity:.8}
.life-caption{display:grid;grid-template-columns:1.05fr 1fr;gap:9%;align-items:start;padding-top:50px}
.life-caption .eyebrow{color:var(--mist);font-size:11px;padding-top:9px}
.life-caption h2{font:400 clamp(56px,6.2vw,89px)/.98 var(--serif);letter-spacing:-.03em}
.life-caption h2 em{font-weight:400}
.life-caption h2 br{display:none}
.people{padding-top:90px}
.motion-ready .reveal{transition:opacity .85s ease,transform 1.15s var(--ease)}
.motion-ready .reveal:not(.visible){opacity:0;transform:translateY(22px)}
.motion-ready .reveal.visible{opacity:1;transform:translateY(0)}
.motion-ready .media-reveal{transform:none;clip-path:inset(0 0 0 0);transition:clip-path 1.3s var(--ease),opacity 1s ease}
.motion-ready .media-reveal:not(.visible){transform:none;clip-path:inset(7% 0 7% 0);opacity:0}
.motion-ready .media-reveal img:not(.identity-symbol):not(.current-mark),.motion-ready .media-reveal video{scale:1;transition:scale 1.6s var(--ease)}
.motion-ready .media-reveal:not(.visible) img:not(.identity-symbol):not(.current-mark),.motion-ready .media-reveal:not(.visible) video{scale:1.045}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important;transition:none!important}
@media(max-width:1000px) and (min-width:761px){.experience-inner,.services-editorial,.approach{gap:6%}.landscape-window{min-height:550px}.identity-field{height:420px}.identity-paper{width:90%;padding:28px 22px 20px}.service h3{font-size:34px}.life-current{margin-top:60px!important}.life-human{height:440px}.life-current{height:380px}.process-mark{width:160px;height:101px}}
@media(max-width:760px){
  .experience-inner{grid-template-columns:1fr;gap:43px;padding-block:52px 65px}
  .experience-landscape{margin-right:30px;position:relative}.landscape-window{min-height:0;height:300px;max-height:none}.landscape-window img{object-position:center}.experience-landscape figcaption{font-size:10px}
  .experience-copy{padding:0}.experience-copy>.eyebrow{margin-bottom:22px;font-size:11px}.experience-copy h2{font-size:47px;max-width:480px}.experience-copy>p{font-size:15px;max-width:480px}.experience-proof{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}.experience-number{font-size:48px}.experience-proof>p:last-child{font-size:11px;margin:0}.experience-copy .text-link{margin-top:19px}
  .services .section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:40px}.services .section-heading .display{font-size:47px}.services .section-heading>p{font-size:15px}
  .services-editorial{display:block}.identity-study{position:relative;top:auto;margin-bottom:37px}.identity-field{height:330px}.identity-symbol{width:30%}.identity-paper{width:70%;margin-top:-45px;padding:26px 22px 20px}.identity-paper>img{margin-bottom:22px;width:90%}.identity-study figcaption{font-size:10px}.identity-edge{left:20px;top:20px}
  .service{padding-block:24px 27px}.service h3{font-size:35px}.service-description{margin-top:8px}.service-description>p{font-size:15px}.service .scope{font-size:11px}.services-audience{grid-template-columns:1fr;gap:18px;margin-top:30px;padding-top:24px}.services-audience p{font-size:31px}.services-foot{margin-top:20px}
  .approach{grid-template-columns:1fr;gap:38px;padding-block:65px}.approach-copy .display{font-size:54px}.process-signature{display:flex;align-items:center;gap:22px;margin-top:30px}.process-mark{width:106px;height:67px}.process-signature>span{margin-top:0;font-size:11px;max-width:150px}.step h3{font-size:39px}.step div>p:last-child{font-size:15px}.method-note p:last-child{font-size:14px}
  .life-scene{padding:12px 12px 43px}.life-images{gap:12px;grid-template-columns:1fr}.life-human{height:315px}.life-current{height:220px;width:78%;margin:0 0 0 auto!important}.life-human>img{object-position:58% center}.current-mark{width:44px;height:44px;right:15px;bottom:10px}.life-caption{grid-template-columns:1fr;gap:25px;padding-top:30px;width:100%;padding-inline:12px}.life-caption h2{font-size:56px;line-height:.98;max-width:430px}.life-caption h2 br{display:block}.life-caption .eyebrow{padding:0;font-size:11px}
  .people{padding-top:65px}
}
@media(max-width:400px){.experience-copy h2{font-size:43px}.experience-proof{display:block}.experience-proof>p:last-child{margin-top:12px;font-size:12px}.services .section-heading .display{font-size:43px}.service h3{font-size:32px}.identity-field{height:285px}.identity-paper{width:82%}.life-caption h2{font-size:49px}.locale-pt .life-caption h2{font-size:45px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal:not(.visible),.motion-ready .media-reveal:not(.visible){opacity:1;transform:none;clip-path:none}.motion-ready .media-reveal img,.motion-ready .media-reveal video{scale:1!important}.ambient-video{display:none}.process-mark path{transform:none;opacity:1}.identity-paper{transform:none!important}}
.experience-landscape{display:flex;flex-direction:column}
.landscape-window{height:auto;flex:1}
.life-caption h2 br{display:block}
@media(max-width:760px){.landscape-window{height:300px;flex:none}}

/* Service studies: four distinct examples from Kohola's own work and experience. */
.service-gallery{border-bottom:1px solid var(--shell)}
.service-showcase{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.75fr);align-items:center;gap:clamp(42px,7.5vw,128px);border-top:1px solid var(--shell);padding-block:clamp(60px,7.5vw,118px)}
.service-showcase:nth-child(even){grid-template-columns:minmax(280px,.75fr) minmax(0,1.15fr)}
.service-showcase:nth-child(even) .service-visual{order:2}
.service-showcase:nth-child(even) .service-story{order:1}
.service-visual{position:relative;min-width:0;margin:0}
.service-visual figcaption{display:block;margin-top:17px;padding:0;font-size:11px;line-height:1.4;color:var(--muted);letter-spacing:.025em}
.service-story{max-width:470px}
.service-index,.service-availability{display:block;font:500 11px/1.4 Inter,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:var(--tide)}
.service-story h3{font:400 clamp(48px,5.3vw,78px)/.98 var(--serif);letter-spacing:-.028em;margin:24px 0 22px;text-wrap:balance}
.service-story>p{max-width:410px;font-size:clamp(18px,1.55vw,21px);line-height:1.52;color:var(--ink)}
.service-availability{margin-top:36px;padding-top:17px;border-top:1px solid var(--shell);color:var(--muted);font-size:10px}
.service-showcase-brand .identity-study{position:relative;top:auto;padding:0;margin:0}
.service-showcase-brand .identity-field{height:clamp(340px,35vw,490px)}
.service-showcase-brand .identity-paper{width:72%;max-width:410px}
.service-showcase-brand .identity-study figcaption{margin-top:17px}
.web-composition{background:#dfe5df;padding:clamp(24px,3.5vw,54px) clamp(24px,3.5vw,54px) 22px;isolation:isolate}
.web-window{width:92%;height:clamp(265px,27vw,385px);background:#f6f4ef;border:1px solid rgba(23,39,36,.2);box-shadow:0 16px 38px rgba(23,39,36,.14);overflow:hidden}
.web-chrome{height:27px;background:#f0efe9;border-bottom:1px solid #cbcfc9;display:flex;align-items:center;gap:5px;padding:0 11px;position:relative}
.web-chrome>span{width:5px;height:5px;border-radius:50%;background:#abb5ae}
.web-chrome>b{position:absolute;left:50%;transform:translateX(-50%);font:500 9px Inter,sans-serif;letter-spacing:.02em;color:#52605a}
.web-page{position:relative;height:calc(100% - 27px);overflow:hidden;background:#172724;color:#f6f4ef}
.web-page>img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.56)}
.web-page:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,22,19,.48),transparent 85%)}
.web-page-nav{position:absolute;z-index:1;top:6%;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between}
.web-page-nav img{display:block;width:clamp(75px,9vw,130px);height:auto}
.web-page-nav span{font:500 8px Inter,sans-serif;letter-spacing:.12em}
.web-page p{position:absolute;z-index:1;left:7%;bottom:12%;font:400 clamp(28px,4.2vw,62px)/.88 var(--serif);letter-spacing:-.035em;color:#f6f4ef}
.web-page p em{font-weight:400}
.web-phone{position:absolute;right:6%;bottom:52px;width:23%;height:52%;background:#172724;border:5px solid #f6f4ef;border-radius:15px;overflow:hidden;box-shadow:0 16px 30px rgba(23,39,36,.24)}
.web-phone img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.52)}
.web-phone span{position:absolute;left:13%;top:15%;font:500 clamp(9px,1.5vw,18px)/.9 Inter,sans-serif;letter-spacing:.04em;color:#f6f4ef}
.web-composition figcaption{margin-top:22px}
.personal-composition{min-height:clamp(380px,34vw,495px);background:#dbe1db;padding:24px 24px 46px;isolation:isolate}
.personal-portrait{width:64%;height:clamp(345px,31vw,440px);overflow:hidden;background:#b8c2b8}
.personal-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:grayscale(1) contrast(.95)}
.personal-sheet{position:absolute;right:4%;bottom:71px;width:51%;min-height:46%;padding:clamp(20px,3vw,40px);background:var(--paper);box-shadow:0 16px 38px rgba(23,39,36,.11);display:flex;flex-direction:column;justify-content:space-between}
.personal-kicker{font:500 10px/1.4 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--tide)}
.personal-sheet strong{display:block;font:400 clamp(48px,5.2vw,78px)/.9 var(--serif);letter-spacing:-.05em;color:var(--ink);white-space:nowrap}
.personal-sheet strong span{color:var(--tide)}
.personal-sheet p{font:400 clamp(17px,1.5vw,22px)/1.2 var(--serif);color:var(--ink)}
.personal-sheet>img{position:absolute;width:37px;height:37px;right:22px;bottom:20px}
.personal-composition figcaption{position:absolute;left:24px;bottom:13px;margin:0}
.film-composition{background:#172724;padding:clamp(23px,3vw,42px);color:#f6f4ef}
.film-heading,.film-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font:500 10px/1.3 Inter,sans-serif;letter-spacing:.15em;color:#e1e7e0}
.film-heading{padding-bottom:20px;border-bottom:1px solid rgba(246,244,239,.3)}
.film-frames{display:grid;grid-template-columns:1fr 1.16fr .94fr;gap:6px;height:clamp(205px,23vw,330px);padding-top:25px;overflow:hidden}
.film-frames img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.film-frames img:nth-child(1){object-position:59% center}.film-frames img:nth-child(2){object-position:45% center}.film-frames img:nth-child(3){object-position:66% center}
.film-footer{padding-top:12px;color:#aebdb6;letter-spacing:.07em}
.film-footer span{width:33%;text-align:center}
.film-composition figcaption{margin-top:28px;padding-top:17px;border-top:1px solid rgba(246,244,239,.3);color:#e1e7e0}
@media(max-width:760px){
  .service-showcase,.service-showcase:nth-child(even){display:flex;flex-direction:column;align-items:stretch;gap:30px;padding-block:53px}
  .service-showcase:nth-child(even) .service-visual,.service-showcase:nth-child(even) .service-story{order:initial}
  .service-story{max-width:none}.service-story h3{font-size:clamp(42px,11vw,58px);margin:17px 0 14px}.service-story>p{font-size:18px;max-width:520px}.service-availability{margin-top:24px}
  .service-showcase-brand .identity-study{margin:0}.service-showcase-brand .identity-field{height:clamp(280px,73vw,400px)}.service-showcase-brand .identity-paper{width:68%;padding:23px 20px 17px}
  .web-composition{padding:28px 24px 22px}.web-window{height:clamp(230px,56vw,350px)}.web-page p{font-size:clamp(28px,7vw,44px)}.web-phone{bottom:53px}
  .personal-composition{min-height:clamp(340px,84vw,470px)}.personal-portrait{height:clamp(300px,76vw,420px)}.personal-sheet{bottom:62px;padding:20px;width:53%}.personal-sheet strong{font-size:clamp(41px,9vw,65px)}.personal-sheet p{font-size:17px}.personal-sheet>img{width:27px;height:27px}
  .film-frames{height:clamp(175px,47vw,270px)}
}
@media(max-width:400px){.service-showcase-brand .identity-paper{width:78%}.web-page-nav img{width:70px}.web-phone{border-width:3px}.personal-sheet{padding:16px}.personal-sheet p{font-size:14px}.personal-sheet>img{width:20px;height:20px;right:12px;bottom:12px}.film-composition{padding:19px}.film-heading{font-size:9px}}