@font-face{font-family:Studio Sans;src:url('/assets/sans.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Studio Sans;src:url('/assets/sans-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Studio Serif;src:url('/assets/serif-italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
:root{--navy:#101f3a;--ivory:#f3f0e8;--slate:#414e63;--muted:#b4b7ba;--line:rgba(16,31,58,.18);--ease:cubic-bezier(.22,1,.36,1);font-family:Studio Sans,Arial,sans-serif;color:var(--navy);background:var(--ivory);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:88px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a,select,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid currentColor;outline-offset:5px}button:active,.button:active{transform:scale(.97)}svg{fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700;letter-spacing:-.065em}p{line-height:1.7}button{transition:background .25s,color .25s,transform .45s var(--ease)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:8px;left:12px;z-index:30;background:var(--ivory);padding:12px;transform:translateY(-160%)}.skip:focus{transform:none}
.header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:var(--ivory);border-bottom:1px solid rgba(243,240,232,.17);gap:24px;position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:-.035em;white-space:nowrap}.brand img{flex-shrink:0}.header nav{display:flex;align-items:center;gap:34px;font-size:12px}.header nav a{opacity:.7;transition:opacity .25s}.header nav a:hover{opacity:1}.header-tools{display:flex;align-items:center;gap:26px}.locale-label{display:flex;align-items:center;gap:5px}.locale-label svg{width:17px;height:17px;opacity:.7}.locale-label select{border:0;background:var(--navy);color:var(--ivory);font-size:11px;cursor:pointer;padding:8px 3px;max-width:75px}.nav-contact{border:1px solid rgba(243,240,232,.35);border-radius:99px;padding:11px 17px;font-size:11px;display:flex;gap:16px;align-items:center}.nav-contact:hover{background:var(--ivory);color:var(--navy)}
.hero{min-height:660px;height:calc(100svh - 88px);max-height:900px;padding:76px 8% 0;background:var(--navy);color:var(--ivory);position:relative;display:grid;grid-template-columns:1.25fr 1fr;column-gap:30px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:400;line-height:1.7}.hero h1{font-size:clamp(54px,5.8vw,94px);line-height:1.06;margin:29px 0 11px;letter-spacing:-.069em}.hero-serif,.serif{font-family:Studio Serif,Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.055em}.hero-serif{font-size:clamp(24px,2.6vw,42px);color:var(--ivory);line-height:1.3}.hero-intro{font-size:12px;color:var(--muted);margin:28px 0 29px;line-height:1.9}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:17px 23px;border-radius:99px;font-size:11px;line-height:1.5;min-height:50px;transition:transform .5s var(--ease),background .25s}.button span:last-child{font-size:18px;line-height:1}.button:hover{transform:translateY(-3px)}.ivory{color:var(--navy);background:var(--ivory)}.navy{background:var(--navy);color:var(--ivory)}.draft-resume{display:block;color:var(--ivory);font-size:10px;margin-top:19px;padding:0;border-bottom:1px solid currentColor}.hero-object{position:relative;align-self:center;justify-self:center;display:flex;align-items:center;justify-content:center;width:100%;height:400px;animation:object-in 1.7s var(--ease) both}.hero-mark{width:min(80%,330px);height:auto;animation:breathe 8s ease-in-out 1.8s infinite}.object-caption{position:absolute;font-family:Studio Serif,Georgia,serif;font-style:italic;font-size:12px;letter-spacing:-.03em;color:var(--muted)}.caption-top{top:-7px;inset-inline-start:10%}.caption-bottom{bottom:-8px;inset-inline-end:6%}.object-line{position:absolute;background:rgba(243,240,232,.3);width:64px;height:1px}.top-line{top:2px;inset-inline-end:9%}.bottom-line{bottom:0;inset-inline-start:10%}.hero-baseline{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(243,240,232,.22);margin-top:56px;min-height:74px;align-self:end;font-size:9px;letter-spacing:.1em;color:var(--muted)}.hero-baseline a{display:flex;align-items:center;gap:20px;letter-spacing:0;color:var(--ivory);font-size:11px}.down{font-size:20px;animation:nudge 3s ease-in-out infinite}.entrance{animation:enter 1.2s var(--ease) both}.hero-copy>:nth-child(2){animation-delay:.1s}.hero-copy>:nth-child(3){animation-delay:.2s}.hero-copy>:nth-child(4){animation-delay:.3s}.hero-copy>:nth-child(5){animation-delay:.4s}
.section-pad{padding:100px 8%}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:24px}.section-head .eyebrow{grid-column:1/-1}.section-head h2{font-size:clamp(40px,4.5vw,68px);line-height:1.1}.section-aside{font-size:12px;align-self:end;justify-self:end;max-width:260px;color:var(--slate);padding-bottom:5px}.services{margin-top:53px;border-top:1px solid var(--line)}.service{width:100%;display:grid;grid-template-columns:40px 95px minmax(180px,1fr) minmax(150px,250px) 40px;gap:18px;align-items:center;text-align:start;padding:25px 0;border-bottom:1px solid var(--line);position:relative;isolation:isolate}.service:before{content:'';background:rgba(16,31,58,.035);position:absolute;inset:0 -20px;z-index:-1;opacity:0;transform:scaleY(.88);transition:opacity .4s,transform .5s var(--ease)}.service:hover:before{opacity:1;transform:none}.service-number{font-size:10px;align-self:start;padding-top:11px;opacity:.55}.service-icon{height:65px;width:80px;transition:transform .7s var(--ease)}.service:hover .service-icon{transform:translateY(-4px)}.service-title{font-size:clamp(22px,2.35vw,36px);font-weight:700;letter-spacing:-.055em;display:block}.service-subtitle{display:block;font-family:Studio Serif,Georgia,serif;font-style:italic;font-size:13px;opacity:.65;margin-top:6px}.service-description{font-size:10px;line-height:1.8;color:var(--slate);max-width:225px}.service-arrow{width:37px;height:37px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:20px;transition:color .3s,background .3s,transform .5s var(--ease)}.service:hover .service-arrow{background:var(--navy);color:var(--ivory);transform:rotate(45deg)}.services-note{font-size:10px;margin-top:24px;color:var(--slate)}.services-note>span:first-child{margin-inline-end:9px}
.conversation{text-align:center;padding-top:99px;padding-bottom:90px}.conversation h2{font-size:clamp(38px,5.4vw,78px);line-height:1.1;margin:25px 0 10px}.conversation .serif{font-size:30px}.conversation .button{margin-top:30px;min-width:207px}.contact-languages{font-size:9px;letter-spacing:.01em;color:var(--slate);margin-top:30px}.footer{padding:28px 5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:25px;font-size:9px}.footer-brand{font-size:11px;gap:9px}.footer>a:nth-child(2){font-size:10px}.footer-actions{display:flex;gap:15px}.footer button{padding:5px 0;font-size:9px}.footer small{font-size:8px;color:var(--slate)}
.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.motion-ready .reveal.in-view{opacity:1;transform:none}dialog{color:var(--navy);background:var(--ivory);border:0;padding:0;border-radius:22px;box-shadow:0 35px 100px rgba(16,31,58,.22)}dialog::backdrop{background:rgba(16,31,58,.75);backdrop-filter:blur(12px)}dialog[open]{animation:dialog-in .55s var(--ease)}.project-dialog{width:min(650px,calc(100% - 30px));max-height:calc(100svh - 30px);overscroll-behavior:contain}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:22px 30px;border-bottom:1px solid var(--line);gap:15px}.dialog-top .brand{font-size:11px;gap:9px}.icon-button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:24px;line-height:1;font-weight:400;padding:0;flex-shrink:0}.icon-button:hover{background:var(--navy);color:var(--ivory)}#wizard{padding:30px 38px 28px}.wizard-content{animation:enter .5s var(--ease)}.wizard-progress{display:flex;gap:5px;margin-bottom:25px}.progress-segment{height:2px;background:var(--line);flex:1}.progress-segment.current{background:var(--navy)}.wizard-eyebrow{display:flex;justify-content:space-between;font-size:9px;color:var(--slate);letter-spacing:.1em;margin-bottom:14px}.wizard-content h2{font-size:33px;letter-spacing:-.06em;line-height:1.2;margin-bottom:10px}.wizard-intro{font-size:11px;color:var(--slate);line-height:1.8;margin-bottom:24px}.service-options{display:grid;gap:7px}.option-service{display:flex;align-items:center;gap:15px;text-align:start;padding:12px 16px;border:1px solid var(--line);border-radius:10px;width:100%}.option-service[aria-pressed=true],.language-choice[aria-pressed=true]{background:var(--navy);color:var(--ivory)}.option-service svg{width:35px;height:35px;flex-shrink:0}.option-service span{font-size:12px;font-weight:700}.option-service .option-check{margin-inline-start:auto;font-size:17px;font-weight:400}.wizard-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:25px}.wizard-actions .button{font-size:10px;padding:13px 20px;min-height:45px;gap:24px}.text-button{font-size:10px;padding:10px 0;border-bottom:1px solid currentColor}.button:disabled{opacity:.3;transform:none}.language-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.language-choice{border:1px solid var(--line);border-radius:12px;min-height:68px;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;text-align:start;font-size:12px}.language-choice small{font-size:9px;opacity:.65}.selected-service{display:inline-flex;align-items:center;font-size:10px;padding:7px 12px;border:1px solid var(--line);border-radius:30px;margin:6px 0 21px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}.field{display:block;font-size:10px;line-height:1.7}.field input,.field textarea,.field select{border:1px solid var(--line);background:transparent;border-radius:8px;padding:12px 13px;width:100%;margin-top:6px;font-size:11px;min-width:0}.field textarea{resize:vertical;min-height:105px;line-height:1.65}.field input::placeholder,.field textarea::placeholder{color:var(--slate);opacity:.65}.field-full{grid-column:1/-1}.field-note{font-size:9px;color:var(--slate);margin-top:16px;line-height:1.7}.form-error{border-inline-start:2px solid var(--navy);padding:8px 12px;font-size:11px;margin-top:16px;background:rgba(16,31,58,.05)}.draft-tools{display:flex;gap:18px;align-items:center;justify-content:flex-start;margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}.draft-tools button{font-size:9px;padding:4px 0;text-decoration:underline;text-underline-offset:3px}.draft-tools small{font-size:8px;color:var(--slate)}.message-preview{white-space:pre-wrap;font:11px/1.9 Studio Sans,Arial,sans-serif;padding:18px 20px;border:1px solid var(--line);border-radius:12px;max-height:270px;overflow:auto;overflow-wrap:anywhere;direction:inherit}.recipient{font-size:10px;margin-bottom:12px;overflow-wrap:anywhere}.recipient a{text-decoration:underline;text-underline-offset:3px}.send-note{font-size:9px;color:var(--slate);line-height:1.8;margin-top:16px}.review-tools{display:flex;gap:20px;flex-wrap:wrap;margin-top:15px}.review-tools button{font-size:10px;padding:6px 0;text-decoration:underline;text-underline-offset:3px}.film-dialog{background:var(--navy);width:min(430px,calc(100% - 25px),calc(56.25svh - 14px));aspect-ratio:9/16;overflow:hidden}.film-dialog video{display:block;width:100%;height:100%;object-fit:contain}.film-dialog .icon-button{position:absolute;top:12px;right:12px;z-index:1;background:var(--ivory);color:var(--navy)}.info-dialog{padding:35px;width:min(470px,calc(100% - 30px));max-height:calc(100svh - 30px)}.info-dialog>.icon-button{margin-inline-start:auto;margin-bottom:12px}.info-dialog h2{font-size:30px;line-height:1.2;margin-bottom:20px}.info-dialog p{font-size:12px;line-height:1.9;margin:12px 0}.info-dialog .button{margin-top:18px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,25px);padding:14px 21px;background:var(--navy);color:var(--ivory);border:1px solid rgba(243,240,232,.25);border-radius:40px;font-size:11px;opacity:0;pointer-events:none;z-index:50;transition:opacity .25s,transform .35s;max-width:calc(100% - 30px);width:max-content;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}html[dir=rtl] .service-subtitle,html[dir=rtl] .serif,html[dir=rtl] .hero-serif{direction:ltr;text-align:right}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] .service-title{letter-spacing:0}html[dir=rtl] .hero h1{line-height:1.25}html[dir=rtl] .hero-serif{letter-spacing:-.05em}html[dir=rtl] .caption-top,html[dir=rtl] .caption-bottom{direction:ltr}
.wizard-eyebrow>span:last-child{direction:ltr}

