#tarian-cinematic{--tc-white:#e9e8df;--tc-soft:#a0b1ba;--tc-dim:#71858d;--tc-cyan:#83c7ce;--tc-gold:#c5b381;position:relative;isolation:isolate;background:#020103;color:var(--tc-white);font:400 14px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;text-align:left;-webkit-font-smoothing:antialiased;box-sizing:border-box}
    #tarian-cinematic *,#tarian-cinematic *::before,#tarian-cinematic *::after{box-sizing:border-box}
    #tarian-cinematic [hidden]{display:none!important}
    #tarian-cinematic h1,#tarian-cinematic h2,#tarian-cinematic h3,#tarian-cinematic p{margin:0}
    #tarian-cinematic a{color:inherit;text-decoration:none}
    #tarian-cinematic button{font:inherit;color:inherit;cursor:pointer}
    #tarian-cinematic button:disabled{cursor:default}
    #tarian-cinematic button:focus-visible,#tarian-cinematic a:focus-visible,#tarian-cinematic summary:focus-visible{outline:2px solid var(--tc-cyan);outline-offset:5px}
    #tarian-cinematic .tc-scene{position:relative;min-width:0;width:100%;height:720px;overflow:hidden;background-color:#020103;background-image:radial-gradient(circle at 12% 17%,#c8dce8aa 0 .6px,transparent .9px),radial-gradient(circle at 76% 34%,#e4dbc577 0 .5px,transparent .8px),radial-gradient(circle at 42% 81%,#b0c9dd66 0 .5px,transparent .8px);background-size:179px 197px,263px 229px,331px 293px}
    #tarian-cinematic .tc-space{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
    #tarian-cinematic .tc-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 47% 45%,transparent 24%,#00000024 66%,#0000008c 100%)}
    #tarian-cinematic .tc-chrome{transition:opacity .65s ease,visibility .65s ease}
    #tarian-cinematic .tc-header{position:absolute;left:36px;right:36px;top:23px;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:24px}
    #tarian-cinematic .tc-home{font-size:13px;letter-spacing:.28em;line-height:1.3;min-height:44px;display:flex;align-items:center;opacity:.85}
    #tarian-cinematic .tc-controls{display:flex;align-items:center;gap:23px;font-size:11px;color:var(--tc-soft)}
    #tarian-cinematic .tc-controls button{background:none;border:0;padding:12px 0;min-height:44px;white-space:nowrap;font-size:11px;line-height:1.4}
    #tarian-cinematic .tc-controls button:hover{color:var(--tc-white)}
    #tarian-cinematic .tc-controls .tc-products{padding:8px 17px;min-height:37px;border:1px solid #7b8e8a5e;background:#0a15174d;color:var(--tc-white);border-radius:2px;letter-spacing:.06em}
    #tarian-cinematic .tc-identity{position:absolute;width:clamp(174px,22vw,232px);left:48.5%;top:46%;transform:translate(-50%,-50%);z-index:2;text-align:center;pointer-events:none}
    #tarian-cinematic .tc-emblem{display:block;width:100%;height:auto;filter:invert(1) brightness(.94) sepia(.06) drop-shadow(0 0 23px #a5dbe016);opacity:.86;transform:translateY(0)}
    #tarian-cinematic .tc-identity h1{font-size:clamp(23px,3vw,33px);font-weight:500;letter-spacing:.32em;margin:28px -.32em 0 0;line-height:1.3;text-shadow:0 0 24px #a4d5d616;opacity:.94}
    #tarian-cinematic .tc-footer{position:absolute;bottom:28px;left:36px;right:36px;z-index:4;display:grid;grid-template-columns:1fr auto 1fr;gap:25px;align-items:end}
    #tarian-cinematic .tc-site{min-height:44px;display:flex;flex-direction:column;justify-content:center;gap:5px;font-size:12px;letter-spacing:.025em;color:#ced6d5;width:max-content;max-width:100%}
    #tarian-cinematic .tc-site span{font-family:'SFMono-Regular',Consolas,monospace;font-size:11px;letter-spacing:.16em;color:#8fa9b1}
    #tarian-cinematic .tc-site:last-child{justify-self:end;text-align:right}
    #tarian-cinematic .tc-site:last-child span{color:#b5a987}
    #tarian-cinematic .tc-site:hover{color:var(--tc-cyan)}
    #tarian-cinematic .tc-principle{border:0;background:none;padding:13px 0;color:#b3bab6;font-size:11px;letter-spacing:.04em;line-height:1.5}
    #tarian-cinematic .tc-principle:hover{color:var(--tc-white)}
    #tarian-cinematic .tc-show{position:absolute;z-index:6;right:27px;bottom:22px;border:1px solid #445660;background:#03080de8;color:#b3c0c3;padding:9px 14px;font-size:11px;min-height:42px;border-radius:2px}
    #tarian-cinematic[data-quiet="true"] .tc-chrome{opacity:0;visibility:hidden;pointer-events:none}
    #tarian-cinematic[data-motion="off"] .tc-emblem{animation-play-state:paused}
    #tarian-cinematic .tc-shade{position:absolute;inset:0;background:#01030685;z-index:7;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
    #tarian-cinematic .tc-panel{position:absolute;right:30px;top:88px;bottom:99px;width:min(425px,calc(100% - 60px));padding:25px 27px 28px;background:#080e14;box-shadow:0 25px 100px #000b;border:1px solid #334149;z-index:8;overflow:auto;overscroll-behavior:contain;border-radius:3px;scrollbar-color:#3d555c #080e14;scrollbar-width:thin}
    #tarian-cinematic .tc-panel[data-view="detail"]{width:min(640px,calc(100% - 60px))}
    #tarian-cinematic .tc-panel[data-view="about"]{width:min(450px,calc(100% - 60px));bottom:auto;max-height:calc(100% - 180px)}
    #tarian-cinematic .tc-panel-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}
    #tarian-cinematic .tc-panel-header h2{font-size:20px;font-weight:500;letter-spacing:-.02em;line-height:1.4}
    #tarian-cinematic .tc-close{padding:0;min-width:36px;min-height:36px;border:1px solid #36454c;background:transparent;border-radius:2px;font-size:21px;font-weight:400;color:var(--tc-soft)}
    #tarian-cinematic .tc-list{border-top:1px solid #2a3940}
    #tarian-cinematic .tc-row{display:grid;grid-template-columns:minmax(0,1fr) 23px;gap:9px 12px;padding:24px 0;border-bottom:1px solid #233039;align-items:center}
    #tarian-cinematic .tc-row h3{font-size:19px;line-height:1.35;letter-spacing:-.025em;font-weight:400}
    #tarian-cinematic .tc-row p{font:400 11px/1.5 'SFMono-Regular',Consolas,monospace;color:#b6aa88}
    #tarian-cinematic .tc-row .tc-arrow{grid-column:2;grid-row:1/3;color:var(--tc-cyan);font-size:20px}
    #tarian-cinematic .tc-row:hover h3{color:var(--tc-cyan)}
    #tarian-cinematic .tc-list-note{font-size:11px;line-height:1.8;color:var(--tc-dim);margin-top:20px}
    #tarian-cinematic .tc-back{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--tc-soft);margin:0 0 17px;min-height:36px}
    #tarian-cinematic .tc-detail-title{font:400 29px/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.03em;margin-bottom:18px}
    #tarian-cinematic .tc-detail-purpose{font-size:14px;line-height:1.85;color:#c3cfd1;margin-bottom:24px}
    #tarian-cinematic .tc-release{padding:20px 0;border-top:1px solid #2a3940;border-bottom:1px solid #2a3940}
    #tarian-cinematic .tc-release-label{color:var(--tc-gold);font:400 11px/1.5 'SFMono-Regular',Consolas,monospace;margin-bottom:10px}
    #tarian-cinematic .tc-release p{font-size:12px;line-height:1.8;color:var(--tc-soft)}
    #tarian-cinematic .tc-release button{display:block;padding:11px 17px;width:100%;margin-top:17px;border:1px solid #35454c;background:#162128;color:#a9b8bd;font-size:12px;border-radius:2px}
    #tarian-cinematic .tc-notes{margin-top:20px}
    #tarian-cinematic .tc-notes summary{font-size:12px;color:var(--tc-soft);min-height:36px;cursor:pointer}
    #tarian-cinematic .tc-notes h3{font-size:12px;font-weight:500;margin:12px 0 7px;color:var(--tc-white)}
    #tarian-cinematic .tc-notes p{font-size:12px;line-height:1.85;color:var(--tc-soft)}
    #tarian-cinematic .tc-about p{font-size:13px;line-height:1.9;color:var(--tc-soft);margin-bottom:20px}
    #tarian-cinematic .tc-about .tc-equation{font-size:15px;color:var(--tc-white);letter-spacing:.035em;margin:24px 0 17px}
    #tarian-cinematic .tc-about .tc-credit{font-size:11px;color:var(--tc-dim);margin-bottom:0}
    #tarian-cinematic .tc-about a{color:var(--tc-cyan)}
    #tarian-cinematic .tc-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
    @keyframes tc-float{0%,100%{transform:translateY(-5px)}50%{transform:translateY(6px)}}
    @media(prefers-reduced-motion:reduce){#tarian-cinematic .tc-emblem{animation:none}#tarian-cinematic .tc-chrome{transition:none}}
    @media(max-width:650px){#tarian-cinematic .tc-header{left:24px;right:24px;gap:16px}#tarian-cinematic .tc-controls{gap:16px}#tarian-cinematic .tc-controls [data-fullscreen]{display:none}#tarian-cinematic .tc-footer{left:24px;right:24px;gap:16px;grid-template-columns:1fr 1fr}#tarian-cinematic .tc-principle{grid-column:1/3;grid-row:2;text-align:center;padding:7px 0 0}#tarian-cinematic .tc-site:last-child{grid-column:2;grid-row:1}#tarian-cinematic .tc-identity{left:50%;top:45%;width:190px}#tarian-cinematic .tc-identity h1{font-size:27px;margin-top:27px}#tarian-cinematic .tc-panel{right:20px;top:90px;bottom:130px;width:calc(100% - 40px);padding:22px}#tarian-cinematic .tc-panel[data-view="detail"],#tarian-cinematic .tc-panel[data-view="about"]{width:calc(100% - 40px)}#tarian-cinematic .tc-panel[data-view="about"]{max-height:calc(100% - 200px)}}
    @media(max-width:420px){#tarian-cinematic .tc-header{top:17px;left:20px;right:20px;flex-wrap:wrap;gap:0}#tarian-cinematic .tc-home{font-size:12px}#tarian-cinematic .tc-controls{gap:13px}#tarian-cinematic .tc-controls button{font-size:11px}#tarian-cinematic .tc-controls .tc-products{padding:8px 11px}#tarian-cinematic .tc-scene{height:720px}#tarian-cinematic .tc-identity{width:179px;top:45%}#tarian-cinematic .tc-controls [data-pause]{position:absolute;right:0;top:43px;font-size:11px;min-height:34px;color:#8da0a9}#tarian-cinematic .tc-footer{left:21px;right:21px;bottom:23px}#tarian-cinematic .tc-site{font-size:11px}#tarian-cinematic .tc-site span{font-size:11px;letter-spacing:.12em}#tarian-cinematic .tc-principle{font-size:11px}#tarian-cinematic .tc-panel{top:99px}#tarian-cinematic .tc-row h3{font-size:18px}}
  
    #tarian-cinematic .tc-identity{width:clamp(240px,28vw,330px);top:46%}
    #tarian-cinematic .tc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
    #tarian-cinematic .tc-release .tc-download{display:block;width:100%;margin-top:17px;padding:11px 17px;text-align:center;border:1px solid #78969a;background:#152026;color:var(--tc-white);font-size:12px;border-radius:2px}
    #tarian-cinematic .tc-release .tc-download:hover{border-color:var(--tc-cyan);background:#203138}
    #tarian-cinematic .tc-nojs{position:absolute;right:24px;top:90px;bottom:125px;width:min(430px,calc(100% - 48px));padding:24px;overflow:auto;background:#080a0feF;border:1px solid #334149;z-index:6}
    #tarian-cinematic .tc-nojs h2{font-size:20px;margin-bottom:18px}
    #tarian-cinematic .tc-nojs article{padding:12px 0;border-top:1px solid #334149}
    #tarian-cinematic .tc-nojs p{font-size:12px;margin:9px 0;color:var(--tc-soft)}
    #tarian-cinematic .tc-nojs a{color:var(--tc-cyan);text-decoration:underline}
    body.tarian-canvas,html:has(body.tarian-canvas){margin:0;padding:0;background:#020103}
    body.tarian-canvas{min-width:320px}
    body.tarian-canvas #tarian-cinematic{margin:0;width:100%;max-width:none}
    body.tarian-canvas #tarian-cinematic .tc-scene{height:100vh;height:100svh;min-height:480px}
    body.tarian-canvas.admin-bar #tarian-cinematic .tc-scene{height:calc(100vh - 32px);height:calc(100svh - 32px)}
    #tarian-cinematic:fullscreen .tc-scene,#tarian-cinematic:-webkit-full-screen .tc-scene{height:100vh;min-height:0}
    @media(max-width:782px){body.tarian-canvas.admin-bar #tarian-cinematic .tc-scene{height:calc(100vh - 46px);height:calc(100svh - 46px)}}
    @media(max-width:650px){#tarian-cinematic .tc-identity{width:250px;top:45%}}
    @media(max-width:420px){#tarian-cinematic .tc-identity{width:225px;top:45%}}
    @media(max-height:520px) and (min-width:651px){#tarian-cinematic .tc-identity{width:240px}#tarian-cinematic .tc-panel{top:75px;bottom:80px}}

/* v1.1: quiet acronym disclosure and a slender product shelf below the arrival. */
#tarian-cinematic .tc-header{align-items:flex-start}
#tarian-cinematic .tc-brand{position:relative;flex:0 0 auto}
#tarian-cinematic .tc-brand .tc-home{border:0;background:none;padding:0;color:var(--tc-white);cursor:pointer}
#tarian-cinematic .tc-acronym{position:absolute;left:-13px;top:calc(100% - 1px);width:230px;padding:15px 17px 17px;display:grid;gap:7px;z-index:9;background:linear-gradient(135deg,#17101cd9,#06080ce8);border:1px solid #a4b7b629;border-radius:3px;box-shadow:0 12px 35px #0007,inset 0 1px 0 #e4e3da0b;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:13px;line-height:1.7;letter-spacing:.025em;animation:tc-disclose .32s ease-out both}
#tarian-cinematic .tc-acronym span{white-space:nowrap;color:#c8cdca}
#tarian-cinematic .tc-acronym b{font-weight:500;color:#b4d4d1}
#tarian-cinematic .tc-acronym span:nth-child(even) b{color:#d0bd91}
@keyframes tc-disclose{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
#tarian-cinematic .tc-suite{position:relative;padding:24px clamp(20px,4vw,60px) 32px;background:radial-gradient(ellipse at 23% 0,#29142b38,transparent 65%),radial-gradient(ellipse at 82% 20%,#1231391c,transparent 65%),#020103;border-top:1px solid #b1c5cc17;scroll-margin-top:16px}
#tarian-cinematic .tc-suite-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px;max-width:1120px;margin:0 auto}
#tarian-cinematic .tc-suite-item{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:13px 16px;border:1px solid #afc8cf36;border-radius:4px;background:linear-gradient(120deg,#d6e1e50c,#cab6e203),#0b0a1199;box-shadow:inset 0 1px 0 #e5eaeb0b,0 6px 25px #0003;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:12px;line-height:1.5;letter-spacing:.025em;color:#d2d7d3;transition:border-color .22s,background .22s,box-shadow .22s,transform .22s}
#tarian-cinematic .tc-suite-arrow{color:#a4bcbe;font-size:13px;opacity:.7;transition:transform .22s,opacity .22s;flex:0 0 auto}
#tarian-cinematic .tc-suite-item:hover,#tarian-cinematic .tc-suite-item:focus-visible{border-color:#b7d7d28a;background:linear-gradient(120deg,#8aaeb817,#c7b27a08),#12111bbd;box-shadow:inset 0 1px 0 #f4f0dc14,0 0 25px #80b5be08;transform:translateY(-1px)}
#tarian-cinematic .tc-suite-item:hover .tc-suite-arrow{opacity:1;transform:translate(1px,-1px)}
#tarian-cinematic .tc-shade{position:fixed;inset:0}
#tarian-cinematic .tc-panel{position:fixed;top:88px;bottom:60px;max-height:calc(100dvh - 148px)}
#tarian-cinematic .tc-panel[data-view="about"]{bottom:auto;max-height:calc(100dvh - 148px)}
#tarian-cinematic .tc-panel[data-view="detail"]{width:min(580px,calc(100% - 60px))}
#tarian-cinematic .tc-detail-title{font-family:inherit;font-size:25px;letter-spacing:-.015em;font-weight:400}
#tarian-cinematic .tc-shade,#tarian-cinematic .tc-panel{overscroll-behavior:contain}
html.tarian-dialog-open{overflow:hidden}
#tarian-cinematic[data-quiet="true"] .tc-suite{display:none}
#tarian-cinematic:fullscreen,#tarian-cinematic:-webkit-full-screen{overflow:auto;background:#020103}
body.admin-bar #tarian-cinematic .tc-panel{top:120px;max-height:calc(100dvh - 180px)}
@media(max-width:782px){body.admin-bar #tarian-cinematic .tc-panel{top:134px;max-height:calc(100dvh - 194px)}}
@media(max-width:650px){#tarian-cinematic .tc-suite{padding:20px 24px 26px}#tarian-cinematic .tc-suite-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#tarian-cinematic .tc-suite-item{min-height:54px;padding:12px;font-size:11px;gap:8px}#tarian-cinematic .tc-acronym{left:-8px;width:220px}#tarian-cinematic .tc-panel,#tarian-cinematic .tc-panel[data-view="detail"],#tarian-cinematic .tc-panel[data-view="about"]{right:20px;top:90px;bottom:30px;max-height:calc(100dvh - 120px);width:calc(100% - 40px)}#tarian-cinematic .tc-panel[data-view="about"]{bottom:auto}}
@media(max-width:420px){#tarian-cinematic .tc-suite{padding:18px 20px 24px}#tarian-cinematic .tc-suite-item{font-size:10px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){#tarian-cinematic .tc-acronym{animation:none}#tarian-cinematic .tc-suite-item,#tarian-cinematic .tc-suite-arrow{transition:none}}