/* Enzi product interpretation of Works/About. Not a pixel-identical reference port. */
#page-content{position:fixed;inset:0;z-index:2;overflow:auto;overscroll-behavior:contain;color:#e7f3ff;background:linear-gradient(110deg,#030912b8,#060e1be8 65%);scrollbar-color:#39618a #08111c;scrollbar-width:thin}
.page-inner{margin-left:320px;padding:34px 42px 28px 12px;max-width:1680px;min-height:100dvh}
.page-kicker,.page-footer{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.6px;color:#9ab1ca;line-height:1.7}.page-kicker{padding:0 0 22px;border-bottom:1px solid #6b94bd45}.page-footer{padding-top:22px;margin-top:22px;border-top:1px solid #6b94bd45}



.service-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:25px}.page-overline{font-size:9px;letter-spacing:1.8px;color:#8ab3e1;margin:0 0 10px}.service-heading h1{font-size:clamp(28px,3.4vw,56px);line-height:1.2;letter-spacing:-1px;font-weight:600;margin:0;color:#eff7ff}.service-actions{display:flex;gap:9px;flex-shrink:0}.outline-action,.solid-action{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:12px 18px;font-size:11px;border:1px solid #84b2e064;border-radius:4px;gap:15px;transition:background .18s,transform .18s;color:#dfedfd}.solid-action{background:#a9d2ff;color:#0a2139;border-color:#a9d2ff;font-weight:600}.outline-action:hover,.solid-action:hover{background:#d3e9ff;color:#0b233c;transform:translateY(-2px)}.service-summary{font-size:12px;color:#a2b6ce;line-height:1.9;margin:18px 0 24px;max-width:690px}
.service-switcher{display:flex;gap:22px;align-items:stretch;border-top:1px solid #6b94bd45;padding-top:20px}.switch-arrows{display:flex;gap:5px;align-items:center;flex-wrap:wrap;width:79px;flex-shrink:0}.switch-arrows button{width:34px;height:32px;color:#d8ebff;border:1px solid #7394b85c}.switch-arrows span{font:8px Consolas,monospace;letter-spacing:1px;color:#92a9c3}.service-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%}.service-index button{color:#9eb6d0;border:1px solid #6686a532;padding:10px 8px;text-align:left;font-size:10px;line-height:1.4;min-height:52px;border-radius:3px}.service-index button span{display:block;font:9px Consolas,monospace;margin-bottom:6px;color:#759bbf}.service-index button[aria-pressed=true]{background:#a9d2ff;color:#09233f;border-color:#a9d2ff}.service-index button[aria-pressed=true] span{color:#325f87}.service-index button:hover,.switch-arrows button:hover{background:#2c4c6c;color:#fff}.service-detail{border-top:1px solid #6b94bd45;display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:8px 0 22px}.service-detail h2{font-size:16px;color:#daebff;letter-spacing:0}.service-detail p{font-size:12px;color:#a2b6ce;line-height:1.9}.service-detail code{font-size:12px;color:#b9d9f8;overflow-wrap:anywhere}
.about-masthead{position:relative;border-bottom:1px solid #6b94bd45;padding:40px 0}.about-masthead h1{font-size:clamp(92px,14vw,210px);letter-spacing:-.075em;line-height:.88;font-weight:750;margin:22px 0 0;color:#e8f3ff}.about-masthead h1 span{display:block;font-size:clamp(19px,2.3vw,34px);letter-spacing:.1em;line-height:1.8;margin-top:26px;font-weight:350;color:#adc8e6}.about-coordinate{position:absolute;bottom:47px;right:0;text-align:right;font:9px/2 Consolas,monospace;color:#7798bc;letter-spacing:1px}.about-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:45px;padding:34px 0}.about-intro h2{font-size:clamp(20px,2.3vw,32px);font-weight:400;line-height:1.7;margin:0;letter-spacing:0}.about-intro h2 span{color:#83addc}.about-intro p,.about-section p{font-size:12px;line-height:2;color:#a7bbd2;margin:0 0 15px}.about-section{display:grid;grid-template-columns:.8fr 1.5fr;gap:40px;border-top:1px solid #6b94bd45;padding:30px 0}.section-label>span{font:9px Consolas,monospace;letter-spacing:1.7px;color:#779abd}.section-label h2{font-size:22px;font-weight:450;letter-spacing:0;color:#e3effe;margin:12px 0}.guide-list>div{display:grid;grid-template-columns:90px 1fr;gap:18px}.guide-list b{font-size:12px;font-weight:500;color:#d8eafd;line-height:2}.about-boundaries p{display:flex;align-items:baseline;gap:14px}.about-boundaries i{display:inline-block;width:4px;height:4px;background:#8cb8e8;flex-shrink:0}.credits-section dl{font-size:11px;line-height:1.9}.credits-section dl>div{display:grid;grid-template-columns:130px 1fr;gap:16px;border-bottom:1px solid #6b94bd25;padding:12px 0}.credits-section dt{color:#7699bc}.credits-section dd{margin:0;color:#b3cce5;overflow-wrap:anywhere}.credits-section .credit-note{font-size:10px;color:#7f9ab6}.about-end{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 0}.about-end>span{font-size:26px;line-height:1.6;font-weight:350;color:#bad2eb}
body:not([data-page=home]) .scene-caption,body:not([data-page=home]) .privacy-note{display:none}#page-content h1:focus{outline:none}.page-inner{animation:page-arrive .4s ease both}@keyframes page-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(min-width:1700px){.page-inner{padding-left:50px;padding-right:70px;margin-left:310px}}
@media(max-width:1050px){.page-inner{padding-right:24px}.service-heading{align-items:flex-start;flex-direction:column;gap:18px}.service-switcher{flex-direction:column;gap:12px}.switch-arrows{width:auto;flex-wrap:nowrap}.switch-arrows span{margin-left:8px}.about-intro,.about-section{gap:24px}.about-coordinate{display:none}.guide-list>div{display:block}.credits-section dl>div{grid-template-columns:1fr;gap:3px}}
@media(max-width:760px){.page-inner{margin-left:0;padding:110px 20px 24px;min-height:100dvh}.page-kicker{font-size:8px;gap:12px;padding-bottom:15px}.page-kicker>span:last-child{letter-spacing:.5px;text-align:right}.service-heading{margin-top:22px}.service-heading h1{font-size:33px}.service-actions{width:100%}.service-actions>a{flex:1;padding:12px 9px}.service-summary{font-size:12px}.service-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.service-index button:last-child{grid-column:auto}.service-index button{min-height:48px;font-size:11px}.service-index button span{display:inline-block;margin:0 12px 0 0}.page-footer{font-size:8px;letter-spacing:.6px;gap:12px}.service-detail,.about-intro,.about-section{grid-template-columns:1fr;gap:18px}.about-masthead{padding:30px 0}.about-masthead h1{font-size:100px}.about-masthead h1 span{font-size:21px}.about-intro{padding:28px 0}.about-section{padding:25px 0}.about-end>span{font-size:21px}.about-end .solid-action{padding:12px;font-size:10px}.about-intro p,.about-section p{font-size:13px}.guide-list>div{margin-bottom:12px}.page-overline{font-size:8px}.credits-section dl>div{grid-template-columns:1fr}.about-end{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.page-inner{animation:none}.outline-action,.solid-action{transition:none}}

.tutorial-hero{position:relative;border-bottom:1px solid #6b94bd45;padding:48px 0 52px;min-height:360px}.tutorial-number{position:absolute;right:4%;top:15px;font-size:clamp(150px,20vw,280px);font-weight:800;line-height:1;color:#173b5d55;letter-spacing:-.1em}.tutorial-hero>*:not(.tutorial-number){position:relative;z-index:1}.tutorial-hero h1{font-size:clamp(50px,7vw,110px);line-height:1.06;letter-spacing:-.06em;font-weight:700;margin:22px 0;color:#eaf5ff}.tutorial-hero h1 span{color:#8bbce9}.tutorial-lead{max-width:510px;color:#a4bdd7;font-size:13px;line-height:2;margin:0 0 25px}.tutorial-start{margin-top:4px}.tutorial-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:28px 0;border-bottom:1px solid #6b94bd45}.tutorial-card{border:1px solid #6b94bd45;background:#0a1a2a99;padding:22px;min-height:190px}.tutorial-card>span{display:block;font:9px Consolas,monospace;letter-spacing:1.7px;color:#7ca5cc}.tutorial-card b{display:block;font-size:16px;font-weight:500;margin-top:26px;color:#e2f1ff}.tutorial-card strong{display:block;font:700 24px Consolas,monospace;color:#9fd2ff;letter-spacing:2px;margin:12px 0}.tutorial-card p{font-size:11px;line-height:1.8;color:#9bb5ce;margin:0}.tutorial-note{display:flex;gap:25px;flex-wrap:wrap;padding:22px 0 4px;color:#83a6c9;font:10px Consolas,monospace;letter-spacing:.8px}.tutorial-note span:before{content:'·';color:#a8d8ff;margin-right:7px}@media(max-width:760px){.tutorial-hero{padding:34px 0 38px;min-height:440px}.tutorial-number{right:-5px;top:4px;font-size:155px}.tutorial-hero h1{font-size:53px;margin-top:18px}.tutorial-lead{font-size:13px;line-height:2}.tutorial-cards{grid-template-columns:1fr;padding:20px 0;gap:8px}.tutorial-card{min-height:0;padding:18px}.tutorial-card b{margin-top:16px}.tutorial-note{gap:10px;line-height:1.6}}

/* Editorial child-page pass: mirror the reference site's article rhythm while keeping Enzi blue-white accents. */
#page-content{background:linear-gradient(110deg,#02030588,#020305b8 65%);color:#edf5fc;backdrop-filter:blur(.7px)}
.page-inner{margin-left:300px;padding:110px 58px 34px 28px;max-width:1540px}
.page-kicker{color:#8fa8c2;border-bottom-color:#8fa8c233;padding-bottom:19px}











.service-heading{margin-top:28px;padding:0 0 24px;border-bottom:1px solid #8fa8c233}
.service-heading h1{font-size:clamp(42px,5.6vw,82px);font-weight:500;letter-spacing:-.07em}
.service-summary{font-size:13px;line-height:2;color:#b6c8d9;margin:22px 0 28px;max-width:720px}
.service-detail{border-top-color:#8fa8c233;padding:22px 0 28px;gap:60px}
.service-detail h2{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#8ab8e6;font-weight:500}
.service-detail p{font-size:12px;line-height:2;color:#a8bccf}
.service-switcher{border-top-color:#8fa8c233;padding-top:22px}
.service-index button{border-color:#8fa8c233;border-radius:0;background:transparent}
.service-index button[aria-pressed=true]{background:#a9d2ff;color:#09233f;border-color:#a9d2ff}
.page-footer{border-top-color:#8fa8c233}
.about-masthead{padding:52px 0 64px;min-height:280px;border-bottom-color:#8fa8c233}
.about-masthead h1{font-size:clamp(100px,17vw,230px);line-height:.82;letter-spacing:-.105em;color:#eff7ff}
.about-masthead h1 span{font-size:clamp(22px,2.6vw,42px);color:#9ec7ee;letter-spacing:.05em;margin-top:35px}
.about-intro{padding:42px 0;gap:70px;border-bottom:1px solid #8fa8c233}
.about-intro h2{font-size:clamp(26px,3vw,44px);line-height:1.5}
.about-intro h2 span{color:#9ec7ee}
.about-intro p,.about-section p{font-size:13px;line-height:2.05;color:#b2c4d5}
.about-section{border-top:0;border-bottom:1px solid #8fa8c233;padding:34px 0;gap:70px}
.section-label h2{font-size:25px;font-weight:400}
.guide-list>div{margin-bottom:13px}
.credits-section dl>div{border-bottom-color:#8fa8c233}
.about-end{padding:45px 0}
.about-end>span{font-size:32px;color:#c1d6e9}
@media(max-width:1050px){.page-inner{margin-left:300px;padding-right:28px}.about-intro,.about-section{gap:28px}}
@media(max-width:760px){.page-inner{margin-left:0;padding:105px 20px 26px}.service-heading h1{font-size:44px}.about-masthead{padding:34px 0 48px;min-height:260px}.about-masthead h1{font-size:102px}.about-intro{padding:28px 0}.about-section{padding:27px 0}.about-end>span{font-size:25px}}

/* Reference-style rushing backdrop and scanline ornament, isolated from the original scene iframe. */
#page-content{isolation:isolate;overflow-x:hidden}
#page-content:before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 62% 55%,#16395a20 0%,transparent 42%),repeating-linear-gradient(164deg,transparent 0 38px,#2b74a312 39px,#2b74a312 41px,transparent 42px 98px),repeating-linear-gradient(8deg,transparent 0 72px,#79b8e710 73px,#79b8e710 75px,transparent 76px 154px);transform:translate3d(0,0,0) scale(1.15);animation:reference-rush 8s linear infinite}
#page-content:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.065;background:repeating-linear-gradient(0deg,transparent 0 3px,#bddcff 4px,transparent 5px 7px);mix-blend-mode:screen}
@keyframes reference-rush{0%{transform:translate3d(7%,0,0) scale(1.16);filter:blur(1px)}50%{transform:translate3d(-5%,1%,0) scale(1.19);filter:blur(2px)}100%{transform:translate3d(7%,0,0) scale(1.16);filter:blur(1px)}}
@media(prefers-reduced-motion:reduce){#page-content:before{animation:none;transform:scale(1.1)}}

.solid-action:disabled{opacity:.55;cursor:not-allowed}.solid-action:disabled:hover{transform:none;background:#a9d2ff}

/* No sidebar gutter: release the full viewport to the city and editorial pages. */
.page-inner{margin-left:auto;margin-right:auto;width:100%;max-width:1440px;padding:160px 48px 34px}
@media(min-width:1700px){.page-inner{padding-left:64px;padding-right:64px}}
@media(max-width:1050px){.page-inner{margin-left:auto;padding-left:28px;padding-right:28px}}
@media(max-width:760px){.page-inner{margin-left:0;padding:156px 20px 26px}}