/* Temporal Collector homepage extension.
   Intentionally reuses the existing six approved paintings and palette. */
html{scroll-behavior:smooth}
#explore{scroll-margin-top:75px}
.tc-home-explore{position:relative;padding:clamp(52px,6.5vw,104px) clamp(18px,5.2vw,84px) clamp(62px,7vw,112px);background:radial-gradient(ellipse at 50% 0%,#2c2943 0%,#15233a 55%,#101b30 100%);border-top:1px solid #bc8b52}
.tc-home-explore:before,.tc-home-outro:before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:0;width:min(410px,55%);height:1px;background:linear-gradient(90deg,transparent,#edbc78,transparent)}
.tc-section-heading{text-align:center;max-width:690px;margin:0 auto clamp(28px,3.5vw,48px)}
.tc-ornament{font-family:"Cormorant Garamond",serif;font-size:38px;color:#e1b876;display:block;line-height:1.3}
.tc-eyebrow{font:500 11px/1.5 "DM Sans",sans-serif!important;letter-spacing:.25em!important;text-transform:uppercase;color:#d7ab76!important;margin:8px 0 12px!important}
.tc-section-heading h2,.tc-feature-content h2,.tc-outro-inner h2{font:italic 500 clamp(40px,4.6vw,70px)/1.04 "Cormorant Garamond",serif;color:#f1cf97;margin:0 0 12px}
.tc-section-heading>p:not(.tc-eyebrow),.tc-outro-inner>p:not(.tc-eyebrow){font:italic clamp(19px,1.55vw,25px)/1.5 "EB Garamond",serif;color:#e6d2b4;margin:0}
.tc-entrance-grid{max-width:1370px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,28px)}
.tc-entrance{position:relative;isolation:isolate;min-height:clamp(300px,36vw,475px);border:1px solid #a98252;box-shadow:0 15px 40px #050c1d75;overflow:hidden;border-radius:7px;display:flex;align-items:flex-end;text-decoration:none;color:#f8e3c4;transition:transform .24s ease,border-color .24s ease}
.tc-entrance:hover,.tc-entrance:focus-visible{transform:translateY(-5px);border-color:#f4d29b}
.tc-entrance:focus-visible,.tc-outline-link:focus-visible,.tc-text-link:focus-visible{outline:3px solid #f7dea7;outline-offset:3px}
.tc-entrance img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;inset:0;z-index:-2;transition:transform .4s ease;filter:saturate(.96)}
.tc-entrance:hover img{transform:scale(1.035)}
.tc-entrance:after{content:"";background:linear-gradient(0deg,#0d172afc 0%,#0e1a30de 30%,#111c3033 72%);position:absolute;inset:0;z-index:-1}
.tc-entrance-label{padding:24px clamp(15px,2vw,28px) 26px;width:100%;text-shadow:0 2px 5px #090e21}
.tc-entrance-label>span:first-child{font:500 10px "DM Sans",sans-serif;letter-spacing:.2em;color:#e8b978}
.tc-entrance-label h3{font:italic 500 clamp(30px,3vw,45px)/1 "Cormorant Garamond",serif;color:#f4d29d;margin:11px 0 7px}
.tc-entrance-label p{font:italic clamp(18px,1.5vw,23px)/1.22 "EB Garamond",serif;margin:0 0 17px;color:#f8e6d0}
.tc-enter{font:500 12px "DM Sans",sans-serif;color:#f5cf9a;border-bottom:1px solid #c99762;padding-bottom:5px;display:inline-flex;gap:12px}
.tc-featured{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:1550px;margin:0 auto;min-height:460px;background:#101b30;border-top:1px solid #9f794e;border-bottom:1px solid #9f794e}
.tc-feature-art{min-height:460px;position:relative;overflow:hidden}
.tc-feature-art img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:38% center}
.tc-feature-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,#101b30 100%)}
.tc-feature-content{padding:clamp(36px,5.4vw,90px) clamp(24px,5vw,80px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.tc-rule{font:26px "Cormorant Garamond",serif;color:#e1ba7a;margin-bottom:12px}
.tc-feature-content h2{margin-bottom:22px}
.tc-feature-content>p:not(.tc-eyebrow){font:clamp(18px,1.5vw,24px)/1.5 "EB Garamond",serif;color:#e6d4bb;margin:0 0 22px}
.tc-feature-content .tc-feature-quote{font:italic clamp(22px,2.1vw,32px)/1.3 "Cormorant Garamond",serif!important;color:#f2d4a1!important}
.tc-text-link{color:#f1c98f;font:500 13px "DM Sans",sans-serif;letter-spacing:.05em;text-decoration:none;border-bottom:1px solid #cf9959;padding:0 0 8px;display:inline-flex;gap:12px;margin-top:7px}
.tc-home-outro{text-align:center;position:relative;background:radial-gradient(ellipse at center,#28293d 0%,#141e32 67%,#101b30 100%);padding:clamp(58px,6vw,90px) 20px clamp(70px,8vw,120px)}
.tc-outro-inner{max-width:690px;margin:auto}
.tc-outro-inner h2{margin-bottom:16px}
.tc-outro-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:34px}
.tc-outline-link{color:#f3d19e;border:1px solid #b68a58;border-radius:35px;min-width:170px;padding:13px 25px;text-decoration:none;font:italic 500 22px "Cormorant Garamond",serif;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:background .2s ease}
.tc-outline-link:hover{background:#35273c}
.tc-outline-link small{font:10px "DM Sans",sans-serif;color:#e8be86}
@media(max-width:900px){
.tc-entrance-grid{gap:12px}
.tc-entrance{min-height:330px}
.tc-entrance-label{padding:17px}
.tc-entrance-label h3{font-size:32px}
.tc-feature-art{min-height:410px}
}
@media(max-width:680px){
.tc-home-explore{padding:50px 18px 68px}
.tc-entrance-grid{grid-template-columns:1fr;max-width:490px;gap:17px}
.tc-entrance{min-height:255px}
.tc-entrance img{object-position:center 48%}
.tc-entrance-label{padding:24px}
.tc-entrance-label h3{font-size:40px}
.tc-featured{grid-template-columns:1fr}
.tc-feature-art{min-height:245px}
.tc-feature-art img{object-position:center 58%}
.tc-feature-art:after{background:linear-gradient(0deg,#101b30 0%,transparent 48%)}
.tc-feature-content{padding:30px 25px 58px}
.tc-home-outro{padding:58px 18px 70px}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
.tc-entrance,.tc-entrance img,.tc-outline-link{transition:none}
.tc-entrance:hover{transform:none}
.tc-entrance:hover img{transform:none}
}
/* Preserve a usable, visibly interactive trail entrance on narrow screens. */
@media(max-width:800px){.home-page .hero-hotspot{position:absolute;left:50%;top:73%;transform:translateX(-50%);width:auto;min-width:190px;height:auto;text-indent:0;overflow:visible;padding:13px 24px;text-align:center;line-height:1.2;font:italic 25px 'Cormorant Garamond',serif;color:#f9dcad;background:#73192b;border:1px solid #e5b87e;box-shadow:0 3px 14px #080f24;text-decoration:none;z-index:4;white-space:nowrap}}

/* Tropical Collector portrait: editorial layout keeps the original links fully functional. */
.tc-home-outro{overflow:hidden;text-align:left;padding:clamp(55px,5vw,82px) clamp(18px,4vw,75px);background:radial-gradient(ellipse at 30% 40%,#25283d 0%,#151f34 60%,#111a2f 100%)}
.tc-outro-layout{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(16px,2vw,40px);max-width:1500px;margin:0 auto}
.tc-outro-inner{text-align:center;max-width:790px;margin:0;position:relative;z-index:1;padding:20px 0}
.tc-outro-inner h2{font-size:clamp(43px,4.6vw,80px);line-height:1.02;max-width:820px;margin:0 auto 20px}
.tc-outro-inner>p:not(.tc-eyebrow){max-width:720px;margin:auto}
.tc-outro-actions{margin-top:35px}
.tc-outro-portrait{align-self:center;position:relative;min-width:0;overflow:hidden;filter:drop-shadow(0 22px 28px rgba(0,0,0,.22))}
.tc-outro-portrait img{display:block;width:100%;height:auto;max-height:670px;object-fit:contain;object-position:center;image-rendering:auto;border-radius:8px;box-shadow:0 18px 50px rgba(0,0,0,.25)}
@media(max-width:850px){.tc-outro-layout{grid-template-columns:1fr;max-width:720px;gap:20px}.tc-outro-inner{margin:auto}.tc-outro-portrait{width:min(100%,560px);margin:0 auto}.tc-outro-inner h2{font-size:clamp(42px,8vw,66px)}}
@media(max-width:520px){.tc-home-outro{padding:58px 16px 55px}.tc-outro-actions{gap:12px}.tc-outline-link{padding:12px 20px;min-width:0;font-size:20px}.tc-outro-portrait{margin-top:12px}}

/* Artist-approved ornaments: keep the original card paintings and existing titles. */
.tc-entrance.tc-journal::before,
.tc-entrance.tc-file::before{
  content:"";position:absolute;left:8%;right:8%;top:12%;height:40%;
  background-position:center;background-size:contain;background-repeat:no-repeat;
  opacity:.94;pointer-events:none;z-index:0;
  filter:drop-shadow(0 4px 7px rgba(0,0,0,.2));
}
.tc-entrance.tc-journal::before{background-image:url('/assets/journal-ornament.webp')}
.tc-entrance.tc-file::before{background-image:url('/assets/file13-ornament.webp')}
.tc-entrance .tc-entrance-label{position:relative;z-index:1}
@media(max-width:900px){
.tc-entrance.tc-journal::before,.tc-entrance.tc-file::before{top:10%;height:42%;left:5%;right:5%}
}
@media(max-width:680px){
.tc-entrance.tc-journal::before,.tc-entrance.tc-file::before{top:3%;height:42%;left:20%;right:20%;opacity:.8}
}
