*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:#161616;background:#fff;font-family:Arial,'Hiragino Kaku Gothic ProN',sans-serif}body.loading{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #888;outline-offset:7px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:12px}.skip-link:focus{top:15px}.nav{position:fixed;z-index:10;inset:30px 4vw auto;display:flex;justify-content:space-between;align-items:center;color:white;mix-blend-mode:difference;opacity:0;transition:opacity .5s}.nav img{width:65px;filter:invert(1)}nav{display:flex;gap:35px;font-size:10px;letter-spacing:.14em}#intro{position:fixed;inset:0;background:#050505;z-index:30;color:#f3f3f3;display:grid;place-items:center;transition:opacity .35s,visibility .35s}#intro.done{opacity:0;visibility:hidden;pointer-events:none}.intro-center{text-align:center;width:220px}.intro-name{font-size:21px;font-weight:600;letter-spacing:.4em;padding-left:.4em}#load-number{font-size:58px;font-weight:200;font-variant-numeric:tabular-nums;margin:54px 0 20px;letter-spacing:-.05em}#load-number span{font-size:12px;letter-spacing:0;margin-left:7px}.load-line{height:1px;background:#333}.load-line i{height:1px;background:#ddd;display:block;width:0}#load-label{display:block;font-size:8px;letter-spacing:.18em;color:#999;margin-top:20px}#skip-intro{position:absolute;bottom:35px;right:4vw;background:none;border:0;color:#bbb;font-size:10px;letter-spacing:.14em}#journey{height:175svh}.stage{height:100svh;position:sticky;top:0;overflow:hidden;background:#080808;color:white}#visual{position:absolute;inset:0}canvas{display:block;width:100%;height:100%}#fallback{position:absolute;top:35%;left:35%;width:30%;filter:invert(1);opacity:.9}.portal-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 57% 49%,#ffffff18,transparent 45%);opacity:var(--portal,0)}.hero-copy{position:absolute;left:5vw;bottom:18%;opacity:var(--copy,0);transform:translateY(calc((1 - var(--copy,0))*15px));pointer-events:none}.hero-copy>span{font-size:9px;letter-spacing:.24em;color:#999}.hero-copy h1{font-weight:400;font-size:clamp(22px,3vw,46px);letter-spacing:-.035em;margin:15px 0}.hero-copy p{font-size:11px;letter-spacing:.18em;color:#bbb}.stage-bottom{position:absolute;bottom:40px;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.2em;opacity:var(--copy,0)}.stage-bottom a span{display:inline-block;margin-left:28px}.white-out{position:absolute;inset:0;background:white;opacity:var(--white,0);pointer-events:none}.content{display:grid;grid-template-columns:1fr 2.2fr;gap:40px;padding:140px 8vw;max-width:1600px;margin:auto}.section-label{font-size:10px;letter-spacing:.15em}.content h2{font-size:clamp(32px,4.5vw,66px);line-height:1.5;font-weight:400;letter-spacing:-.025em;margin:0 0 45px}.content p{font-size:13px;line-height:2.3;color:#666}.content .lead{font-size:19px;color:#222;line-height:2;margin-bottom:30px}.services{border-top:1px solid #ddd;padding-top:100px}.services h2{font-size:clamp(27px,3vw,42px)}article{border-top:1px solid #ccc;padding:32px 0;display:flex;gap:28px;align-items:baseline}article>span{font-size:11px}article>span:last-child{margin-left:auto}article h3{font-size:28px;font-weight:400;margin:0}article p{margin-bottom:0}#contact{background:#080808;color:#fff;padding:100px 8vw 35px}#contact h2{font-size:clamp(48px,7vw,100px);font-weight:400;line-height:1.4;margin:60px 0 30px}#contact p{font-size:13px;line-height:2}.contact-note{color:#999}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #333;margin-top:90px;padding-top:35px}footer img{width:60px;filter:invert(1)}footer small{font-size:9px;color:#888}footer button{border:0;color:#bbb;background:none;font-size:9px;letter-spacing:.13em}.utilities{position:fixed;right:20px;bottom:15px;z-index:12;display:flex;gap:3px;mix-blend-mode:difference}.utilities button{background:#090909;color:#ccc;border:1px solid #444;padding:8px 11px;font-size:9px;border-radius:20px}.utilities button[aria-pressed=true]{color:#fff;border-color:#ddd}body.ready .nav{opacity:1}@media(max-width:700px){.nav{inset:23px 6vw auto}.nav img{width:49px}nav{gap:18px;font-size:8px}#journey{height:165svh}.hero-copy{bottom:21%;left:7vw}.hero-copy h1{font-size:29px}.hero-copy>span{font-size:8px}.stage-bottom{left:7vw;right:7vw;bottom:65px;font-size:7px}.content{display:block;padding:80px 7vw}.section-label{display:block;margin-bottom:40px}.content h2{margin-bottom:30px}.content .lead{font-size:16px}.content p{font-size:12px}article{gap:18px}article h3{font-size:23px}#contact{padding:75px 7vw 70px}#contact h2{margin-top:45px}footer{gap:20px;flex-wrap:wrap}#fallback{width:65%;left:17.5%;top:34%}.utilities{right:12px;bottom:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.hero-copy{transform:none}}

.stage:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#080808b3);pointer-events:none;opacity:calc(1 - var(--white,0))}.hero-copy,.stage-bottom{z-index:2}.white-out{z-index:3}

/* White transition continues as ABOUT enters, without an empty pinned screen. */
#about{padding-top:48px} @media(max-width:700px){#about{padding-top:32px}}

/* A moving slit of light precedes the full chrome reveal. */
#visual:after{content:"";position:absolute;inset:-30%;pointer-events:none;background:linear-gradient(112deg,transparent 48%,#fff9 49.9%,transparent 50.2%);transform:translateX(var(--scan-x,-100%));opacity:var(--scan,0);mix-blend-mode:screen;filter:blur(1px)}

