/* V7 artwork is retained at its native definition. The studio fills the viewport;
   the sculpture is framed independently so the orbit stays legible on phones. */
.entry-hero{
 --entry-art-saturation:.38;
 position:relative;isolation:isolate;display:block;
 inline-size:100%;max-inline-size:none;
 block-size:100vh;block-size:100svh;block-size:100dvh;min-block-size:0;
 margin:0;padding:0;overflow:hidden;
 background:linear-gradient(180deg,#fafbfc 0%,#f7f9fb 54%,#f3f5f8 72%,#f7f8fa 100%);
}
.entry-hero .entry-wash{display:none}
.entry-hero .entry-art{
 position:absolute;inset:0;z-index:0;display:block;
 min-inline-size:0;min-block-size:0;margin:0;padding:0;align-self:auto;
 transform:none;opacity:1;pointer-events:none;
}
/* Continue the studio light beyond the raster, without a duplicate blurred Z. */
.entry-hero .entry-art::before{
 content:"";position:absolute;inset:0;
 background:radial-gradient(ellipse 110% 10% at 58% 76%,#ffffffb3,transparent 74%),
 linear-gradient(168deg,transparent 64%,#ffffff66 71%,transparent 77%),
 linear-gradient(190deg,transparent 70%,#e9edf244 84%,transparent 94%);
}
.entry-hero .entry-picture{
 position:absolute;inset:0 0 0 auto;display:block;
 inline-size:min(100%,215vh);inline-size:min(100%,215svh);inline-size:min(100%,215dvh);block-size:100%;
 max-inline-size:none;max-block-size:none;aspect-ratio:auto;margin:0;
 animation:none;transform:none;
}
.entry-hero .entry-picture img{
 display:block;inline-size:100%;block-size:100%;max-inline-size:none;max-block-size:none;
 object-fit:cover;object-position:100% 38%;
 filter:saturate(var(--entry-art-saturation)) brightness(1.012) contrast(.99);
 mask-image:none;-webkit-mask-image:none;
}
.entry-hero .entry-copy{z-index:2}
.entry-hero .entry-scroll{
 z-index:4;bottom:max(16px,env(safe-area-inset-bottom));color:#394643;
 background:#ffffff66;border:1px solid #ffffffa6;
 backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
/* This is a real contact link. Accessible HTML supplies the label and plus. */
.entry-glass-note{
 position:absolute;z-index:3;inset:55% auto auto clamp(28px,6.3vw,110px);
 display:flex;align-items:center;justify-content:space-between;gap:24px;
 inline-size:clamp(164px,16vw,210px);min-block-size:106px;padding:19px 18px 19px 21px;
 border:1px solid #ffffffd9;border-radius:15px;
 background:linear-gradient(122deg,#ffffff8c,#ffffff42 64%,#e5ebef30);color:#303b40;
 box-shadow:inset 0 1px 0 #ffffffd9,0 11px 38px #354a6010;
 backdrop-filter:blur(18px) saturate(.75);-webkit-backdrop-filter:blur(18px) saturate(.75);
 transform:translateY(-50%);transition:background .2s ease,box-shadow .2s ease;
}
.entry-glass-note>span:first-child,.entry-glass-note .entry-note-words{
 display:flex;flex-direction:column;align-items:flex-start;gap:2px;
 font-size:12px;line-height:1.42;letter-spacing:-.02em;
}
.entry-glass-note .entry-note-plus,.entry-glass-note>span:last-child:not(:first-child){
 display:grid;place-items:center;flex:0 0 34px;inline-size:34px;block-size:34px;
 border:1px solid #ffffffa6;border-radius:50%;background:#ffffff9c;
 font-size:24px;line-height:1;font-weight:400;
}
.entry-glass-note:hover{background:#ffffffa6;box-shadow:inset 0 1px 0 #fff,0 12px 40px #354a6017}
.entry-glass-note:focus-visible{outline:2px solid #54695f;outline-offset:5px}
/* Keep full orbit width in portrait. Empty headroom and reflection tail are
   cropped/faded into the same continuous studio instead of adding side bars. */
@media(max-aspect-ratio:1/1){
 .entry-hero .entry-picture{inset:0;inline-size:100%;block-size:100%}
 .entry-hero .entry-picture img{
  position:absolute;inset:auto 0 auto;top:calc(50% - 90vw);
  inline-size:100%;block-size:auto;object-fit:contain;object-position:center;
  mask-image:linear-gradient(180deg,transparent,#000 12%,#000 80%,transparent);
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 80%,transparent);
 }
 .entry-glass-note{
  inset:auto 16px max(96px,calc(env(safe-area-inset-bottom) + 86px)) auto;
  inline-size:clamp(148px,42vw,180px);min-block-size:90px;
  padding:15px 15px 15px 18px;gap:18px;border-radius:13px;transform:none;
 }
 .entry-glass-note>span:first-child,.entry-glass-note .entry-note-words{font-size:11px}
 .entry-glass-note .entry-note-plus,.entry-glass-note>span:last-child:not(:first-child){
  flex-basis:32px;inline-size:32px;block-size:32px;font-size:23px;
 }
}
/* Very wide screens keep the original composition on the right. Only the
   empty side of its studio dissolves into the extended, neutral scene. */
@media(min-aspect-ratio:43/20){
 .entry-hero .entry-picture img{
  mask-image:linear-gradient(90deg,transparent,#000 24%,#000);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 24%,#000);
 }
 .entry-glass-note{left:clamp(40px,10vw,280px)}
}
@media(max-height:700px) and (max-aspect-ratio:1/1){
 .entry-glass-note{bottom:max(78px,calc(env(safe-area-inset-bottom) + 70px));min-block-size:80px;padding-block:12px}
}
@media(max-height:600px) and (max-aspect-ratio:1/1){.entry-glass-note{display:none}}
/* In a short landscape viewport, reserve room under the header instead of
   covering the top of the sculpture. Keep the scroll control in the empty left. */
@media(max-height:480px) and (min-aspect-ratio:1/1){
 .entry-hero .entry-picture{
  inset:0 0 0 auto;
  inline-size:min(100%,175vh);inline-size:min(100%,175svh);inline-size:min(100%,175dvh);
  block-size:100%;
 }
 .entry-hero .entry-picture img{
  position:absolute;inset:9% 0 auto;inline-size:100%;block-size:auto;
  object-fit:contain;object-position:center;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 24%,#000),linear-gradient(180deg,transparent,#000 12%,#000);
  mask-image:linear-gradient(90deg,transparent,#000 24%,#000),linear-gradient(180deg,transparent,#000 12%,#000);
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
 }
 .entry-hero .entry-scroll{left:28px;transform:none;bottom:max(12px,env(safe-area-inset-bottom))}
 .entry-glass-note{left:clamp(28px,7vw,60px);top:56%;min-block-size:94px;padding-block:14px}
}
@media(prefers-reduced-motion:reduce){
 .entry-hero .entry-picture,.entry-hero .entry-art{animation:none;transform:none}
 .entry-glass-note{transition:none}
}