@font-face{font-family:ArtsStoriesHand;src:url("assets/caveat.012f33f9814b.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}

.arts-stories,.arts-viewer{--arts-paper:#efe7d9;--arts-ink:#28301f;--arts-muted:#696553;--arts-out:cubic-bezier(.25,1,.5,1);--arts-in-out:cubic-bezier(.75,0,.25,1);font-family:'ARTs Sans',Arial,sans-serif;font-weight:400;color:var(--arts-ink);-webkit-font-smoothing:antialiased}
.arts-stories *,.arts-viewer *{box-sizing:border-box}
.arts-stories{box-sizing:border-box;position:relative;isolation:isolate;background-color:#efe7d9;background-image:linear-gradient(rgb(239 231 217 / .73),rgb(239 231 217 / .73)),url("../assets/paper.215a22d7268f.webp");background-position:center top;background-size:auto,clamp(1100px,100vw,1672px) auto;background-repeat:repeat;padding:42px max(5vw,24px) 30px;overflow:clip}
/* The same real paper + separate alpha drawing used in the light ARTs hero.
   Material stays at a natural scale, rather than stretching over the page height.
   The 73% base-colour layer leaves 27% paper texture, matching the shared Figma ground. */
.arts-stories::before,.arts-stories::after{content:"";position:absolute;pointer-events:none;z-index:-1;background:#596043;mask-image:url("assets/architectural-drawings.b303e322b0c4.webp");mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-image:url("assets/architectural-drawings.b303e322b0c4.webp");-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;opacity:.16}
.arts-stories::before{width:max(100%,1280px);aspect-ratio:1672 / 941;top:80px;left:50%;transform:translateX(-50%)}
.arts-stories::after{width:max(110%,1400px);aspect-ratio:1672 / 941;bottom:-80px;left:50%;transform:translateX(-50%) rotate(180deg);opacity:.12}
.arts-stories ::selection{color:var(--arts-paper);background:var(--arts-ink)}
.arts-stories__header,.arts-story{max-width:1480px;margin-left:auto;margin-right:auto}
.arts-stories__header{text-align:center;margin-bottom:48px}
.arts-stories__eyebrow,.arts-story__eyebrow{font-size:12px;line-height:1.5;letter-spacing:.25em;text-transform:uppercase;margin:0}
.arts-stories__eyebrow{font-size:13px;letter-spacing:.36em;margin-bottom:12px}
.arts-stories__title{font-family:'ARTs Display',Georgia,serif;font-weight:400;font-stretch:62.5%;font-variation-settings:'wdth' 62.5;text-transform:uppercase;font-size:clamp(56px,7.7vw,132px);line-height:1.05;letter-spacing:-.035em;margin:0;text-wrap:balance}
.arts-story{display:grid;grid-template-columns:25.5% minmax(0,1fr);gap:3.7%;align-items:start}
.arts-story+.arts-story{margin-top:54px}
.arts-story--reverse{grid-template-columns:minmax(0,1fr) 25.5%}
.arts-story--reverse .arts-story__main{grid-column:1;grid-row:1}
.arts-story--reverse .arts-story__aside{grid-column:2;grid-row:1}
.arts-story__aside{padding-top:clamp(95px,10vw,150px);position:relative;min-width:0}
.arts-story__note{position:absolute;top:7px;left:3%;width:95%;height:90px;display:flex;align-items:flex-start}
.arts-story__note p{font-family:ArtsStoriesHand,cursive;font-size:clamp(26px,2.9vw,43px);font-weight:400;line-height:.97;letter-spacing:.005em;transform:rotate(-6deg);margin:0;flex:none}
.arts-story__arrow{position:absolute;right:13%;top:23%;width:clamp(32px,4.5vw,64px);height:80%;overflow:visible}
.arts-story__arrow path{stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.arts-story--reverse .arts-story__note{left:18%;width:82%}
.arts-story--reverse .arts-story__arrow{right:14%;top:23%}
.arts-story__photo,.arts-story__detail{display:block;position:relative;overflow:hidden;background:#dfdace;isolation:isolate;box-shadow:0 1px 1px rgba(62,49,28,.08),0 9px 22px -18px rgba(62,49,28,.24)}
.arts-story__photo{aspect-ratio:1.52;color:var(--arts-paper);text-decoration:none;cursor:zoom-in}
.arts-story__detail{aspect-ratio:.93}
.arts-story__reveal-image,.arts-story__drift{position:absolute;inset:0}
.arts-stories.is-in-view .arts-story__reveal-image,.arts-stories.is-in-view .arts-story__drift{will-change:transform}
.arts-story__drift{inset:-8% 0;transform:translate3d(0,var(--arts-drift,0px),0)}
.arts-story__photo img{display:block;width:100%;height:100%;object-fit:cover}
.arts-story__detail img{position:absolute;display:block;max-width:none;object-fit:cover}
.arts-story__detail--cornice img{width:550%;height:auto;left:-194%;top:-2%}
.arts-story__detail--arch img{width:550%;height:auto;left:-350%;top:1%}
.arts-story__caption{font:400 clamp(12px,1.35vw,19px)/1.45 'ARTs Sans',Arial,sans-serif;letter-spacing:-.025em;margin:15px 0 0}
.arts-story__caption span{white-space:nowrap}
.arts-story__review{margin-top:18px}
.arts-story__quote{font-family:'ARTs Display',Georgia,serif;font-weight:400;font-stretch:62.5%;font-variation-settings:'wdth' 62.5;font-size:clamp(30px,3.3vw,53px);line-height:1.16;letter-spacing:-.025em;margin:5px 0 8px;text-wrap:balance}
.arts-story__zoom{position:absolute;right:20px;bottom:20px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(243,239,229,.16);border:1px solid rgba(243,239,229,.65);backdrop-filter:blur(8px);opacity:0;transform:translateY(8px);transition:opacity .4s,transform .6s var(--arts-out),background .4s}
.arts-story__zoom svg{width:23px;height:23px;stroke:currentColor;stroke-width:1}
.arts-story__photo:hover .arts-story__zoom,.arts-story__photo:focus-visible .arts-story__zoom{opacity:1;transform:translateY(0)}
.arts-story__photo:hover .arts-story__zoom{background:rgba(243,239,229,.3)}
.arts-stories a:focus-visible,.arts-viewer button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.arts-stories a:focus-visible{outline-color:var(--arts-ink)}

/* Scroll-scrubbed: every property is a pure function of scroll position.
   No entrance transition or timer. With JS disabled, the content stays visible. */
.arts-stories.is-motion [data-reveal="rise"]{opacity:var(--arts-progress,1);transform:translateY(calc((1 - var(--arts-progress,1))*26px))}
.arts-stories__word{display:inline-block;white-space:nowrap;perspective:800px}
.arts-stories__char{display:inline-block;transform-origin:50% 100%}
.arts-stories.is-motion [data-reveal="heading"] .arts-stories__char{opacity:var(--arts-part-progress,1);transform:translateY(calc((1 - var(--arts-part-progress,1))*50%)) rotateY(calc((1 - var(--arts-part-progress,1))*90deg))}
.arts-stories.is-motion [data-reveal="note"] p{opacity:var(--arts-note-progress,1);translate:0 calc((1 - var(--arts-note-progress,1))*12px)}
.arts-stories.is-motion [data-reveal="note"] path{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--arts-arrow-progress,1))}
.arts-stories__quote-mask{display:inline-block;vertical-align:top;overflow:hidden;padding-bottom:.09em;margin-bottom:-.09em}
.arts-stories__quote-word{display:inline-block}
.arts-stories.is-motion [data-reveal="quote"] .arts-stories__quote-word{transform:translateY(calc((1 - var(--arts-part-progress,1))*115%))}
.arts-stories.is-motion .arts-story__photo:focus-visible{clip-path:none}
.arts-stories.is-motion .arts-story__photo:focus-visible .arts-story__reveal-image{transform:none}

.arts-viewer{box-sizing:border-box;position:fixed;inset:0;isolation:isolate;width:100%;max-width:none;height:100%;max-height:none;border:0;padding:22px max(4vw,20px) 16px;margin:0;background:#292e23;color:var(--arts-paper);overflow:auto;overscroll-behavior:contain}
.arts-viewer::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url("../assets/paper.215a22d7268f.webp") center / 1200px auto repeat;mix-blend-mode:soft-light;opacity:.18}
.arts-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;animation:arts-viewer-enter .6s var(--arts-out) both}
.arts-viewer::backdrop{background:rgba(25,30,20,.8)}
.arts-viewer__bar{display:flex;align-items:center;justify-content:space-between;gap:20px}
.arts-viewer__label{font-size:11px;text-transform:uppercase;letter-spacing:.25em;margin:0}
.arts-viewer button{appearance:none;border:0;background:none;font:inherit;color:inherit;cursor:pointer;min-width:48px;min-height:48px;padding:12px;border-radius:50%;display:grid;place-items:center;transition:background .3s}
.arts-viewer button:hover{background:rgba(243,239,229,.1)}
.arts-viewer button svg{width:34px;height:20px;stroke:currentColor;stroke-width:1;overflow:visible}
.arts-viewer .arts-viewer__close svg{width:24px;height:24px}
.arts-viewer__figure{min-height:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:12px}
.arts-viewer__image{display:block;width:auto;height:calc(100% - 35px);max-width:100%;min-height:0;object-fit:contain}
.arts-viewer__caption{flex-shrink:0;text-align:center;font-size:13px;line-height:1.5}
.arts-viewer__bottom{display:flex;align-items:center;justify-content:center;gap:24px}
.arts-viewer__counter{font-size:11px;letter-spacing:.2em}
@keyframes arts-viewer-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
html.arts-viewer-open{overflow:hidden}

@media(min-width:1600px){.arts-stories{padding-top:60px}.arts-stories__header{margin-bottom:60px}.arts-story+.arts-story{margin-top:75px}.arts-story__note{height:125px}}
@media(max-width:900px) and (min-width:641px){.arts-story__note{height:78px;left:0}.arts-story__note p{font-size:25px}.arts-story__arrow{right:3%;top:28%}.arts-story--reverse .arts-story__note{left:6%;width:94%}.arts-story__quote{font-size:32px}}
@media(max-width:640px){
  .arts-stories{padding:38px 22px 24px}
  .arts-stories::before{width:850px;left:calc(50% + 75px);top:90px;opacity:.12}
  .arts-stories::after{width:900px;left:calc(50% - 85px);bottom:40px;opacity:.09}
  .arts-stories__header{margin-bottom:30px}
  .arts-stories__eyebrow{font-size:10px;letter-spacing:.26em;margin-bottom:17px}
  .arts-stories__title{font-size:clamp(26px,10.4vw,66px);line-height:1.1;letter-spacing:-.045em}
  .arts-story,.arts-story--reverse{grid-template-columns:1fr;gap:0}
  .arts-story+.arts-story{margin-top:48px}
  .arts-story__main,.arts-story--reverse .arts-story__main{grid-column:1;grid-row:1}
  .arts-story__aside,.arts-story--reverse .arts-story__aside{grid-column:1;grid-row:2;padding-top:0;margin-top:26px;display:grid;grid-template-columns:44% minmax(0,1fr);column-gap:22px;align-items:start}
  .arts-story__photo{aspect-ratio:1.14}
  .arts-story__detail{grid-column:1;grid-row:1 / span 2;aspect-ratio:.95}
  .arts-story__note,.arts-story--reverse .arts-story__note{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;height:102px;padding-top:6px}
  .arts-story__note p{font-size:clamp(22px,7.2vw,32px)}
  .arts-story__arrow,.arts-story--reverse .arts-story__arrow{width:35px;height:55px;right:auto;left:-12px;top:57px;transform:rotate(75deg)}
  .arts-story__caption{grid-column:2;grid-row:2;font-size:12px;line-height:1.6;margin:8px 0 0;align-self:end}
  .arts-story__caption span{display:block;margin-bottom:3px}
  .arts-story__review{margin-top:16px}
  .arts-story__eyebrow{font-size:9px;letter-spacing:.22em}
  .arts-story__quote{font-size:32px;line-height:1.14;margin:7px 0 8px;text-wrap:pretty}
  .arts-story__zoom{opacity:1;transform:none;width:34px;height:34px;right:12px;bottom:12px}
  .arts-story__zoom svg{width:18px;height:18px}
  .arts-story--reverse .arts-story__aside{grid-template-columns:minmax(0,1fr) 44%}
  .arts-story--reverse .arts-story__detail{grid-column:2}
  .arts-story--reverse .arts-story__note,.arts-story--reverse .arts-story__caption{grid-column:1}
  .arts-story--reverse .arts-story__arrow{right:-1px;left:auto;transform:rotate(-65deg)}
  .arts-viewer{padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom));gap:10px}
  .arts-viewer__label{font-size:9px;letter-spacing:.2em}
  .arts-viewer__image{width:100%;height:100%;object-fit:contain}
  .arts-viewer__caption{font-size:11px}
  .arts-viewer__figure{justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  .arts-stories *, .arts-viewer *,.arts-viewer[open]{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .arts-stories [data-reveal]{opacity:1!important;transform:none!important;clip-path:none!important}
  .arts-stories__char,.arts-stories__quote-word,.arts-story__reveal-image,.arts-story__drift{opacity:1!important;transform:none!important}
  .arts-story__note p{opacity:1!important;translate:none!important}
  .arts-story__arrow path{stroke-dashoffset:0!important}
}

.arts-stories__intro{font-size:clamp(12px,1vw,16px);line-height:1.5;margin:18px 0 0;color:var(--arts-muted)}