@keyframes enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes object-in{from{opacity:0;transform:scale(.7) translateY(40px)}to{opacity:1;transform:none}}@keyframes breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes nudge{0%,75%,100%{transform:translateY(0)}85%{transform:translateY(4px)}}@keyframes dialog-in{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero,.section-pad{padding-inline:max(8%,calc((100% - 1380px)/2))}.hero{padding-top:90px}}
@media(max-width:1050px){.header nav{gap:20px}.header-tools{gap:14px}.hero{padding-top:65px;min-height:650px;column-gap:20px}.hero-object{height:310px}.hero-mark{width:260px}.caption-top{inset-inline-start:3%}.hero h1{font-size:65px}.section-pad{padding:78px 7%}.service{grid-template-columns:25px 70px minmax(170px,1fr) 190px 37px;gap:14px}.service-icon{width:65px}.service-description{font-size:9px}}
@media(max-width:760px){:root{scroll-padding-top:20px}.header{padding:0 6%;height:74px;gap:12px}.header .brand{font-size:10px;gap:8px}.header .brand img{width:30px;height:30px}.header nav,.nav-contact{display:none}.header-tools{gap:8px}.hero{padding:43px 7% 0;min-height:775px;height:calc(100svh - 74px);max-height:970px;grid-template-columns:1fr;column-gap:0;grid-template-rows:auto 1fr auto}.hero-copy{position:relative;z-index:1}.hero .eyebrow{font-size:8px;letter-spacing:.1em}.hero h1{font-size:clamp(45px,9.8vw,68px);margin:23px 0 8px}.hero-serif{font-size:clamp(23px,5.4vw,35px)}.hero-intro{font-size:10px;margin:20px 0 22px;line-height:1.9}.hero .button{padding:13px 20px;min-height:46px;font-size:10px}.hero-object{height:225px;margin:20px 0 0;width:88%;max-width:330px;justify-self:end}.hero-mark{width:175px}.object-caption{font-size:9px}.caption-top{top:10px;inset-inline-start:-8%}.caption-bottom{bottom:6px;inset-inline-end:0}.object-line{width:36px}.top-line{top:17px;inset-inline-end:6%}.bottom-line{bottom:12px;inset-inline-start:4%}.hero-baseline{margin-top:20px;min-height:61px;font-size:6px;letter-spacing:.05em;gap:12px}.hero-baseline a{font-size:9px;gap:10px}.section-pad{padding:65px 7%}.eyebrow{font-size:8px}.section-head{grid-template-columns:1fr;gap:20px}.section-head h2{font-size:43px}.section-aside{justify-self:start;font-size:10px}.services{margin-top:30px}.service{grid-template-columns:18px 51px 1fr 31px;gap:11px;padding:22px 0}.service-icon{width:48px;height:52px}.service-title{font-size:24px;letter-spacing:-.055em}.service-subtitle{font-size:11px;margin-top:4px}.service-number{font-size:8px;padding-top:9px}.service-description{display:none}.service-arrow{width:31px;height:31px;font-size:17px}.service:before{inset-inline:-12px}.services-note{font-size:9px;line-height:1.8;display:flex;gap:8px}.services-note>span:first-child{margin:0}.conversation h2{font-size:clamp(37px,9vw,55px)}.conversation .serif{font-size:24px}.contact-languages{font-size:8px;line-height:2.2;max-width:260px;margin:26px auto 0}.footer{padding:25px 7% 32px;display:grid;grid-template-columns:1fr;gap:23px}.footer-actions{gap:23px}.footer small{margin-top:4px}.dialog-top{padding:17px 22px}.dialog-top .brand{font-size:10px}#wizard{padding:25px 23px}.wizard-content h2{font-size:29px}.wizard-intro{font-size:10px}.wizard-actions{gap:10px}.wizard-actions .button{font-size:10px;gap:14px;padding:13px 16px}.language-choice{padding:12px;font-size:11px;min-height:63px}.language-choice small{font-size:8px}.form-grid{gap:14px}.field{font-size:10px}.field input,.field textarea{font-size:11px;padding:11px}.draft-tools{gap:13px;flex-wrap:wrap}.message-preview{font-size:10px;padding:15px}.wizard-eyebrow{font-size:8px}.draft-resume{margin-top:14px}.info-dialog{padding:25px}.info-dialog p{font-size:11px}}
@media(max-width:360px){.header .brand{font-size:9px}.hero h1{font-size:43px}.hero-serif{font-size:23px}.service{grid-template-columns:14px 43px 1fr 28px;gap:8px}.service-title{font-size:21px}.service-icon{width:40px}.service-arrow{width:28px;height:28px}.form-grid{grid-template-columns:1fr}.field-full{grid-column:1}.hero-baseline{font-size:5px}}
@media(max-width:760px){.hero h1{font-size:clamp(34px,10.8vw,60px)}}
@media(max-width:360px){.hero h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}

/* Founder, selected projects and sketchbook */
.studio {
  position: relative;
  background: var(--navy);
  color: var(--ivory);
  overflow: hidden;
  --studio-rule: rgba(243, 240, 232, .22);
  --studio-gap: clamp(18px, 3vw, 40px);
}

.studio-filters { position: absolute; pointer-events: none; }
.navy-grade { filter: url(#navy-grade); }

.founder-profile {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(28px, 7vw, 112px);
  padding-block: clamp(10px, 2vw, 26px);
}

.founder-copy h2 {
  font-size: clamp(45px, 6.2vw, 90px);
  line-height: 1.05;
  letter-spacing: -.06em;
  margin-block: 18px 8px;
}

.founder-role {
  font-size: clamp(21px, 2.4vw, 35px);
  margin-block-end: 24px;
}

.founder-bio {
  max-inline-size: 55ch;
  font-size: clamp(13px, 1.25vw, 16px);
  line-height: 1.85;
  color: var(--muted);
}

.founder-bio + .founder-bio { margin-block-start: 12px; }

.founder-portrait {
  inline-size: min(100%, 390px);
  justify-self: center;
  margin: 0;
  border-radius: 50%;
  outline: 1px solid var(--studio-rule);
  outline-offset: 10px;
}

.founder-portrait img {
  display: block;
  inline-size: 100%;
  block-size: auto;
  border-radius: inherit;
  aspect-ratio: 1;
  object-fit: cover;
  background: #fff;
}

.studio-work,
.studio-sketchbook {
  margin-block-start: clamp(60px, 8vw, 120px);
  padding-block-start: clamp(30px, 4vw, 57px);
  border-block-start: 1px solid var(--studio-rule);
}

.studio-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px 22px;
  margin-block-end: clamp(26px, 3.2vw, 45px);
}

.studio h3 {
  font-size: clamp(32px, 4.3vw, 61px);
  line-height: 1.1;
  letter-spacing: -.055em;
  margin-block-start: 12px;
}

.studio-section-head .serif,
.sketch-copy .serif { font-size: clamp(21px, 2.45vw, 32px); }

.work-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(32px, 4.8vw, 68px) var(--studio-gap);
}

.work-card { min-inline-size: 0; }

.work-media {
  position: relative;
  aspect-ratio: 8 / 5;
  overflow: hidden;
  border-radius: 12px;
  background: #22324d;
}


.work-media img,
.sketch-spread img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.work-diptych {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2px;
}

.work-diptych img { min-block-size: 0; object-position: center 40%; }

.work-identity {
  isolation: isolate;
  background: #1c2d4a;
  border: 1px solid var(--studio-rule);
}

.work-identity img {
  position: absolute;
  block-size: auto;
  filter: drop-shadow(0 10px 14px rgba(9, 17, 33, .6));
  transition: transform .85s var(--ease);
}

.work-identity .identity-notebook {
  inset-inline-start: 6%;
  inset-block-start: 1%;
  inline-size: 55%;
  transform: rotate(-8deg);
}

.work-identity .identity-cards {
  inset-inline-end: 3%;
  inset-block-end: 14%;
  inline-size: 63%;
  transform: rotate(7deg);
}

@media (hover: hover) {
  .work-card:hover .identity-notebook { transform: rotate(-5deg) translateY(-3px); }
  .work-card:hover .identity-cards { transform: rotate(4deg) translateY(2px); }
}

.work-category {
  display: flex;
  gap: 7px;
  color: var(--muted);
  margin-block: 15px 7px;
  text-transform: uppercase;
}

.work-card h4 {
  margin: 0;
  font-size: clamp(19px, 2.2vw, 29px);
  line-height: 1.2;
  letter-spacing: -.035em;
  overflow-wrap: anywhere;
}

.work-description,
.sketch-description {
  color: var(--muted);
  font-size: clamp(13px, 1.1vw, 15px);
  line-height: 1.7;
  margin-block-start: 9px;
  max-inline-size: 55ch;
}

.work-credit {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.55;
  margin-block-start: 10px;
}

.studio-film {
  display: flex;
  align-items: center;
  gap: 10px;
  min-block-size: 44px;
  inline-size: 100%;
  margin-block-start: 14px;
  padding: 8px 0;
  border-block-start: 1px solid var(--studio-rule);
  text-align: start;
  font-size: 12px;
  line-height: 1.45;
}

.studio-play {
  display: grid;
  place-items: center;
  inline-size: 30px;
  block-size: 30px;
  flex: 0 0 auto;
  border: 1px solid var(--studio-rule);
  border-radius: 50%;
  transition: background .3s, color .3s, transform .5s var(--ease);
}

.studio-film:hover .studio-play,
.studio-film:focus-visible .studio-play {
  background: var(--ivory);
  color: var(--navy);
  transform: scale(1.08);
}

.studio-duration {
  font-size: 10px;
  font-variant-numeric: tabular-nums;
  color: var(--muted);
  margin-inline-start: auto;
}

.studio-sketchbook {
  display: grid;
  grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
  align-items: center;
  gap: clamp(22px, 5.5vw, 72px);
}

.sketch-copy .serif { margin-block-start: 10px; }
.sketch-copy .studio-film { max-inline-size: 340px; margin-block-start: 24px; }

.sketch-spread {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  overflow: hidden;
  border-radius: 12px;
}

.sketch-spread img { aspect-ratio: 4 / 5; }

html[dir=rtl] .studio h3,
html[dir=rtl] .work-card h4,
html[dir=rtl] .work-category { letter-spacing: normal; }

@media (max-width: 700px) {
  .founder-profile,
  .studio-sketchbook { grid-template-columns: minmax(0, 1fr); }

  .founder-profile { gap: 34px; }
  .founder-portrait { inline-size: min(74%, 280px); }
  .work-grid { grid-template-columns: minmax(0, 1fr); }
}

/* Visitor account */
.account-button { display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:7px 10px; border:1px solid rgba(243,240,232,.3); border-radius:30px; font-size:11px; white-space:nowrap; }
.account-button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.4; }
.account-button:hover { background:rgba(243,240,232,.09); }
.account-dialog [hidden] { display:none!important; }
.account-dialog .eyebrow { margin:0 0 14px; color:var(--slate); }
.account-dialog h2 { margin-bottom:6px; }
.account-dialog .account-tag { font-size:25px; margin:0 0 23px; }
.account-dialog .account-methods { font-size:12px; font-weight:700; letter-spacing:.025em; margin-top:22px; }
.account-dialog .account-provider-note { color:var(--slate); font-size:11px; line-height:1.7; }
.account-dialog .account-name { font-weight:700; font-size:20px; margin-top:20px; }
.account-dialog .account-email { overflow-wrap:anywhere; text-align:start; font-size:13px; }
.account-dialog .account-signout { display:block; width:max-content; margin-top:20px; }
.account-dialog .account-status { font-size:11px; color:var(--slate); margin-top:18px; }
.brief-account { display:block; margin:-6px 0 16px; }
@media(max-width:760px){
 .account-button { padding:10px; width:40px; height:40px; min-height:40px; justify-content:center; }
 #account-nav-label { position:absolute; inline-size:1px; block-size:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
}