/*
Theme Name: Sonoda Future
Theme URI: https://sonodasangyou.co.jp/
Author: Sonoda Sangyo
Description: Cinematic corporate theme for Sonoda Sangyo.
Version: 1.0.0
Text Domain: sonoda-future
*/
:root{--ink:#080a0c;--paper:#f2f0eb;--white:#fff;--accent:#32d7c7;--line:rgba(255,255,255,.18);--muted:#8d9499;--serif:"Yu Mincho","Hiragino Mincho ProN",serif;--sans:"Helvetica Neue","Noto Sans JP",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--sans);font-size:15px;line-height:1.8;letter-spacing:.04em;overflow-x:hidden}body.is-loading{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#060708;transition:opacity .8s cubic-bezier(.7,0,.3,1),visibility .8s}.loader.is-done{opacity:0;visibility:hidden}.loader__mark{width:min(62vw,420px);text-align:center}.loader__logo{width:100%;height:auto}.loader__bar{height:1px;background:#272a2c;margin-top:30px;overflow:hidden}.loader__bar span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#14a9d8,#34d7b5,#f2b33d,#e84c72);transform:translateX(-100%);animation:loadbar 1.9s cubic-bezier(.7,0,.2,1) forwards}.loader__count{margin-top:12px;color:#777;font-size:11px;letter-spacing:.24em}@keyframes loadbar{to{transform:translateX(0)}}
.site-header{position:fixed;z-index:100;top:0;left:0;width:100%;height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid transparent;transition:.5s}.site-header.is-scrolled{height:72px;background:rgba(7,9,11,.88);border-color:var(--line);backdrop-filter:blur(18px)}.brand{width:265px;max-width:42vw}.brand svg{width:100%;height:auto}.site-nav{display:flex;align-items:center;gap:2.8vw;font-size:12px;letter-spacing:.13em}.site-nav a{position:relative}.site-nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .35s}.site-nav a:hover:after{transform:scaleX(1);transform-origin:left}.nav-contact{border:1px solid rgba(255,255,255,.5);padding:11px 20px}.menu-button{display:none;background:none;border:0;color:white;font-size:12px;letter-spacing:.18em}
.hero{position:relative;height:100svh;min-height:700px;overflow:hidden;background:#050709}.hero__media{position:absolute;inset:0}.hero__media:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,5,6,.88) 0%,rgba(3,5,6,.35) 45%,rgba(3,5,6,.12) 72%),linear-gradient(0deg,rgba(3,5,6,.48),transparent 45%)}.hero__media img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.08);animation:heroIn 12s ease-out forwards}@keyframes heroIn{to{transform:scale(1)}}.hero__content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding:110px 7vw 70px;max-width:980px}.eyebrow{display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#c6cbcc}.eyebrow:before{content:"";width:44px;height:1px;background:var(--accent)}.hero h1{margin:32px 0 24px;font-family:var(--serif);font-size:clamp(45px,6.6vw,104px);font-weight:500;line-height:1.12;letter-spacing:.02em}.hero h1 span{display:block}.hero__lead{max-width:620px;font-size:clamp(14px,1.25vw,18px);color:#d2d5d5}.hero__actions{display:flex;gap:12px;margin-top:42px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-width:190px;padding:16px 22px;border:1px solid rgba(255,255,255,.55);font-size:12px;letter-spacing:.12em;transition:.35s}.button:hover{background:#fff;color:#080a0c}.button--fill{border-color:var(--accent);background:var(--accent);color:#06100f}.hero__vertical{position:absolute;z-index:2;right:3.2vw;top:22%;writing-mode:vertical-rl;font-family:var(--serif);font-size:13px;letter-spacing:.35em;color:rgba(255,255,255,.72)}.scrollcue{position:absolute;z-index:2;bottom:0;right:4vw;height:126px;display:flex;align-items:flex-start;gap:12px;font-size:9px;letter-spacing:.2em;writing-mode:vertical-rl}.scrollcue:after{content:"";width:1px;height:82px;background:linear-gradient(#fff,transparent);animation:scrollline 1.8s infinite}@keyframes scrollline{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0c0f11;padding:20px 0}.ticker__track{display:flex;width:max-content;gap:56px;animation:ticker 28s linear infinite;color:#737a7e;font-size:12px;letter-spacing:.32em}.ticker__track strong{color:#e8eceb;font-weight:400}.ticker__track i{width:5px;height:5px;border-radius:50%;background:var(--accent);align-self:center}@keyframes ticker{to{transform:translateX(-50%)}}
.section{position:relative;padding:140px 7vw}.section--paper{background:var(--paper);color:#101315}.section--dark{background:#0a0c0e}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:4vw;margin-bottom:75px}.section-kicker{font-size:11px;letter-spacing:.25em;color:#778086}.section-title{margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(34px,4vw,65px);line-height:1.35}.intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:9vw;align-items:center}.intro-copy p{color:#535a5e;font-size:16px}.intro-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid #c9c8c3}.stat{padding:24px 8px;border-right:1px solid #c9c8c3}.stat:last-child{border:0}.stat strong{display:block;font-size:clamp(24px,3vw,42px);font-weight:300}.stat small{font-size:10px;letter-spacing:.12em;color:#777}.intro-image{position:relative}.intro-image img{width:100%;height:620px;object-fit:cover;filter:grayscale(1);transition:filter 1s}.intro-image:hover img{filter:grayscale(0)}.intro-image:after{content:"DYEING / PROCESS / QUALITY";position:absolute;left:-30px;bottom:30px;background:#0b0d0f;color:#fff;padding:14px 18px;font-size:9px;letter-spacing:.2em}
.capabilities{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.capability{min-height:400px;padding:34px 25px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;transition:.4s}.capability:hover{background:#11171a;transform:translateY(-8px)}.capability__num{font-size:11px;color:var(--accent)}.capability h3{font-family:var(--serif);font-size:25px;font-weight:500}.capability p{color:#899195;font-size:13px}.capability__arrow{font-size:26px;font-weight:200}
.cinema{height:80svh;min-height:620px;position:relative;overflow:hidden}.cinema img{width:100%;height:100%;object-fit:cover;filter:brightness(.54) saturate(.8)}.cinema__copy{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:5vw}.cinema h2{font-family:var(--serif);font-size:clamp(38px,6vw,85px);font-weight:500;line-height:1.4}.cinema h2 span{display:block;font-size:11px;font-family:var(--sans);letter-spacing:.35em;color:var(--accent);margin-bottom:20px}
.process-list{counter-reset:step}.process-item{counter-increment:step;display:grid;grid-template-columns:110px 1fr 1fr;gap:30px;padding:32px 0;border-top:1px solid #cac9c5;align-items:center}.process-item:before{content:"0" counter(step);font-size:12px;color:#777}.process-item h3{margin:0;font-family:var(--serif);font-size:24px;font-weight:500}.process-item p{margin:0;color:#676d70;font-size:13px}.process-item:last-child{border-bottom:1px solid #cac9c5}
.gallery{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:330px 330px;gap:12px}.gallery img{width:100%;height:100%;object-fit:cover;filter:saturate(.78);transition:.7s}.gallery img:hover{filter:saturate(1.1);transform:scale(1.015)}.gallery img:first-child{grid-row:1/3}.contact-band{display:grid;grid-template-columns:1.5fr .5fr;gap:4vw;align-items:end;background:linear-gradient(115deg,#0c1114,#0b2628);border-top:1px solid rgba(255,255,255,.2)}.contact-band h2{font-family:var(--serif);font-weight:500;font-size:clamp(36px,5vw,72px);line-height:1.35;margin:0}.contact-meta{color:#9ca5a6;font-size:12px;margin-top:34px}.contact-circle{width:190px;height:190px;border:1px solid rgba(255,255,255,.45);border-radius:50%;display:grid;place-items:center;justify-self:end;transition:.4s}.contact-circle:hover{background:#fff;color:#111;transform:scale(.96)}
.site-footer{padding:75px 7vw 35px;background:#060708}.footer-top{display:flex;justify-content:space-between;gap:40px}.footer-brand{max-width:290px}.footer-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 60px;font-size:12px;color:#abb0b2}.footer-bottom{margin-top:70px;padding-top:24px;border-top:1px solid #22282b;display:flex;justify-content:space-between;color:#596064;font-size:9px;letter-spacing:.12em}
.reveal{opacity:0;transform:translateY(45px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}
.thread-ambient{position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.28;mix-blend-mode:screen;overflow:hidden}.thread-ambient svg{width:100%;height:100%;overflow:visible}.thread-ambient__line,.thread-ambient__glow{fill:none;stroke:url(#threadGradient);vector-effect:non-scaling-stroke}.thread-ambient__glow{stroke-width:9;opacity:.16;filter:url(#threadGlow)}.thread-ambient__line{stroke-width:1.25;stroke-linecap:round}.thread-ambient__line--a{stroke-dasharray:680 130;animation:threadFlow 13s linear infinite}.thread-ambient__line--b{stroke-width:.65;opacity:.46;stroke-dasharray:360 90;animation:threadFlow 18s linear infinite reverse}@keyframes threadFlow{to{stroke-dashoffset:-1620}}
.page-main{position:relative;background:#0a0c0e}.page-hero{min-height:340px;height:42svh;max-height:470px;padding-top:72px;display:grid;grid-template-columns:minmax(330px,38vw) 1fr;background:#090b0d;overflow:hidden;border-bottom:1px solid var(--line)}.page-hero__title{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:42px 3vw 46px 5vw}.page-hero h1{font-family:var(--serif);font-size:clamp(40px,5vw,74px);font-weight:500;line-height:1.1;margin:22px 0 0}.page-hero__index{margin:auto 0 0;color:#4f585d;font-size:9px;letter-spacing:.22em}.page-hero__visual{position:relative;margin:0;overflow:hidden;clip-path:polygon(6% 0,100% 0,100% 100%,0 100%)}.page-hero__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090b0d 0%,transparent 28%),linear-gradient(0deg,rgba(0,0,0,.42),transparent 55%)}.page-hero__visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.06);transform:scale(1.03);animation:heroIn 9s ease-out forwards}.page-hero__visual span{position:absolute;z-index:2;right:2vw;bottom:24px;font-size:9px;letter-spacing:.24em;color:#d3d8d8}.page-content{position:relative;isolation:isolate;display:grid;grid-template-columns:clamp(100px,13vw,190px) minmax(0,1fr);background:var(--paper);color:#181b1d;padding:0;min-height:55vh;overflow:hidden}.page-content:before{content:"";position:absolute;z-index:-1;width:95vw;height:38vw;top:28%;left:18%;border-top:1px solid rgba(10,143,135,.15);border-radius:50%;transform:rotate(-12deg);box-shadow:0 -1px 0 rgba(232,76,114,.08)}.page-content__rail{border-right:1px solid #d4d2cd;padding:80px 2vw;display:flex;flex-direction:column;align-items:center;gap:20px;color:#868c8e;font-style:normal}.page-content__rail span,.page-content__rail small{font-size:8px;letter-spacing:.2em;writing-mode:vertical-rl}.page-content__rail i{display:block;width:1px;height:90px;background:linear-gradient(#18aa9e,transparent)}.page-content__body{width:100%;max-width:none;padding:88px clamp(4vw,6vw,110px) 120px}.page-content__body>h2:first-child{margin-top:0}.page-content h2,.page-content h3{font-family:var(--serif);font-weight:500}.page-content h2{font-size:clamp(30px,3.5vw,56px);line-height:1.35;margin:90px 0 35px}.page-content h3{font-size:clamp(21px,2vw,32px);margin-top:55px}.page-content p,.page-content li{font-size:15px;line-height:2.05}.page-content a{color:#087d76;text-decoration:none;border-bottom:1px solid currentColor}.page-content .wp-block-columns{gap:clamp(28px,5vw,88px);align-items:stretch}.page-content .wp-block-column{min-width:0}.page-content .wp-block-image{margin:45px 0;overflow:hidden}.page-content .wp-block-image img{width:100%;max-height:72vh;object-fit:cover;transition:transform .8s,filter .8s}.page-content .wp-block-image:hover img{transform:scale(1.018);filter:saturate(1.08)}.page-content table{width:100%;border-collapse:collapse}.page-content th,.page-content td{padding:20px 16px;border-bottom:1px solid #cbc9c4;text-align:left}.page-content th{width:24%;font-weight:500;color:#676d70}.page-content .alignwide{width:100%;max-width:none}.page-content .alignfull{width:calc(100% + clamp(4vw,6vw,110px)*2);margin-left:calc(clamp(4vw,6vw,110px)*-1)}
@media(max-width:900px){.site-header{height:74px}.site-nav{position:fixed;inset:0;background:#080a0c;display:flex;flex-direction:column;justify-content:center;gap:26px;font-size:18px;transform:translateX(100%);transition:.45s}.site-nav.is-open{transform:none}.menu-button{display:block;position:relative;z-index:2}.hero{min-height:640px}.hero__content{padding:100px 7vw 50px}.hero__vertical{display:none}.section{padding:90px 7vw}.section-head,.intro-grid{grid-template-columns:1fr}.intro-image{order:-1}.intro-image img{height:420px}.capabilities{grid-template-columns:1fr 1fr}.capability{min-height:300px}.process-item{grid-template-columns:60px 1fr}.process-item p{grid-column:2}.gallery{grid-template-columns:1fr;grid-template-rows:430px 260px 260px}.gallery img:first-child{grid-row:auto}.contact-band{grid-template-columns:1fr}.contact-circle{justify-self:start;width:150px;height:150px}.footer-top{flex-direction:column}.thread-ambient{opacity:.2}.page-hero{height:auto;min-height:390px;grid-template-columns:1fr;padding-top:68px}.page-hero__title{position:absolute;inset:0;justify-content:flex-end;padding:32px 7vw 42px;background:linear-gradient(90deg,rgba(5,7,8,.9),rgba(5,7,8,.18));z-index:3}.page-hero__visual{grid-column:1;clip-path:none}.page-hero__index{display:none}.page-content{grid-template-columns:1fr}.page-content__rail{display:none}.page-content__body{padding:68px 7vw 90px}.page-content h2{margin-top:68px}.page-content .alignfull{width:calc(100% + 14vw);margin-left:-7vw}}
@media(max-width:560px){.brand{width:215px}.hero h1{font-size:43px}.hero__actions{flex-direction:column;align-items:flex-start}.button{min-width:220px}.intro-stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid #c9c8c3}.capabilities{grid-template-columns:1fr}.capability{min-height:260px}.footer-nav{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
.page-content__body .is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:none!important}.page-content__body>.wp-block-group:first-child>.wp-block-group__inner-container>.vk_spacer:first-child,.page-content__body>.wp-block-group:first-child>.wp-block-group__inner-container>h2:first-of-type{display:none}.page-content__body>.wp-block-group:first-child>.wp-block-group__inner-container>p:first-of-type{max-width:900px!important;margin:6px 0 44px!important;text-align:left!important;font-family:var(--serif);font-size:clamp(18px,1.75vw,27px);line-height:1.9;color:#3d4446!important}.page-content .vk_gridColumn>.row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px!important;margin:0!important;background:#bbbdbb}.page-content .vk_gridColumn_item{width:auto!important;max-width:none!important;padding:0!important}.page-content .vk_button_link{position:relative!important;min-height:118px!important;border:0!important;border-radius:0!important;background:#111517!important;color:#fff!important;display:flex!important;align-items:flex-end!important;justify-content:flex-start!important;padding:22px!important;text-align:left!important;overflow:hidden;transition:transform .35s,background .35s!important}.page-content .vk_button_link:before{content:"";position:absolute;inset:auto -25% -90% auto;width:170px;height:170px;border:1px solid rgba(50,215,199,.4);border-radius:50%;transition:.5s}.page-content .vk_button_link:hover{background:#103637!important;transform:translateY(-5px)}.page-content .vk_button_link:hover:before{transform:scale(1.5)}.page-content .vk_button_link .vk_button_link_txt{position:relative;z-index:1}.page-content .wp-block-group.alignfull{padding-left:clamp(4vw,6vw,110px)!important;padding-right:clamp(4vw,6vw,110px)!important}.page-content .wp-block-group.has-background{background-color:#e8e6e0!important}
@media(max-width:900px){.page-content .vk_gridColumn>.row{grid-template-columns:1fr 1fr}.page-content .wp-block-group.alignfull{padding-left:7vw!important;padding-right:7vw!important}}
@media(max-width:560px){.page-content .vk_gridColumn>.row{grid-template-columns:1fr}}
.page-hero{position:relative}

/* SONODA 2.0 — Japanese precision / kinetic textile system */
:root{--ink:#071016;--paper:#f4f0e8;--accent:#24b8ad;--vermilion:#c84135;--indigo:#173c59}.thread-canvas{position:fixed;inset:0;z-index:95;pointer-events:none;mix-blend-mode:difference;opacity:.7}.site-header{z-index:120}.loader{background:#071016}.loader__bar span{background:linear-gradient(90deg,#174b73,#159f9a,#e4a83a,#c84135)}
.hero__media{z-index:0}.hero__content,.hero__vertical,.scrollcue{z-index:6}.hero__sun{position:absolute;z-index:2;right:9vw;top:9vh;width:min(44vw,670px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 32%,#e35d4c 0,#bd3027 58%,#761d1a 100%);opacity:.48;mix-blend-mode:color-dodge;filter:saturate(.8);will-change:transform}.hero__sun:before{content:"";position:absolute;inset:10%;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 11px,rgba(255,244,218,.12) 12px 13px)}.hero__loom{position:absolute;z-index:4;inset:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,transparent 0 calc(8.333vw - 1px),rgba(255,255,255,.055) calc(8.333vw - 1px) 8.333vw),repeating-linear-gradient(0deg,transparent 0 69px,rgba(255,255,255,.025) 69px 70px);mask-image:linear-gradient(90deg,transparent 0,#000 25%,#000 100%)}.hero__content:before{content:"";position:absolute;left:2.2vw;top:26%;width:1px;height:47%;background:linear-gradient(transparent,#f5f1e8,transparent);opacity:.36}.hero h1{font-size:clamp(50px,7vw,112px);letter-spacing:-.01em;text-shadow:0 4px 30px rgba(0,0,0,.28)}.hero h1 span:nth-child(2){transform:translateX(8vw)}.dye-spectrum{position:absolute;z-index:7;left:0;bottom:0;display:grid;grid-template-columns:repeat(6,clamp(32px,4vw,62px));height:8px}.dye-spectrum i:nth-child(1){background:#173c59}.dye-spectrum i:nth-child(2){background:#138895}.dye-spectrum i:nth-child(3){background:#24b8ad}.dye-spectrum i:nth-child(4){background:#e4a83a}.dye-spectrum i:nth-child(5){background:#d2683b}.dye-spectrum i:nth-child(6){background:#c84135}.dye-spectrum i{transform-origin:bottom;animation:spectrumPulse 3.8s ease-in-out infinite alternate}.dye-spectrum i:nth-child(2){animation-delay:.2s}.dye-spectrum i:nth-child(3){animation-delay:.4s}.dye-spectrum i:nth-child(4){animation-delay:.6s}.dye-spectrum i:nth-child(5){animation-delay:.8s}.dye-spectrum i:nth-child(6){animation-delay:1s}@keyframes spectrumPulse{50%{height:34px}100%{height:13px}}
.section{isolation:isolate}.section:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:radial-gradient(circle at 50% 100%,transparent 0 28px,rgba(20,96,103,.055) 29px 30px,transparent 31px);background-size:60px 30px;opacity:.45;mask-image:linear-gradient(115deg,transparent 10%,#000 44%,transparent 78%)}.section-head{position:relative}.section-head:after{content:"";position:absolute;right:-7vw;top:-50px;width:32vw;height:1px;background:linear-gradient(90deg,transparent,var(--vermilion));transform:rotate(-17deg);transform-origin:right}.section-title{letter-spacing:-.02em}.section--paper .section-kicker{color:var(--vermilion)}.capability{position:relative;overflow:hidden}.capability:before{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(200,65,53,.26);border-radius:50%;right:-110px;top:-110px;transition:.6s}.capability:hover:before{transform:scale(2.4)}.cinema{clip-path:polygon(0 7%,100% 0,100% 93%,0 100%);margin:-4vw 0}.process-item{transition:padding .35s,background .35s}.process-item:hover{padding-left:22px;background:rgba(20,142,135,.055)}
.page-hero{background:#071016}.page-hero__sun{position:absolute;z-index:3;right:15vw;top:-48%;width:420px;aspect-ratio:1;border-radius:50%;background:#c84135;opacity:.34;mix-blend-mode:screen}.page-hero__sun:after{content:"";position:absolute;inset:17%;border:1px solid rgba(255,255,255,.36);border-radius:50%}.page-hero__loom{position:absolute;z-index:4;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.055) 79px 80px),repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,.025) 39px 40px);mask-image:linear-gradient(90deg,transparent,#000 35%,#000)}.page-hero__title{z-index:6}.page-hero__visual{z-index:1}.page-hero__visual img{filter:saturate(.55) contrast(1.16) sepia(.08)}.page-hero__visual:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(115deg,transparent 47%,rgba(36,184,173,.18) 47.2%,transparent 47.5%)}.page-hero h1{letter-spacing:-.05em}.page-content{background:#f4f0e8}.page-content:after{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(90deg,transparent 0 119px,rgba(23,60,89,.035) 119px 120px);pointer-events:none}.page-content__rail{background:#eee9df}.page-content__rail i{background:linear-gradient(#c84135,#24b8ad,transparent)}.page-content__body>.wp-block-group>.wp-block-group__inner-container>.wp-block-group{position:relative;border-top:1px solid rgba(7,16,22,.1)}.page-content__body>.wp-block-group>.wp-block-group__inner-container>.wp-block-group:before{content:"";position:absolute;left:0;top:-1px;width:clamp(70px,9vw,150px);height:3px;background:linear-gradient(90deg,var(--indigo),var(--accent),var(--vermilion))}.page-content .wp-block-group,.page-content .wp-block-image img,.page-content .wp-element-button,.page-content .vk_button_link{border-radius:0!important}.page-content .has-vk-color-primary-background-color:not(.vk_button_link){background:#0d1a22!important}.page-content .vk_button_link{background:#081219!important}.page-content .vk_button_link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,#173c59,#24b8ad,#e4a83a,#c84135);transform:scaleX(.16);transform-origin:left;transition:.5s}.page-content .vk_button_link:hover:after{transform:scaleX(1)}.page-content table tr{transition:background .25s}.page-content table tr:hover{background:rgba(36,184,173,.07)}
.site-footer{position:relative;overflow:hidden;background:#050b0f}.site-footer:before{content:"";position:absolute;right:-8vw;bottom:-24vw;width:52vw;aspect-ratio:1;border-radius:50%;border:1px solid rgba(200,65,53,.3);box-shadow:0 0 0 5vw rgba(36,184,173,.025),0 0 0 10vw rgba(228,168,58,.018)}
@media(max-width:900px){.thread-canvas{display:none}.hero__sun{width:86vw;right:-29vw;top:15vh;opacity:.38}.hero__loom{background-size:auto}.hero h1 span:nth-child(2){transform:none}.dye-spectrum{grid-template-columns:repeat(6,8vw)}.page-hero__sun{width:280px;right:-100px;top:-40px}.page-hero__loom{opacity:.6}.cinema{clip-path:polygon(0 3%,100% 0,100% 97%,0 100%);margin:-2vw 0}}
.site-footer:before{pointer-events:none;z-index:0}.footer-top,.footer-bottom{position:relative;z-index:2}.footer-nav,.footer-nav a{position:relative;z-index:3;pointer-events:auto}