/* Loading ends immediately; the full 4.2-second reveal remains visible. */
#intro.done{transition:none}
.stage-bottom button{border:0;background:none;color:#aaa;font-size:9px;letter-spacing:.12em;padding:0}
.hero-copy p{letter-spacing:.06em;line-height:1.9}
@media(max-width:700px){.stage-bottom{flex-wrap:wrap;gap:20px}.stage-bottom button{font-size:8px}.stage-bottom #phase{display:none}.hero-copy p{font-size:10px}}

/* Readable service summary, including compact screens. */
.hero-copy p{font-size:14px;color:#d0d0d0;letter-spacing:.04em;max-width:90vw}
@media(max-width:700px){.hero-copy p{font-size:12px;max-width:86vw;line-height:2}.hero-copy h1{margin:12px 0}}
/* ABOUT / SERVICE — original design study. FV rules above are preserved. */
.about-section,.service-section{padding:80px 6vw 110px;max-width:1700px;margin:auto}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.micro,.eyebrow,.copy-note,.art-label,.art-caption{font-size:9px;letter-spacing:.14em}.micro{color:#777}.about-layout{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;min-height:690px;gap:20px}.eyebrow{color:#888}.about-copy h2{font-size:clamp(34px,4vw,60px);font-weight:400;line-height:1.5;letter-spacing:-.065em;margin:30px 0}.about-copy h2 em{font-style:normal;color:#888}.about-copy p{font-size:13px;line-height:2.3;color:#626262}.copy-note{display:block;color:#999;margin-top:28px;font-size:8px}.about-art{height:600px;position:relative;min-width:0}.about-art:before{content:'';position:absolute;inset:15% 0 5%;background:radial-gradient(ellipse,#e8e9ec80,transparent 65%)}#about-visual{position:absolute;inset:0}.art-label{position:absolute;color:#777}.label-people{top:20%;left:9%}.label-business{top:43%;right:0}.label-tech{bottom:20%;left:15%}.art-caption{position:absolute;bottom:5%;left:0;right:0;text-align:center;font-size:8px;color:#999}.about-bottom{border-top:1px solid #dedede;padding-top:30px;display:flex;align-items:center;gap:36px}.about-bottom>span{font-size:21px;letter-spacing:-.035em}.about-bottom p{color:#888;font-size:12px}.about-bottom a{margin-left:auto;border:1px solid #ddd;border-radius:50%;width:48px;height:48px;display:grid;place-items:center}.art-fallback{position:absolute;inset:20%}.art-fallback i{position:absolute;width:75%;height:65%;border:35px solid #a5a5ab;border-radius:50%;transform:rotate(-35deg);box-shadow:inset 4px 7px 8px #fff,5px 9px 15px #b8b8bc}.art-fallback b{position:absolute;inset:10% 0 25% 30%;background:linear-gradient(130deg,#fff9,#b6c3d533);border:1px solid #ccc;transform:rotate(20deg)}.art-fallback u{position:absolute;width:100px;height:100px;left:15%;bottom:0;background:radial-gradient(circle at 30% 25%,white,#aaa 50%,#333);border-radius:50%}.service-section{border-top:1px solid #dedede;padding-top:45px}.service-heading{display:flex;justify-content:space-between;align-items:end;margin:85px 0 90px}.service-heading h2{font-size:clamp(60px,8vw,118px);font-weight:400;letter-spacing:-.07em;line-height:.96;margin:0}.service-heading h2 em{font-family:Georgia,serif;font-weight:400}.service-heading p{font-size:13px;line-height:2.2;color:#777;margin-right:7vw}.service-row{display:grid;grid-template-columns:1fr 1.65fr;align-items:center;gap:6vw;padding:55px 0 70px;border-top:1px solid #ddd}.service-number{font-size:9px;letter-spacing:.16em;color:#777}.service-info h3{font-size:clamp(42px,5vw,76px);letter-spacing:-.055em;font-weight:400;margin:27px 0}.service-info h3>span{display:block;font-size:13px;letter-spacing:.04em;margin-top:15px}.service-info p{font-size:13px;color:#777;line-height:2.2}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0 30px}.tags>span{border:1px solid #ddd;border-radius:20px;padding:7px 12px;font-size:10px;color:#666}.service-info details{max-width:350px;border-top:1px solid #ddd}.service-info summary{cursor:pointer;list-style:none;padding:18px 0;font-size:11px;display:flex;justify-content:space-between}.service-info summary::-webkit-details-marker{display:none}.service-info summary span{font-size:17px}.service-info details[open] summary span{transform:rotate(45deg)}.service-art{height:490px;position:relative;border-radius:3px;overflow:hidden;isolation:isolate}.visual-note,.visual-corner{position:absolute;bottom:20px;font-size:8px;letter-spacing:.06em;z-index:5}.visual-note{left:22px;color:#999}.visual-corner{right:22px;color:#999}.ai-art{background:#101113;color:white}.ai-art:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#b4c3ea25,transparent 60%);background-size:100%}.ai-orbit{position:absolute;left:50%;top:50%;width:440px;height:250px;border:1px solid #ffffff20;border-radius:50%;transform:translate(-50%,-50%) rotate(-32deg)}.orbit-two{transform:translate(-50%,-50%) rotate(40deg);width:330px;height:330px}.ai-line{position:absolute;top:50%;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#8992a6,#fff,#8992a6,transparent)}.ai-line:after{content:'';position:absolute;top:-2px;width:40px;height:4px;background:white;filter:blur(2px);animation:flow 5s infinite linear}.flow-node{position:absolute;top:47%;font-size:9px;letter-spacing:.12em;padding:10px;border:1px solid #ffffff30;background:#17191e}.flow-node b{padding-left:10px;color:#777}.input-node{left:8%}.output-node{right:7%}.ai-core{position:absolute;left:50%;top:50%;width:190px;height:190px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid #d9dfef55;box-shadow:inset 0 0 35px #ffffff20,0 0 45px #8394c529;background:linear-gradient(140deg,#d4ddfa40,#111 55%,#9aaed733);display:flex;align-items:center;justify-content:center}.ai-core>span{font-size:64px;letter-spacing:-.06em;transform:rotate(-45deg);font-weight:400}.ai-core small{position:absolute;font-size:7px;bottom:12px;letter-spacing:.1em}.system-art{background:#e9edf1}.system-stack{position:absolute;inset:18% 11% 13%;transform:perspective(900px) rotateY(-15deg) rotateX(12deg) rotateZ(-6deg)}.dashboard{background:#fafbfc;border:1px solid white;border-radius:8px;height:100%;box-shadow:18px 28px 0 #d6dce380,30px 50px 60px #77899f33;overflow:hidden}.dash-nav{display:flex;justify-content:space-between;padding:18px 20px;font-size:8px;letter-spacing:.09em;border-bottom:1px solid #eee}.dash-body{display:grid;grid-template-columns:25% 1fr;height:100%}.dash-body aside{font-size:8px;padding:25px 16px;color:#888;border-right:1px solid #eee}.dash-body>div{padding:23px}.dash-body small{font-size:7px;color:#999;letter-spacing:.07em}.dash-body h4{font-size:24px;font-weight:400;margin:13px 0 20px;letter-spacing:-.04em}.dash-metrics{display:flex;gap:35px;font-size:26px}.dash-metrics small{display:block;font-size:6px;margin-top:7px}.bars{height:70px;display:flex;align-items:end;gap:10px;margin-top:20px}.bars i{height:50%;width:20px;background:#9aaabb;border-radius:2px;transform-origin:bottom}.bars i:nth-child(2n){height:80%;background:#293b53}.bars i:nth-child(3n){height:65%}.floating-status{position:absolute;right:-8%;bottom:3%;background:#fff;padding:22px;font-size:11px;box-shadow:0 15px 40px #33415522;border:1px solid #eee;border-radius:6px}.floating-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7c988c;margin-right:10px}.floating-status span{margin-left:35px}.web-art{background:#d8dbd1}.web-browser{position:absolute;inset:13% 13% 18% 7%;background:#f4f4ed;border-radius:5px;box-shadow:0 25px 35px #20251522;transform:rotate(-5deg);overflow:hidden}.browser-bar{padding:12px;display:flex;justify-content:space-between;background:#fff;font-size:6px;color:#888}.web-screen{position:relative;height:100%;padding:23px;color:#3c4833}.web-screen>span{font-size:14px;letter-spacing:-.03em}.web-screen>small{position:absolute;right:20px;top:25px;font-size:6px}.web-screen h4{position:relative;z-index:2;font-family:Georgia,serif;font-weight:400;font-size:43px;line-height:1.02;margin:32px 0}.web-sculpture{position:absolute;right:5%;top:21%;width:140px;height:140px;border:30px solid #69775f;border-radius:50%;transform:rotate(-25deg) scaleX(.7);box-shadow:inset 8px 8px 12px #ffffff80,12px 18px 18px #26321d33}.web-bottom{position:absolute;bottom:43px;left:23px;right:23px;font-size:6px;display:flex;justify-content:space-between}.web-phone{position:absolute;right:8%;bottom:12%;width:120px;height:240px;background:#3b4833;color:#ecf0e8;border:5px solid #222;border-radius:20px;padding:18px 12px;box-shadow:10px 15px 35px #1114;transform:rotate(8deg)}.web-phone>span{font-size:10px}.phone-orb{height:75px;width:75px;border-radius:50%;margin:20px auto;background:radial-gradient(circle at 30% 25%,#e5eadc,#77876a 50%,#26321c)}.web-phone b{font:20px/1 Georgia,serif}.web-phone small{display:block;font-size:6px;margin-top:15px}.sns-art{background:#eae2df}.sns-card{position:absolute;width:195px;height:310px;padding:22px;box-shadow:0 24px 35px #4a2e3522}.sns-card>span{font-size:7px;letter-spacing:.06em}.sns-card>b{position:absolute;bottom:48px;font-size:37px;font-weight:400;letter-spacing:-.05em;line-height:1}.sns-card>small{position:absolute;bottom:22px;left:22px;right:22px;font-size:6px;display:flex;justify-content:space-between}.sns-back{background:#956c71;color:#fff;top:13%;right:12%;transform:rotate(12deg)}.sns-front{background:#f5f0e9;color:#433941;top:22%;left:15%;transform:rotate(-10deg)}.sns-chrome{position:absolute;top:65px;left:53px;width:95px;height:95px;border:19px solid #a8a2a6;border-radius:50%;transform:scaleX(.8) rotate(-20deg);box-shadow:inset 4px 4px 4px #fff,5px 6px 5px #6b5c7155;background:transparent}.sns-flower{position:absolute;top:60px;left:46px;width:110px;height:110px;background:repeating-conic-gradient(#e3c1c7 0deg 20deg,#d4a1ac 20deg 40deg);border-radius:50%;box-shadow:inset 0 0 30px #956c71}.sns-wave{position:absolute;right:7%;bottom:14%;width:150px;background:#fffc;padding:15px;box-shadow:0 10px 20px #5b414a11;transform:rotate(5deg)}.sns-wave span{font-size:7px;color:#876871}.sns-wave svg{display:block;color:#876871;margin-top:10px}.draft-end{padding:30px 6vw 60px;border-top:1px solid #eee;color:#999}.draft-end span{font-size:8px;letter-spacing:.12em}.draft-end p{font-size:11px;line-height:2}.draft-end button{background:none;border:0;color:#777;font-size:9px;padding:10px 0}.service-row.is-visible .system-stack,.service-row.is-visible .web-browser,.service-row.is-visible .sns-card{animation:float-art 7s ease-in-out infinite alternate}.service-row:not(.is-visible) *{animation-play-state:paused!important}body.motion-stopped .service-art *,body.light-mode .service-art *{animation:none!important}@keyframes flow{from{left:0}to{left:95%}}@keyframes float-art{to{translate:0 -10px}}
@media(max-width:900px){.about-layout{grid-template-columns:1fr 1fr}.about-art{height:480px}.service-art{height:400px}.service-row{gap:4vw}.visual-corner{display:none}.service-heading p{margin-right:0}.system-stack{inset:20% 7% 16%}.sns-card{width:160px;height:270px}.sns-front{left:10%}.sns-back{right:8%}.sns-wave{width:120px}.web-screen h4{font-size:35px}.web-sculpture{width:110px;height:110px;border-width:24px}}
@media(max-width:700px){.about-section,.service-section{padding:60px 7vw}.section-top .section-label{margin:0}.micro{font-size:7px;max-width:130px;text-align:right;line-height:1.8}.about-layout{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:0}.about-copy{padding-top:60px}.about-copy h2{font-size:40px;margin:22px 0}.about-copy p{font-size:12px}.eyebrow{font-size:8px}.about-art{height:370px;margin:0 -5vw}.label-people{top:14%;left:11%}.label-business{top:45%;right:3%}.label-tech{bottom:15%;left:9%}.art-label{font-size:7px}.art-caption{bottom:0;font-size:6px}.about-bottom{margin-top:40px;display:grid;grid-template-columns:1fr 40px;gap:12px}.about-bottom>span{font-size:17px}.about-bottom p{font-size:10px;grid-row:2;margin:0}.about-bottom a{grid-column:2;grid-row:1/3;width:40px;height:40px}.service-heading{display:block;margin:55px 0}.service-heading h2{font-size:70px}.service-heading p{font-size:12px;margin-top:30px}.service-row{grid-template-columns:1fr;gap:25px;padding:40px 0}.service-info h3{font-size:52px;margin:20px 0}.service-info h3>span{font-size:12px;margin-top:10px}.service-info p{font-size:12px}.tags{margin:20px 0}.service-info details{max-width:none}.service-art{height:370px;margin:0 -2vw}.visual-note{left:14px;bottom:14px;font-size:7px;max-width:90%}.ai-core{width:145px;height:145px}.ai-core>span{font-size:50px}.ai-core small{font-size:5px}.ai-orbit{width:300px;height:180px}.orbit-two{width:250px;height:250px}.flow-node{font-size:6px;padding:8px;top:48%}.input-node{left:4%}.output-node{right:3%}.flow-node b{padding-left:2px}.system-stack{inset:18% 8% 18%}.dash-nav{padding:13px;font-size:6px}.dash-body aside{padding:20px 10px;font-size:6px}.dash-body>div{padding:16px}.dash-body h4{font-size:22px}.dash-metrics{font-size:22px;gap:20px}.bars{height:55px;gap:7px}.bars i{width:16px}.floating-status{font-size:9px;padding:16px;right:-5%;bottom:-5%}.web-browser{inset:15% 12% 20% 6%}.web-screen{padding:18px}.web-screen>small{font-size:5px}.web-screen h4{font-size:30px}.web-sculpture{right:0;width:95px;height:95px;border-width:22px}.web-phone{width:95px;height:195px;border-width:4px;padding:12px 8px;right:7%;bottom:14%}.phone-orb{width:60px;height:60px;margin:17px auto}.web-phone b{font-size:17px}.sns-card{width:150px;height:250px;padding:16px}.sns-front{left:9%;top:23%}.sns-back{right:7%;top:13%}.sns-card>b{font-size:31px;bottom:40px}.sns-card>small{left:16px;bottom:16px}.sns-chrome{left:40px;top:53px;width:80px;height:80px;border-width:16px}.sns-flower{left:32px;top:46px;width:90px;height:90px}.sns-wave{width:110px;right:5%;bottom:13%;padding:12px}.draft-end{padding:25px 7vw 65px}}
@media(max-width:350px){.about-copy h2{font-size:35px}.about-art{height:320px}.service-heading h2{font-size:60px}.service-art{height:330px}.sns-card{width:135px;height:230px}.sns-card>b{font-size:29px}.sns-wave{width:95px}.dash-body h4{font-size:19px}.bars{height:42px}.ai-core{width:125px;height:125px}.ai-core small{font-size:4px}.desktop-br{display:none}}
@media(prefers-reduced-motion:reduce){.service-art *{animation:none!important}html{scroll-behavior:auto}}
body.motion-stopped .ai-line:after,body.light-mode .ai-line:after{animation:none!important;left:50%}
@media(prefers-reduced-motion:reduce){.ai-line:after{animation:none!important;left:50%}}

/* ABOUT revision: one spatial production workspace. All rules scoped to ABOUT. */
#about{--about-progress:.5;max-width:none;padding:48px 0 0;overflow:clip;background:#f8f8f5}
#about .section-top{margin:0 6vw}
#about .about-intro{padding:86px 6vw 60px;display:grid;grid-template-columns:1.3fr 1fr;gap:7vw;align-items:end}
#about h2{font-size:clamp(46px,5.5vw,88px);line-height:1.36;letter-spacing:-.065em;font-weight:500;margin:0}
#about h2 span{color:#777974}
#about .about-description{max-width:470px;padding-bottom:5px}
#about .about-description p{font-size:14px;line-height:2.1;letter-spacing:.02em;margin:0 0 16px;color:#535650}
#about .about-description p:last-child{margin:0}
#about .about-workspace{height:790px;position:relative;isolation:isolate;overflow:hidden}
#about .workspace-grid{position:absolute;inset:0;background-image:linear-gradient(#32382e0a 1px,transparent 1px),linear-gradient(90deg,#32382e0a 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}
#about .workspace-word{position:absolute;left:4vw;top:100px;font-size:clamp(110px,17.5vw,280px);font-weight:700;letter-spacing:-.08em;line-height:.79;color:#e5e7e0;transform:translateX(calc((var(--about-progress) - .5)* -90px));user-select:none}
#about .workspace-stage{position:absolute;width:1200px;height:650px;left:50%;top:20px;margin-left:-600px;perspective:1500px}
#about .workspace-wires{position:absolute;width:100%;height:100%;fill:none;stroke:#8c9580;stroke-width:1;stroke-dasharray:5 6;opacity:.6;transform:translateY(calc((var(--about-progress) - .5)*-35px))}
#about .work-plane{position:absolute;border:1px solid #c4c8be;box-shadow:12px 23px 0 -5px #d5d8cf,22px 43px 55px -30px #18231655;overflow:hidden;backface-visibility:hidden}
#about .plane-chrome{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font-size:8px;letter-spacing:.1em;background:#fafbf8;border-bottom:1px solid #d9ddd3;color:#62695d}
#about .plane-web{width:620px;height:403px;left:105px;top:10px;background:#eeefe7;transform:translate3d(calc((var(--about-progress) - .5)*-110px),calc((var(--about-progress) - .5)*-115px),0) rotateX(calc(11deg + (var(--about-progress) - .5)*14deg)) rotateY(calc(19deg - (var(--about-progress) - .5)*32deg)) rotateZ(calc(-10deg + (var(--about-progress) - .5)*12deg))}
#about .concept-web{padding:20px 26px;position:relative;height:360px;color:#26322b}
#about .concept-nav{display:flex;justify-content:space-between;align-items:center}.concept-nav b{font-size:25px;letter-spacing:-.06em}#about .concept-nav span{font-size:7px;letter-spacing:.08em}
#about .concept-title{position:relative;z-index:2;font-size:54px;line-height:1.04;letter-spacing:-.055em;margin-top:46px}#about .concept-title i{font-family:Georgia,serif;font-weight:400}
#about .concept-image{position:absolute;right:26px;top:75px;width:230px;height:215px;background:#b7c4aa;overflow:hidden}#about .concept-image>div{position:absolute;inset:-30%;background:repeating-linear-gradient(72deg,#4b6050 0 22px,#95aa8a 23px 48px,#d0d9c3 49px 70px);transform:rotate(-20deg)}#about .concept-image>span{position:absolute;bottom:14px;right:14px;font-size:8px;line-height:1.5;background:#eef0de;padding:10px}
#about .concept-footer{position:absolute;bottom:25px;left:26px;right:26px;border-top:1px solid #9da590;padding-top:13px;font-size:7px;display:flex;justify-content:space-between}
#about .plane-system{width:470px;height:295px;left:535px;top:280px;background:#fff;transform:translate3d(calc((var(--about-progress) - .5)*90px),calc((var(--about-progress) - .5)*-160px),65px) rotateX(calc(12deg - (var(--about-progress) - .5)*16deg)) rotateY(calc(-17deg + (var(--about-progress) - .5)*28deg)) rotateZ(calc(8deg - (var(--about-progress) - .5)*10deg));z-index:3}
#about .work-system{display:flex;height:245px}#about .system-sidebar{width:53px;background:#ecede7;text-align:center;padding-top:20px;color:#6c7364;font-size:12px}#about .system-main{padding:20px;flex:1}#about .system-title{font-size:13px;display:flex;justify-content:space-between;align-items:center}#about .system-title span{font-size:7px;background:#28352d;color:white;padding:7px}#about .work-table{display:grid;grid-template-columns:1fr 70px;font-size:9px;margin-top:18px;row-gap:11px}#about .work-table>span:nth-child(-n+2){font-size:6px;color:#888;border-bottom:1px solid #ddd;padding-bottom:8px}#about .work-table b{font-size:7px;font-weight:400;color:#526342;background:#eaf0e4;padding:3px 7px;width:max-content}#about .system-timeline{display:flex;gap:8px;margin:18px 0 8px}#about .system-timeline i{height:4px;width:30%;background:#b0bca2}#about .system-timeline i:nth-child(2){background:#53684c}#about .system-main small{font-size:6px;color:#888;letter-spacing:.08em}
#about .plane-ai{width:280px;left:15px;top:370px;z-index:4;background:#252d28;color:#ebeee8;border-color:#4f5b4f;transform:translate3d(calc((var(--about-progress) - .5)*-140px),calc((var(--about-progress) - .5)*-190px),100px) rotateX(5deg) rotateY(16deg) rotateZ(-5deg);box-shadow:9px 15px 0 -4px #b6beb0,15px 35px 40px -25px #18231680}#about .plane-ai .plane-chrome{background:#252d28;color:#b6c3ae;border-color:#455044}#about .ai-workflow{padding:18px 24px;text-align:center;font-size:10px}#about .ai-workflow>span{display:block;border:1px solid #63705d;padding:9px}#about .ai-workflow i{display:block;color:#99ac8c;font-style:normal;padding:5px}#about .ai-workflow strong{font-weight:400;display:block;background:#d6e6a5;color:#283226;padding:15px}#about .ai-workflow small{font-size:7px;display:block;margin-top:6px}#about .ai-run{padding:12px 18px;border-top:1px solid #455044;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.1em;color:#c2d0b5}
#about .plane-sns{width:190px;left:990px;top:90px;background:#e1e4da;z-index:2;transform:translate3d(calc((var(--about-progress) - .5)*160px),calc((var(--about-progress) - .5)*150px),0) rotateY(-14deg) rotateZ(12deg)}#about .sns-editor-top,#about .sns-editor-bottom{display:flex;justify-content:space-between;padding:12px;font-size:7px}#about .sns-editor-art{margin:0 10px;background:#d9e99f;position:relative;height:215px;padding:20px 12px;overflow:hidden}#about .sns-editor-art>span{position:relative;z-index:2;font-size:35px;font-weight:700;letter-spacing:-.055em;line-height:.95}#about .sns-editor-art i{font-family:Georgia,serif;font-weight:400}#about .editor-cross{position:absolute;bottom:-50px;right:-15px;font-size:190px;color:#9caf68;font-weight:200}#about .sns-editor-bottom{font-size:8px}
#about .workspace-coordinate{position:absolute;font-size:9px;letter-spacing:.12em;color:#7b8275}#about .workspace-coordinate span{font-size:24px}#about .coordinate-one{left:12px;top:230px}#about .coordinate-two{left:830px;top:620px}
#about .workspace-caption{position:absolute;bottom:28px;left:6vw;right:6vw;display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.1em;color:#7b8275}
#about .about-bottom{margin:0 6vw;padding:33px 0 45px;justify-content:space-between;gap:30px}#about .about-bottom-label{font-size:8px;letter-spacing:.14em;color:#81867a}#about .about-bottom p{font-size:23px;letter-spacing:-.025em;color:#30372d;line-height:1.6;margin:10px 0 0}#about .about-bottom a{width:auto;height:auto;border:0;border-radius:0;display:flex;gap:25px;margin:0;align-items:center}#about .about-bottom a>span{font-size:9px;letter-spacing:.08em}#about .about-bottom a>b{display:grid;place-items:center;width:50px;height:50px;border:1px solid #a8b09e;border-radius:50%;font-size:20px;font-weight:400}#about .about-mobile-break{display:none}#about .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:1600px){#about .workspace-stage{scale:1.12;transform-origin:top center}#about .about-workspace{height:870px}}
@media(max-width:1100px) and (min-width:701px){#about .workspace-stage{scale:.78;transform-origin:top center}#about .about-workspace{height:640px}#about .about-intro{gap:4vw}#about .about-description p{font-size:12px}}
@media(max-width:700px){#about{padding-top:32px}#about .section-top{margin:0 7vw}#about .about-intro{display:block;padding:60px 7vw 20px}#about h2{font-size:clamp(34px,9.6vw,54px);line-height:1.4}#about .about-description{margin-top:27px;max-width:480px}#about .about-description p{font-size:12px;line-height:2;margin-bottom:13px}#about .about-workspace{height:620px}#about .workspace-word{top:70px;left:3vw;font-size:26vw;line-height:.84}#about .workspace-grid{background-size:38px 38px}#about .workspace-stage{width:390px;height:570px;left:50%;margin-left:-195px;top:0;perspective:900px}#about .work-plane{transform-origin:center;box-shadow:8px 13px 0 -4px #cbd1c3,12px 24px 35px -18px #18231655}#about .plane-web{left:-36px;top:45px;transform:translate3d(calc((var(--about-progress) - .5)*-45px),calc((var(--about-progress) - .5)*-60px),0) rotateY(15deg) rotateZ(-9deg) scale(.56);transform-origin:top left}#about .plane-system{left:94px;top:270px;transform:translate3d(calc((var(--about-progress) - .5)*45px),calc((var(--about-progress) - .5)*-90px),0) rotateY(-12deg) rotateZ(8deg) scale(.61);transform-origin:top left}#about .plane-ai{left:5px;top:340px;transform:translate3d(calc((var(--about-progress) - .5)*-35px),calc((var(--about-progress) - .5)*-85px),0) rotateZ(-7deg) scale(.57);transform-origin:top left}#about .plane-sns{left:282px;top:132px;transform:translate3d(calc((var(--about-progress) - .5)*30px),calc((var(--about-progress) - .5)*60px),0) rotateZ(12deg) scale(.57);transform-origin:top left}#about .workspace-wires{height:540px;width:650px;left:-120px;opacity:.5}#about .coordinate-one{left:25px;top:290px;font-size:7px}#about .coordinate-two{left:185px;top:500px;font-size:7px}#about .workspace-caption{bottom:20px;left:7vw;right:7vw;flex-direction:column;gap:8px;font-size:6px}#about .about-bottom{margin:0 7vw;padding:25px 0 40px;display:flex;align-items:end;gap:14px}#about .about-bottom p{font-size:17px;line-height:1.7;margin-top:9px}#about .about-mobile-break{display:block}#about .about-bottom a>span:not(.sr-only){display:none}#about .about-bottom a>b{width:40px;height:40px}#about .about-bottom-label{font-size:7px}}
@media(max-width:350px){#about .workspace-stage{scale:.86;transform-origin:top center}#about .about-workspace{height:545px}#about .about-description p{font-size:11px}#about .about-bottom p{font-size:15px}}
@media(prefers-reduced-motion:reduce){#about{--about-progress:.5!important}}
body.motion-stopped #about,body.light-mode #about{--about-progress:.5!important}
/* SERVICE 02 — independent DOM scenes; FV and ABOUT workspace are preserved. */
#about .about-bottom p{color:#303030}#about .about-bottom-label{color:#777}
#service{max-width:none;padding:0;border:0;background:#ececec;overflow:clip;color:#151515;--scene-progress:.5}.service-portal{height:155svh;background:#eaeaea}.portal-sticky{height:100svh;min-height:620px;position:sticky;top:0;padding:8vh 6vw 4vh;display:flex;flex-direction:column;justify-content:space-between}.portal-frame{position:relative;border:1px solid #aaa;border-radius:calc((1 - var(--scene-progress))*85px);padding:80px 7vw 65px;transform:scale(calc(.87 + var(--scene-progress)*.13));background:linear-gradient(140deg,#fff,#dedede 65%,#c4c4c4);box-shadow:0 30px 65px -50px #0005}.portal-cross{position:absolute;right:35px;top:20px;font-size:45px;font-weight:200}.portal-code{font-size:9px;letter-spacing:.14em}.portal-frame h2{font-size:clamp(35px,4.8vw,72px);font-weight:400;letter-spacing:-.06em;line-height:1.45;margin:35px 0 25px}.portal-frame p{font-size:14px;line-height:2.1;color:#555}.portal-pieces{position:absolute;right:8%;top:30%;display:grid;grid-template-columns:repeat(2,100px);gap:12px;transform:rotate(calc(-18deg + var(--scene-progress)*24deg))}.portal-pieces i{font-style:normal;height:100px;display:grid;place-items:center;border:1px solid #fff;background:linear-gradient(135deg,#fff,#bbb,#eee);box-shadow:8px 12px 15px #0001;font-size:12px;transform:translateY(calc(var(--scene-progress)*-25px))}.portal-pieces i:nth-child(even){transform:translateY(calc(var(--scene-progress)*25px))}.portal-index{display:flex;justify-content:space-between;border-top:1px solid #aaa;padding-top:22px;font-size:11px;letter-spacing:.1em}.service-scene{padding:48px 6vw 45px;position:relative;--scene-progress:.5}.scene-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em}.scene-copy{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:35px;align-items:start}.scene-copy h3,.system-heading h3,.sns-copy h3{font-size:clamp(38px,5vw,76px);line-height:.98;font-weight:400;letter-spacing:-.06em;margin:0}.service-scene h4{font-size:23px;line-height:1.6;font-weight:400;margin:0 0 17px}.scene-copy p,.system-heading p,.sns-copy p{font-size:14px;line-height:2.05;margin:0;max-width:550px}.service-capabilities{font-size:11px;line-height:2;margin-top:25px;letter-spacing:.035em}.service-capabilities span{padding:0 10px;color:#888}.demo-note{display:block;font-size:9px;line-height:1.8;margin-top:30px;color:#777;letter-spacing:.03em}.ai-scene{color:#eee;background:#0b0b0b;padding-bottom:65px}.ai-scene .scene-top,.ai-scene .demo-note{color:#999}.ai-theatre{height:550px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;isolation:isolate}.ai-theatre:before{content:'';position:absolute;inset:5%;background:radial-gradient(ellipse,#ffffff15,transparent 65%);z-index:-1}.signal-input,.signal-output{display:grid;gap:14px;width:210px;z-index:2;transform:translateY(calc((var(--scene-progress) - .5)*-55px))}.signal-output{transform:translateY(calc((var(--scene-progress) - .5)*55px))}.signal-input>span,.signal-output>span{font-size:9px;letter-spacing:.12em;color:#999;margin-bottom:12px}.signal-input i,.signal-output i{font-style:normal;border:1px solid #555;padding:18px;font-size:12px;background:#171717}.intelligence-core{position:absolute;left:50%;top:50%;width:270px;height:270px;transform:translate(-50%,-50%);display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#ddd2,#000 70%);border-radius:50%;border:1px solid #777;box-shadow:inset 12px 0 25px #fff3,inset -15px 0 25px #fff2}.intelligence-core b{font-size:95px;font-weight:400;letter-spacing:-.08em;background:linear-gradient(145deg,#fff,#777,#fff);background-clip:text;color:transparent}.intelligence-core>span{font-size:7px;letter-spacing:.13em}.core-ring{position:absolute;inset:-45px;border:1px solid #555;border-radius:50%;transform:rotateX(60deg) rotateY(calc(var(--scene-progress)*100deg));box-shadow:0 2px 0 #ccc}.signal-track{position:absolute;left:10%;right:10%;top:50%;height:1px;background:#666;z-index:-1}.signal-track:after{content:'';position:absolute;width:65px;height:3px;background:#eee;top:-1px;left:calc(var(--scene-progress)*90%);box-shadow:0 0 18px #fff}.system-scene{background:#d9d9d9;padding-top:55px}.system-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;margin:70px 0 65px}.system-lab{position:relative;min-height:540px;display:flex;align-items:center;padding:20px 2vw 60px;perspective:1400px}.lab-dashboard{width:60%;background:#f4f4f4;border:1px solid #aaa;box-shadow:0 35px 40px -30px #0004;transform:rotateY(calc(-12deg + var(--scene-progress)*8deg)) translateX(calc(var(--scene-progress)*-25px));}.lab-bar{padding:18px 22px;border-bottom:1px solid #ccc;font-size:10px;letter-spacing:.05em;display:flex;justify-content:space-between;gap:10px}.lab-bar>span{color:#777}.lab-content{display:grid;grid-template-columns:60px 1fr;gap:30px;padding:30px}.lab-content aside{border-right:1px solid #ddd;font-size:24px;line-height:2.7;color:#999}.lab-content small{font-size:9px;letter-spacing:.1em}.lab-content h4{font-size:18px;margin:15px 0}.lab-stats{display:flex;gap:40px;padding:15px 0 30px}.lab-stats b{font-size:45px;font-weight:400}.lab-stats small{display:block;font-size:8px;color:#777}.lab-row{display:flex;justify-content:space-between;padding:17px 0;border-top:1px solid #ddd;font-size:11px}.lab-row span{color:#777;margin-right:40px}.diagnosis{width:44%;position:absolute;right:0;top:0;background:#111;color:#eee;box-shadow:0 30px 50px #0003;transform:translateY(calc(35px - var(--scene-progress)*50px)) rotateY(calc(10deg - var(--scene-progress)*10deg));border:1px solid #555}.diagnosis .lab-bar{border-color:#444}.diagnosis-body{padding:32px}.diagnosis-step{font-size:8px;letter-spacing:.12em;color:#999}.diagnosis h4{font-size:22px;margin:22px 0}.diagnosis-options{display:grid;gap:10px}.diagnosis-options button{display:flex;justify-content:space-between;text-align:left;padding:15px;background:#222;border:1px solid #555;color:#ddd;font-size:11px;gap:10px}.diagnosis-options button[aria-pressed=true]{background:#e3e3e3;color:#111;border-color:#fff}.diagnosis-result{margin-top:25px;border-top:1px solid #555;padding-top:20px}.diagnosis-result small{font-size:8px;color:#aaa}.diagnosis-result strong{display:block;font-size:24px;font-weight:400;margin:14px 0}.diagnosis-result p{font-size:11px;line-height:1.8;min-height:40px}.result-meter{display:flex;gap:5px;height:5px;margin-top:20px}.result-meter i{flex:1;background:#eee}.result-meter i:nth-last-child(-n+2){background:#555}.diagnosis[data-choice="1"] .result-meter i:nth-child(4){background:#eee}.diagnosis-result.changing{animation:result-in .4s ease-out}@keyframes result-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}.lab-link{position:absolute;bottom:10px;left:5%;font-size:10px;letter-spacing:.15em}.system-foot{display:flex;justify-content:space-between;gap:35px;align-items:end;font-size:11px;line-height:2}.system-foot .demo-note{max-width:360px;margin:0}.web-scene{background:#f8f8f8;padding-top:55px}.web-stage{height:650px;position:relative;margin:35px 0 40px;perspective:1200px}.site-prototype{position:absolute;inset:8% 10% 6% 14%;border:1px solid #aaa;background:#ddd;box-shadow:0 30px 45px -30px #0005;transform:rotateY(calc(12deg - var(--scene-progress)*18deg)) rotateZ(calc(-3deg + var(--scene-progress)*4deg));}.prototype-nav{display:flex;justify-content:space-between;padding:22px 30px;border-bottom:1px solid #aaa;font-size:19px}.prototype-nav span{font-size:8px;letter-spacing:.1em}.prototype-main{padding:35px;position:relative;height:calc(100% - 65px);overflow:hidden;background:linear-gradient(110deg,#f5f5f5,#bbb)}.prototype-main>span{font-size:8px;letter-spacing:.15em}.prototype-main h4{font-size:clamp(45px,6.5vw,95px);line-height:.95;letter-spacing:-.07em;position:relative;z-index:1;margin:40px 0}.prototype-main em{font-family:Georgia,serif;font-weight:400}.chrome-object{position:absolute;right:12%;top:20%;width:230px;height:260px;border-radius:48% 48% 10% 48%;background:linear-gradient(120deg,#333 0%,#fff 22%,#555 42%,#aaa 52%,#fff 65%,#333 87%);box-shadow:inset -20px 0 25px #0009,15px 30px 25px #0002;transform:rotate(calc(-25deg + var(--scene-progress)*55deg))}.prototype-bottom{position:absolute;bottom:25px;left:35px;right:35px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em}.web-wire{position:absolute;left:0;top:3%;width:32%;height:73%;border:1px solid #bbb;padding:30px;transform:translateX(calc(var(--scene-progress)*-40px));}.web-wire>span{font-size:8px}.web-wire i{display:block;height:24%;border:1px solid #bbb;margin-top:25px}.mobile-prototype{position:absolute;right:0;bottom:0;width:170px;height:330px;background:#151515;color:#ddd;border:5px solid #777;border-radius:25px;padding:22px 18px;transform:translateY(calc((.5 - var(--scene-progress))*60px)) rotate(8deg);box-shadow:0 20px 35px #0002}.mobile-prototype>span{font-size:12px}.mini-chrome{height:105px;width:100px;border-radius:50%;margin:25px auto;background:linear-gradient(130deg,#fff,#333,#eee,#555)}.mobile-prototype b{font-weight:400;font-family:Georgia,serif;font-size:27px;line-height:1}.mobile-prototype small{display:block;margin-top:25px;font-size:7px}.sns-scene{background:#171717;color:#eee;padding-top:55px;padding-bottom:55px}.sns-scene .scene-top,.sns-scene .demo-note{color:#999}.sns-layout{display:grid;grid-template-columns:.85fr 1.4fr;gap:6vw;align-items:center;padding:90px 0 60px}.sns-copy h3{font-size:clamp(35px,4vw,60px);margin-bottom:40px}.sns-copy h4{font-size:20px}.sns-copy p{color:#aaa;font-size:13px}.content-studio{min-width:0;position:relative}.studio-label{font-size:8px;display:flex;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid #555;gap:15px;color:#aaa}.post-ribbon{height:425px;display:flex;align-items:center;gap:15px;width:115%;transform:translateX(calc((.5 - var(--scene-progress))*70px))}.editorial-post{width:210px;height:325px;flex-shrink:0;padding:20px;position:relative;border:1px solid #999;background:#ccc;color:#111;box-shadow:0 15px 25px #0003;transform:rotate(-8deg)}.editorial-post small{font-size:8px;letter-spacing:.1em}.editorial-post b{position:absolute;bottom:50px;left:20px;font-size:42px;line-height:.95;font-weight:400;letter-spacing:-.05em}.editorial-post>span{position:absolute;bottom:20px;font-size:7px;letter-spacing:.1em}.post-two{background:#eaeaea;transform:translateY(-25px) rotate(5deg)}.post-two b{top:65px;font-size:50px}.post-three{background:#333;color:#eee;transform:rotate(12deg)}.post-sphere{position:absolute;right:20px;top:50px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#777 35%,#ddd 48%,#333 75%);}.post-circle{position:absolute;top:45px;left:40px;width:125px;height:125px;border:25px solid #bbb;border-radius:50%;box-shadow:inset 3px 3px 4px #fff,3px 3px 4px #111}.studio-timeline{display:flex;gap:10px;align-items:center;font-size:9px;white-space:nowrap}.studio-timeline i{height:1px;background:#777;flex:1}.draft-end{background:#eee}
body.motion-stopped #service,body.light-mode #service{--scene-progress:.5!important}body.motion-stopped .service-scene,body.light-mode .service-scene,body.motion-stopped .service-portal,body.light-mode .service-portal{--scene-progress:.5!important}body.motion-stopped .diagnosis-result.changing{animation:none}
@media(max-width:900px){.portal-pieces{right:5%;grid-template-columns:repeat(2,65px)}.portal-pieces i{height:65px;font-size:9px}.ai-theatre{padding:0;height:470px}.signal-input,.signal-output{width:170px}.intelligence-core{width:200px;height:200px}.core-ring{inset:-25px}.intelligence-core b{font-size:75px}.system-heading{gap:25px}.diagnosis-body{padding:22px}.chrome-object{width:180px;height:210px;right:8%}.sns-layout{grid-template-columns:1fr;padding:65px 0 40px}.sns-copy{max-width:600px}.post-ribbon{justify-content:center;width:100%}.sns-copy h3{font-size:50px}.studio-label{margin-top:25px}}
@media(max-width:700px){.service-portal{height:125svh}.portal-sticky{padding:70px 7vw 30px;min-height:650px}.portal-frame{padding:34px 22px 28px;border-radius:calc((1 - var(--scene-progress))*35px);margin:30px -2vw}.portal-cross{font-size:28px;top:15px;right:18px}.portal-code{font-size:7px}.portal-frame h2{font-size:clamp(27px,7.7vw,45px);margin:115px 0 20px}.portal-frame p{font-size:12px;line-height:2}.portal-frame p br{display:none}.portal-pieces{top:55px;right:30px;grid-template-columns:repeat(4,42px);gap:7px}.portal-pieces i{height:42px;font-size:6px}.portal-index{font-size:8px;gap:10px;letter-spacing:0}.service-scene{padding:35px 7vw 40px}.scene-top{font-size:8px;line-height:1.8;gap:20px}.scene-top>span:last-child{font-size:6px;text-align:right;max-width:120px}.scene-copy{display:block;margin-top:20px}.scene-copy h3{font-size:37px;margin-bottom:30px}.service-scene h4{font-size:20px}.scene-copy p,.system-heading p,.sns-copy p{font-size:12px;line-height:2}.service-capabilities{font-size:10px;margin-top:20px}.service-capabilities span{padding:0 3px}.demo-note{font-size:8px;margin-top:25px}.ai-theatre{height:500px;display:block}.intelligence-core{width:170px;height:170px;top:48%}.intelligence-core b{font-size:65px}.intelligence-core>span{font-size:5px}.core-ring{inset:-25px}.signal-input,.signal-output{position:absolute;display:flex;flex-wrap:wrap;gap:6px;width:100%;left:0}.signal-input{top:38px}.signal-output{bottom:25px}.signal-input>span,.signal-output>span{width:100%;font-size:8px;margin-bottom:5px}.signal-input i,.signal-output i{font-size:8px;padding:12px 7px;flex:1;text-align:center;white-space:nowrap}.signal-track{left:50%;right:auto;top:22%;bottom:23%;height:auto;width:1px}.signal-track:after{width:3px;height:35px;left:-1px;top:calc(var(--scene-progress)*80%)}.system-heading{display:block;margin:45px 0 35px}.system-heading h3{font-size:36px;margin-bottom:30px}.system-heading h4 br{display:none}.system-lab{display:block;min-height:0;padding:0;perspective:none}.lab-dashboard{width:93%;transform:rotate(-4deg);margin:0 0 -20px -10px}.lab-bar{font-size:8px;padding:13px 16px}.lab-content{padding:17px;grid-template-columns:25px 1fr;gap:15px}.lab-content aside{font-size:17px}.lab-content h4{font-size:12px}.lab-content small{font-size:7px}.lab-stats{padding:5px 0 15px}.lab-stats b{font-size:28px}.lab-row{font-size:9px;padding:11px 0}.lab-row span{margin:0}.diagnosis{position:relative;width:100%;right:auto;top:auto;transform:translateY(calc(15px - var(--scene-progress)*20px));}.diagnosis-body{padding:24px 20px}.diagnosis h4{font-size:20px}.diagnosis-options button{font-size:10px;line-height:1.6}.diagnosis-result strong{font-size:22px}.diagnosis-result p{font-size:11px}.lab-link{display:none}.system-foot{display:block;margin-top:30px;font-size:10px}.system-foot .demo-note{margin-top:17px}.web-stage{height:405px;margin:35px -3vw 30px}.web-wire{width:60%;height:65%;padding:15px}.web-wire i{margin-top:15px}.site-prototype{inset:15% 0 14% 4%;transform:rotate(-4deg)}.prototype-nav{font-size:13px;padding:15px}.prototype-nav span{font-size:5px}.prototype-main{padding:20px;height:calc(100% - 46px)}.prototype-main>span{font-size:6px}.prototype-main h4{font-size:40px;margin-top:40px}.chrome-object{width:95px;height:125px;right:8%;top:28%}.prototype-bottom{font-size:5px;left:20px;right:20px;bottom:20px}.prototype-bottom>span{display:none}.mobile-prototype{width:105px;height:205px;border-width:3px;border-radius:15px;padding:15px 12px;right:0;bottom:0}.mobile-prototype>span{font-size:8px}.mini-chrome{width:55px;height:55px;margin:17px auto}.mobile-prototype b{font-size:19px}.mobile-prototype small{font-size:5px;margin-top:17px}.sns-layout{display:block;padding:45px 0 20px}.sns-copy h3{font-size:36px;margin-bottom:30px}.sns-copy h4{font-size:19px}.content-studio{margin-top:45px}.studio-label{font-size:6px;line-height:1.6}.studio-label>span{max-width:110px;text-align:right}.post-ribbon{height:340px;justify-content:flex-start;width:150%;gap:12px;transform:translateX(calc(-30px - var(--scene-progress)*60px))}.editorial-post{width:155px;height:250px;padding:15px}.editorial-post small{font-size:6px}.editorial-post b{font-size:33px;left:15px;bottom:40px}.editorial-post>span{font-size:5px;bottom:15px}.post-sphere{width:80px;height:80px;top:45px;right:15px}.post-two b{font-size:39px;top:55px}.post-circle{width:90px;height:90px;border-width:18px;left:30px}.studio-timeline{font-size:8px;gap:6px}}
@media(prefers-reduced-motion:reduce){#service .service-scene,#service .service-portal{--scene-progress:.5!important}.service-portal{height:auto}.portal-sticky{position:relative;height:auto;gap:25px}.diagnosis-result.changing{animation:none}}
#service .service-scene{display:block;border-top:0;gap:0;align-items:normal}#service .service-scene>.demo-note{margin-left:0;font-size:9px}

/* SERVICE polish: a continuous chrome threshold, then connected working scenes. */
.service-portal{--portal-dark:0;background:linear-gradient(#f8f8f5,#dedede 45%,#0b0b0b);height:170svh}
.portal-sticky{background:rgb(calc(248 - var(--portal-dark)*237) calc(248 - var(--portal-dark)*237) calc(245 - var(--portal-dark)*234));color:rgb(calc(21 + var(--portal-dark)*215) calc(21 + var(--portal-dark)*215) calc(21 + var(--portal-dark)*215))}
.portal-frame{color:#181818;border-color:#ffffff80;background:linear-gradient(125deg,#fafafa,#dedede 48%,#bdbdbd 80%,#e9e9e9);box-shadow:0 30px 80px -35px #0004,inset 0 1px 0 #fff;max-width:1400px;width:100%;margin-left:auto;margin-right:auto}
.portal-frame p{max-width:550px;text-wrap:pretty}.portal-index{border-color:currentColor}.portal-code,.scene-top{font-variant-numeric:tabular-nums}
.service-scene{padding-top:65px;padding-bottom:65px}.scene-copy{margin-top:45px}.scene-copy p,.system-heading p,.sns-copy p{text-wrap:pretty;line-height:2.15}.scene-copy h4,.sns-copy h4{letter-spacing:-.035em}.scene-top>span:last-child{opacity:.65}.service-capabilities{border-top:1px solid #8884;padding-top:17px}
.ai-theatre{height:570px}.intelligence-core{background:radial-gradient(circle at 32% 25%,#ffffff45,transparent 45%),radial-gradient(circle at 70% 80%,#ffffff1f,#090909 70%);box-shadow:inset 14px 0 30px #fff3,inset -18px -10px 35px #fff2,0 0 60px #fff08;z-index:1}.signal-input i,.signal-output i{background:linear-gradient(125deg,#292929a6,#111e);border-color:#ffffff32;box-shadow:inset 0 1px 0 #fff1;position:relative;padding-left:28px}.signal-input i:before,.signal-output i:before{content:'';position:absolute;width:4px;height:4px;left:13px;top:50%;border-radius:50%;background:#bbb;box-shadow:0 0 8px #fff8;animation:node-signal 3.6s ease-in-out infinite}.signal-input i:nth-of-type(2):before,.signal-output i:nth-of-type(2):before{animation-delay:1.2s}.signal-input i:nth-of-type(3):before,.signal-output i:nth-of-type(3):before{animation-delay:2.4s}.signal-output i:before{animation-delay:1.8s}
.data-connections{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none}.data-connections path{fill:none;stroke:#ffffff25;stroke-width:1;vector-effect:non-scaling-stroke}.data-connections path:nth-child(2){stroke:#ffffffa0;stroke-dasharray:8 32;animation:data-stream 3s linear infinite}.data-connections path:nth-child(3){stroke:#ffffff65;stroke-dasharray:3 24;animation:data-stream 4.5s linear infinite}.signal-track{display:none}.processing-status{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:center;gap:45px;font-size:8px;letter-spacing:.14em;color:#777}.processing-status span{animation:process-signal 3.6s ease-in-out infinite}.processing-status span:nth-child(2){animation-delay:1.2s}.processing-status span:nth-child(3){animation-delay:2.4s}
@keyframes data-stream{to{stroke-dashoffset:-120}}@keyframes node-signal{0%,65%,100%{opacity:.35}20%,40%{opacity:1;box-shadow:0 0 12px #fff}}@keyframes process-signal{0%,65%,100%{color:#777}20%,40%{color:#eee}}
.web-project-preview{display:contents}.project-image{display:block;width:100%;height:100%;object-fit:cover}.mobile-prototype:has(.project-image){padding:0;overflow:hidden}.web-scene>.demo-note{border-top:1px solid #ddd;padding-top:16px;max-width:680px}
.sns-scene{--card-spread:0}.content-studio{perspective:1200px}.post-ribbon{position:relative;display:block;width:100%;height:440px;transform:none;transform-style:preserve-3d}.editorial-post{position:absolute;left:50%;top:55px;width:200px;height:325px;margin-left:-100px;box-shadow:0 28px 45px -18px #000b,inset 0 1px 0 #fff7;backface-visibility:hidden}.post-one{z-index:3;transform:translate3d(calc(-155px * var(--card-spread)),calc(20px * var(--card-spread)),35px) rotate(calc(-3deg - 9deg * var(--card-spread))) rotateY(calc(8deg * var(--card-spread)))}.post-two{z-index:2;transform:translate3d(0,calc(-20px * var(--card-spread)),0) rotate(calc(2deg * var(--card-spread)))}.post-three{z-index:1;transform:translate3d(calc(155px * var(--card-spread)),calc(15px * var(--card-spread)),-35px) rotate(calc(4deg + 9deg * var(--card-spread))) rotateY(calc(-8deg * var(--card-spread)))}.studio-timeline{color:#bbb;border-top:1px solid #ffffff25;padding-top:23px}.studio-timeline i{background:linear-gradient(90deg,#ddd,#555)}
#service [data-scroll-scene]:not(.scene-active) .data-connections path,#service [data-scroll-scene]:not(.scene-active) .processing-status span,#service [data-scroll-scene]:not(.scene-active) .signal-input i:before,#service [data-scroll-scene]:not(.scene-active) .signal-output i:before{animation-play-state:paused}
@media(max-width:1100px) and (min-width:901px){.editorial-post{width:175px;margin-left:-87.5px}.post-one{translate:25px}.post-three{translate:-25px}}
@media(max-width:700px){.service-portal{height:160svh}.portal-sticky{min-height:650px}.portal-frame{margin:24px -2vw;width:auto}.portal-frame p{font-size:12px}.service-scene{padding-top:40px;padding-bottom:45px}.scene-copy{margin-top:30px}.ai-theatre{height:530px}.data-connections{inset:18% 0 18%;height:64%;transform:rotate(90deg);width:100%;}.signal-input{top:25px}.signal-output{bottom:50px}.signal-input i,.signal-output i{padding:13px 5px 13px 12px;font-size:8px}.signal-input i:before,.signal-output i:before{left:5px;width:3px;height:3px}.processing-status{bottom:6px;gap:24px;font-size:6px}.intelligence-core{top:47%}.post-ribbon{height:365px;width:100%;}.editorial-post{top:55px;width:150px;height:250px;margin-left:-75px;padding:15px}.post-one{transform:translate3d(calc(-72px * var(--card-spread)),calc(24px * var(--card-spread)),20px) rotate(calc(-4deg - 10deg * var(--card-spread)))}.post-two{transform:translate3d(0,calc(-22px * var(--card-spread)),0) rotate(calc(2deg * var(--card-spread)))}.post-three{transform:translate3d(calc(72px * var(--card-spread)),calc(22px * var(--card-spread)),-20px) rotate(calc(4deg + 12deg * var(--card-spread)))}.editorial-post b{font-size:31px}.post-two b{font-size:37px}.studio-timeline{padding-top:18px}.sns-copy p{max-width:480px}}
@media(max-width:350px){.editorial-post{width:135px;margin-left:-67.5px}.post-one{translate:10px}.post-three{translate:-10px}.editorial-post b{font-size:28px}.post-two b{font-size:33px}.post-circle{left:20px}.portal-index{font-size:7px}}
body.motion-stopped .data-connections path,body.light-mode .data-connections path,body.motion-stopped .processing-status span,body.light-mode .processing-status span,body.motion-stopped .signal-input i:before,body.motion-stopped .signal-output i:before,body.light-mode .signal-input i:before,body.light-mode .signal-output i:before{animation:none!important}
body.motion-stopped .sns-scene,body.light-mode .sns-scene{--card-spread:1!important}
@media(prefers-reduced-motion:reduce){.data-connections path,.processing-status span,.signal-input i:before,.signal-output i:before{animation:none!important}.sns-scene{--card-spread:1!important}.service-portal{height:auto;background:linear-gradient(#f8f8f5,#0b0b0b)}.portal-sticky{background:linear-gradient(#f8f8f5 0%,#d8d8d8 40%,#0b0b0b 100%);color:#eee}.portal-sticky>.section-label{color:#333}}

.connections-mobile{display:none}.service-scene h4{text-wrap:balance}
@media(max-width:700px){.connections-desktop{display:none}.connections-mobile{display:block;inset:0;width:100%;height:100%;transform:none}.scene-copy h3{font-size:clamp(32px,9.5vw,37px)}}

.portal-sticky>.section-label,.portal-index{color:rgb(var(--portal-ink,30) var(--portal-ink,30) var(--portal-ink,30))}body.portal-transition .nav{mix-blend-mode:normal;color:#fff;filter:drop-shadow(0 1px 2px #0008)}
@media(prefers-reduced-motion:reduce){.portal-index{color:#eee}}

/* Study 03 — four different scroll compositions, one connected experience. */
.service-portal{height:135svh}.portal-sticky{min-height:0}.portal-frame{border:0;box-shadow:none;background:none;position:relative;overflow:hidden;padding:4vw 0}.portal-frame h2{font-size:clamp(45px,6.2vw,92px);letter-spacing:-.065em;margin:55px 0 30px;position:relative;z-index:1}.portal-frame p{position:relative;z-index:1}.portal-pieces{right:0;top:15%;gap:0;display:flex;transform:rotate(-18deg)}.portal-pieces i{width:105px;height:230px;border-radius:55px;border:1px solid #fff9;background:linear-gradient(105deg,#333,#f8f8f8 20%,#aaa 35%,#f7f7f7 48%,#555 68%,#ddd);color:#222;display:flex;align-items:center;justify-content:center;box-shadow:15px 20px 25px #0002;writing-mode:vertical-rl;margin-left:-26px;transform:translateY(calc((1 - var(--portal-dark))*70px));font-size:12px}.portal-pieces i:nth-child(2){height:310px;margin-top:-40px}.portal-pieces i:nth-child(3){height:275px;margin-top:0}.portal-cross{display:none}.portal-code{color:inherit}.portal-frame:after{content:'CONNECTED';position:absolute;bottom:-25px;right:0;font-size:11vw;font-weight:700;letter-spacing:-.08em;color:#8882;pointer-events:none}.portal-index{position:relative;z-index:2}
#service .ai-scene{padding:0 5vw;height:195svh;background:#0b0b0b;color:#eee;overflow:visible}.ai-pin{position:sticky;top:0;min-height:100svh;padding:95px 0 35px;display:flex;flex-direction:column;justify-content:space-between}.ai-layout{display:grid;grid-template-columns:.85fr 1.35fr;gap:7vw;align-items:center;margin:35px 0}.chapter-number{font-family:Georgia,serif;font-size:40px;color:#999;font-style:italic}.ai-editorial h3{font-size:clamp(45px,6.2vw,90px);line-height:.88;letter-spacing:-.07em;margin:20px 0 32px;font-weight:500}.ai-editorial h4{font-size:24px;line-height:1.5;margin:0 0 16px}.ai-editorial p{max-width:350px;font-size:12px;line-height:2.1;color:#aaa}.ai-tabs{display:flex;flex-direction:column;margin-top:30px;max-width:350px}.ai-tabs button{background:none;color:#777;border:0;border-top:1px solid #333;text-align:left;font-size:11px;padding:13px 0;transition:color .2s,padding .2s}.ai-tabs button[aria-pressed=true]{color:#fff;padding-left:15px;border-color:#aaa}.ai-tabs button[aria-pressed=true]:after{content:' ↗';float:right}.ai-console{background:linear-gradient(145deg,#242424,#111);border:1px solid #ffffff35;border-radius:4px;box-shadow:0 25px 65px #0005;position:relative;overflow:hidden}.console-top,.console-bottom{display:flex;justify-content:space-between;padding:18px 22px;font-size:8px;letter-spacing:.09em;color:#aaa;border-bottom:1px solid #ffffff20;gap:20px}.console-bottom{border-top:1px solid #ffffff20;border-bottom:0}.ai-orbit{height:160px;position:relative;display:flex;align-items:center;justify-content:center;perspective:700px;overflow:hidden}.ai-orbit b{font-size:95px;font-weight:400;line-height:1;background:linear-gradient(120deg,#fff,#555,#eee);background-clip:text;color:transparent;transform:rotate(calc(var(--ai-phase,0)*180deg));}.ai-orbit i{position:absolute;border:1px solid #ffffff60;width:200px;height:110px;border-radius:50%;transform:rotate(-25deg)}.ai-orbit i:nth-child(2){transform:rotate(25deg);width:260px}.ai-orbit i:nth-child(3){transform:rotate(90deg);height:100px;width:155px}.ai-orbit>span{position:absolute;bottom:8px;font-size:6px;letter-spacing:.25em;color:#777}.ai-panels{padding:18px 22px 24px;min-height:300px}.ai-panel[hidden]{display:none}.console-source{border-left:2px solid #999;padding:0 14px}.console-source small,.console-result small{font-size:8px;letter-spacing:.08em;color:#999}.console-source p{font-size:12px;line-height:1.9;color:#ccc;margin:10px 0}.process-rail{display:flex;justify-content:space-between;gap:10px;margin:24px 0;font-size:8px;color:#777}.process-rail span{border-top:2px solid #444;padding-top:9px;flex:1}.process-rail span.is-done{color:#eee;border-color:#bbb}.console-result{background:#ecece8;color:#222;padding:22px;min-height:175px;clip-path:inset(0 calc((1 - var(--ai-phase,1))*100%) 0 0);opacity:calc(.4 + var(--ai-phase,1)*.6)}.console-result small{color:#666}.console-result h4{font-size:18px;margin:12px 0}.console-result p{font-size:11px;line-height:1.9;margin:0 0 15px}.console-tags{font-size:8px;color:#777;border-top:1px solid #bbb;padding-top:10px}.ai-footer{display:flex;justify-content:space-between;border-top:1px solid #333;padding-top:20px;font-size:10px;gap:20px}.ai-footer .demo-note{margin:0;color:#888}
#service .system-scene{background:#d8d8d5;color:#202020;overflow:visible}.system-heading h3{font-size:clamp(40px,6vw,86px);letter-spacing:-.065em;line-height:.92}.system-heading{margin-bottom:70px}.system-lab{display:flex;flex-direction:column;align-items:center;min-height:0;padding:0 8%;perspective:1200px;position:relative;gap:80px}.lab-app,.lab-dashboard,.diagnosis{position:sticky;width:100%;max-width:860px;right:auto;top:110px;border:1px solid #999;border-radius:8px;overflow:hidden;box-shadow:0 25px 60px -35px #0009;flex-shrink:0}.lab-app{background:#efefed;transform:scale(calc(1 - var(--stack-progress,0)*.06));transform-origin:top center;z-index:1;min-height:350px}.booking-body{padding:35px}.booking-body>span{font-size:10px;color:#777}.booking-body h4{font-size:35px;margin:15px 0 25px}.booking-days{display:flex;gap:15px}.booking-days b{border:1px solid #bbb;padding:15px 28px;font-size:17px;text-align:center;line-height:1.7;font-weight:400}.booking-days b:nth-child(3){background:#222;color:#fff}.booking-body p{border-top:1px solid #ccc;padding-top:20px;font-size:11px;display:flex;justify-content:space-between}.lab-dashboard{top:140px;z-index:2;background:#bfbfbc;transform:scale(calc(1 - var(--stack-progress,0)*.025)) rotate(calc(-2deg + var(--stack-progress,0)*2deg));min-height:350px}.lab-content{padding:35px;grid-template-columns:45px 1fr}.lab-content h4{font-size:21px}.lab-stats b{font-size:46px}.lab-row{font-size:12px}.diagnosis{top:170px;z-index:3;background:#f7f7f4;transform:none;margin-bottom:100px}.diagnosis-body{padding:32px}.diagnosis-result{background:#dfdfdc}.system-foot{margin-top:20px}.lab-link{position:relative;bottom:auto;left:auto;align-self:start;letter-spacing:.05em;line-height:2}
#service .web-scene{background:#f4f4ef;overflow:hidden;padding:65px 5vw}.web-kicker{display:flex;align-items:end;justify-content:space-between;margin:55px 0 15px;gap:25px}.web-kicker h3{font-size:clamp(40px,9vw,130px);font-weight:500;letter-spacing:-.075em;line-height:.8;margin:0}.web-kicker span{font-size:9px;color:#777}.web-stage{height:730px;margin:40px -5vw 30px;perspective:1600px}.web-wire{left:6%;top:0;width:35%;height:80%;opacity:calc(1 - var(--web-open,0));transform:translateX(calc(var(--web-open,0)*-80px))}.site-prototype{inset:4% 9% 4%;transform:translateY(calc((1 - var(--web-open,0))*45px)) rotateX(calc((1 - var(--web-open,0))*12deg)) rotateZ(calc((1 - var(--web-open,0))*-6deg)) scale(calc(.83 + var(--web-open,0)*.17));border:1px solid #777;box-shadow:0 40px 55px -30px #0005}.prototype-nav{padding:22px 35px;background:#dadbd5}.prototype-main{background:#dfe0da;padding:40px}.prototype-main h4{font-size:clamp(60px,8vw,120px);line-height:.85;margin:70px 0 0;letter-spacing:-.07em}.chrome-object{width:32%;height:78%;top:8%;right:11%;border-radius:48% 48% 45% 45%;background:linear-gradient(100deg,#151515,#eee 13%,#666 24%,#fff 39%,#bbb 46%,#222 62%,#eee 81%,#444);transform:rotate(calc(-35deg + var(--web-open,0)*18deg));box-shadow:inset 12px 12px 25px #fff6,inset -15px -20px 25px #0008,20px 25px 30px #0002}.chrome-object:after{content:'';position:absolute;inset:24% 22%;border-radius:50%;background:#dfe0da;box-shadow:inset 8px 5px 15px #0008,5px 5px 10px #fff9}.mobile-prototype{right:5%;bottom:-10px;transform:translateY(calc((1 - var(--web-open,0))*80px)) rotate(8deg);width:180px;height:345px}.web-scene .scene-copy h3{display:none}.web-scene .scene-copy{display:block;max-width:650px;margin-left:5vw}.web-scene>.demo-note{margin-left:5vw!important}
#service .sns-scene{background:#171717;overflow:hidden;padding:65px 5vw 60px}.sns-layout{grid-template-columns:.8fr 1.5fr;gap:4vw}.sns-copy h3{font-size:clamp(40px,5.3vw,76px);line-height:.9;letter-spacing:-.065em;font-weight:500}.post-ribbon{height:560px}.editorial-post{width:255px;height:390px;margin-left:-127.5px;top:80px;padding:22px}.post-one{background:#e6e3dc;color:#282824;transform:translate3d(calc(-190px * var(--card-spread)),calc(35px * var(--card-spread)),35px) rotate(calc(-3deg - 10deg * var(--card-spread)))}.post-two{background:#2d302b;color:#eee;transform:translateY(calc(-20px * var(--card-spread))) rotate(3deg);z-index:4}.post-three{background:#c7c7bd;color:#282824;transform:translate3d(calc(190px * var(--card-spread)),calc(30px * var(--card-spread)),-35px) rotate(calc(4deg + 9deg * var(--card-spread)))}.editorial-post small{font-size:8px;letter-spacing:.14em;line-height:1.8}.editorial-post b{font-family:Georgia,'Hiragino Mincho ProN',serif;font-size:26px;line-height:1.4;letter-spacing:.01em;bottom:50px;left:22px;top:auto}.editorial-post>span{font-size:6px;left:22px;bottom:22px;letter-spacing:.12em}.post-two b{font-size:29px;top:112px;bottom:auto}.post-two>p{position:absolute;top:255px;font-size:9px;line-height:1.9;color:#b9beb2}.post-two .post-edition{font-size:85px;line-height:1;top:34px;left:auto;right:20px;color:#ffffff12;font-family:Georgia,serif}.post-rule{position:absolute;width:45px;height:1px;background:#bbc0b4;top:241px}.coffee-art{position:absolute;top:85px;left:50%;width:135px;height:145px;margin-left:-67px;transform:rotate(-15deg)}.coffee-art:before{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse,#ddd 51%,#aaa 53%,#f8f5ef 58%,#c9c7bf 66%,#eee 70%);box-shadow:10px 20px 18px #0003}.coffee-art i:first-child{position:absolute;inset:26px 29px;border-radius:50%;background:radial-gradient(ellipse at 40% 40%,#665344,#291f16 70%,#6b5240 73%,#fff 76%,#ddd 83%);box-shadow:5px 8px 10px #0004;z-index:1}.coffee-art i:last-child{position:absolute;right:14px;top:60px;width:25px;height:35px;border:8px solid #eee;border-radius:50%;z-index:0}.coffee-pack{position:absolute;top:75px;left:65px;width:125px;height:175px;background:linear-gradient(100deg,#928f80,#dbd6c4 12%,#b8b3a1 85%,#8d897a);transform:rotate(8deg);clip-path:polygon(3% 0,97% 0,94% 12%,100% 95%,94% 100%,0 95%,7% 12%);box-shadow:10px 15px 20px #0003}.coffee-pack>span{display:block;background:#e9e7df;margin:40px 14px 0;padding:15px 10px;font-size:9px;letter-spacing:.12em}.coffee-pack i{font-style:normal;display:block;font-size:17px;line-height:1.15;margin:10px 0}.coffee-pack small{font-size:5px}.studio-label{font-size:8px}
@media(max-width:1100px){.editorial-post{width:205px;margin-left:-102.5px}.post-one{translate:30px}.post-three{translate:-30px}.coffee-pack{left:40px}.post-two b{font-size:25px}.ai-layout{gap:4vw}}
@media(max-width:700px){.service-portal{height:115svh}.portal-sticky{padding:75px 7vw 30px;min-height:0;height:100svh}.portal-frame{margin:20px 0;padding:0;overflow:visible}.portal-frame h2{font-size:clamp(32px,9vw,52px);margin:165px 0 20px}.portal-pieces{top:15px;right:25px;transform:rotate(-25deg)}.portal-pieces i{width:52px;height:115px;margin-left:-12px;font-size:7px}.portal-pieces i:nth-child(2){height:155px;margin-top:-15px}.portal-pieces i:nth-child(3){height:140px}.portal-frame:after{display:none}.portal-code{font-size:7px}.portal-frame p{max-width:400px;font-size:12px}.portal-index{flex-wrap:wrap;gap:12px}.portal-frame h2 br{display:block}
#service .ai-scene{height:auto;padding:40px 7vw 45px}.ai-pin{position:relative;min-height:0;padding:0}.ai-layout{display:block;margin:35px 0}.chapter-number{display:none}.ai-editorial h3{font-size:53px;margin:25px 0}.ai-editorial h3 br{display:none}.ai-editorial h4{font-size:23px}.ai-editorial p{font-size:12px;max-width:440px}.ai-tabs{flex-direction:row;max-width:none;gap:10px;margin:28px 0}.ai-tabs button{font-size:9px;flex:1;line-height:1.8;padding:10px 0}.ai-tabs button[aria-pressed=true]{padding-left:0}.ai-tabs button[aria-pressed=true]:after{display:none}.console-top,.console-bottom{padding:14px;font-size:6px;gap:10px}.ai-orbit{height:140px}.ai-panels{padding:16px 14px 20px;min-height:345px}.console-result{clip-path:none;opacity:1;min-height:190px;padding:18px}.console-result h4{font-size:17px;line-height:1.5}.console-source p{font-size:11px}.ai-footer{display:block;font-size:9px}.ai-footer .demo-note{display:block;margin-top:15px;font-size:8px}.process-rail{font-size:7px;margin:20px 0}
.system-heading{margin:40px 0}.system-heading h3{font-size:39px}.system-lab{padding:0;gap:25px;perspective:none}.lab-app,.lab-dashboard,.diagnosis{position:relative;top:auto;min-height:0;width:100%;transform:none;border-radius:5px}.lab-dashboard{margin:0}.lab-app{margin:0}.booking-body{padding:22px}.booking-body h4{font-size:24px}.booking-days{gap:8px}.booking-days b{padding:10px 15px;font-size:13px}.booking-body p{font-size:8px;line-height:1.8;gap:15px}.lab-content{padding:20px;grid-template-columns:22px 1fr;gap:14px}.lab-content h4{font-size:14px}.lab-stats b{font-size:35px}.lab-row{font-size:10px}.diagnosis{margin:0}.diagnosis-body{padding:24px 18px}.diagnosis-options button{font-size:10px}.lab-link{display:block;font-size:7px}.system-foot{margin-top:25px}
#service .web-scene{padding:40px 7vw}.web-kicker{display:block;margin:40px 0 20px}.web-kicker h3{font-size:clamp(40px,12vw,67px)}.web-kicker span{display:block;font-size:7px;margin-top:20px}.web-stage{height:430px;margin:25px -7vw 45px}.site-prototype{inset:7% 5% 9%;transform:rotate(-3deg)}.prototype-nav{padding:15px;font-size:16px}.prototype-nav span{font-size:5px}.prototype-main{padding:20px}.prototype-main h4{font-size:clamp(42px,13vw,66px);margin:50px 0 0}.chrome-object{width:35%;height:62%;right:10%;top:12%}.prototype-bottom{font-size:5px}.mobile-prototype{right:5%;width:105px;height:210px;bottom:-10px}.web-scene .scene-copy{margin:0}.web-scene>.demo-note{margin-left:0!important}
#service .sns-scene{padding:40px 7vw}.sns-layout{display:block;padding-top:40px}.sns-copy h3{font-size:43px}.studio-label{font-size:6px}.post-ribbon{height:390px}.editorial-post{width:165px;height:285px;margin-left:-82.5px;top:60px;padding:15px}.post-one{translate:0;transform:translate(calc(-70px * var(--card-spread)),18px) rotate(-12deg)}.post-two{transform:translateY(-15px) rotate(2deg)}.post-three{translate:0;transform:translate(calc(70px * var(--card-spread)),20px) rotate(13deg)}.editorial-post b{font-size:19px;left:15px;bottom:35px}.editorial-post small{font-size:5px}.editorial-post>span{font-size:4px;left:15px;bottom:15px}.post-two b{top:85px;font-size:20px}.post-two .post-edition{font-size:58px;top:28px;right:15px}.post-two>p{top:187px;font-size:7px}.post-rule{top:181px;width:35px}.coffee-art{top:55px;width:100px;height:110px;margin-left:-50px}.coffee-art i:first-child{inset:21px}.coffee-art i:last-child{top:40px;right:7px}.coffee-pack{top:55px;left:42px;width:85px;height:130px}.coffee-pack>span{margin:28px 9px 0;padding:10px 7px;font-size:6px}.coffee-pack i{font-size:12px;margin:7px 0}.coffee-pack small{font-size:4px}
}
@media(max-width:350px){.editorial-post{width:145px;margin-left:-72.5px}.post-one{transform:translate(calc(-58px * var(--card-spread)),18px) rotate(-12deg)}.post-three{transform:translate(calc(58px * var(--card-spread)),20px) rotate(13deg)}.editorial-post b{font-size:17px}.post-two b{font-size:18px}.coffee-pack{left:31px}.booking-days b{padding:8px 11px}.ai-editorial h3{font-size:46px}.ai-tabs{gap:6px}.ai-tabs button{font-size:8px}}
body.motion-stopped .ai-scene,body.light-mode .ai-scene{height:auto!important}body.motion-stopped .ai-pin,body.light-mode .ai-pin{position:relative}body.motion-stopped .system-lab>div,body.light-mode .system-lab>div{position:relative;top:auto;transform:none}body.motion-stopped .console-result,body.light-mode .console-result{clip-path:none;opacity:1}body.motion-stopped .ai-orbit b,body.light-mode .ai-orbit b{transform:none}body.motion-stopped .service-portal,body.light-mode .service-portal{height:auto}body.motion-stopped .portal-sticky,body.light-mode .portal-sticky{position:relative;min-height:0;height:auto;padding-top:95px;padding-bottom:45px;background:#151515;color:#eee}body.motion-stopped .portal-index,body.light-mode .portal-index{color:#eee}
@media(prefers-reduced-motion:reduce){#service .ai-scene{height:auto}.ai-pin{position:relative}.system-lab>div{position:relative;top:auto;transform:none}.console-result{clip-path:none;opacity:1}.ai-orbit b{transform:none}.portal-sticky{height:auto;min-height:0}.site-prototype{transform:none}.ai-tabs button{transition:none}}
.portal-frame{color:inherit}.portal-frame p{color:inherit}
.ai-console .ai-orbit{left:auto;top:auto;width:100%;transform:none;border:0;border-radius:0}.system-lab .diagnosis,.system-lab .lab-dashboard{color:#202020}.system-lab .diagnosis-result{color:#202020}.system-lab .diagnosis-result p{color:#626262}.system-lab .diagnosis .lab-bar{color:#202020}.system-lab .lab-content small,.system-lab .lab-row{color:#555}
@media(min-width:1101px){.post-one{transform:translate3d(calc(-225px * var(--card-spread)),calc(35px * var(--card-spread)),35px) rotate(calc(-3deg - 10deg * var(--card-spread)))}.post-three{transform:translate3d(calc(225px * var(--card-spread)),calc(30px * var(--card-spread)),-35px) rotate(calc(4deg + 9deg * var(--card-spread)))}}
@media(max-width:700px){.ai-editorial h3{font-size:clamp(39px,11.7vw,53px);letter-spacing:-.065em}}
.system-lab .diagnosis-result small,.system-lab .diagnosis-step{color:#666}.system-lab .result-meter i{background:#a8a8a3}
.portal-frame{color:rgb(var(--portal-ink,20) var(--portal-ink,20) var(--portal-ink,20))}body.motion-stopped .portal-frame,body.light-mode .portal-frame{color:#eee}
@media(prefers-reduced-motion:reduce){.portal-frame{color:#222}.portal-sticky{background:linear-gradient(#f8f8f5,#d8d8d8)}}

/* Approved copy: natural wrapping and readable service offerings. */
#about .about-intro{grid-template-columns:1.15fr 1fr;align-items:start;gap:6vw;padding-bottom:76px}
#about h2{max-width:760px;font-size:clamp(42px,5vw,76px);line-height:1.45;text-wrap:wrap;word-break:normal;overflow-wrap:break-word}
#about .about-description{max-width:540px;padding-top:10px}
#about .about-description p{font-size:16px;line-height:2.1;margin-bottom:24px}
#about .about-workspace{background:linear-gradient(150deg,#effafa,#dcf1ef 60%,#b9e5e1)}
#about .workspace-word{color:#b6dedb}#about .workspace-wires{stroke:#348f92}
#about .work-plane{border-color:#78b5b5;box-shadow:12px 23px 0 -5px #aed7d3,22px 43px 55px -30px #123d4655}
#about .plane-web{background:#e5f4f3}#about .concept-web{color:#16494f}
#about .concept-image>div{background:repeating-linear-gradient(72deg,#146a76 0 22px,#55b9bf 23px 48px,#b4e9e3 49px 70px)}
#about .concept-image>span{background:#dcf5f1}#about .concept-footer{border-color:#72b9bc}
#about .plane-chrome{background:#f0faf8;color:#3c7378;border-color:#b2dad7}
#about .system-sidebar{background:#d7eeeb;color:#357c82}#about .work-table b{background:#d6f1ec;color:#236f76}
#about .system-title span{background:#185b65}#about .system-timeline i{background:#84c8c6}#about .system-timeline i:nth-child(2){background:#258e9c}
#about .plane-ai,#about .plane-ai .plane-chrome{background:#144d58;color:#dbf6f2;border-color:#4c949d}
#about .ai-workflow strong{background:#83dad4;color:#164b54}#about .ai-workflow>span{border-color:#65a8af}#about .ai-workflow i,#about .ai-run{color:#a5e2df}
#about .plane-sns{background:#d3efec}#about .sns-editor-art{background:#78d2ce}#about .editor-cross{color:#35a5b1}
.portal-frame h2{font-size:clamp(40px,5.2vw,76px);max-width:75%;text-wrap:wrap}
.portal-frame p{max-width:660px;font-size:16px;line-height:2}
.ai-editorial p,.system-heading p,.scene-copy p,.sns-copy p{font-size:16px;line-height:2;max-width:560px;text-wrap:wrap}
.ai-editorial p{max-width:420px}.service-scene h4{text-wrap:wrap;overflow-wrap:break-word}
.ai-footer>span:first-child,.system-foot>span:first-child,.service-capabilities{font-size:17px;line-height:1.9;letter-spacing:.015em;font-weight:500}
.ai-footer,.system-foot{align-items:start;flex-wrap:wrap;gap:18px 35px}
.ai-footer>span:first-child,.system-foot>span:first-child{flex:1 1 500px}
.system-lab{isolation:isolate}.system-lab .diagnosis{margin-bottom:70px}
.system-scene>.lab-link{display:block;margin:30px 8% 20px;position:relative;font-size:10px;line-height:2}
.sns-copy{position:relative;z-index:2}.content-studio{isolation:isolate;overflow:clip}
@media(min-width:1101px){.post-one{transform:translate3d(calc(-195px * var(--card-spread)),calc(35px * var(--card-spread)),35px) rotate(calc(-3deg - 10deg * var(--card-spread)))}.post-three{transform:translate3d(calc(195px * var(--card-spread)),calc(30px * var(--card-spread)),-35px) rotate(calc(4deg + 9deg * var(--card-spread)))}}
@media(max-width:700px){
#about .about-intro{display:block;padding:54px 7vw 46px}#about h2{font-size:clamp(34px,9.3vw,52px);max-width:540px;line-height:1.5;letter-spacing:-.05em}
#about .about-description{padding-top:30px;max-width:540px}#about .about-description p{font-size:14px;line-height:2;margin-bottom:20px}
.portal-frame h2{max-width:none;font-size:clamp(29px,8.3vw,52px);line-height:1.5;margin-top:160px}.portal-frame p{font-size:14px;line-height:1.9}
.ai-editorial p,.system-heading p,.scene-copy p,.sns-copy p{font-size:14px;line-height:2}
.ai-footer>span:first-child,.system-foot>span:first-child,.service-capabilities{font-size:15px;line-height:2;display:block}
.service-scene .ai-editorial h4,.system-heading h4,.scene-copy h4,.sns-copy h4{font-size:23px;line-height:1.6}
.system-scene>.lab-link{margin:25px 0 20px;font-size:8px}.system-lab .diagnosis{margin-bottom:0}
.ai-tabs button{font-size:10px}.ai-tabs{gap:12px}.ai-editorial h3{line-height:1.05}
}
@media(max-width:350px){.portal-frame h2{font-size:28px}.portal-frame p{font-size:13px}.ai-tabs button{font-size:9px}.service-scene .ai-editorial h4,.system-heading h4,.scene-copy h4,.sns-copy h4{font-size:21px}}
@media(max-width:700px){.portal-frame h2{margin-top:220px}#about .about-description{margin-top:0}}

/* Copy layout audit: phrases stay intact; body copy uses the available width. */
.copy-phrase{display:inline-block;white-space:nowrap;color:inherit!important}
#about h2,.portal-frame h2,.ai-editorial h4,.system-heading h4,.scene-copy h4,.sns-copy h4{word-break:normal;overflow-wrap:normal;text-wrap:wrap;line-break:strict}
#about .about-description p,.portal-frame p,.ai-editorial p,.system-heading p,.scene-copy p,.sns-copy p{word-break:normal;word-break:auto-phrase;overflow-wrap:normal;line-break:strict;text-wrap:pretty}
.ai-editorial,.system-heading>div,.sns-copy,.scene-copy>div{min-width:0}
.ai-editorial h3,.system-heading h3,.sns-copy h3{white-space:nowrap}
#about .about-intro{grid-template-columns:1fr 1fr;gap:5vw}
#about h2{font-size:clamp(36px,4.3vw,62px)}
.ai-editorial p{max-width:none}
@media(min-width:701px) and (max-width:1100px){
#about .about-intro{display:block}#about h2{font-size:48px}#about .about-description{max-width:720px;padding-top:30px}
.system-heading{grid-template-columns:1fr;gap:30px}.system-heading h3{font-size:clamp(46px,6vw,66px)}
.sns-layout{grid-template-columns:1fr;gap:35px}.sns-copy{max-width:720px}.sns-copy h3{font-size:60px}
.ai-layout{grid-template-columns:1fr;gap:35px}.ai-editorial h3{font-size:60px}.ai-editorial p{max-width:720px}.ai-pin{position:relative;min-height:0}#service .ai-scene{height:auto}
.portal-frame h2{max-width:100%;font-size:52px}.portal-frame p{max-width:720px}
}
@media(max-width:700px){
#about h2{font-size:clamp(28px,8vw,42px);letter-spacing:-.045em}
#about .about-description,.ai-editorial p,.system-heading p,.scene-copy p,.sns-copy p{max-width:none}
.ai-editorial h3 br{display:block}.ai-editorial h3{font-size:clamp(38px,11vw,53px)}
.system-heading h3,.sns-copy h3{font-size:clamp(34px,10vw,43px);line-height:1.05}
.service-scene .ai-editorial h4,.system-heading h4,.scene-copy h4,.sns-copy h4{font-size:clamp(19px,5.3vw,23px)}
.portal-frame h2{font-size:clamp(27px,7.7vw,42px)}
}
@media(min-width:1101px){.sns-copy h3{font-size:clamp(40px,4.5vw,65px)}}

.capability-phrase{display:inline-block;white-space:nowrap}
.service-capabilities .capability-phrase{padding:0;color:inherit}
@media(min-width:701px) and (max-width:1100px){
.portal-pieces{top:0;right:5%;transform:rotate(-25deg)}
.portal-frame h2{margin-top:230px;font-size:clamp(36px,4.7vw,48px)}
.portal-frame{overflow:visible;padding-top:0}
}
@media(min-width:701px) and (max-width:1100px){
.portal-pieces{position:relative;top:auto;right:auto;width:300px;height:250px;margin:25px 30px 0 auto;transform:rotate(-18deg)}
.portal-pieces i{width:75px;height:160px;margin-left:-15px;font-size:10px}
.portal-pieces i:nth-child(2){height:220px;margin-top:-20px}.portal-pieces i:nth-child(3){height:195px}
.portal-frame h2{margin-top:75px}
}
/* Business examples, scoped below FV. */
.quick-navigation{background:#f4f4ef;color:#202020;padding:45px 5vw}.quick-heading{display:flex;justify-content:space-between;margin-bottom:25px;font-size:20px}.quick-heading small{font-size:10px}.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #bbb}.quick-grid>div,.quick-grid>a{padding:24px 15px;border-right:1px solid #ddd;display:flex;flex-direction:column;gap:15px;color:inherit;text-decoration:none}.quick-grid small{font-size:10px;color:#666}.quick-grid strong{font-size:18px;font-weight:500}.quick-grid span,.quick-grid div>a{font-size:12px;line-height:1.8}.quick-grid>a:hover{background:#dce9e5}.nav nav a{font-size:13px!important;letter-spacing:0!important}#about,#service,[id^=service-]{scroll-margin-top:85px}.workspace-practical{font-size:23px!important;line-height:1.8!important}
.business-process{display:flex;justify-content:center;align-items:center;gap:20px;padding:30px;background:#203b3e;min-height:160px}.business-process>span{font-size:22px;text-align:center}.business-process small{display:block;font-size:11px;color:#aacbc9;margin-top:10px}.business-process i{font-style:normal}.process-engine{padding:22px;border:1px solid #699597;border-radius:12px}.ai-console .console-result{clip-path:none;opacity:1}.ai-tabs button{white-space:normal;line-height:1.8}.console-source p,.console-result p{line-height:1.9}
.industry-posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:28px 8px;perspective:1200px}.industry-post{position:relative;height:310px;padding:20px;overflow:hidden;transform:rotateY(calc((1 - var(--card-spread,1))*8deg));box-shadow:0 12px 25px #0003}.industry-post small{font-size:11px}.industry-post strong{position:absolute;left:20px;bottom:43px;font-size:22px;line-height:1.5;font-weight:500}.industry-post>span{position:absolute;bottom:18px;font-size:9px}.construction-post{background:#e7ebed;color:#263c4c}.salon-post{background:#eadbd9;color:#765359}.recruiting-post{background:#245add;color:white}.food-post{background:#e6e3dc;color:#282824}.food-post .coffee-art{top:48px;width:105px;height:115px;margin-left:-52px}.building-art{display:flex;gap:10px;position:relative;height:130px;margin-top:20px;align-items:end}.building-art i{width:48%;height:100px;background:linear-gradient(90deg,transparent 18%,#8b9aa1 19% 32%,transparent 33% 65%,#8b9aa1 66% 79%,transparent 80%),#c1c7ca;clip-path:polygon(0 25%,50% 0,100% 25%,100% 100%,0 100%)}.building-art i:nth-child(2){background:linear-gradient(90deg,transparent 18%,#30495b 19% 32%,transparent 33% 65%,#30495b 66% 79%,transparent 80%),#f5f4eb}.building-art span{position:absolute;bottom:-19px;font-size:8px}.nail-art{display:flex;justify-content:center;gap:10px;margin-top:28px}.nail-art i{height:110px;width:40px;border-radius:45% 45% 25% 25%;background:linear-gradient(130deg,#eecdd0,#b88a91 60%,#edd5c7);transform:rotate(-12deg)}.nail-art i:nth-child(2){background:linear-gradient(110deg,#dfc4af,#f7e7d5,#ad8e7a);transform:translateY(-10px)}.nail-art i:nth-child(3){transform:rotate(12deg)}.people-art{display:flex;justify-content:center;gap:15px;margin-top:24px;height:120px;align-items:end}.people-art i{width:45px;height:70px;border-radius:22px 22px 0 0;background:#b5ccff;position:relative}.people-art i:before{content:'';position:absolute;width:30px;height:30px;border-radius:50%;background:#e7efff;top:-36px;left:7px}.people-art i:nth-child(2){height:85px;background:#fcda65}.operation-calendar{background:#242424;border:1px solid #444;padding:20px;margin:0 8px 25px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;font-size:11px}.operation-calendar>div,.operation-calendar>span:last-child{grid-column:1/-1}.operation-calendar>div{display:flex;justify-content:space-between;gap:10px}.operation-calendar small{font-size:9px;color:#aaa}.operation-calendar b{display:block;margin-top:7px;font-weight:400;color:#c8d9d5}.operation-calendar>span{border-top:1px solid #555;padding-top:10px}.draft-end p{max-width:680px;line-height:2;margin:20px auto}
@media(max-width:700px){.quick-navigation{padding:30px 7vw}.quick-heading{font-size:17px}.quick-heading small{display:none}.quick-grid{grid-template-columns:1fr}.quick-grid>div,.quick-grid>a{border-right:0;border-bottom:1px solid #ddd;padding:20px 0;gap:8px}.nav nav{gap:16px}.nav nav a{font-size:11px!important}.business-process{gap:9px;padding:25px 10px;min-height:130px}.business-process>span{font-size:16px}.process-engine{padding:16px}.business-process small{font-size:9px}.industry-posts{gap:12px;padding:25px 0}.industry-post{height:265px;padding:12px}.industry-post small{font-size:9px;line-height:1.6}.industry-post strong{font-size:17px;left:12px;bottom:40px}.industry-post>span{font-size:7px;left:12px}.building-art{height:110px}.nail-art{gap:5px;margin-top:25px}.nail-art i{width:27px;height:85px}.people-art{gap:7px;height:100px}.people-art i{width:29px;height:55px}.people-art i:before{width:23px;height:23px;top:-29px;left:3px}.people-art i:nth-child(2){height:70px}.food-post .coffee-art{top:55px;width:85px;height:95px;margin-left:-42px}.operation-calendar{margin:0 0 25px;padding:14px;gap:10px}.operation-calendar>div{flex-direction:column}.workspace-practical{font-size:17px!important}}
.industry-post .building-art{height:105px}.industry-post .building-art span{bottom:-15px}.industry-post strong{line-height:1.45}.industry-post .coffee-art{top:45px}
@media(max-width:700px){.industry-post .building-art{height:88px;margin-top:10px}.building-art i{height:78px}.industry-post .building-art span{bottom:-13px;font-size:7px}.industry-post strong{font-size:16px}.industry-post .coffee-art{top:48px}}
/* Visual refresh, strictly below FV. */
#about .section-label,#service .section-label{font-size:clamp(24px,2.3vw,34px);line-height:1.4;letter-spacing:.03em;font-weight:600}
#service .scene-top{flex-wrap:wrap;gap:14px 30px;align-items:baseline}#service .scene-top>span:first-child{font-size:clamp(21px,2.2vw,32px);font-weight:600;line-height:1.5;letter-spacing:.02em;overflow-wrap:anywhere}#service .scene-top>span:last-child{font-size:10px;line-height:1.7}
#service .portal-index{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}#service .portal-index a{font-size:clamp(18px,2vw,28px);line-height:1.5}
#service .ai-tabs{max-width:none}#service .ai-tabs button{font-size:20px;line-height:1.5;padding:16px 0}#service .ai-tabs button[aria-pressed=true]{padding-left:12px}#service .ai-scene{height:auto}#service .ai-pin{position:relative;min-height:0;padding-top:70px;padding-bottom:65px}
#service .offering-title{padding-bottom:24px}#service .offering-title small{font-size:11px;color:#9fb7b1}#service .offering-title h4{font-size:30px;margin:12px 0}#service .offering-title p{font-size:14px;line-height:1.9;color:#ddd}#service .ai-panels{min-height:490px}#service .console-source small,#service .console-result small{font-size:11px}#service .console-source p,#service .console-result p{font-size:14px}#service .console-tags{font-size:11px;line-height:1.8}#service .process-rail{font-size:11px;line-height:1.6}
#service .operations-demo{background:#f8fafb;border:1px solid #9baab3;border-radius:12px;max-width:1050px;margin:0 auto 40px;box-shadow:0 25px 65px #202b341c;overflow:hidden;color:#233340}
#service .ops-bar{background:#203341;color:white;padding:20px 25px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:15px}#service .ops-bar span{font-size:12px;color:#cedce4}
#service .ops-tabs{display:flex;gap:5px;padding:18px 24px;border-bottom:1px solid #d5dfe5;background:#eaf0f3}#service .ops-tabs button{background:transparent;border:0;border-radius:6px;padding:12px 20px;color:#425565;font-size:16px}#service .ops-tabs button[aria-pressed=true]{background:#203341;color:white}
#service .ops-body{padding:28px;display:grid;grid-template-columns:1.6fr 1fr;gap:24px}#service .ops-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:15px}#service .ops-heading small{font-size:10px;color:#647b8c}#service .ops-heading h4{margin:10px 0;font-size:27px}#service .ops-heading>span{font-size:12px;color:#6e7e88}
#service .ops-columns,#service .ops-table button{display:grid;grid-template-columns:1.5fr 1fr .65fr;gap:10px;align-items:center;text-align:left;width:100%;padding:18px 14px;font-size:13px}#service .ops-columns{background:#eaf0f3;font-size:11px}#service .ops-table button{border:0;border-bottom:1px solid #d5dfe5;background:white;color:#233340;line-height:1.8}#service .ops-table button[aria-pressed=true]{background:#e0f0ee;box-shadow:inset 3px 0 #36796e}#service .ops-table strong{font-weight:500}#service .ops-table button>span:last-child{font-size:11px;color:#36796e}
#service .ops-detail{background:white;border:1px solid #d5dfe5;border-radius:6px;padding:20px}#service .ops-detail small{font-size:11px;color:#667985}#service .ops-detail h4{font-size:20px;line-height:1.5;margin:12px 0 20px}#service .ops-detail dl{display:grid;grid-template-columns:80px 1fr;gap:14px 10px;font-size:13px;line-height:1.7}#service .ops-detail dt{color:#6c7c86}#service .ops-detail dd{margin:0}#service .ops-note{font-size:12px;line-height:1.8;padding:0 28px 20px;color:#627580}
#service .industry-posts{gap:20px;padding:25px 0;transform:none}#service .industry-post{height:365px;padding:0;border:1px solid #ddd;background:white;color:#24313b;border-radius:8px;transform:none;box-shadow:0 10px 20px #0002}
#service .social-account{display:flex;align-items:center;gap:8px;height:62px;padding:12px;font-size:11px;background:white;color:#24313b}#service .social-account>b{font-size:24px;color:#819a94}#service .social-account small{display:block;font-size:9px;color:#8a959d;margin-top:4px}#service .social-account i{margin-left:auto;font-style:normal}
#service .industry-post .building-art,#service .industry-post .nail-art,#service .industry-post .people-art{height:140px;margin:0;padding:20px;background:#e7edee}#service .industry-post .nail-art{background:#f2e3e2}#service .industry-post .people-art{background:#285ed3;height:140px;padding-top:55px}#service .industry-post .building-art span{bottom:5px;left:10px;color:#4c626d}
#service .industry-post .coffee-art{top:75px;width:95px;height:110px;margin-left:-47px}#service .food-post{background:linear-gradient(white 62px,#e6e3dc 62px 202px,white 202px)}#service .industry-post strong{left:14px;bottom:70px;font-size:20px;line-height:1.55}#service .industry-post>span{left:14px;bottom:48px;font-size:10px}#service .social-actions{position:absolute;bottom:0;left:0;right:0;padding:10px 14px;font-size:21px;border-top:1px solid #eee;background:white}#service .social-actions span{float:right}
#service .operation-calendar{background:#f8fafb;color:#24313b;border-color:#d5dfe5;border-radius:8px;margin:0 0 25px;font-size:13px;grid-template-columns:repeat(2,1fr)}#service .operation-calendar b{color:#456d64;font-size:12px}#service .operation-calendar small{color:#73838b;font-size:11px}#service .operation-calendar>span{border-color:#d5dfe5}
@media(max-width:700px){#service .scene-top>span:first-child{font-size:21px;letter-spacing:0}#service .scene-top>span:last-child{font-size:9px}#service .portal-index{grid-template-columns:repeat(2,1fr);gap:10px 20px}#service .portal-index a{font-size:19px}#service .portal-sticky{height:auto;min-height:100svh;position:relative}#service .service-portal{height:auto}#service .ai-pin{padding:0}#service .ai-tabs{flex-direction:column;gap:0}#service .ai-tabs button{font-size:20px;text-align:left;padding:14px 10px}#service .offering-title h4{font-size:25px}#service .offering-title p{font-size:13px}#service .ai-panels{min-height:0}#service .console-source p,#service .console-result p{font-size:13px}#service .console-result h4{font-size:20px}#service .process-rail{font-size:10px}#service .ops-bar{padding:18px}#service .ops-tabs{padding:12px;gap:2px}#service .ops-tabs button{padding:10px 9px;font-size:14px;flex:1}#service .ops-body{padding:14px;grid-template-columns:1fr;gap:18px}#service .ops-heading h4{font-size:23px}#service .ops-columns,#service .ops-table button{padding:14px 8px;gap:6px;font-size:11px;grid-template-columns:1.4fr 1fr .65fr}#service .ops-table button>span:last-child{font-size:10px}#service .ops-detail{padding:16px}#service .ops-detail dl{grid-template-columns:65px 1fr;font-size:12px}#service .ops-note{padding:0 15px 15px;font-size:11px}#service .industry-posts{grid-template-columns:1fr;gap:22px}#service .industry-post{height:370px;max-width:400px;width:100%;margin:auto}#service .industry-post strong{font-size:22px}#service .social-account{font-size:13px}#service .social-account small{font-size:10px}#service .operation-calendar{padding:15px;gap:15px}}
#service .portal-index a{white-space:nowrap}#service .scene-top>span:last-child{max-width:none;width:auto;text-align:left}
@media(max-width:700px){#service .scene-top{display:flex;flex-direction:column;gap:10px}#service .scene-top>span:last-child{width:auto;align-self:flex-start}}
#service .industry-post>span{bottom:57px;line-height:1.6}#service .industry-post strong{bottom:86px}#service .social-actions{height:46px;line-height:25px}
/* Latest brief: ordered sections and concrete service examples. FV remains unchanged. */
[hidden]{display:none!important}
#service .service-portal{height:auto;background:#f4f4ef;color:#202020;padding:55px 7vw}
#service .portal-sticky{position:relative;min-height:0;height:auto;padding:0;display:block;background:transparent;color:inherit}
#service .portal-sticky h2{margin:0 0 30px}#service .portal-index{margin:0;border-top:1px solid #aaa;padding-top:25px}
#service .ai-layout{padding:45px 0;grid-template-columns:.8fr 1.2fr;align-items:start}
#service .ai-editorial{position:relative;top:auto}#service .ai-offerings{margin-top:32px;border-top:1px solid #556260;padding-top:25px}#service .ai-offerings strong{font-size:23px;display:block}#service .ai-offerings p{font-size:14px;margin:12px 0 28px}
.ai-examples{display:grid;gap:20px;min-width:0}.ai-example{background:#f6f8f5;color:#253d38;border-radius:12px;padding:26px}.ai-example h4{font-size:24px;margin:0 0 22px;display:flex;align-items:center;gap:15px}.ai-example h4 small{font-size:14px;color:#7f9991}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:18px}.before-after>div{min-width:0;padding:18px;border-radius:7px}.before{background:#e8ece9}.after{background:#d5e9df}.before-after span{font-size:12px;letter-spacing:.02em;font-weight:600}.before-after p{font-size:14px;line-height:1.9;margin:12px 0 0}.before-after blockquote{font-size:13px;line-height:1.8;margin:15px 0 0;padding:12px;background:#ffffffa8;border-left:2px solid #94a79e}.before-after strong{display:block;font-size:17px;line-height:1.7;margin-top:15px}.before-after .ai-use{grid-column:1/-1;grid-row:2;background:#24483e;color:#edf7f1;display:flex;align-items:center;gap:20px;padding:15px 18px}.ai-use p{margin:0}.ai-use span{flex-shrink:0}
.system-switch{display:flex;justify-content:center;gap:12px;margin:35px 0 24px;flex-wrap:wrap}.system-switch button{padding:15px 24px;border:1px solid #93a2a8;border-radius:30px;background:transparent;color:#2e4450;font-size:16px}.system-switch button[aria-pressed=true]{background:#203341;color:white}
.salon-demo{max-width:1050px;margin:0 auto 40px;border:1px solid #c9bcb8;background:#fcfaf8;color:#514540;border-radius:12px;overflow:hidden;box-shadow:0 25px 65px #202b341c}.salon-bar{background:#78675f;color:white;padding:20px 25px;display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap}.salon-bar span{font-size:12px}.salon-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px}.salon-toolbar h4{font-size:23px;margin:10px 0 0}.salon-toolbar small{font-size:12px}.salon-toolbar label{font-size:13px;display:grid;gap:8px}.salon-toolbar select{padding:10px;border:1px solid #ccc0bb;border-radius:5px;background:white;color:#514540;font-size:14px}.salon-summary{display:flex;gap:24px;padding:0 25px 22px;font-size:12px;flex-wrap:wrap}.salon-summary b{display:block;font-size:16px;margin-top:8px}.salon-reservations{margin:0 25px}.salon-reservations button{display:grid;grid-template-columns:1fr 1.8fr .8fr;text-align:left;align-items:center;gap:15px;padding:20px 15px;width:100%;border:0;border-bottom:1px solid #e1d8d2;background:white;color:#514540;font-size:14px}.salon-reservations button[aria-pressed=true]{background:#f2e5df;box-shadow:inset 3px 0 #ab7562}.salon-reservations small{display:block;margin-top:7px;font-size:12px}.salon-reservations em{font-style:normal;font-size:12px}.free-slot{display:flex;justify-content:space-between;padding:18px 15px;background:#e4eee6;margin-top:10px;gap:15px;font-size:13px;line-height:1.8}.salon-selected{padding:20px;margin:20px 25px;border:1px solid #dfd4cd;background:white;border-radius:6px}.salon-selected h4{font-size:20px;margin:10px 0}.salon-selected p{font-size:14px;line-height:1.9}.salon-selected small{font-size:12px}
.web-marquee{margin:45px -7vw;overflow:hidden}.marquee-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 7vw 22px;font-size:12px}.marquee-heading button{font-size:13px;padding:10px 18px;background:transparent;border:1px solid #aaa;border-radius:20px;color:inherit}.marquee-window{overflow:hidden}.marquee-track{display:flex;width:max-content;animation:web-loop 40s linear infinite}.marquee-group{display:flex;gap:25px;padding-right:25px}.marquee-card{width:560px;margin:0;flex-shrink:0;border:1px solid #9aa09b;background:#f5f5ef;border-radius:10px;overflow:hidden}.marquee-card img{display:block;width:100%;height:auto}.marquee-card figcaption{padding:15px 18px;font-size:12px;color:#526359;line-height:1.8}@keyframes web-loop{to{transform:translateX(-50%)}}.web-marquee:hover .marquee-track,.web-marquee:focus-within .marquee-track,.marquee-track.user-paused,.marquee-track.out-of-view,.marquee-track.tab-hidden,.motion-stopped .marquee-track,.light-mode .marquee-track{animation-play-state:paused}
#service .feed-photo{width:100%;height:200px;object-fit:cover;display:block}#service .industry-post{height:430px}#service .industry-post strong{bottom:87px;font-size:19px}#service .content-studio{background:transparent}#service .food-post{background:white}
.basic-section{padding:85px 8vw;background:#f4f4ef;color:#263933;scroll-margin-top:95px}.basic-section+.basic-section{border-top:1px solid #c8ceca}.basic-section .section-label{font-size:22px;font-weight:600}.basic-section h2{font-size:clamp(30px,4vw,54px);font-weight:500;margin:22px 0 30px}.basic-section p{font-size:16px;line-height:2}.company-fields{max-width:950px;display:grid;grid-template-columns:220px 1fr;margin:30px 0 0;line-height:1.9;font-size:15px}.company-fields dt,.company-fields dd{margin:0;padding:20px 0;border-top:1px solid #c8ceca}.company-fields dt{color:#5e756b}.pending-card{max-width:850px;border:1px solid #c8ceca;border-radius:8px;padding:28px;font-size:15px;line-height:2;margin-top:25px}.contact-section{background:#152a24;color:#e5eee9}.contact-section .pending-card{border-color:#546a60}.contact-section button{margin-top:45px;color:inherit;background:transparent;border:1px solid #546a60;padding:12px 20px;font-size:12px}
@media(max-width:1100px){#service .ai-layout{grid-template-columns:1fr}.ai-examples{margin-top:20px}}
@media(max-width:700px){.nav{inset:18px 5vw auto;align-items:start}.nav img{width:48px}.nav nav{display:grid;grid-template-columns:auto auto;gap:10px 14px;text-align:left}.nav nav a{font-size:11px!important;line-height:1.5}#service .service-portal{padding:40px 7vw}#service .ai-layout{padding:30px 0}.ai-example{padding:18px}.ai-example h4{font-size:20px!important;gap:10px}.before-after{grid-template-columns:1fr;gap:10px}.before-after .ai-use{grid-row:auto;display:block}.ai-use p{margin-top:8px}.before-after .after{grid-row:3}.before-after p{font-size:13px}.system-switch{justify-content:stretch;gap:10px}.system-switch button{width:100%;font-size:15px}.salon-toolbar{align-items:start;flex-direction:column;padding:18px}.salon-toolbar h4{font-size:20px}.salon-toolbar label{width:100%}.salon-summary{padding:0 18px 20px;gap:18px}.salon-reservations{margin:0 12px}.salon-reservations button{grid-template-columns:1fr;padding:15px;gap:8px}.free-slot{flex-direction:column;gap:3px;font-size:12px}.salon-selected{margin:18px 12px}.salon-bar{padding:18px}.marquee-card{width:280px}.marquee-group{gap:15px;padding-right:15px}.marquee-heading{align-items:start;flex-direction:column;gap:12px}.basic-section{padding:60px 7vw}.basic-section .section-label{font-size:20px}.basic-section p{font-size:14px}.company-fields{grid-template-columns:1fr;font-size:14px}.company-fields dt{padding-bottom:5px}.company-fields dd{border-top:0;padding-top:5px}.pending-card{padding:20px;font-size:14px}#service .industry-post{height:430px}.studio-label>span{max-width:none}.studio-label{font-size:9px;flex-wrap:wrap;gap:10px}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}}
#service .portal-sticky .section-label,#service .portal-index a{color:#243a32}
#service .ai-scene .scene-top>span:first-child,#service .sns-scene .scene-top>span:first-child{color:#e6eae7}
#service .ai-scene .scene-top>span:last-child,#service .sns-scene .scene-top>span:last-child{color:#a8b7af}
#service .sns-layout{align-items:start}
.before-after{grid-template-columns:1fr}.before-after .before{grid-row:1}.before-after .ai-use{grid-row:2}.before-after .after{grid-row:3}
#about,#service,[id^=service-],.basic-section{scroll-margin-top:0}
.contact-section{min-height:calc(100svh - 95px)}

/* SERVICE revision: isolated from the approved FV. */
#service .service-portal{position:relative;padding:80px 7vw 0;background:linear-gradient(180deg,#f4f4ef 0%,#dfefea 27%,#75b6af 49%,#244c47 73%,#10211c 100%);color:#203c35;min-height:900px}
#service .portal-sticky{position:relative;padding:0 0 90px;min-height:0;isolation:isolate}
#service .portal-heading{display:flex;align-items:center;justify-content:space-between;min-height:320px;gap:24px}
#service .portal-heading h2{font-size:clamp(30px,4vw,58px);font-weight:500;letter-spacing:.04em;line-height:1.5;margin:0}
.portal-sculpture{width:44%;height:280px;display:flex;align-items:center;justify-content:center;perspective:700px;transform:rotate(-13deg);pointer-events:none}
.portal-sculpture i{width:22%;height:200px;border:1px solid #d5fff3;border-radius:12px;background:linear-gradient(120deg,#dcfff6d9,#2c9c9677 45%,#164e4d);box-shadow:14px 22px 35px #163f3c36,inset 5px 2px 12px #c0ffefb3;transform:rotateY(-35deg) rotateX(16deg)}
.portal-sculpture i:nth-child(2){height:250px;margin-top:-35px}.portal-sculpture i:nth-child(3){height:230px;margin-top:10px}.portal-sculpture i:nth-child(4){height:170px;margin-top:30px}
#service .portal-index{display:grid;grid-template-columns:1fr 1fr;gap:0 6vw;margin:50px 0 0;padding:0;border:0}
#service .portal-index a{display:flex;justify-content:space-between;align-items:center;font-size:clamp(30px,4.6vw,68px);font-weight:400;letter-spacing:-.045em;color:#f2faf5;border-top:1px solid #d4eee16b;padding:25px 0;line-height:1.1;transition:color .2s}
#service .portal-index a b{font-size:.45em;font-weight:400;color:#a9e4d8}#service .portal-index a:hover{color:#9af0d9}
#service .ai-scene{background:#10211c;border-top:0;padding-top:70px}
#service .ai-editorial{position:sticky;top:115px;align-self:start}
#service .ai-offerings strong{font-size:clamp(28px,2.7vw,39px);line-height:1.55;letter-spacing:.01em}
#service .ai-footer>span:first-child,#service .system-foot>span:first-child{font-size:clamp(23px,2.4vw,34px);line-height:1.8;font-weight:500}
#service .ai-examples{gap:50px;perspective:1000px}
#service .ai-example{--card-enter:1;transform:translateY(calc((1 - var(--card-enter))*95px)) rotateX(calc((1 - var(--card-enter))*5deg));opacity:calc(.25 + var(--card-enter)*.75);transform-origin:50% 100%;border:1px solid #d7e8de;box-shadow:0 20px 45px #0002}
#service .ai-example .before-after{gap:12px}#service .ai-example .before-after p{line-height:1.85}
#service .service-scene{scroll-margin-top:0}
@media(max-width:1100px){#service .ai-editorial{position:relative;top:auto}}
@media(max-width:700px){#service .service-portal{padding:50px 7vw 0;min-height:680px}#service .portal-sticky{padding-bottom:65px}#service .portal-heading{min-height:230px;gap:10px;align-items:start;padding-top:20px}#service .portal-heading h2{font-size:30px;padding-top:15px}.portal-sculpture{height:190px;width:49%}.portal-sculpture i{height:115px;border-radius:7px}.portal-sculpture i:nth-child(2){height:155px;margin-top:-15px}.portal-sculpture i:nth-child(3){height:140px}.portal-sculpture i:nth-child(4){height:105px}#service .portal-index{margin-top:25px;gap:0 22px}#service .portal-index a{font-size:clamp(24px,7vw,30px);padding:26px 0;gap:8px}#service .ai-scene{padding-top:45px}#service .ai-offerings strong{font-size:28px}#service .ai-footer>span:first-child,#service .system-foot>span:first-child{font-size:23px;line-height:1.9}#service .ai-examples{gap:32px}#service .ai-example{transform:translateY(calc((1 - var(--card-enter))*55px))}#service .ai-example h4{line-height:1.6;align-items:baseline}#service .ai-example h4 small{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){#service .ai-example{transform:none;opacity:1}}
.motion-stopped #service .ai-example,.light-mode #service .ai-example{transform:none;opacity:1}

/* Keep the fixed navigation readable above service content after anchor jumps. */
body.service-navigation .nav{mix-blend-mode:normal;color:#f2faf5;filter:none}
body.service-navigation .nav:before{content:'';position:absolute;inset:-30px -4vw -20px;background:#10211cf2;z-index:-1;pointer-events:none}
body.service-navigation .nav img{filter:invert(1)}
@media(max-width:700px){body.service-navigation .nav:before{inset:-18px -5vw -16px}}

/* Reference-led SERVICE entrance and AI workflow, 2026-10-15. */
#service .connected-portal{background:#080808;color:#eee;min-height:0;height:auto;padding:110px 7vw 0;overflow:hidden}
#service .connected-portal .portal-sticky{background:transparent;color:#eee;padding:0 0 90px;min-height:0;height:auto}
.connected-heading{position:relative;min-height:520px;isolation:isolate}
#service .connected-heading h2{position:relative;z-index:2;margin:0;width:66%;font-size:clamp(48px,5.7vw,88px);line-height:1.65;letter-spacing:-.06em;font-weight:400}
#service .connected-heading p{position:relative;z-index:2;margin:45px 0 0;max-width:710px;width:60%;font-size:16px;line-height:2.1;color:#ccc}
.connected-word{position:absolute;right:-1%;bottom:30px;z-index:-1;font-size:clamp(80px,12.4vw,210px);font-weight:700;letter-spacing:-.075em;line-height:1;color:#1a1a1a;white-space:nowrap}
.chrome-pillars{position:absolute;right:1%;top:-85px;width:34%;height:355px;display:flex;align-items:center;transform:rotate(-17deg);perspective:900px}
.chrome-pillars i{position:relative;display:flex;justify-content:center;align-items:center;flex:1;height:290px;margin-left:-4px;border-radius:48% / 18%;background:linear-gradient(90deg,#696969 0%,#c4c4c4 16%,#f6f6f6 35%,#bebebe 51%,#727272 74%,#d4d4d4 100%);border:1px solid #ddd9;box-shadow:inset 3px 0 10px #fff7,10px 15px 25px #0005;color:#292929;writing-mode:vertical-rl;font:500 14px Arial;transform:rotateY(-12deg)}
.chrome-pillars i:nth-child(2){height:370px;margin-top:10px}.chrome-pillars i:nth-child(3){height:320px;margin-top:-30px}.chrome-pillars i:nth-child(4){height:260px;margin-top:-70px}
#service .connected-portal .portal-index{grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #aaa;gap:0 4vw;margin:0;padding:8px 0 0}
#service .connected-portal .portal-index a{border:0;padding:22px 0;min-height:72px;font-size:clamp(21px,2vw,30px);letter-spacing:.01em;justify-content:flex-start;gap:12px;line-height:1.4;color:#eee}
#service .connected-portal .portal-index a b{font-size:1em;color:inherit}
#service .connected-portal .portal-index a:hover,#service .connected-portal .portal-index a:focus-visible{color:#8ce6d6}
#service .connected-portal .portal-index a:focus-visible{outline:2px solid #8ce6d6;outline-offset:4px}
#service .orbital-ai{background:#080808;color:#eee;padding-top:55px;padding-bottom:100px}
.orbital-intro{max-width:740px}
#service .orbital-intro h3{font-size:15px;letter-spacing:.12em;font-weight:400;color:#999;margin:0 0 30px;line-height:1.5}
#service .orbital-intro h4{font-weight:400;font-size:clamp(32px,3.8vw,56px);line-height:1.6;letter-spacing:-.035em;margin:0 0 18px;text-wrap:wrap}
#service .orbital-intro p{font-size:16px;line-height:2.1;color:#bbb;margin:0;max-width:680px}
.orbital-workflow{position:relative;display:grid;grid-template-columns:1fr 1.65fr 1fr;align-items:center;gap:4%;min-height:540px;padding-bottom:55px;margin:25px 0 0;isolation:isolate}
.workflow-list{z-index:2;min-width:0}.workflow-list>span{font-size:11px;letter-spacing:.1em;color:#999;display:block;margin-bottom:28px}.workflow-list ul{padding:0;margin:0;list-style:none;display:grid;gap:18px}.workflow-list li{display:flex;align-items:center;gap:12px;padding:23px 16px;font-size:16px;line-height:1.5;border:1px solid #ffffff29;background:linear-gradient(120deg,#222c,#0d0d0de8);box-shadow:inset 0 1px 0 #fff1}.workflow-list li:before{content:'';width:4px;height:4px;background:#999;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px #aaa5}
.orbital-center{position:relative;width:100%;aspect-ratio:1;perspective:800px;z-index:1}
.orbital-sphere{position:absolute;inset:7%;border-radius:50%;border:1px solid #ffffff4d;background:radial-gradient(ellipse at 32% 28%,#7777,transparent 37%),radial-gradient(ellipse at 65% 72%,#080808 6%,#292929 59%,#606060 100%);box-shadow:inset 8px 4px 35px #ffffff18,inset -10px -12px 25px #ffffff26,0 0 90px #ffffff05;display:flex;flex-direction:column;align-items:center;justify-content:center}
.orbital-sphere strong{font:400 clamp(70px,8.5vw,145px)/1.2 Arial;background:linear-gradient(125deg,#cfcfcf,#777 70%,#bbb);background-clip:text;color:transparent;letter-spacing:-.07em}
.orbital-sphere small{font:9px Arial;letter-spacing:.1em;color:#ccc;margin-top:14px;white-space:nowrap}
.orbital-ring{position:absolute;inset:0;border:1px solid #ffffff50;border-radius:50%;transform-style:preserve-3d;animation:lim-orbit 20s linear infinite;--orbit-tilt:65deg;--orbit-angle:-32deg}
.ring-two{inset:3%;--orbit-tilt:74deg;--orbit-angle:63deg;animation-duration:29s;animation-direction:reverse;border-color:#ffffff20}
.orbital-ring i{position:absolute;left:50%;top:-3px;width:5px;height:5px;border-radius:50%;background:#ddd;box-shadow:0 0 12px #fff}
.orbital-streams{position:absolute;inset:0 0 55px;width:100%;height:calc(100% - 55px);z-index:0;pointer-events:none}
.orbital-streams path{fill:none;stroke:#ffffff20;stroke-width:1;vector-effect:non-scaling-stroke}.orbital-streams .flow-particles{stroke:#ccc8;stroke-dasharray:3 65;animation:lim-flow 6s linear infinite}
.orbital-stages{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:45px;font-size:10px;letter-spacing:.12em;color:#777}
.human-review{text-align:center!important;font-size:13px!important;line-height:1.9!important;color:#aaa!important;margin:28px 0 55px!important}
.orbital-offerings{display:grid;grid-template-columns:1fr 1fr;gap:7vw;border-top:1px solid #ffffff30;padding-top:35px}
.orbital-offerings h5{font-size:26px;font-weight:400;margin:0 0 14px;line-height:1.5}.orbital-offerings p{font-size:15px;color:#bbb;line-height:2;margin:0;max-width:480px}
@keyframes lim-orbit{from{transform:rotateZ(var(--orbit-angle)) rotateY(var(--orbit-tilt)) rotateZ(0)}to{transform:rotateZ(var(--orbit-angle)) rotateY(var(--orbit-tilt)) rotateZ(360deg)}}
@keyframes lim-flow{to{stroke-dashoffset:-272}}
.orbital-ai:not(.scene-active) .orbital-ring,.orbital-ai:not(.scene-active) .flow-particles{animation-play-state:paused}
body.motion-stopped .orbital-ring,body.light-mode .orbital-ring{animation:none;transform:rotateZ(var(--orbit-angle)) rotateY(var(--orbit-tilt))}
body.motion-stopped .flow-particles,body.light-mode .flow-particles{animation:none}
@media(max-width:1000px) and (min-width:701px){.workflow-list li{font-size:13px;padding:18px 10px}.chrome-pillars{width:32%;top:-40px;scale:.85}.connected-heading{min-height:480px}}
@media(max-width:700px){
#service .connected-portal{padding:85px 7vw 0;min-height:0}#service .connected-portal .portal-sticky{padding-bottom:50px}
.connected-heading{min-height:0;padding-top:215px;padding-bottom:100px}#service .connected-heading h2{width:100%;font-size:clamp(29px,7.8vw,48px);line-height:1.65;letter-spacing:-.065em}#service .connected-heading p{width:100%;font-size:14px;margin-top:25px;line-height:2}
.chrome-pillars{width:210px;height:190px;top:0;right:15px;transform:rotate(-17deg)}.chrome-pillars i{height:150px;font-size:10px}.chrome-pillars i:nth-child(2){height:200px;margin-top:0}.chrome-pillars i:nth-child(3){height:175px;margin-top:-15px}.chrome-pillars i:nth-child(4){height:145px;margin-top:-40px}
.connected-word{font-size:16vw;bottom:22px;right:0;letter-spacing:-.08em}#service .connected-portal .portal-index{grid-template-columns:1fr 1fr;gap:0 22px}#service .connected-portal .portal-index a{font-size:19px;padding:22px 0;gap:8px;min-height:70px}
#service .orbital-ai{padding-top:40px;padding-bottom:60px}#service .orbital-intro h3{font-size:12px;margin-bottom:24px}#service .orbital-intro h4{font-size:29px}#service .orbital-intro p{font-size:14px}
.orbital-workflow{display:flex;flex-direction:column;gap:0;min-height:0;margin-top:40px;padding-bottom:45px}.workflow-list{width:100%}.workflow-list>span{margin-bottom:14px;font-size:10px}.workflow-list ul{gap:10px}.workflow-list li{font-size:14px;padding:16px 18px}.orbital-center{width:88%;max-width:340px;margin:28px 0}.orbital-sphere strong{font-size:90px}.orbital-sphere small{font-size:7px;letter-spacing:.07em}.orbital-stages{font-size:8px;gap:18px}.orbital-streams{inset:120px 0 auto;height:460px;opacity:.55;transform:rotate(90deg);width:100%}.human-review{font-size:12px!important;margin:25px 0 35px!important}.orbital-offerings{grid-template-columns:1fr;gap:28px;padding-top:28px}.orbital-offerings h5{font-size:24px}.orbital-offerings p{font-size:14px}
}
@media(prefers-reduced-motion:reduce){#service .connected-portal,#service .connected-portal .portal-sticky{background:#080808}.orbital-ring{animation:none;transform:rotateZ(var(--orbit-angle)) rotateY(var(--orbit-tilt))}.flow-particles{animation:none!important}}

/* SERVICE balance and restored service-scale AI heading. */
.chrome-pillars{top:-35px}
#service .orbital-intro h3{font-size:clamp(40px,6vw,86px);font-weight:400;letter-spacing:-.065em;line-height:.92;color:inherit;margin:0 0 40px}
@media(min-width:701px) and (max-width:1100px){.chrome-pillars{top:0}#service .orbital-intro h3{font-size:clamp(46px,6vw,66px)}}
@media(max-width:700px){.chrome-pillars{top:18px}#service .orbital-intro h3{font-size:clamp(34px,10vw,43px);line-height:1.05;margin-bottom:30px}}

/* Supplied SNS sample artwork: preserve the complete Instagram composition. */
#service-sns .sns-sample-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:24px 0;perspective:none}
#service-sns .sns-sample{min-width:0;margin:0;background:#fff;border:1px solid #e0e3e1;box-shadow:0 8px 24px #0000000a}
#service-sns .sns-sample img{display:block;width:100%;height:auto;object-fit:contain;transform:none}
@media(max-width:700px){#service-sns .sns-sample-grid{grid-template-columns:minmax(0,1fr);gap:24px;padding:20px 0}#service-sns .sns-sample{width:100%;max-width:440px;justify-self:center}}

/* Approved SNS: stacking cards × subtle 3D floating feed. Scoped to SNS only. */
#service-sns .sns-layout{display:block;padding-bottom:20px}
#service-sns .sns-copy{max-width:760px}
#service-sns .sns-copy h3{font-size:clamp(43px,6.6vw,95px);white-space:normal}
#service-sns .content-studio{margin-top:48px;overflow:visible;isolation:auto;perspective:none}
#service-sns .sns-motion{position:relative;height:175svh;margin-top:16px}
#service-sns .sns-pin{position:sticky;top:0;height:100svh;display:flex;align-items:center;min-height:400px}
#service-sns .sns-rail{width:100%;min-width:0;perspective:1400px;padding:28px 0}
#service-sns .sns-sample-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0;perspective:1400px;transform-style:preserve-3d}
#service-sns .sns-sample{position:relative;width:100%;max-width:none;transform-origin:center;will-change:transform;border-radius:4px;box-shadow:0 8px 24px #0002}
#service-sns .sns-sample:nth-child(1){z-index:4}#service-sns .sns-sample:nth-child(2){z-index:3}#service-sns .sns-sample:nth-child(3){z-index:2}#service-sns .sns-sample:nth-child(4){z-index:1}
#service-sns .sns-sample img{border-radius:3px;transition:translate .3s ease}
#service-sns.sns-settled .sns-sample img{animation:lim-sns-drift 8s ease-in-out infinite;animation-delay:calc(var(--sns-i)*-1.7s)}
@keyframes lim-sns-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5px)}}
@media(hover:hover){#service-sns.sns-settled .sns-sample:hover img{animation-play-state:paused;translate:0 -3px}}
#service-sns .sns-rail:focus-visible{outline:2px solid #a3b6ab;outline-offset:4px}
@media(max-width:700px){#service-sns .sns-copy h3{font-size:clamp(34px,10vw,60px)}#service-sns .content-studio{margin-top:32px}#service-sns .sns-motion{height:auto;margin-top:12px}#service-sns .sns-pin{position:relative;height:auto;min-height:0}#service-sns .sns-rail{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;perspective:none;padding:20px 0 24px}#service-sns .sns-sample-grid{display:flex;width:max-content;gap:16px;perspective:none}#service-sns .sns-sample{flex:0 0 76vw;width:76vw;scroll-snap-align:center;transform:none!important;will-change:auto}#service-sns .sns-sample img{animation:none!important}}
body.motion-stopped #service-sns .sns-motion,body.light-mode #service-sns .sns-motion{height:auto}
body.motion-stopped #service-sns .sns-pin,body.light-mode #service-sns .sns-pin{position:relative;height:auto;min-height:0}
body.motion-stopped #service-sns .sns-sample img,body.light-mode #service-sns .sns-sample img{animation:none;transition:none;translate:none}
@media(prefers-reduced-motion:reduce){#service-sns .sns-motion{height:auto}#service-sns .sns-pin{position:relative;height:auto;min-height:0}#service-sns .sns-sample{transform:none!important;will-change:auto}#service-sns .sns-sample img{animation:none!important;transition:none;translate:none!important}}
#service #service-sns{overflow:clip}

/* COMPANY: isolated information layout. */
.company-section{background:#fff;color:#000;padding:120px 8vw;scroll-margin-top:95px}
.company-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:6vw;max-width:1440px;margin:0 auto}
.company-section h2{margin:0;font-size:clamp(42px,5.3vw,80px);font-weight:500;line-height:1.1;letter-spacing:-.04em}
.company-details{margin:0;min-width:0}
.company-details>div{display:grid;grid-template-columns:132px minmax(0,1fr);gap:24px;padding:25px 0;border-top:1px solid #ddd}
.company-details>div:last-child{border-bottom:1px solid #ddd}
.company-details dt,.company-details dd{margin:0;font-size:15px;line-height:1.9;font-weight:400;overflow-wrap:anywhere}
.company-details a{color:inherit;text-decoration:none}
.company-details a:hover{text-decoration:underline;text-underline-offset:4px}
.company-details a:focus-visible{outline:1px solid #000;outline-offset:5px}
.company-section.company-fade .company-layout{opacity:0;transition:opacity .65s ease}
.company-section.company-fade.is-visible .company-layout{opacity:1}
@media(max-width:900px){.company-layout{grid-template-columns:1fr;gap:44px}.company-section{padding:88px 7vw}}
@media(max-width:480px){.company-section{padding:72px 7vw}.company-layout{gap:36px}.company-section h2{font-size:44px}.company-details>div{grid-template-columns:1fr;gap:8px;padding:21px 0}.company-details dt{font-size:13px}.company-details dd{font-size:15px}}
@media(prefers-reduced-motion:reduce){.company-section.company-fade .company-layout{opacity:1;transition:none}}

/* Refined company typography and information rhythm; scoped to COMPANY. */
#company{padding:96px 8vw 104px}
#company .company-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:6vw;align-items:start}
#company h2{font-size:clamp(38px,3.7vw,56px);font-weight:650;line-height:1.35;letter-spacing:.07em;padding-top:3px}
#company h2::after{content:"";display:block;width:48px;height:2px;background:#111;margin-top:28px}
#company .company-details{border-top:1px solid #222;border-bottom:1px solid #aaa}
#company .company-details>div{grid-template-columns:112px minmax(0,1fr);gap:24px;padding:24px 0;border-top:1px solid #e5e5e5}
#company .company-details>div:first-child{border-top:0}
#company .company-details>div:last-child{border-bottom:0}
#company .company-details dt{font-size:12px;font-weight:500;letter-spacing:.06em;color:#656565;padding-top:3px}
#company .company-details dd{font-size:15px;line-height:1.9;letter-spacing:.025em;color:#111}
#company .company-details>div:first-child dd{font-size:23px;font-weight:500;line-height:1.35;letter-spacing:.02em}
#company .company-details a{font-size:15px;letter-spacing:.025em;text-decoration:underline;text-decoration-color:#ccc;text-underline-offset:5px}
#company .company-details a:hover{text-decoration-color:#111}
@media(max-width:900px){#company{padding:72px 7vw 80px}#company .company-layout{grid-template-columns:1fr;gap:38px}#company h2{font-size:40px}#company h2::after{margin-top:22px;width:40px}}
@media(max-width:480px){#company{padding:60px 7vw 68px}#company .company-layout{gap:32px}#company h2{font-size:34px;letter-spacing:.06em}#company h2::after{margin-top:20px;width:36px}#company .company-details>div{grid-template-columns:86px minmax(0,1fr);gap:14px;padding:21px 0}#company .company-details dt{font-size:11px;letter-spacing:0}#company .company-details dd,#company .company-details a{font-size:14px;letter-spacing:0}#company .company-details>div:first-child dd{font-size:21px}}

/* Editorial company study — all rules scoped to company. */
#company{padding:112px 8vw 120px;background:#fff}
#company .company-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:8vw;align-items:stretch}
#company .company-editorial{position:relative;min-height:420px;border-top:1px solid #222;padding-top:24px;display:flex;flex-direction:column;align-items:flex-start}
#company .company-eyebrow{font:500 10px/1.4 Arial,sans-serif;letter-spacing:.28em;color:#62666b}
#company h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(42px,4.5vw,68px);font-weight:400;letter-spacing:.08em;line-height:1.4;padding:0;margin:26px 0 0;white-space:nowrap}
#company h2::after{display:none}
#company .company-signature{margin-top:auto;padding-top:56px;font-family:Arial,sans-serif;font-size:clamp(100px,11vw,164px);font-weight:500;letter-spacing:-.075em;line-height:.8;color:#c3c6ca;background:linear-gradient(125deg,#d5d7da 5%,#aeb3b9 46%,#e4e6e8 78%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;user-select:none}
#company .company-signature span{display:block;font-size:9px;letter-spacing:.48em;line-height:1;margin:18px 0 0 8px;color:#999fa6;-webkit-text-fill-color:#999fa6}
#company .company-details{border-top:1px solid #222;border-bottom:1px solid #b9bdc2}
#company .company-details>div{grid-template-columns:100px minmax(0,1fr);gap:24px;padding:27px 0;border-color:#e1e2e4}
#company .company-details dt{font-size:11px;color:#777b80;font-weight:400;letter-spacing:.06em;padding-top:4px}
#company .company-details dd{font-size:16px;font-weight:400;line-height:1.85;letter-spacing:.03em;overflow-wrap:normal;word-break:normal}
#company .company-details>div:first-child dd{font-family:Arial,sans-serif;font-size:30px;font-weight:400;letter-spacing:-.03em;line-height:1.2}
#company .company-service{white-space:nowrap;display:inline-block}
#company .company-details a{font-family:Arial,sans-serif;font-size:16px;letter-spacing:.01em;text-decoration-thickness:1px;text-decoration-color:#c7c9cc;text-underline-offset:6px}
@media(max-width:900px){#company{padding:80px 7vw 88px}#company .company-layout{grid-template-columns:1fr;gap:48px}#company .company-editorial{min-height:240px}#company h2{font-size:52px;margin-top:20px}#company .company-signature{position:absolute;right:0;bottom:0;font-size:110px;padding:0}#company .company-details>div{grid-template-columns:112px minmax(0,1fr)}}
@media(max-width:480px){#company{padding:64px 7vw 72px}#company .company-layout{gap:36px}#company .company-editorial{min-height:206px;padding-top:19px}#company .company-eyebrow{font-size:9px}#company h2{font-size:42px;letter-spacing:.06em;margin-top:21px}#company .company-signature{font-size:88px}#company .company-signature span{font-size:7px;margin-top:12px}#company .company-details>div{grid-template-columns:1fr;gap:9px;padding:21px 0}#company .company-details dt{font-size:10px;padding:0;letter-spacing:.07em}#company .company-details dd,#company .company-details a{font-size:14px;letter-spacing:.015em}#company .company-details>div:first-child dd{font-size:26px}}

#company .company-details>div:nth-child(4) dd{display:flex;flex-wrap:wrap;min-width:0;row-gap:2px}

/* Use the original PDF-derived wordmark without altering its geometry. */
#company .company-signature{font-size:inherit;letter-spacing:normal;line-height:normal;background:none;-webkit-text-fill-color:initial}
#company .company-signature img{display:block;width:clamp(150px,17vw,245px);height:auto;filter:grayscale(1);opacity:.28}
@media(max-width:900px){#company .company-signature img{width:155px}}
@media(max-width:480px){#company .company-signature img{width:125px}}