/* Dana Baranes — dedicated About page art direction */
.about-page{--a-olive:#6b603c;--a-ink:#1d1c18;--a-cream:#f3eee6;--a-paper:#fbf8f2;--a-sand:#d8c9b5;margin:0;background:var(--a-cream);color:var(--a-ink);font-family:'Noto Sans Hebrew',Arial,sans-serif;overflow-x:clip}
.about-page *{box-sizing:border-box}.about-page h1,.about-page h2,.about-page h3,.about-page blockquote{margin:0;font-family:'IBM Plex Sans Hebrew','Noto Sans Hebrew',sans-serif}.about-page p{margin-top:0}.about-page em{font-style:normal;color:var(--a-olive)}
.about-page .about-header{position:fixed;inset:0 0 auto;z-index:100;background:linear-gradient(to bottom,rgba(15,15,12,.72),transparent);border:0}.about-page .about-header .header-inner{display:flex;height:76px;max-width:none;margin:0;padding:0 clamp(18px,5vw,72px);align-items:center;justify-content:space-between}.about-page .about-header .home-mark{display:flex}.about-page .about-header .home-mark img{width:112px;height:58px;object-fit:contain;filter:brightness(0) invert(1);opacity:.92}.about-page .about-header .main-nav{display:flex;gap:clamp(16px,2vw,30px)}.about-page .about-header .main-nav a,.about-page .about-header .header-contact{padding:8px 0;color:#fff;text-decoration:none;font-size:13px}.about-page .about-header .main-nav a[aria-current="page"]{border-bottom:1px solid #fff}.about-page .about-header .nav-toggle span{background:#fff}
.about-page .about-video-hero{position:relative;width:100%;height:100dvh;min-height:620px;overflow:hidden;background:#171713}.about-page .about-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.about-page .about-video-shade{position:absolute;inset:0;background:linear-gradient(to left,rgba(17,16,13,.84),rgba(17,16,13,.2) 48%,transparent 72%),linear-gradient(to top,rgba(17,16,13,.52),transparent 48%)}
.about-page .about-hero-copy{position:absolute;right:clamp(24px,8vw,130px);bottom:clamp(90px,13vh,160px);z-index:3;color:#fff}.about-page .about-hero-copy>p{margin-bottom:18px;font-size:11px;font-weight:600;letter-spacing:.22em}.about-page .about-hero-copy h1{font-size:clamp(65px,9vw,145px);font-weight:500;line-height:.86;letter-spacing:-.05em}.about-page .about-hero-copy h1 span,.about-page .about-hero-copy h1 em{display:block}.about-page .about-hero-copy h1 em{margin-right:clamp(32px,7vw,110px);color:#e5d7c3;font-weight:300}.about-page .about-skip{position:absolute;left:clamp(22px,5vw,74px);bottom:48px;z-index:4;display:flex;width:116px;height:116px;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:rgba(20,19,16,.14);color:#fff;font:500 13px 'Noto Sans Hebrew';cursor:pointer;backdrop-filter:blur(10px)}.about-page .about-skip i{margin-top:7px;font-style:normal;font-size:18px}.about-page .about-countdown{position:absolute;inset:auto 0 0;z-index:5;height:3px;background:rgba(255,255,255,.22)}.about-page .about-countdown span{display:block;width:100%;height:100%;background:var(--a-sand);transform-origin:right;animation:aboutLine var(--about-intro-duration,10.1s) linear forwards}
.about-page .about-kicker{margin-bottom:18px;color:var(--a-olive);font-size:11px;font-weight:600;letter-spacing:.18em}
.about-page .about-intro{position:relative;display:grid;grid-template-columns:34px minmax(0,1.18fr) minmax(300px,.62fr);gap:clamp(34px,7vw,105px);min-height:90dvh;padding:clamp(105px,13vw,190px) clamp(22px,8vw,130px);align-items:center;background:var(--a-paper)}.about-page .about-vertical{writing-mode:vertical-rl;transform:rotate(180deg);color:var(--a-olive);font-size:9px;letter-spacing:.24em}.about-page .about-intro h2{font-size:clamp(58px,7vw,110px);font-weight:500;line-height:.96;letter-spacing:-.045em}.about-page .about-intro h2 em{display:block;margin-right:clamp(38px,8vw,125px);font-weight:300}.about-page .about-intro-copy{align-self:end;max-width:43ch;padding-top:24px;border-top:1px solid rgba(107,96,60,.35)}.about-page .about-intro-copy p{margin-bottom:18px;color:#59554b;font-size:17px;font-weight:300;line-height:1.85}
.about-page .about-journey{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(430px,1.1fr);gap:clamp(58px,9vw,145px);padding:clamp(110px,14vw,205px) clamp(22px,8vw,130px);align-items:center;background:var(--a-cream)}.about-page .about-journey-image{position:relative;height:min(74dvh,750px);overflow:hidden;clip-path:polygon(6% 0,100% 0,94% 100%,0 95%)}.about-page .about-journey-image img{width:100%;height:100%;object-fit:cover}.about-page .about-journey-image span{position:absolute;right:18px;bottom:18px;padding:12px 16px;background:rgba(251,248,242,.94);color:var(--a-olive);font-size:10px;letter-spacing:.1em}.about-page .about-journey h2{margin-bottom:42px;font-size:clamp(47px,5.5vw,84px);font-weight:500;line-height:1.08;letter-spacing:-.04em}.about-page .about-journey h2 em{font-weight:300}.about-page .about-chapters{border-top:1px solid rgba(107,96,60,.22)}.about-page .about-chapters article{display:grid;grid-template-columns:38px 130px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid rgba(107,96,60,.22)}.about-page .about-chapters b{color:var(--a-olive);font-size:11px}.about-page .about-chapters h3{font-size:18px;font-weight:500}.about-page .about-chapters p{margin:0;color:#605b50;font-size:14px;line-height:1.7}
.about-page .about-belief{position:relative;min-height:92dvh;padding:clamp(120px,15vw,220px) clamp(22px,10vw,160px);overflow:hidden;background:var(--a-ink);color:#fff}.about-page .about-belief-word{position:absolute;top:-.06em;left:-.05em;color:rgba(255,255,255,.035);font:500 23vw/1 'IBM Plex Sans Hebrew';direction:ltr;white-space:nowrap}.about-page .about-belief blockquote{position:relative;max-width:1050px;font-size:clamp(53px,7.2vw,112px);font-weight:300;line-height:1.04;letter-spacing:-.045em}.about-page .about-belief blockquote em{color:#d8c7ad}.about-page .about-belief>p:last-child{max-width:48ch;margin:55px 0 0 auto;color:#bbb3a6;font-size:17px;line-height:1.85}
.about-page .about-studio{display:grid;grid-template-columns:.84fr 1.16fr;gap:clamp(52px,8vw,130px);padding:clamp(110px,14vw,200px) clamp(22px,8vw,130px);align-items:center;background:var(--a-paper)}.about-page .about-studio h2{font-size:clamp(49px,5.6vw,86px);font-weight:500;line-height:1.08;letter-spacing:-.04em}.about-page .about-studio-copy>p:not(.about-kicker){max-width:44ch;margin-top:30px;color:#59554b;font-size:17px;line-height:1.85}.about-page .about-studio-copy a{display:inline-block;margin-top:32px;padding-bottom:8px;border-bottom:1px solid var(--a-olive);color:var(--a-ink);text-decoration:none}.about-page .about-studio-images{position:relative;min-height:670px}.about-page .about-studio-images img:first-child{width:72%;height:610px;object-fit:cover}.about-page .about-studio-images img:last-child{position:absolute;left:0;bottom:0;width:42%;height:295px;border:10px solid var(--a-paper);object-fit:cover}
.about-page .about-gallery{padding:clamp(100px,12vw,170px) 0;background:#d8ccbc;overflow:hidden}.about-page .about-gallery header{margin-bottom:62px;padding-inline:clamp(22px,8vw,130px)}.about-page .about-gallery h2{font-size:clamp(55px,7vw,105px);font-weight:500;line-height:.98;letter-spacing:-.045em}.about-page .about-gallery-track{display:flex;gap:clamp(14px,2vw,30px);padding-inline:clamp(22px,6vw,90px);align-items:center;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.about-page .about-gallery-track::-webkit-scrollbar{display:none}.about-page .about-gallery figure{flex:0 0 min(70vw,360px);margin:0;scroll-snap-align:center}.about-page .about-gallery figure:nth-child(even){margin-top:88px}.about-page .about-gallery figure:nth-child(3){flex-basis:min(80vw,520px)}.about-page .about-gallery figure img{width:100%;height:550px;object-fit:cover;filter:saturate(.66);transition:.65s}.about-page .about-gallery figure:nth-child(3) img{height:465px}.about-page .about-gallery figure:hover img{filter:saturate(1);transform:translateY(-7px)}.about-page .about-gallery figcaption{padding-top:11px;color:#625c52;font-size:9px;letter-spacing:.14em;direction:ltr;text-align:left}
.about-page .about-contact{display:grid;grid-template-columns:.7fr 1.3fr;gap:75px;padding:clamp(100px,13vw,180px) clamp(22px,9vw,145px);align-items:center;background:var(--a-cream)}.about-page .about-contact>img{width:min(100%,350px);mix-blend-mode:multiply}.about-page .about-contact h2{font-size:clamp(55px,7vw,105px);font-weight:500;line-height:1;letter-spacing:-.045em}.about-page .about-contact a{display:inline-block;margin-top:34px;padding-bottom:8px;border-bottom:1px solid var(--a-olive);color:var(--a-ink);text-decoration:none}.about-page .editorial-footer{background:var(--a-ink);color:#aaa393}
@keyframes aboutLine{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:899px){.about-page .about-header .main-nav,.about-page .about-header .header-contact{display:none}.about-page .about-header .nav-toggle{display:flex}.about-page .about-video-shade{background:linear-gradient(to top,rgba(17,16,13,.82),rgba(17,16,13,.2) 55%,transparent 75%)}.about-page .about-hero-copy{right:20px;bottom:145px}.about-page .about-hero-copy h1{font-size:clamp(56px,17vw,88px)}.about-page .about-skip{left:18px;bottom:34px;width:92px;height:92px}.about-page .about-intro{grid-template-columns:1fr;min-height:auto;padding:90px 20px}.about-page .about-vertical{display:none}.about-page .about-intro h2{font-size:54px}.about-page .about-intro-copy{align-self:auto}.about-page .about-journey{grid-template-columns:1fr;padding:90px 20px}.about-page .about-journey-image{height:auto;aspect-ratio:4/5}.about-page .about-chapters article{grid-template-columns:32px 1fr}.about-page .about-chapters article p{grid-column:2}.about-page .about-belief{min-height:auto;padding:105px 20px}.about-page .about-belief blockquote{font-size:49px}.about-page .about-studio{grid-template-columns:1fr;padding:90px 20px}.about-page .about-studio-images{min-height:490px}.about-page .about-studio-images img:first-child{height:450px}.about-page .about-studio-images img:last-child{height:205px}.about-page .about-gallery{padding-block:88px}.about-page .about-gallery header{margin-bottom:38px}.about-page .about-gallery h2{font-size:56px}.about-page .about-gallery figure{flex-basis:78vw}.about-page .about-gallery figure img{height:58svh}.about-page .about-gallery figure:nth-child(3) img{height:45svh}.about-page .about-contact{grid-template-columns:1fr;gap:42px;padding:90px 20px}.about-page .about-contact>img{width:175px}.about-page .about-contact h2{font-size:56px}}
@media(max-width:430px){.about-page .about-video{object-position:54% center}.about-page .about-hero-copy h1{font-size:54px}.about-page .about-intro h2,.about-page .about-journey h2,.about-page .about-studio h2{font-size:43px}.about-page .about-belief blockquote{font-size:41px}.about-page .about-gallery h2{font-size:47px}.about-page .about-gallery figure:nth-child(even){margin-top:42px}.about-page .about-contact h2{font-size:48px}}

/* Interactive cinematic gallery */
.about-page .about-gallery header{display:flex;align-items:end;justify-content:space-between;gap:40px}
.about-page .about-gallery-controls{display:flex;flex-direction:column;align-items:flex-end;gap:14px}.about-page .about-gallery-controls>p{margin:0;color:#625c52;font-size:11px;letter-spacing:.08em}.about-page .about-gallery-controls>div{display:flex;gap:8px;direction:rtl}.about-page .about-gallery-controls button{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(32,31,26,.32);border-radius:50%;background:transparent;color:var(--a-ink);font-size:21px;cursor:pointer;transition:.3s}.about-page .about-gallery-controls button:hover{border-color:var(--a-ink);background:var(--a-ink);color:#fff;transform:scale(1.06)}
.about-page .about-gallery-track{scroll-behavior:smooth;cursor:grab;user-select:none;touch-action:pan-x}.about-page .about-gallery-track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.about-page .about-gallery-track figure{opacity:.58;transform:scale(.93);transition:opacity .6s,transform .7s cubic-bezier(.2,.75,.2,1)}.about-page .about-gallery-track figure.is-active{opacity:1;transform:scale(1)}.about-page .about-gallery-track img{pointer-events:none}
.about-page .about-gallery-progress{position:relative;width:min(72vw,900px);height:2px;margin:55px auto 0;overflow:hidden;background:rgba(32,31,26,.16)}.about-page .about-gallery-progress span{display:block;width:100%;height:100%;background:var(--a-olive);transform:scaleX(.2);transform-origin:right;transition:transform .45s cubic-bezier(.2,.75,.2,1)}
@media(max-width:899px){.about-page .about-gallery header{align-items:flex-start}.about-page .about-gallery-controls>p{display:none}.about-page .about-gallery-controls button{width:42px;height:42px}.about-page .about-gallery-progress{width:calc(100% - 40px);margin-top:38px}}
@media(max-width:430px){.about-page .about-gallery header{display:block}.about-page .about-gallery-controls{margin-top:22px;align-items:flex-start}.about-page .about-gallery-track figure{opacity:.72;transform:scale(.96)}.about-page .about-gallery-track figure.is-active{opacity:1;transform:scale(1)}}

/* Keep the opening portrait unobstructed, then reveal navigation. */
.about-page .about-header{opacity:0;transform:translateY(-110%);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.75,.2,1)}
.about-page .about-header.about-header-visible{opacity:1;transform:none}

/* Force a real horizontal scroll surface in RTL desktop browsers. */
.about-page .about-gallery-track{width:100%;max-width:100%;overflow-x:scroll!important;overflow-y:hidden!important;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;outline:none}
.about-page .about-gallery-track:focus-visible{box-shadow:inset 0 0 0 2px rgba(107,96,60,.45)}
.about-page .about-gallery-track:after{content:"";flex:0 0 clamp(40px,12vw,180px);height:1px}

/* About V2 — compact editorial pacing and static personal frames. */
.about-page .about-numerology{position:relative;background:linear-gradient(90deg,rgba(107,96,60,.08),transparent)}
.about-page .about-numerology:after{content:"∞";position:absolute;left:12px;top:50%;color:rgba(107,96,60,.13);font:300 52px/1 Georgia,serif;transform:translateY(-50%)}
@media(min-width:900px){
  .about-page .about-intro{min-height:auto;padding:clamp(88px,8vw,120px) clamp(70px,8vw,130px);grid-template-columns:26px minmax(0,1fr) minmax(320px,.72fr);gap:clamp(44px,6vw,90px)}
  .about-page .about-intro h2{font-size:clamp(58px,6vw,86px)}
  .about-page .about-intro-copy{align-self:center}
  .about-page .about-journey{padding:clamp(82px,8vw,120px) clamp(70px,8vw,130px);gap:clamp(55px,7vw,100px)}
  .about-page .about-journey-image{height:clamp(470px,58dvh,590px)}
  .about-page .about-journey h2{margin-bottom:28px;font-size:clamp(48px,4.7vw,68px)}
  .about-page .about-chapters article{grid-template-columns:34px 125px 1fr;gap:14px;padding:15px 0}
  .about-page .about-chapters h3{font-size:17px}.about-page .about-chapters p{font-size:13px;line-height:1.62}
  .about-page .about-belief{min-height:auto;padding:clamp(90px,9vw,132px) clamp(80px,9vw,145px)}
  .about-page .about-belief blockquote{max-width:900px;font-size:clamp(54px,6vw,84px);line-height:1.02}
  .about-page .about-belief>p:last-child{margin-top:34px}
  .about-page .about-studio{grid-template-columns:.95fr 1.05fr;gap:clamp(48px,6vw,88px);padding:clamp(68px,6vw,92px) clamp(70px,8vw,130px)}
  .about-page .about-studio h2{font-size:clamp(44px,4.5vw,66px);line-height:1.04}
  .about-page .about-studio-copy>p:not(.about-kicker){margin-top:20px;font-size:16px;line-height:1.72}
  .about-page .about-studio-copy a{margin-top:22px}
  .about-page .about-studio-images{min-height:430px;max-width:600px}
  .about-page .about-studio-images img:first-child{width:68%;height:400px}
  .about-page .about-studio-images img:last-child{width:38%;height:185px;border-width:7px}
  .about-page .about-contact{gap:60px;padding:clamp(74px,7vw,104px) clamp(80px,9vw,145px)}
  .about-page .about-contact>img{width:min(100%,270px)}
  .about-page .about-contact h2{font-size:clamp(52px,5.6vw,78px)}
}

/* About story focus — one studio portrait and one shared frame. */
.about-page .about-studio-images.about-studio-images--single{position:relative;display:block!important;max-width:760px;height:auto!important;min-height:0!important;overflow:hidden!important;background:#d9d0c4;isolation:isolate}
.about-page .about-studio-images.about-studio-images--single>img:only-child{display:block;width:100%!important;height:auto!important;margin:0!important;border:0!important;aspect-ratio:16/9!important;object-fit:cover!important;object-position:center 38%!important;box-shadow:none!important;transition:clip-path 1.15s cubic-bezier(.16,.8,.2,1),transform 1.35s cubic-bezier(.16,.8,.2,1),filter 1.1s ease,opacity .75s ease}
.about-page .about-studio-images--single:after{content:"";position:absolute;inset:14px;z-index:4;border:1px solid rgba(255,255,255,.58);opacity:0;transform:scale(.97);pointer-events:none;transition:opacity .6s .65s ease,transform .7s .65s cubic-bezier(.16,.8,.2,1)}
.about-page .about-studio.about-visible .about-studio-images--single:after{opacity:1;transform:none}
@media(prefers-reduced-motion:no-preference){.about-page.about-motion-ready .about-studio:not(.about-visible) .about-studio-images--single>img:only-child{opacity:.2;clip-path:inset(0 100% 0 0);transform:scale(1.07);filter:blur(4px) saturate(.65)}.about-page.about-motion-ready .about-studio.about-visible .about-studio-images--single>img:only-child{opacity:1;clip-path:inset(0);transform:none;filter:none}}

.about-page .about-gallery-story{display:grid;max-width:1180px;margin:0 auto;grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);gap:clamp(42px,6vw,88px);align-items:center}
.about-page .about-gallery-story figure{position:relative;margin:0;overflow:hidden;background:#b9ab98;box-shadow:0 24px 58px rgba(43,36,28,.14)}
.about-page .about-gallery-story figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;transition:transform 1.2s cubic-bezier(.16,.8,.2,1),filter .8s ease}
.about-page .about-gallery-story figure:hover img{transform:scale(1.018);filter:saturate(1.04)}
.about-page .about-gallery-story figcaption{position:absolute;left:10px;bottom:9px;padding:7px 9px;background:rgba(251,248,242,.88);color:#5f584d;font:600 7px/1 Arial,sans-serif;letter-spacing:.14em;direction:ltr}
.about-page .about-gallery-story__copy{position:relative;padding-inline-start:clamp(18px,3vw,42px);border-inline-start:1px solid rgba(107,96,60,.3)}
.about-page .about-gallery-story__copy h3{margin:0;color:var(--a-ink);font-size:clamp(30px,3.2vw,48px);font-weight:400;line-height:1.18;letter-spacing:-.025em}
.about-page .about-gallery-story__copy h3 em{display:block;margin-top:6px;color:var(--a-olive);font-weight:300}
.about-page .about-gallery-story__copy>p:last-child{max-width:43ch;margin:28px 0 0;color:#565146;font-size:16px;font-weight:300;line-height:1.9}
@media(prefers-reduced-motion:no-preference){.about-page.about-motion-ready .about-gallery:not(.about-visible) .about-gallery-story figure{opacity:.2;clip-path:inset(0 0 0 100%);transform:translateX(32px)}.about-page.about-motion-ready .about-gallery:not(.about-visible) .about-gallery-story__copy{opacity:0;transform:translateY(24px)}.about-page .about-gallery-story figure{transition:opacity .8s ease,clip-path 1.15s cubic-bezier(.16,.8,.2,1),transform 1.15s cubic-bezier(.16,.8,.2,1)}.about-page .about-gallery-story__copy{transition:opacity .75s .34s ease,transform .85s .34s cubic-bezier(.16,.8,.2,1)}}
@media(max-width:899px){.about-page .about-studio-images.about-studio-images--single{width:100%;max-width:none}.about-page .about-gallery-story{grid-template-columns:1fr;gap:34px}.about-page .about-gallery-story__copy{padding:26px 4px 0;border-inline-start:0;border-top:1px solid rgba(107,96,60,.3)}.about-page .about-gallery-story__copy h3{font-size:clamp(30px,9vw,42px)}.about-page .about-gallery-story__copy>p:last-child{margin-top:22px;font-size:15px;line-height:1.82}}
@media(prefers-reduced-motion:reduce){.about-page .about-studio-images--single>img,.about-page .about-gallery-story figure,.about-page .about-gallery-story__copy{opacity:1!important;clip-path:none!important;transform:none!important;filter:none!important;transition:none!important}}

/* About focus jewelry and the hero's primary invitation. */
.about-page .about-skip{position:absolute!important;left:clamp(20px,5vw,74px)!important;bottom:42px!important;display:flex!important;width:174px!important;height:58px!important;min-height:58px;flex-direction:row!important;gap:12px;border:0!important;border-radius:2px!important;background:linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8)) top left/20px 1px no-repeat,linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8)) top left/1px 14px no-repeat,linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8)) top right/20px 1px no-repeat,linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8)) top right/1px 14px no-repeat,linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8)) bottom left/20px 1px no-repeat,linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8)) bottom left/1px 14px no-repeat,linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8)) bottom right/20px 1px no-repeat,linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8)) bottom right/1px 14px no-repeat,rgba(24,22,17,.22)!important;box-shadow:0 14px 38px rgba(15,14,11,.16);backdrop-filter:blur(14px);color:#fff!important;font-size:13px!important;letter-spacing:.025em;transition:transform .32s ease,background-size .35s ease,background-color .3s ease,box-shadow .3s ease!important}
.about-page .about-skip:before{content:"01";display:grid;width:24px;height:24px;place-items:center;border:1px solid rgba(255,255,255,.52);border-radius:50%;font:600 7px/1 Arial,sans-serif;letter-spacing:.08em}.about-page .about-skip:after{content:"";width:6px;height:6px;border-radius:50%;background:#ece0ce;box-shadow:0 0 0 5px rgba(236,224,206,.13)}
.about-page .about-skip:hover{background-size:29px 1px,1px 20px,29px 1px,1px 20px,29px 1px,1px 20px,29px 1px,1px 20px,auto!important;background-color:rgba(251,248,242,.92)!important;box-shadow:0 19px 46px rgba(15,14,11,.22);color:var(--a-ink)!important;transform:translateY(-4px)!important}.about-page .about-skip:hover:before{border-color:rgba(32,31,26,.32)}
.about-page .about-kicker{display:inline-flex;gap:10px;align-items:center}.about-page .about-kicker:before{content:"";display:inline-block;width:7px;height:7px;border:1px solid currentColor;border-radius:50%;box-shadow:0 0 0 4px rgba(107,96,60,.1)}
.about-page .about-studio-copy a,.about-page .about-contact a{position:relative;display:inline-flex;min-height:50px;padding:0 24px;align-items:center;border:0!important;background:linear-gradient(var(--a-olive),var(--a-olive)) top left/16px 1px no-repeat,linear-gradient(var(--a-olive),var(--a-olive)) top left/1px 12px no-repeat,linear-gradient(var(--a-olive),var(--a-olive)) top right/16px 1px no-repeat,linear-gradient(var(--a-olive),var(--a-olive)) top right/1px 12px no-repeat,linear-gradient(var(--a-olive),var(--a-olive)) bottom left/16px 1px no-repeat,linear-gradient(var(--a-olive),var(--a-olive)) bottom left/1px 12px no-repeat,linear-gradient(var(--a-olive),var(--a-olive)) bottom right/16px 1px no-repeat,linear-gradient(var(--a-olive),var(--a-olive)) bottom right/1px 12px no-repeat,rgba(107,96,60,.055);transition:transform .28s ease,background-size .3s ease!important}.about-page .about-studio-copy a:hover,.about-page .about-contact a:hover{background-size:24px 1px,1px 18px,24px 1px,1px 18px,24px 1px,1px 18px,24px 1px,1px 18px,auto;transform:translateY(-3px)}
@media(max-width:899px){.about-page .about-skip{left:16px!important;bottom:26px!important;width:154px!important;height:54px!important;min-height:54px}.about-page .about-skip:before{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){.about-page .about-skip,.about-page .about-studio-copy a,.about-page .about-contact a{transition:none!important}}

/* Natural-ratio photography layout — preserve every new Dana frame. */
.about-page .about-journey-image{height:auto!important;aspect-ratio:836/992!important}
.about-page .about-journey-image>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.about-page .about-studio-images{display:grid!important;width:100%;max-width:620px;height:auto!important;min-height:0!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:0!important;align-items:start;overflow:visible!important}
.about-page .about-studio-images>img:first-child,.about-page .about-studio-images>img:last-child{position:static!important;display:block;width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important}
.about-page .about-studio-images>img:last-child{width:70%!important;margin:-42px 0 0 auto;border:8px solid var(--a-paper)!important;box-shadow:0 18px 42px rgba(43,36,28,.14)}
.about-page .about-gallery-grid{display:grid;min-height:0!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-template-rows:auto auto!important;gap:12px!important;align-items:start}
.about-page .about-gallery-grid figure{align-self:start;overflow:hidden}
.about-page .about-gallery-grid figure:nth-child(1){grid-column:1/7!important;grid-row:1!important}
.about-page .about-gallery-grid figure:nth-child(2){grid-column:7/13!important;grid-row:1!important}
.about-page .about-gallery-grid figure:nth-child(3){grid-column:1/8!important;grid-row:2!important;align-self:center}
.about-page .about-gallery-grid figure:nth-child(4){grid-column:9/13!important;grid-row:2!important}
.about-page .about-gallery-grid figure:nth-child(n+5){display:none!important}
.about-page .about-gallery-grid figure>img{display:block;width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important}
@media(max-width:899px){.about-page .about-studio-images>img:last-child{width:78%!important;margin-top:-24px;border-width:6px!important}.about-page .about-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto auto auto!important;gap:8px!important}.about-page .about-gallery-grid figure:nth-child(1){grid-column:1/3!important;grid-row:1!important}.about-page .about-gallery-grid figure:nth-child(2){grid-column:1!important;grid-row:2!important}.about-page .about-gallery-grid figure:nth-child(3){grid-column:2!important;grid-row:2!important}.about-page .about-gallery-grid figure:nth-child(4){grid-column:1/3!important;grid-row:3!important;width:68%;justify-self:center}}
.about-page .about-gallery{padding:clamp(72px,7vw,104px) clamp(20px,5vw,78px);background:#d9cdbd;overflow:hidden}
.about-page .about-gallery header{display:flex;max-width:1180px;margin:0 auto 42px;padding:0;align-items:end;justify-content:space-between}
.about-page .about-gallery h2{font-size:clamp(48px,5.4vw,78px);line-height:.94}
.about-page .about-gallery header>span{padding-bottom:8px;color:var(--a-olive);font:600 8px/1 Arial,sans-serif;letter-spacing:.18em;direction:ltr}
.about-page .about-gallery-grid{display:grid;max-width:1180px;min-height:560px;margin:0 auto;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(10,48px);gap:10px}
.about-page .about-gallery-grid figure{position:relative;margin:0;overflow:hidden;background:#c7b8a5;box-shadow:0 18px 42px rgba(43,36,28,.1)}
.about-page .about-gallery-grid figure:nth-child(1){grid-column:1/5;grid-row:1/9}
.about-page .about-gallery-grid figure:nth-child(2){grid-column:5/8;grid-row:2/7;rotate:-1.2deg;z-index:2}
.about-page .about-gallery-grid figure:nth-child(3){grid-column:8/13;grid-row:1/8}
.about-page .about-gallery-grid figure:nth-child(4){grid-column:4/7;grid-row:7/11;rotate:1deg;z-index:3}
.about-page .about-gallery-grid figure:nth-child(5){grid-column:7/11;grid-row:7/11;rotate:-.8deg;z-index:3}
.about-page .about-gallery-grid img{width:100%;height:100%;object-fit:cover;filter:saturate(.62);transition:filter .55s ease}
.about-page .about-gallery-grid figure:hover img{filter:saturate(.9)}
.about-page .about-gallery-grid figcaption{position:absolute;left:9px;bottom:8px;padding:6px 8px;background:rgba(251,248,242,.84);color:#5f584d;font-size:7px;letter-spacing:.13em;direction:ltr}
@media(max-width:899px){
  .about-page .about-intro,.about-page .about-journey,.about-page .about-belief,.about-page .about-studio,.about-page .about-contact{padding-block:68px}
  .about-page .about-intro h2,.about-page .about-journey h2,.about-page .about-belief blockquote,.about-page .about-studio h2,.about-page .about-contact h2{font-size:clamp(40px,11vw,52px)}
  .about-page .about-journey{gap:42px}.about-page .about-journey-image{aspect-ratio:4/3}
  .about-page .about-studio{gap:36px}.about-page .about-studio-images{min-height:345px}.about-page .about-studio-images img:first-child{height:320px}.about-page .about-studio-images img:last-child{height:150px;border-width:6px}
  .about-page .about-gallery{padding:68px 12px}
  .about-page .about-gallery header{margin-bottom:30px;padding:0 8px}
  .about-page .about-gallery header>span{display:none}
  .about-page .about-gallery h2{font-size:48px}
  .about-page .about-gallery-grid{min-height:0;grid-template-columns:repeat(2,1fr);grid-template-rows:260px 170px 230px;gap:8px}
  .about-page .about-gallery-grid figure:nth-child(1){grid-column:1;grid-row:1/3}
  .about-page .about-gallery-grid figure:nth-child(2){grid-column:2;grid-row:1;rotate:-1deg}
  .about-page .about-gallery-grid figure:nth-child(3){grid-column:1/3;grid-row:3;rotate:0}
  .about-page .about-gallery-grid figure:nth-child(4){grid-column:2;grid-row:2;rotate:1deg}
  .about-page .about-gallery-grid figure:nth-child(5){display:none}
}

/* Keep the journey caption styling away from injected camera UI layers. */
.about-page .about-journey-image>.develop-curtain{
  inset:-1px!important;
  padding:0!important;
}
.about-page .about-journey-image>.focus-outline{
  inset:10px!important;
  padding:0!important;
  background:transparent!important;
  color:inherit!important;
  font-size:inherit!important;
  letter-spacing:normal!important;
}
.about-page .about-journey-image>.focus-readout{
  inset:auto 14px 14px auto!important;
  padding:6px 8px!important;
  background:rgba(18,17,14,.54)!important;
  color:#fff!important;
  font-size:8px!important;
  letter-spacing:.12em!important;
}

/* Hard cap the studio after legacy layout rules. */
@media(min-width:900px){
  .about-page .about-studio{padding-block:80px!important}
  .about-page .about-studio-images{min-height:430px!important;height:430px!important}
  .about-page .about-studio-images img:first-child{height:400px!important}
  .about-page .about-studio-images img:last-child{height:185px!important}
}
@media(max-width:899px){
  .about-page .about-studio{padding-block:68px!important}
  .about-page .about-studio-images{min-height:345px!important;height:345px!important}
  .about-page .about-studio-images img:first-child{height:320px!important}
  .about-page .about-studio-images img:last-child{height:150px!important}
}

/* About QA — preserve the layered composition with a shorter reading rhythm. */
@media(min-width:900px){
  .about-page .about-gallery{padding-block:72px}
  .about-page .about-gallery header{margin-bottom:30px}
  .about-page .about-gallery-grid{min-height:480px;grid-template-rows:repeat(10,40px);gap:9px}
}

@media(max-width:899px){
  .about-page .about-intro,.about-page .about-journey,.about-page .about-belief,.about-page .about-studio,.about-page .about-contact{padding-block:56px}
  .about-page .about-journey{gap:30px}
  .about-page .about-journey h2{margin-bottom:20px}
  .about-page .about-chapters article{gap:8px 12px;padding:11px 0}
  .about-page .about-chapters h3{font-size:16px}
  .about-page .about-chapters p{font-size:13px;line-height:1.55}
  .about-page .about-belief>p:last-child{margin-top:28px;line-height:1.7}
  .about-page .about-studio{gap:28px;padding-block:56px!important}
  .about-page .about-studio-copy>p:not(.about-kicker){margin-top:18px;line-height:1.7}
  .about-page .about-studio-copy a{margin-top:20px}
  .about-page .about-studio-images{min-height:300px!important;height:300px!important}
  .about-page .about-studio-images img:first-child{height:280px!important}
  .about-page .about-studio-images img:last-child{height:130px!important}
  .about-page .about-gallery{padding:56px 12px}
  .about-page .about-gallery header{margin-bottom:24px}
  .about-page .about-gallery-grid{grid-template-rows:220px 140px 190px}
  .about-page .about-contact{gap:28px}
}

@media(prefers-reduced-motion:no-preference){
  .about-page.about-motion-ready .about-intro{opacity:.68;transform:translateY(24px) scale(.997);filter:blur(1px);transition-duration:1.45s}
  .about-page.about-motion-ready .about-intro.about-visible{opacity:1;transform:none;filter:none}
}

/* About refinement — stable editorial frames without accidental crop or overlap. */
.about-page .about-studio-images{
  display:grid;
  min-height:0!important;
  height:420px!important;
  max-width:620px;
  grid-template-columns:1fr;
  grid-template-rows:minmax(0,1.08fr) minmax(0,.92fr);
  gap:12px;
  overflow:hidden;
}
.about-page .about-studio-images>img{
  position:static!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  object-fit:cover;
}
.about-page .about-studio-images>img:first-child{object-position:center 42%}
.about-page .about-studio-images>img:last-child{object-position:center 38%}

.about-page .about-gallery-grid{
  min-height:0;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:310px;
  gap:12px;
}
.about-page .about-gallery-grid figure{
  rotate:0deg!important;
  z-index:auto!important;
  min-width:0;
  min-height:0;
  border-radius:2px;
}
.about-page .about-gallery-grid{grid-template-rows:220px 220px}
.about-page .about-gallery-grid figure:nth-child(1){grid-column:1/6;grid-row:1}
.about-page .about-gallery-grid figure:nth-child(2){grid-column:6/10;grid-row:1}
.about-page .about-gallery-grid figure:nth-child(3){grid-column:1/6;grid-row:2}
.about-page .about-gallery-grid figure:nth-child(4){grid-column:10/13;grid-row:1/3}
.about-page .about-gallery-grid figure:nth-child(5){display:block;grid-column:6/10;grid-row:2}
.about-page .about-gallery-grid img{display:block;transform:none!important}
.about-page .about-gallery-grid figure:nth-child(1) img{object-position:center 48%}
.about-page .about-gallery-grid figure:nth-child(2) img{object-position:72% 42%}
.about-page .about-gallery-grid figure:nth-child(3) img{object-position:center 40%}
.about-page .about-gallery-grid figure:nth-child(4) img{object-position:center 22%}
.about-page .about-gallery-grid figure:nth-child(5) img{object-position:center 20%}

@media(max-width:899px){
  .about-page .about-studio-images{
    height:280px!important;
    grid-template-columns:1fr;
    grid-template-rows:1fr 1fr;
    gap:8px;
  }
  .about-page .about-studio-images>img:first-child,
  .about-page .about-studio-images>img:last-child{height:100%!important}
  .about-page .about-gallery header{margin-bottom:28px}
  .about-page .about-gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:190px 190px 245px;
    gap:8px;
  }
  .about-page .about-gallery-grid figure:nth-child(1){grid-column:1/3;grid-row:1}
  .about-page .about-gallery-grid figure:nth-child(2){grid-column:1;grid-row:2}
  .about-page .about-gallery-grid figure:nth-child(3){grid-column:2;grid-row:2}
  .about-page .about-gallery-grid figure:nth-child(4){grid-column:1;grid-row:3}
  .about-page .about-gallery-grid figure:nth-child(5){grid-column:2;grid-row:3}
}

/* Final studio override: both landscape photographs keep their full frame. */
.about-page .about-studio-images{display:grid!important;width:100%;max-width:620px;height:auto!important;min-height:0!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:0!important;align-items:start;overflow:visible!important}
.about-page .about-studio-images>img:first-child,.about-page .about-studio-images>img:last-child{position:static!important;display:block;width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important}
.about-page .about-studio-images>img:last-child{width:70%!important;margin:-42px 0 0 auto;border:8px solid var(--a-paper)!important;box-shadow:0 18px 42px rgba(43,36,28,.14)}
@media(max-width:899px){.about-page .about-studio-images>img:last-child{width:78%!important;margin-top:-24px;border-width:6px!important}}

.about-page .about-gallery-grid figure:nth-child(n){margin:0!important}
.about-page .about-studio-images>img:first-child,.about-page .about-studio-images>img:last-child{aspect-ratio:16/9!important}
@media(min-width:900px){
  .about-page .about-studio{grid-template-columns:.78fr 1.22fr!important}
  .about-page .about-studio-images{max-width:760px}
  .about-page .about-studio-images{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important;gap:12px!important;align-items:start}
  .about-page .about-studio-images>img:first-child,.about-page .about-studio-images>img:last-child{width:100%!important;margin:0!important;border:0!important;box-shadow:0 16px 38px rgba(43,36,28,.1)}
  .about-page .about-studio-images>img:last-child{margin-top:38px!important}
}

/* Three-part ending: sand transition, olive footer, dark LEA signature. */
.about-page .editorial-footer{
  padding:34px clamp(22px,7vw,100px) 28px;
  background:#5b5742;
  color:#ddd5c8;
}
.about-page .editorial-footer>img{opacity:.88}
.about-page .editorial-footer a{color:#f5efe6}
.about-page .editorial-footer p{color:#d2c9bb}
.about-page .editorial-footer .lea-credit{
  margin-top:12px;
  padding:18px 20px;
  border-top:0;
  border-radius:2px;
  background:#24231e;
  box-shadow:0 12px 34px rgba(23,21,17,.16);
}

@media(max-width:899px){
  .about-page .editorial-footer{padding:30px 18px 22px}
  .about-page .editorial-footer .lea-credit{margin-top:4px;padding:16px}
}

/* About mobile title safety — loaded after the shared stylesheet. */
@media(max-width:899px){
  .about-page,.about-page main,.about-page main>section{width:100%;max-width:100%;overflow-x:hidden!important;box-sizing:border-box}
  .about-hero-copy{right:18px!important;left:18px!important;width:auto!important;max-width:none!important}
  .about-hero-copy h1,.about-intro h2,.about-journey h2,.about-belief blockquote,.about-studio h2,.about-gallery h2,.about-contact h2{display:block;width:100%!important;max-width:100%!important;margin-inline:0!important;font-size:clamp(37px,9.8vw,49px)!important;line-height:1.16!important;letter-spacing:-.018em!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere}
  .about-page .headline-entrance,.about-page .headline-entrance.is-text-visible{clip-path:none!important;transform:none!important}
}