/* Home editorial sections. Images stay within their native detail. */
.space-story{position:relative;overflow:hidden;background:#DCF1F6;padding:clamp(90px,10vw,150px) 0}
.space-story::before{content:"";position:absolute;width:min(55vw,780px);aspect-ratio:1;right:-12%;top:-28%;border:1px solid rgba(40,93,136,.14);border-radius:50%;pointer-events:none}
.space-story__grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:clamp(40px,7vw,110px)}
.space-story__copy{position:relative;z-index:2}
.space-story__number{display:block;margin:52px 0 28px;font-size:11px;letter-spacing:.22em;color:var(--sky-dark)}
.space-story h2{max-width:690px;font-size:clamp(4.5rem,7.2vw,7.5rem);line-height:.9;letter-spacing:-.035em}
.space-story h2 em{color:var(--sky-dark);font-weight:400}
.space-story__copy>p{max-width:420px;margin:35px 0 30px;font-size:clamp(1rem,1.25vw,1.13rem);line-height:1.75;color:var(--ink-2)}
.space-story__copy .link-arrow{border-color:var(--ink-2)}
.space-story__signature{display:flex;align-items:center;gap:16px;margin-top:88px;font-size:10px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--sky-dark)}
.space-story__signature-line{display:block;width:55px;height:1px;background:var(--sky-dark)}
.space-story__visual{position:relative;min-height:clamp(500px,53vw,690px)}
.space-story__frame{position:absolute;top:4%;right:0;width:76%;height:87%;border:1px solid rgba(40,93,136,.38)}
.space-story__photo-wrap{position:absolute;top:0;right:7%;width:72%;height:90%;overflow:hidden;background:var(--sand);box-shadow:0 35px 70px -34px rgba(30,27,24,.35)}
.space-story__photo{width:100%;height:100%;object-fit:cover;object-position:center}
.space-story__sample{position:absolute;z-index:2;width:37%;max-width:205px;left:1%;bottom:0;padding:9px 9px 0;background:var(--surface);box-shadow:0 20px 50px -24px rgba(30,27,24,.45);transform:rotate(-7deg)}
.space-story__sample img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.space-story__sample span{display:block;padding:10px 2px 13px;font-size:9px;letter-spacing:.13em;text-transform:uppercase}
.space-story__side-note{position:absolute;right:-5%;bottom:6%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.21em;text-transform:uppercase;color:var(--sky-dark)}
.space-story.story-ready .space-story__copy{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.space-story.story-ready .space-story__copy.is-in{opacity:1;transform:none}
.space-story.story-ready .space-story__photo-wrap{clip-path:inset(0 100% 0 0);transform:translateX(25px);transition:clip-path 1.15s var(--ease),transform 1.15s var(--ease)}
.space-story.story-ready .space-story__visual.is-in .space-story__photo-wrap{clip-path:inset(0);transform:none}
.space-story.story-ready .space-story__sample{opacity:0;transform:translateY(45px) rotate(0);transition:opacity .8s var(--ease) .45s,transform .9s var(--ease) .45s}
.space-story.story-ready .space-story__visual.is-in .space-story__sample{opacity:1;transform:rotate(-7deg)}

.curated-looks{padding:clamp(95px,10vw,150px) 0;background:#F4F0E9;overflow:hidden}
.curated-looks__shell{display:grid;grid-template-columns:minmax(310px,.73fr) minmax(0,1.27fr);gap:clamp(35px,5vw,85px);align-items:center}
.curated-looks__copy h2{max-width:520px;margin:23px 0 25px;font-size:clamp(4rem,5.8vw,6.4rem);line-height:.93}
.curated-looks__copy h2 em{color:var(--copper)}
.curated-looks__copy>p{max-width:390px;font-size:16px;line-height:1.75;color:var(--ink-2)}
.look-options{margin-top:48px;border-top:1px solid var(--line-strong)}
.look-option{width:100%;display:grid;grid-template-columns:31px 1fr 24px;align-items:center;gap:16px;min-height:83px;padding:15px 8px;text-align:left;border-bottom:1px solid var(--line-strong);transition:color .25s,padding-left .25s}
.look-option:hover,.look-option.is-active{color:var(--copper);padding-left:18px}
.look-option__index{align-self:start;padding-top:4px;font-size:10px;letter-spacing:.13em;color:var(--muted)}
.look-option strong{display:block;font-family:var(--serif);font-size:clamp(1.6rem,2vw,2rem);font-weight:500;line-height:1}
.look-option small{display:block;margin-top:6px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.look-option__arrow{font-size:22px;line-height:1;opacity:.45}
.look-option.is-active .look-option__arrow{opacity:1}
.curated-looks__stage{position:relative;min-width:0}
.look-panel{min-height:570px;padding:clamp(20px,2.7vw,39px);background:var(--look-bg);margin-bottom:18px}
.look-panel--calm{--look-bg:#E5E1D8}
.look-panel--geometry{--look-bg:#D5DBD7}
.look-panel--light{--look-bg:#DCEBF0}
.look-panel__top{display:flex;justify-content:space-between;gap:15px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.look-panel__images{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.26fr) minmax(0,.9fr);align-items:center;gap:clamp(9px,1vw,18px);min-height:465px;padding:15px 0}
.look-tile{display:block;min-width:0;background:var(--surface);padding:clamp(6px,.8vw,11px);box-shadow:0 18px 35px -25px rgba(30,27,24,.5);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.look-tile:nth-child(1){transform:translateY(40px) rotate(-4deg)}
.look-tile:nth-child(2){transform:translateY(-9px);z-index:2}
.look-tile:nth-child(3){transform:translateY(33px) rotate(4deg)}
.look-tile:hover,.look-tile:focus-visible{transform:translateY(-18px) rotate(0);box-shadow:0 27px 45px -22px rgba(30,27,24,.42);position:relative;z-index:3}
.look-tile img{width:100%;height:clamp(175px,20vw,265px);object-fit:cover}
.look-tile--main img{height:clamp(285px,31vw,395px)}
.look-tile span{display:block;padding:12px 2px 5px;font-family:var(--serif);font-size:clamp(15px,1.5vw,20px);line-height:1.05}
.look-panel>p{font-family:var(--serif);font-size:clamp(23px,2.4vw,34px);font-style:italic;text-align:center}
.curated-looks.is-enhanced .curated-looks__stage{min-height:570px}
.curated-looks.is-enhanced .curated-looks__stage:not(.is-in){opacity:0;transform:translateY(25px)}
.curated-looks.is-enhanced .curated-looks__stage{transition:opacity .9s var(--ease),transform .9s var(--ease)}
.curated-looks.is-enhanced .look-panel{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(16px);transition:opacity .55s var(--ease),transform .55s var(--ease),visibility 0s .55s}
.curated-looks.is-enhanced .look-panel.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .55s var(--ease),transform .55s var(--ease),visibility 0s}

@media(max-width:1050px){
  .space-story__grid{gap:30px}
  .space-story h2{font-size:clamp(4rem,7vw,6rem)}
  .curated-looks__shell{grid-template-columns:1fr;gap:55px}
  .curated-looks__copy{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}
  .curated-looks__copy .eyebrow,.curated-looks__copy h2,.curated-looks__copy>p{grid-column:1}
  .look-options{grid-column:2;grid-row:1/span 3;margin-top:0}
  .curated-looks__stage{max-width:780px;width:100%;margin:auto}
}
@media(max-width:700px){
  .space-story{padding:78px 0 105px}
  .space-story__grid{grid-template-columns:1fr;gap:55px}
  .space-story__number{margin:30px 0 20px}
  .space-story h2{font-size:clamp(4.2rem,13vw,6rem)}
  .space-story__copy>p{margin:25px 0}
  .space-story__signature{margin-top:40px}
  .space-story__visual{min-height:min(125vw,580px);width:min(100%,480px);margin:auto}
  .space-story__side-note{right:-1%}
  .curated-looks{padding:80px 0 95px}
  .curated-looks__copy{display:block}
  .curated-looks__copy h2{font-size:clamp(4rem,12vw,5.5rem)}
  .look-options{margin-top:35px}
  .look-option{min-height:74px}
  .curated-looks__shell{gap:38px}
  .look-panel,.curated-looks.is-enhanced .curated-looks__stage{min-height:410px}
  .look-panel__images{min-height:330px}
  .look-tile img{height:150px}
  .look-tile--main img{height:260px}
  .look-tile span{font-size:15px;padding-top:8px}
  .look-panel>p{font-size:22px}
}
@media(max-width:430px){
  .look-panel{padding:15px}
  .look-panel__images{gap:5px;min-height:295px}
  .look-tile{padding:5px}
  .look-tile img{height:118px}
  .look-tile--main img{height:210px}
  .look-tile span{font-size:13px}
  .look-panel,.curated-looks.is-enhanced .curated-looks__stage{min-height:365px}
}
@media(prefers-reduced-motion:reduce){
  .space-story.story-ready .space-story__copy,.curated-looks.is-enhanced .curated-looks__stage:not(.is-in){opacity:1;transform:none}
  .space-story.story-ready .space-story__photo-wrap{clip-path:none;transform:none}
  .space-story.story-ready .space-story__sample{opacity:1;transform:rotate(-7deg)}
}

/* A real installation from the 2026 brochure. */
.project-story{overflow:hidden;background:#17384F;color:#F7F3EC;padding:clamp(88px,10vw,150px) 0 clamp(78px,9vw,125px)}
.project-story .eyebrow{color:#B8DDEA}
.project-story__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,360px);align-items:end;gap:clamp(30px,6vw,100px);margin-bottom:clamp(38px,5vw,70px)}
.project-story h2{max-width:940px;margin-top:25px;font-size:clamp(4.3rem,7.2vw,8rem);line-height:.88;letter-spacing:-.025em}
.project-story h2 em{color:#B8DDEA}
.project-story__intro>p{max-width:360px;padding-bottom:9px;color:#CFDDE2;font-size:clamp(15px,1.2vw,18px);line-height:1.8}
.project-story__stage{position:relative;height:clamp(380px,49vw,640px);overflow:hidden;background:#102A3B;transition:opacity .85s var(--ease),transform .85s var(--ease)}
.project-frame{position:absolute;inset:0;display:none}
.project-frame.is-active{display:block}
.project-frame>img,.project-frame__pair,.project-frame__pair img{display:block;width:100%;height:100%}
.project-frame>img,.project-frame__pair img{object-fit:cover}
.project-frame__pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.project-frame__caption{position:absolute;z-index:1;inset:auto 0 0;padding:80px clamp(22px,4vw,56px) clamp(22px,3.4vw,44px);background:linear-gradient(transparent,rgba(7,21,30,.78));display:flex;align-items:end;justify-content:space-between;gap:18px;text-shadow:0 1px 8px rgba(0,0,0,.3)}
.project-frame__caption span{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.project-frame__caption strong{font-family:var(--serif);font-size:clamp(26px,3vw,44px);font-weight:500;line-height:1}
.project-story.is-enhanced .project-frame{display:block;opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.025);transition:opacity .65s var(--ease),transform .9s var(--ease),visibility 0s .65s}
.project-story.is-enhanced .project-frame.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .65s var(--ease),transform .9s var(--ease),visibility 0s}
.project-story.is-ready .project-story__stage:not(.is-in){opacity:0;transform:translateY(28px)}
.project-story__controls{display:none}
.project-story.is-enhanced .project-story__controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid rgba(220,241,246,.25)}
.project-step{display:flex;align-items:center;gap:14px;min-height:73px;padding:14px 20px 14px 0;text-align:left;border-top:2px solid transparent;color:#B7CBD2;transition:color .25s,border-color .25s}
.project-step:hover,.project-step.is-active{color:#fff;border-color:#A9D8E8}
.project-step span{font-size:10px;font-weight:700;letter-spacing:.15em;color:#A9D8E8}
.project-step strong{font-family:var(--serif);font-size:clamp(21px,2vw,30px);font-weight:500;line-height:1}
.project-story__footer{display:flex;align-items:end;justify-content:space-between;gap:35px;padding-top:34px}
.project-story__credit{display:grid;gap:7px;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#C2D4DA}
.project-story__actions{display:flex;gap:26px 35px;flex-wrap:wrap}
.project-story__actions .link-arrow{color:#F7F3EC;border-color:rgba(247,243,236,.55)}
.project-story__actions .link-arrow:hover{color:#B8DDEA}
@media(max-width:850px){
  .project-story__intro{grid-template-columns:1fr;gap:22px}
  .project-story__intro>p{max-width:600px}
  .project-story__footer{align-items:start;flex-direction:column}
}
@media(max-width:640px){
  .project-story{padding:82px 0 90px}
  .project-story h2{font-size:clamp(3.9rem,12.8vw,6rem)}
  .project-story__intro{margin-bottom:34px}
  .project-story__stage{height:390px}
  .project-frame>img{object-position:56% center}
  .project-frame__pair{gap:5px}
  .project-frame__caption{display:block;padding:75px 17px 20px}
  .project-frame__caption strong{display:block;margin-top:7px;font-size:31px}
  .project-step{display:block;min-height:67px;padding:13px 6px}
  .project-step span{display:block;margin-bottom:6px}
  .project-step strong{font-size:19px}
  .project-story__actions{gap:18px}
}
@media(prefers-reduced-motion:reduce){
  .project-story.is-ready .project-story__stage:not(.is-in){opacity:1;transform:none}
}