:root{--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .72);--line: rgba(255, 255, 255, .12);--shadow: 0 10px 30px rgba(0, 0, 0, .35);--container: 1200px;--contentNarrow: 920px;--padX: 24px;--btn: rgba(255, 255, 255, .12);--btnHover: rgba(255, 255, 255, .18);--menuOffset: 96px;--bgPurple: #42197b;--borderBlack: #000;--silver: #c8c8c8;--silver2: #f2f2f2;--menuText: rgb(199 198 198);--gold: rgb(153, 140, 24);--goldBright: #f8e53d;--goldSoft: #ffe9a6;--goldGlow: 0 1px 0 rgba(0, 0, 0, .55), 0 0 12px rgba(248, 229, 61, .25);--goldGlowStrong: 0 2px 0 rgba(0, 0, 0, .55), 0 0 14px rgba(248, 229, 61, .35);--menuShape: 4% 0, 96% 0, 100% 50%, 96% 100%, 4% 100%, 0 50%;--menuBorderWidth: 3px;--sectionBg: rgba(255, 255, 255, .04);--sectionBorder: rgba(255, 255, 255, .08)}@font-face{font-family:Hobo Std;src:url(/assets/HoboStd-CRmN7OOV.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow:hidden}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Hobo Std,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bgPurple);color:var(--text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img,svg,video,canvas{display:block;max-width:100%}:focus-visible{outline:2px solid rgba(255,255,255,.45);outline-offset:3px;border-radius:10px}.page{height:100vh;display:flex;flex-direction:column}.viewport{position:relative;flex:1;min-height:0;width:100%}.screenPage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.screenPage.isActive{opacity:1;transform:translateY(0);pointer-events:auto}.screenPage--poem{align-items:stretch;justify-content:flex-start;overflow:hidden}.section{width:100%;padding:calc(12px + var(--menuOffset)) var(--padX) 40px}.section__inner{width:min(var(--contentNarrow),100%);margin:0 auto}.sectionCard{width:min(var(--contentNarrow),100%);margin:0 auto;padding:24px 28px;border-radius:28px;border:1px solid var(--sectionBorder);background:transparent;box-shadow:none}.section__title{margin:0 0 18px;color:var(--gold);font-size:clamp(2rem,4vw,3.75rem);line-height:1;letter-spacing:.03em;text-align:center;text-shadow:var(--goldGlowStrong)}.section__text{margin:0;color:var(--muted);font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.7}.siteMenu{position:fixed;top:10%;left:0;right:0;z-index:50;pointer-events:none}.siteMenu__inner{width:100%;margin:0 auto;padding:0 var(--padX);display:flex;align-items:center;justify-content:center;gap:10px;pointer-events:auto}.siteMenu__nav{display:flex;justify-content:center;gap:10px;width:fit-content;margin:0 auto}.siteMenu__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;height:7.2rem;width:clamp(16rem,22vw,21rem);padding:0 26px;clip-path:polygon(var(--shape, var(--menuShape)));-webkit-clip-path:polygon(var(--shape, var(--menuShape)));border:none;background:transparent;box-shadow:0 10px 30px #7a2cff1a;transition:transform .16s ease,box-shadow .16s ease;-webkit-user-select:none;user-select:none;overflow:hidden;cursor:pointer}.siteMenu__btn--home{width:clamp(10rem,12vw,13rem)!important;min-width:10rem}.siteMenu__btn:before{content:"";position:absolute;inset:0;background:var(--borderBlack);clip-path:polygon(var(--shape, var(--menuShape)));-webkit-clip-path:polygon(var(--shape, var(--menuShape)))}.siteMenu__btn:after{content:"";position:absolute;inset:var(--bw, var(--menuBorderWidth));background:linear-gradient(180deg,#855ec738,#b804ff52);clip-path:polygon(var(--shape, var(--menuShape)));-webkit-clip-path:polygon(var(--shape, var(--menuShape)))}.siteMenu__label{position:relative;z-index:1;color:var(--menuText);white-space:nowrap;text-align:center;font-size:clamp(18px,2.1vw,36px);line-height:1}.siteMenu__btn:hover{transform:translateY(-1px);box-shadow:0 14px 40px #7a2cff29}.siteMenu__btn:hover .siteMenu__label{color:var(--gold);text-shadow:var(--goldGlow)}.siteMenu__btn--active .siteMenu__label{color:var(--gold);text-shadow:var(--goldGlowStrong)}.hero{position:relative;flex:1;display:grid;align-items:center;overflow:visible;width:100%;padding:calc(40px + var(--menuOffset)) var(--padX) 36px;background:transparent}.hero__media,.hero__overlay{display:none}.hero__content{position:relative;z-index:2;width:100%;max-width:var(--container);margin:0 auto}.hero__content--center{text-align:center;margin:0 auto}.hero__kicker{margin:0 0 10px;color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-size:12px}.hero__title{margin:0 0 12px;font-size:clamp(36px,5vw,64px);line-height:1.05;letter-spacing:-.02em;text-shadow:var(--shadow)}.hero__subtitle{margin:0 0 22px;max-width:62ch;color:var(--muted);font-size:16px;line-height:1.55}.hero__actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--btn);transition:background .16s ease,transform .16s ease;-webkit-user-select:none;user-select:none;cursor:pointer}.btn:hover{background:var(--btnHover);transform:translateY(-1px)}.btn--primary{background:#ffffffeb;color:#07080afa;border-color:#ffffff38}.btn--primary:hover{background:#fffffffa}.btn--ghost{background:#ffffff14}.hero__title--danetto{margin-top:10rem;letter-spacing:.06em;font-size:clamp(5rem,16vw,20rem);line-height:.95;color:var(--gold);text-shadow:0 2px 0 rgba(0,0,0,.55),0 0 14px rgba(248,229,61,.35);filter:drop-shadow(0 10px 30px rgba(0,0,0,.35)) drop-shadow(0 0 26px rgba(54,50,13,.18)) drop-shadow(0 0 70px rgba(78,73,21,.12))}.hero__subtitle--role{margin:4rem 0 0;font-size:clamp(1.8rem,4vw,4rem);line-height:1.1;letter-spacing:.06em;color:var(--gold);text-shadow:var(--goldGlowStrong)}.linkContainer{position:relative}.hero__contactBtn{position:absolute;right:-1.5rem;bottom:-5rem;z-index:10;font-size:clamp(28px,2.8vw,46px);color:var(--menuText);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;line-height:1;text-shadow:var(--goldGlowStrong);transition:transform .16s ease,color .16s ease,text-shadow .16s ease}.hero__contactBtn:hover{transform:translateY(-1px);color:#5e560e;text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 18px rgba(126,116,30,.55),0 0 34px rgba(129,120,36,.25)}.footer{background:transparent;z-index:5}.footer__inner{width:100%;max-width:var(--container);margin:0 auto;padding:14px var(--padX);display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px}.footer__right{display:flex;gap:12px}.footer__link:hover{color:var(--text)}.footer__inner--stack{display:flex;align-items:center;gap:8px}.footer__copy{margin:0;color:var(--muted);font-size:13px}.footer__contact{color:#ffffffeb;text-decoration:none}.footer__contact:hover{color:#fff;text-decoration:underline}.movieWorldVideoWrap{width:100%;max-width:920px;margin:1.25rem auto 1.5rem;border-radius:22px;overflow:hidden;border:1px solid var(--sectionBorder);background:#00000038}.movieWorldVideo{display:block;width:100%;height:auto;max-height:70dvh;background:#000}.poetry_section{width:min(900px,100%);margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.poetry_section--poem{width:100%;max-width:920px;padding:clamp(8rem,11vh,10rem) var(--padX) 0;margin:0 auto}.poemsGrid{display:grid;gap:10px;margin-top:.5rem}.poemLink{font-family:Hobo Std,ui-sans-serif,system-ui,sans-serif;display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:58px;padding:12px 18px;border:none;border-radius:16px;background:transparent;color:var(--text);cursor:pointer;text-align:center;font-size:clamp(1.2rem,2.2vw,2rem);line-height:1.1;transition:transform .16s ease,color .16s ease,text-shadow .16s ease}.poemLink:hover{transform:translateY(-1px);color:var(--gold);text-shadow:var(--goldGlow)}.poemActions{display:flex;justify-content:flex-start;margin-bottom:0}.poemHeader{position:relative;display:flex;justify-content:center;align-items:flex-start;margin-bottom:1.4rem;min-height:3rem}.poemTitle{margin:0 auto;max-width:min(24ch,calc(100% - 240px));text-align:center;color:var(--gold);font-size:clamp(2rem,3.2vw,3.2rem);line-height:.92;letter-spacing:.02em;text-shadow:var(--goldGlowStrong)}.poemBack{position:absolute;left:0;top:.35rem;font-family:Hobo Std,ui-sans-serif,system-ui,sans-serif;display:inline-flex;align-items:center;gap:10px;width:auto;padding:0;border:none;border-radius:0;background:transparent;color:var(--text);font-size:clamp(1rem,1.8vw,1.2rem);line-height:1;cursor:pointer;white-space:nowrap;transition:transform .16s ease,color .16s ease,text-shadow .16s ease}.poemBack:hover{transform:translateY(-1px);color:var(--gold);text-shadow:var(--goldGlow)}.poemBody{white-space:pre-wrap;line-height:1.8;font-size:clamp(1rem,1.2vw,1.12rem);color:var(--text);text-shadow:0 1px 0 rgba(0,0,0,.45);width:min(72ch,100%);margin:0 auto;padding:8px 4px 8px 0;max-height:calc(100vh - 24rem);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.poemBody::-webkit-scrollbar{width:10px}.poemBody::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.poemBody::-webkit-scrollbar-track{background:transparent}@media(max-width:980px){:root{--menuOffset: 88px}.section{padding:calc(18px + var(--menuOffset)) var(--padX) 32px}.hero{padding:calc(26px + var(--menuOffset)) var(--padX) 32px}.hero__title--danetto{margin-top:5rem;font-size:clamp(4rem,13vw,8rem)}.hero__subtitle--role{margin-top:2rem;font-size:clamp(1.6rem,4vw,2.8rem)}.poetry_section--poem{padding:clamp(7rem,10vh,8.5rem) var(--padX) 0}.movieWorldVideoWrap{margin-top:1rem}}@media(max-width:720px){:root{--padX: 14px;--menuOffset: 180px}.page{height:100dvh;min-height:100dvh}.viewport{min-height:0}.screenPage{inset:0;align-items:flex-start;justify-content:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch}.screenPage--poem{overflow-y:auto;-webkit-overflow-scrolling:touch}.siteMenu{top:12px;left:0;right:0}.siteMenu__inner{padding:0 var(--padX)}.siteMenu__nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100%,520px);margin:0 auto}.siteMenu__btn{width:100%;min-width:0;height:3.15rem;padding:0 10px;transform:none}.siteMenu__btn--home{width:100%!important;min-width:0}.siteMenu__label{font-size:14px;line-height:1}.section{padding:calc(24px + var(--menuOffset)) var(--padX) 22px}.sectionCard{width:100%;padding:14px 14px 16px;border-radius:18px}.section__title{margin:0 0 14px;font-size:clamp(1.6rem,7vw,2.3rem);line-height:.95}.section__text{font-size:.98rem;line-height:1.6}.hero{min-height:100%;padding:calc(24px + var(--menuOffset)) var(--padX) 24px;align-items:start}.hero__content{padding-top:0}.hero__title--danetto{margin-top:.5rem;font-size:clamp(3rem,14vw,4.9rem);line-height:.92;letter-spacing:.04em}.hero__subtitle--role{margin-top:1rem;font-size:clamp(1.25rem,6vw,2rem);line-height:1.05}.hero__contactBtn{position:static;display:inline-block;margin-top:1.2rem;font-size:1.1rem}.movieWorldVideoWrap{margin:.75rem auto 1rem;border-radius:16px}.movieWorldVideo{width:100%;max-height:none}.poetry_section{gap:.85rem}.poetry_section--poem{width:100%;padding:.75rem var(--padX) 0}.poemsGrid{gap:8px}.poemLink{min-height:48px;padding:10px 12px;border-radius:12px;font-size:clamp(1rem,5vw,1.35rem)}.poemHeader{position:static;display:flex;flex-direction:column;align-items:center;gap:20px;min-height:0;margin-bottom:1rem}.poemBack{position:static;align-self:flex-start;font-size:.92rem}.poemTitle{max-width:100%;font-size:clamp(1.55rem,7vw,2.3rem);line-height:.95;text-align:center}.poemBody{width:100%;padding:4px 2px 18px 0;max-height:none;overflow:visible;font-size:.98rem;line-height:1.65}.footer__inner{padding:10px var(--padX) 14px;flex-direction:column;justify-content:center;text-align:center;gap:6px;font-size:12px}.footer__right{justify-content:center;flex-wrap:wrap}.footer__inner--stack{padding:0;justify-content:center}}@media(max-width:420px){:root{--padX: 12px;--menuOffset: 300px}.siteMenu{top:10px}.siteMenu__nav{grid-template-columns:1fr;width:min(100%,300px);gap:6px}.siteMenu__btn{height:2.9rem;padding:0 10px}.siteMenu__label{font-size:13px}.section{padding:calc(18px + var(--menuOffset)) var(--padX) 18px}.sectionCard{padding:12px 12px 14px;border-radius:16px}.hero{padding:calc(18px + var(--menuOffset)) var(--padX) 20px}.hero__title--danetto{margin-top:0;font-size:clamp(2.5rem,13vw,4rem)}.hero__subtitle--role{margin-top:.8rem;font-size:clamp(1.05rem,5.8vw,1.5rem)}.hero__contactBtn{margin-top:1rem;font-size:1rem}.movieWorldVideoWrap{margin:.5rem auto .85rem;border-radius:14px}.poetry_section--poem{padding:.5rem var(--padX) 0}.poemLink{min-height:44px;font-size:.98rem}.poemBack{font-size:.88rem}.poemTitle{font-size:clamp(1.35rem,7vw,1.9rem)}.poemBody{font-size:.94rem;line-height:1.58;padding-bottom:16px}}@media(prefers-reduced-motion:reduce){.siteMenu__btn,.btn,.screenPage,.hero__contactBtn,.poemLink,.poemBack{transition:none}.screenPage{transform:none}}
