/* Cinematic Web production scenes. Copy stays still while the background flows. */
.hero{display:block;position:relative;max-width:none;min-height:680px;padding:70px max(5%,calc((100vw - 1440px)/2)) 0;background:#142b2e;color:#fff9ee;overflow:hidden;isolation:isolate}
.hero::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#10282aef 0%,#10282aca 34%,#10282a58 70%,#10282a38),linear-gradient(0deg,#10282af2,transparent 40%);pointer-events:none}
.hero::after{content:none}
.hero-film{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero-film-slide{position:absolute;inset:0;overflow:hidden;opacity:0;background:#142b2e}
.hero-film-slide:first-child{opacity:1}
.film-photo{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 58%;transform:scale(1.02);will-change:transform}
.film-design .film-photo{object-position:50% 68%}
.film-window,.film-blueprint{position:absolute;right:8%;top:17%;width:38%;height:340px;background:#faf7ed;border:1px solid #cfd5c6;border-radius:12px;box-shadow:0 30px 80px #031a2255;transform:rotate(-6deg);overflow:hidden}
.film-window-bar{display:flex;align-items:center;gap:6px;height:33px;padding-inline:15px;background:#e7ece1;border-bottom:1px solid #9ab19e33;color:#294c44}
.film-window-bar i{width:6px;height:6px;border-radius:50%;background:#8ca499}
.film-window-bar span{font:10px var(--en);letter-spacing:.13em;margin-left:10px}
.film-site{padding:27px 7%;color:#234d43;background:radial-gradient(ellipse at 100% 0,#d1debc,transparent 68%),#f6f0de;height:calc(100% - 33px)}
.film-site small{font:10px var(--en);letter-spacing:.15em}.film-site b{display:block;font:500 clamp(19px,2.1vw,32px)/1.6 var(--serif);margin-top:15px}.film-site-line{display:block;width:100px;height:5px;background:#b88964;margin-top:18px}
.film-site-cards{display:flex;gap:12px;margin-top:23px}.film-site-cards i{width:30%;height:80px;border-radius:3px;background:linear-gradient(145deg,#bdcba8,#849d84)}.film-site-cards i:nth-child(2){background:linear-gradient(145deg,#dac6ac,#9d8e73)}.film-site-cards i:nth-child(3){background:linear-gradient(145deg,#a1b8ae,#506f63)}
.film-build{background:radial-gradient(ellipse at 80% 25%,#2f5649,transparent 65%),#14282d}
.film-code{position:absolute;top:11%;right:2%;width:66%;font:22px/2.15 monospace;color:#ccd9d3;transform:rotate(-7deg);white-space:nowrap;opacity:.85}
.film-code>span{color:#89a497;font-size:17px}.film-code i{font-style:normal;color:#e8c39c}.film-code em{font-style:normal;color:#a8cfba}.code-indent{padding-left:45px}
.film-blueprint{top:29%;right:8%;width:32%;height:270px;transform:rotate(6deg);opacity:.88;background:#edf1e2}
.blueprint-layout{padding:30px;display:flex;justify-content:space-between;gap:18px;color:#35614d}.blueprint-layout b{font:700 clamp(30px,4vw,55px)/1.15 var(--en)}.blueprint-layout>div{width:30%;display:grid;gap:10px}.blueprint-layout i{background:#bbcbb3;border:1px solid #899f84;border-radius:3px}
.film-talk .film-photo{object-position:60% 48%}.film-talk-word{position:absolute;right:7%;top:29%;font:500 clamp(28px,4vw,65px)/1.3 var(--en);letter-spacing:-.03em;color:#fff7e6;opacity:.8}
.hero-copy{position:relative;z-index:3;padding-bottom:0;max-width:680px}
.hero-service{font:500 14px/1.7 var(--sans);letter-spacing:.08em}.hero-service .tiny-ring{border-color:#e4ac87}
.hero h1{font-size:clamp(42px,4.2vw,67px);line-height:1.38;letter-spacing:-.035em;margin:24px 0 21px;font-weight:500}
.hero h1>span{display:block;white-space:normal}.hero-last{margin-top:0}
.hero h1 em{font-style:normal;color:#efbb94}.hero .coral-dot{color:#efbb94}
.hero-body{font-size:15px;line-height:1.9;color:#f0efe5;margin-top:0}
.hero-conversion{position:relative;z-index:3;margin-top:27px;max-width:680px}
.hero-actions{margin-top:0;gap:25px}.hero-actions .button-dark{background:#fbf3e2;color:#163d3f;min-height:54px;border:1px solid #fff8ee55}.hero-actions .button-dark:hover{background:#e8cba9;color:#163d3f}
.hero-actions .quiet-link{color:#fff9ee;font-size:13px;min-height:44px;border-bottom:1px solid #fff9ee60}
.hero-note{color:#ecefe5;font-size:12px;margin-top:11px}
.hero-monitor{color:#fff4e4;font-size:13px;min-height:44px;border-color:#fff4e450;margin-top:7px}
.hero-art{position:absolute;right:0;top:2%;height:450px;width:38%;max-width:600px;margin:0;z-index:2;opacity:.32;pointer-events:none;isolation:auto}
.ring-stage{inset:0;z-index:0}
.hero-bottom{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:36px;padding:18px 0 20px;border-color:#d0ddcd50}
.film-status{font:10px/1.6 var(--en);letter-spacing:.12em}.film-status>div{display:flex;gap:6px;margin-top:9px}.film-status i{width:26px;height:2px;background:#f1f4e64d}.film-status i.is-current{background:#ecc29d}
.hero-bottom .film-disclaimer{font:12px/1.6 var(--sans);color:#f0efe5}.hero-bottom .edition{font:10px/1.6 var(--en);color:#e0e8de}
.brand small{font-size:11px}
.manifesto{background:radial-gradient(ellipse at 0 15%,#e3e8db99,transparent 65%),var(--paper)}
.works{background:linear-gradient(125deg,#d8e5d6,#e4e9db 55%,#d4dfd3)}
.works .chapter-label{font-family:var(--sans);font-size:13px;letter-spacing:.07em}.works .chapter-label>span:last-child{font-size:12px}.works-title-note{display:block;font-size:clamp(20px,2.2vw,29px);margin-top:13px;letter-spacing:0}
@media(max-width:1100px) and (min-width:801px){.hero{padding-top:55px;min-height:660px}.hero h1{font-size:48px}.film-window{right:-4%;width:45%}.film-code{font-size:18px}.hero-art{right:-8%;width:44%}.film-blueprint{right:3%;width:36%}}
@media(max-width:800px){
 .hero{padding:38px 6% 0;min-height:655px}
 .hero::before{background:linear-gradient(90deg,#10282ae6,#10282a95 80%),linear-gradient(0deg,#10282af7 0%,#10282a80 25%,transparent 72%)}
 .hero-copy{max-width:590px}.hero-service{font-size:13px;letter-spacing:.04em}
 .hero h1{font-size:clamp(34px,6.8vw,49px);margin:19px 0 17px;line-height:1.42;letter-spacing:-.035em}
 .hero h1>span:nth-child(1),.hero h1>span:nth-child(2){display:inline}.hero h1>span.hero-last{display:block}.hero-body{font-size:14px;line-height:1.9}
 .hero-conversion{margin-top:130px;max-width:590px}.hero-actions{gap:20px;flex-wrap:nowrap;justify-content:flex-start}.hero-actions .button{padding:13px 18px;font-size:13px}.hero-actions .quiet-link{font-size:12px}.hero-note{font-size:12px}.hero-monitor{font-size:12px}
 .film-window{right:0;top:40%;width:52%;height:240px}.film-site{padding:20px 7%}.film-site b{font-size:22px}.film-site-cards i{height:55px}.film-site-cards{margin-top:16px}
 .film-blueprint{right:0;top:45%;width:43%;height:230px}.film-code{top:28%;width:90%;right:-15%;font-size:19px}.film-talk-word{top:47%;right:1%;font-size:34px}
 .hero-art{right:-40px;top:14%;width:330px;height:330px;opacity:.26}.hero-bottom{margin-top:25px;gap:15px}.hero-bottom .edition{display:none}.brand small{font-size:10px}
}
@media(max-width:500px){
 .hero{min-height:650px;padding-top:34px}.hero-service{font-size:12px}.hero h1{font-size:clamp(30px,8.5vw,40px);line-height:1.45;margin:18px 0 18px}
 .hero-body{font-size:14px;line-height:1.9}.hero-conversion{margin-top:137px}.hero-actions{gap:17px;justify-content:space-between}.hero-actions .button{font-size:12px;padding:13px 16px;min-height:50px;gap:15px}.hero-actions .quiet-link{font-size:12px;white-space:normal}.hero-actions .quiet-link span{margin-left:7px}
 .hero-monitor{padding-block:9px}.hero-bottom{margin-top:24px;padding-block:17px 23px;gap:12px;align-items:flex-end}.film-status{font-size:9px;letter-spacing:.04em}.hero-bottom .film-disclaimer{font-size:12px;max-width:130px;text-align:right}
 .film-design .film-photo{object-position:44% center}.film-talk .film-photo{object-position:58% center}
 .film-window{width:79%;right:-9%;top:46%;height:196px;border-radius:8px;opacity:.82}.film-window-bar{height:24px;padding-inline:10px;gap:4px}.film-window-bar span{font-size:8px;margin-left:5px}.film-window-bar i{width:4px;height:4px}.film-site{height:calc(100% - 24px);padding:13px 7%}.film-site b{font-size:20px;margin-top:9px}.film-site small{font-size:8px}.film-site-line{height:3px;margin-top:12px;width:70px}.film-site-cards{margin-top:13px;gap:8px}.film-site-cards i{height:32px}
 .film-code{top:29%;right:-48%;width:140%;font-size:16px;line-height:2.5}.film-code>span{font-size:14px}.film-blueprint{right:-10%;top:48%;width:65%;height:170px}.blueprint-layout{padding:16px}.blueprint-layout b{font-size:35px}.film-talk-word{right:0;top:45%;font-size:29px}
 .hero-art{top:17%;right:-65px;width:250px;height:260px;opacity:.23}
 .works .chapter-label{font-size:12px}.works .chapter-label>span:last-child{font-size:10px;letter-spacing:0}.section-heading #works-title{font-size:36px}.works-title-note{font-size:21px;margin-top:10px}
}
@media(max-width:350px){.hero h1{font-size:29px}.hero-service{font-size:11px}.hero-conversion{margin-top:115px}.hero-actions{gap:11px}.hero-actions .button{padding-inline:12px;font-size:11px}.hero-actions .quiet-link{font-size:11px}.hero-art{right:-77px}.film-status{font-size:8px}.hero-bottom .film-disclaimer{max-width:115px}.hero{min-height:635px}}
@media(prefers-reduced-motion:reduce){.film-photo{will-change:auto}}