@import url('/platform-home.css');
:root{--gold:#d3bc8a;--deep:#101f1b}body{background:var(--paper);color:var(--ink)}.icon-hero{position:relative;isolation:isolate;height:calc(100svh - 100px);min-height:700px;max-height:1150px;overflow:hidden;background:#14221d;color:#eee9dd}.art-viewport{position:absolute;inset:0;overflow:hidden}.art-plane{position:absolute;inset:0;transform-origin:62% 48%;transition:transform 900ms cubic-bezier(.2,.65,.2,1);will-change:transform}.art-plane>img{position:absolute;display:block;max-width:none;width:100%;height:100%;object-fit:cover;object-position:62% 50%;opacity:0;transition:opacity 700ms}.art-plane>img.ready{opacity:1}.hero-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0b181bbd 0%,#0b181b30 37%,transparent 65%),linear-gradient(0deg,#081816d9,transparent 25%,transparent 85%,#08181670);z-index:1}.hero-topline{position:absolute;z-index:3;left:4%;right:4%;top:25px;display:flex;justify-content:space-between;font:11px/1.8 var(--sans);letter-spacing:.08em;color:#e2d9c1}.hero-topline a{padding:10px 0}.hero-topline>span{padding:10px 0}.hero-copy{position:absolute;z-index:2;left:8%;top:26%;pointer-events:none}.hero-copy .eyebrow{font-size:11px;letter-spacing:.15em;color:var(--gold)}.hero-copy h1{font-size:clamp(75px,8vw,122px);font-weight:400;line-height:1.25;letter-spacing:.09em;margin:23px 0}.hero-copy h1 span{display:block}.hero-poem{font-size:15px;line-height:2.1;color:#e3dbca}.hero-start{pointer-events:auto;display:flex;gap:50px;align-items:center;width:fit-content;padding:15px 0;margin-top:22px;border-bottom:1px solid #d3bc8a70;font-size:12px}.hero-start span{color:var(--gold)}.hero-bottom{position:absolute;bottom:24px;left:4%;right:4%;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:15px;font:11px/1.8 var(--sans);color:#d6d1bf}.hero-bottom button{border:1px solid #d3bc8a80;background:#0c201e80;padding:12px 22px;border-radius:30px;color:#f2e4c7;font-size:13px;min-height:44px}.hero-bottom a{padding:10px 0}.scene-loading{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);font-size:14px;color:var(--gold)}.hotspots{position:absolute;inset:0;z-index:4;pointer-events:none}.hotspot{pointer-events:auto;position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;min-width:44px;min-height:44px;opacity:0;visibility:hidden;transition:opacity 200ms;background:none}.hotspot span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #edddad;background:#102720cc;box-shadow:0 0 0 5px #ddcc9e20;border-radius:50%;font:11px var(--sans);color:#f5e9c7}.hotspot b{font:12px var(--sans);color:#f8eed9;text-shadow:0 1px 6px #000;background:#15241e9c;padding:6px 9px;border-radius:3px;white-space:nowrap}.show-points .hotspot{opacity:1;visibility:visible}.hotspot:hover span,.hotspot:focus-visible span{background:#bba372;color:#10211c}.detail-panel{position:absolute;z-index:6;left:5%;bottom:100px;width:min(370px,36%);padding:33px;background:#132821ed;border:1px solid #c3ad7750;box-shadow:0 15px 60px #0003;backdrop-filter:blur(20px);color:#eee8d8}.detail-panel .eyebrow{color:var(--gold);font-size:10px}.detail-panel h2{font-size:30px;font-weight:400;margin:15px 0}.detail-panel>p:not(.eyebrow){font-size:14px;line-height:1.95;color:#e0d9c7}.detail-panel .detail-note{font-size:11px!important;line-height:1.85!important;margin-top:14px;color:#b9c2b3!important}.panel-close{position:absolute;right:8px;top:6px;font-size:27px;min-width:44px;min-height:44px;color:var(--gold)}.panel-actions{display:flex;align-items:center;justify-content:space-between;margin-top:19px;border-top:1px solid #d3bc8a40;padding-top:10px;font:11px var(--sans);color:var(--gold)}.panel-actions button{width:44px;height:44px;border:1px solid #d3bc8a40}.has-detail .hero-copy{opacity:0;visibility:hidden}.has-detail .hotspot b{display:none}.reading-wrap{width:min(1100px,calc(100% - 100px));margin:auto}.recognize{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;padding:90px 0 70px}.recognize h2{font-size:42px;line-height:1.7;font-weight:400;margin-top:18px}.recognize h2 span{color:var(--red)}.intro-text p{font-size:15px;line-height:2.2;color:var(--muted);margin-bottom:20px}.intro-text .lead{font-size:20px;line-height:1.95;color:var(--ink)}.identity-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.identity-tags span{font:11px/1.8 var(--sans);border:1px solid var(--line);padding:6px 12px}.section-line{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:28px}.section-line>span{font:11px/1.8 var(--sans);color:var(--muted)}.detail-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:30px 0}.detail-cards button{text-align:left;border:1px solid var(--line);background:var(--paper-light);padding:30px}.detail-cards small{font:11px var(--sans);color:var(--red)}.detail-cards h3{font-size:26px;margin:20px 0 14px;font-weight:400}.detail-cards p{font-size:14px;line-height:1.9;color:var(--muted)}.detail-cards button>span{display:block;font-size:12px;color:var(--red);margin-top:23px}.detail-cards button:hover{border-color:var(--red)}.interpretation-note{font:12px/2 var(--sans);color:var(--muted);max-width:900px;padding-bottom:65px}.real-section{background:var(--green);color:#ede6d7;padding:75px 0}.real-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.real-grid figure{margin:0}.real-grid img{width:100%;max-height:620px;object-fit:contain;background:#102019}.real-grid figcaption{font:10px/1.9 var(--sans);color:#bdc4b4;margin-top:15px}.real-grid figcaption a{text-decoration:underline}.real-copy .eyebrow{color:var(--gold)}.real-copy h2{font-size:40px;font-weight:400;line-height:1.6;margin:20px 0}.real-copy p{font-size:14px;line-height:2.1;margin:16px 0;color:#d3d6c7}.real-copy .real-location{font:11px/1.9 var(--sans);color:var(--gold);margin:20px 0 25px}.text-link{display:inline-flex;gap:30px;align-items:center;font-size:13px;border-bottom:1px solid;padding:14px 0;margin-top:10px}.wishes-reading{padding:80px 0}.wishes-reading h2{font-size:34px;font-weight:400;margin:20px 0}.wishes-reading>p:not(.eyebrow){font-size:14px;line-height:2;max-width:780px;color:var(--muted)}.vow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:35px 0 20px}.vow-grid article{border-top:1px solid var(--line);padding:25px 0}.vow-grid span{font-size:23px}.vow-grid p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:15px}.sources{border-top:1px solid var(--line);padding:35px 0 55px}.sources h2{font-size:20px;font-weight:400;margin-bottom:20px}.sources summary{cursor:pointer;font:13px/1.9 var(--sans);padding:10px 0}.sources li{font:12px/2 var(--sans);margin-bottom:10px;color:var(--muted)}.sources li a{text-decoration:underline}.back-top{display:inline-block;font-size:12px;margin-top:28px}.icon-footer{padding:30px 4%;border-top:1px solid var(--line)}
@media(max-width:700px){.icon-hero{height:900px;max-height:none;min-height:calc(100svh - 90px)}.hero-topline{top:12px;font-size:10px}.hero-copy{left:7%;top:80px}.hero-copy h1{font-size:60px;margin:18px 0 12px;line-height:1.15}.hero-copy h1 span{display:inline}.hero-copy .eyebrow{font-size:9px}.hero-poem{font-size:12px}.hero-start{margin-top:8px;padding:10px 0}.art-viewport{top:250px;bottom:75px}.hero-shade{background:linear-gradient(0deg,#081816aa,transparent 25%,transparent 65%,#10201b 96%)}.hero-bottom{bottom:20px;display:grid;grid-template-columns:1fr auto;gap:8px}.hero-bottom>span{grid-column:1/-1;font-size:9px}.hero-bottom button{grid-row:2;grid-column:2;padding:9px 15px}.hero-bottom a{grid-row:2;grid-column:1}.detail-panel{left:5%;right:5%;bottom:85px;width:auto;padding:23px}.detail-panel h2{font-size:25px;margin:12px 0}.detail-panel>p:not(.eyebrow){font-size:13px}.detail-panel .detail-note{font-size:10px!important}.panel-actions{margin-top:10px;padding-top:7px}.hotspot b{display:none}.has-detail .art-viewport{top:45px;bottom:360px}.reading-wrap{width:calc(100% - 42px)}.recognize{display:block;padding:45px 0}.recognize h2{font-size:32px;line-height:1.5;margin:12px 0 24px}.intro-text .lead{font-size:17px}.intro-text p{font-size:14px}.section-line{display:block}.section-line>span{display:block;margin-top:12px}.detail-cards{grid-template-columns:1fr;gap:13px;margin:22px 0}.detail-cards button{padding:22px}.detail-cards h3{font-size:23px;margin:12px 0}.detail-cards button>span{margin-top:15px}.interpretation-note{padding-bottom:40px}.real-section{padding:40px 0}.real-grid{grid-template-columns:1fr;gap:35px}.real-copy h2{font-size:32px}.real-grid img{max-height:500px}.wishes-reading{padding:45px 0}.wishes-reading h2{font-size:28px;line-height:1.7}.vow-grid{grid-template-columns:1fr;gap:8px;margin-top:25px}.vow-grid article{padding:20px 0}.sources{padding:28px 0 40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art-plane,.art-plane>img,.hotspot{transition:none!important}}
.photo-hero .art-viewport{left:32%;right:3%;top:75px;bottom:75px}.photo-hero .hero-copy{left:6%;max-width:27%}.photo-hero .hero-copy h1{font-size:clamp(62px,6vw,100px)}.photo-hero .hero-shade{background:linear-gradient(90deg,#10201b 0%,#10201b70 28%,transparent 45%);pointer-events:none}.photo-hero .hero-poem{max-width:20em}.photo-credit{font:12px/2 var(--sans);color:var(--muted);margin:15px 0}.photo-credit a{text-decoration:underline}.statue-collection{padding:65px 0}.statue-collection>header h1{font-size:clamp(34px,4vw,55px);font-weight:400;line-height:1.6;margin:20px 0}.statue-collection>header>p:not(.eyebrow){font-size:15px;line-height:2;color:var(--muted)}.statue-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:35px 0}.statue-entry{border:1px solid var(--line);background:var(--paper-light);min-width:0}.statue-entry-image{position:relative;height:300px;background:var(--green);overflow:hidden}.statue-entry-image img{width:100%;height:100%;object-fit:cover}.statue-entry-image>span{position:absolute;left:12px;bottom:12px;font:10px/1.6 var(--sans);background:#10251dcc;color:#eee6d4;padding:5px 9px}.statue-entry>div:last-child{padding:23px}.statue-entry h2{font-size:23px;font-weight:400;line-height:1.6;margin:12px 0}.statue-entry h2>span{font-size:16px;float:right}.statue-entry p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted)}.statue-entry small{display:block;margin-top:20px;font:11px var(--sans);color:var(--red)}.statue-entry:hover{border-color:var(--red)}.collection-note{padding:35px 0;border-top:1px solid var(--line)}.collection-note h2{font-size:25px;font-weight:400;line-height:1.6}.collection-note p{font-size:14px;line-height:2;color:var(--muted);margin:20px 0}.collection-note a{display:inline-block;margin-right:30px;font-size:13px;border-bottom:1px solid var(--line);padding:10px 0}.statue-more{padding:30px 0 65px}.statue-more .statue-entry-image{height:230px}
@media(max-width:700px){.photo-hero .art-viewport{left:0;right:0;top:260px;bottom:75px}.photo-hero .hero-copy{max-width:85%;left:7%}.photo-hero .hero-copy h1{font-size:56px}.photo-hero .hero-poem{max-width:27em}.photo-hero .hero-topline>span{max-width:45%;text-align:right}.photo-hero.has-detail .art-viewport{top:50px;bottom:360px}.statue-collection{padding:40px 0}.statue-collection-grid{grid-template-columns:1fr;gap:22px}.statue-entry-image{height:330px}.statue-more .statue-entry-image{height:270px}.photo-hero .hero-shade{background:linear-gradient(0deg,#10201b80,transparent 25%,transparent 70%,#10201b 97%)}}