@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap";
:root{--black:#03070c;--black-2:#050a11;--white:#f2f5fa;--muted:#8fa3bd;--blue:#245cff;--blue-2:#3c8dff;--green:#06c755;--page-pad:clamp(20px, 4.2vw, 72px)}*{box-sizing:border-box}html{background:var(--black);scroll-behavior:smooth}body{background:var(--black);color:var(--white);margin:0;font-family:Zen Kaku Gothic New,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}.contentWidth{width:min(calc(100% - (var(--page-pad) * 2)), 1600px);margin-inline:auto}.sectionShell{isolation:isolate;background:var(--black);position:relative;overflow:clip}.sectionLabel{color:#f2f5fab8;letter-spacing:.18em;margin:0;font-size:clamp(.67rem,.72vw,.84rem);font-weight:700}.blueLayer{z-index:-1;pointer-events:none;border-radius:50%;position:absolute}h1,h2,h3,h4,p{text-wrap:pretty}h1 span,h2 span{display:block}.hero{isolation:isolate;background:#07111f;min-height:100svh;position:relative;overflow:hidden}.heroVideo{z-index:-4;object-fit:cover;object-position:center center;width:100%;height:100%;position:absolute;inset:0}.heroBlack{z-index:-3;pointer-events:none;background:#0000001a;position:absolute;inset:0}.heroReadability{z-index:-2;pointer-events:none;background:linear-gradient(90deg,#00000094 0%,#00000061 34%,#0000002e 62%,#0000000a 100%),linear-gradient(#0000001a 0%,#0000 62%,#0000004d 100%);position:absolute;inset:0}.heroDotScreen{z-index:-1;opacity:.55;pointer-events:none;background-image:radial-gradient(circle,#0000008f .8px,#0000 1px);background-size:4px 4px;position:absolute;inset:0}.siteHeader{z-index:9999;isolation:isolate;width:100%;min-height:clamp(84px,7vw,106px);padding-inline:max(var(--page-pad), calc((100vw - 1600px) / 2));opacity:1;background:0 0;justify-content:space-between;align-items:center;transition:background-color .2s,box-shadow .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s;display:flex;position:fixed;top:0;left:0;right:0}.siteHeader.isScrolled{background:var(--black);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 1px #ffffff1a,0 12px 32px #00000038}.siteLogo{letter-spacing:.2em;font-size:clamp(.82rem,.9vw,1rem);font-weight:700}.headerRight{align-items:center;display:flex}.desktopNav{align-items:center;gap:10px;min-height:clamp(54px,4vw,64px);display:flex}.desktopLinks{min-height:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#02050966;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:clamp(15px,1.55vw,27px);padding:0 clamp(20px,1.8vw,30px);display:flex}.desktopNav a,.desktopNav button{min-height:inherit;color:#ffffffdb;letter-spacing:.11em;cursor:pointer;border:0;justify-content:center;align-items:center;gap:7px;font-size:clamp(.58rem,.6vw,.68rem);font-weight:700;display:inline-flex}.desktopNav a:hover,.desktopNav button:hover{color:#fff}.desktopNav .headerCta{white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;min-height:clamp(46px,3.5vw,56px);padding:0 18px;font-size:clamp(.58rem,.6vw,.68rem)}.desktopNav .headerLineCta{background:var(--green);color:#fff;gap:8px;min-width:clamp(190px,13vw,220px);box-shadow:0 9px 26px #06c75538}.desktopNav .headerLineCta .lineMark{letter-spacing:0;width:26px;height:26px;font-size:.34rem}.desktopNav .headerContactCta{background:#04070c52;border:1px solid #ffffffb8;min-width:clamp(138px,10vw,166px)}.menuButton{aspect-ratio:1;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020408ad;border:1px solid #ffffff57;border-radius:50%;place-content:center;gap:6px;width:54px;display:none}.menuButton span{background:#fff;width:26px;height:1px;transition:transform .2s,opacity .2s}.menuButton.isOpen span:first-child{transform:translateY(7px)rotate(45deg)}.menuButton.isOpen span:nth-child(2){opacity:0}.menuButton.isOpen span:last-child{transform:translateY(-7px)rotate(-45deg)}.mobileMenu{z-index:9998;visibility:hidden;opacity:0;background:#03070cf7;flex-direction:column;justify-content:center;gap:1.5rem;padding:10vw;transition:opacity .25s,visibility .25s;display:flex;position:fixed;inset:0}.mobileMenu.isOpen{visibility:visible;opacity:1}.mobileMenu a{letter-spacing:.05em;font-size:clamp(2rem,8vw,4rem);font-weight:700}.mobileFixedCtas{display:none}.heroContent{z-index:2;flex-direction:column;justify-content:center;min-height:100svh;padding:clamp(120px,12vh,170px) 0 clamp(165px,18vh,225px);display:flex;position:relative}.eyebrow{color:#f4f6f8d1;letter-spacing:.32em;margin:0 0 clamp(18px,2.3vh,32px);font-size:clamp(.67rem,.75vw,.86rem);font-weight:500}.hero h1{color:#fff;letter-spacing:-.055em;text-shadow:0 3px 30px #00000052;max-width:11em;margin:0 0 20px;font-size:clamp(3.3rem,6.35vw,7.15rem);font-weight:700;line-height:1.15}.heroActions{gap:clamp(10px,1vw,16px);margin-top:clamp(28px,3.4vh,44px);display:flex}.cta{border-radius:999px;justify-content:center;align-items:center;min-height:clamp(60px,4.3vw,70px);padding:0 clamp(24px,2.1vw,36px);font-size:clamp(.85rem,.95vw,1rem);font-weight:700;transition:transform .18s,filter .18s;display:inline-flex}.cta:hover{filter:brightness(1.08);transform:translateY(-2px)}.ctaLine{background:var(--green);gap:12px;min-width:clamp(290px,21vw,345px);box-shadow:0 10px 38px #06c75538}.ctaContact{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04070c2e;border:1px solid #ffffffb8;min-width:clamp(230px,17vw,280px)}.lineMark{width:34px;height:34px;color:var(--green);background:#fff;border-radius:50%;place-items:center;font-size:.5rem;font-weight:900;display:grid}.heroBanner{z-index:3;background:#071a33;border:1px solid #6294d785;grid-template-columns:1fr auto auto;align-items:center;gap:13px;width:clamp(370px,30vw,480px);min-height:clamp(132px,10vw,158px);padding:18px 18px 17px 22px;display:grid;position:absolute;bottom:clamp(18px,2vw,34px);right:max(20px,50vw - 780px);overflow:hidden;box-shadow:0 18px 58px #0000006b}.heroBanner:after{content:"";background:linear-gradient(90deg,#031022f2,#041328c2 48%,#0208121a);position:absolute;inset:0}.heroBanner>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bannerContent{z-index:1;flex-direction:column;align-items:flex-start;display:flex;position:relative}.bannerIndex{color:#8eb8ee;letter-spacing:.18em;font-size:.58rem}.bannerCopy{margin-top:7px;font-size:clamp(.82rem,.9vw,.98rem);line-height:1.55}.bannerWatch{color:#ffffffb8;letter-spacing:.16em;border-bottom:1px solid #ffffff94;margin-top:8px;padding-bottom:2px;font-size:.54rem}.bannerPlay,.bannerArrow{z-index:1;position:relative}.bannerPlay{border:1px solid #ffffff8a;border-radius:50%;place-items:center;width:44px;height:44px;font-size:.65rem;display:grid}.socialRail{z-index:3;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#020509a8;border:1px solid #ffffff29;border-radius:999px;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;display:flex;position:absolute;top:50%;right:max(14px,50vw - 850px);transform:translateY(-50%);box-shadow:0 12px 34px #00000047}.socialRail a{aspect-ratio:1;color:#fff;border-radius:50%;place-items:center;width:40px;font-size:1rem;font-weight:700;line-height:1;transition:background-color .18s,transform .18s;display:grid}.socialRail a:hover{background:#ffffff21;transform:scale(1.06)}.socialYoutube span{color:#05090f;background:#fff;border-radius:3px;place-items:center;width:18px;height:14px;padding-left:1px;font-size:7px;display:grid}.socialX span{font-size:.95rem;font-weight:400}.socialNote span{font-family:Arial,sans-serif;font-size:1.1rem;font-weight:700}.aboutSection{min-height:clamp(720px,56.25vw,900px)}.aboutInner{grid-template-columns:minmax(0,56%) minmax(0,44%);align-items:stretch;width:100%;min-height:clamp(720px,56.25vw,900px);display:grid}.aboutGlow{z-index:0;aspect-ratio:1;filter:blur(77px);pointer-events:none;background:radial-gradient(circle,#245cff47 0%,#1e50d92e 21%,#1742b121 31.5%,#08245614 42%,#0000 70%);border-radius:50%;width:54.15%;position:absolute;top:-50%;left:58.8%}.aboutOrbit{z-index:1;aspect-ratio:1;pointer-events:none;border:1px solid #3669ff73;border-radius:50%;width:92%;position:absolute;top:-85.33%;left:38%}.aboutGraVector{z-index:3;pointer-events:none;width:61.96%;max-width:none;position:absolute;top:-4.86%;left:28.2%}.aboutCopy{z-index:4;flex-direction:column;justify-content:flex-start;padding:clamp(116px,12.1vw,194px) clamp(26px,5.2vw,83px) clamp(72px,8vh,110px) clamp(34px,6.48vw,104px);display:flex;position:relative}.aboutCopy h2{letter-spacing:-.045em;margin:17px 0 0;font-size:clamp(2.7rem,4.2vw,3.36rem);font-weight:700;line-height:1.42}.aboutCopy h2 span{white-space:nowrap}.aboutCopy h2 .aboutLongLine>span{display:inline}.aboutLead{color:#fff;max-width:760px;margin-top:20px;font-size:clamp(.75rem,.885vw,.875rem);line-height:2}.aboutLead p{margin:0}.aboutVisual{z-index:2;height:125.63%;margin:0;position:relative;overflow:hidden}.aboutVisual img{object-fit:cover;object-position:28% center;width:100%;max-width:none;height:100%;position:absolute;inset:0}.aboutVisual span{background:linear-gradient(90deg,#03070c 0%,#03070ca8 9%,#0000 34%),linear-gradient(#112e6524,#02070e1a);position:absolute;inset:0}.reasonsScroller{height:300svh;scroll-margin-top:0}.reasonsSticky{background:#03070c;min-height:100svh;position:sticky;top:0;overflow:hidden}.reasonBackdrop{z-index:-3;object-fit:cover;opacity:.96;width:100%;height:100%;position:absolute;inset:0}.reasonBlue{z-index:-2;aspect-ratio:1.2;filter:blur(70px);background:radial-gradient(#1b49dc5e,#081b4b1f 45%,#0000 72%);width:min(82vw,1250px);top:-40%;left:32%}.reasonInner{grid-template-rows:auto minmax(0,1fr);width:min(86%,1376px);min-height:100svh;margin-inline:auto;padding:clamp(42px,8vh,88px) 0 clamp(32px,5vh,58px);display:grid}.reasonHeader h2{letter-spacing:-.045em;margin:clamp(14px,2vh,24px) 0 0;font-size:clamp(2.8rem,4.15vw,4rem);font-weight:700;line-height:1.05}.reasonStage{grid-template-columns:50% 50%;align-items:center;min-height:0;animation:.65s cubic-bezier(.22,1,.36,1) reasonIn;display:grid}.reasonPortrait{height:min(56vh,560px);min-height:360px;position:relative}.reasonCircle{aspect-ratio:1;border-radius:50%;width:min(37.5vw,480px);position:absolute;top:50%;left:0;overflow:hidden;transform:translateY(-50%)}.reasonCircle img{object-fit:cover;object-position:25% center;filter:saturate(.9)brightness(.78);width:100%;height:100%}.reasonRibbon{z-index:2;filter:drop-shadow(0 0 14px #2a6fff59);width:132%;max-width:none;animation:12s ease-in-out infinite alternate ribbonFloat;position:absolute;top:50%;left:-12%;transform:translateY(-4%)}.reasonDetail{z-index:3;padding:0 0 0 clamp(28px,4vw,64px);position:relative}.reasonNo{color:var(--blue-2);letter-spacing:.05em;margin:0;font-size:clamp(.82rem,1.15vw,1.1rem)}.reasonNo b{margin-left:9px;font-size:clamp(2.25rem,3vw,2.75rem);line-height:1}.reasonDetail h3{letter-spacing:-.025em;white-space:nowrap;margin:clamp(15px,2.2vh,23px) 0 clamp(14px,2vh,22px);font-size:clamp(1.72rem,2.3vw,2.2rem);font-weight:700;line-height:1.5}.reasonBody{color:#ffffffe0;margin:0;font-size:clamp(.82rem,1.15vw,1.1rem);font-weight:700;line-height:1.9}.supportSection{min-height:100svh;padding:clamp(95px,10vw,160px) 0 clamp(90px,9vw,145px)}.supportBg{z-index:0;pointer-events:none;height:28%;position:absolute;bottom:-1%;left:0;right:0;overflow:hidden}.supportBg img{object-fit:cover;object-position:center 46%;opacity:.8;width:100%;height:100%}.supportBg span{background:linear-gradient(#03070cf5 0%,#03070ca8 48%,#03070c66 100%);position:absolute;inset:0}.supportGraVector{z-index:1;object-fit:cover;opacity:.81;pointer-events:none;width:131.2%;max-width:none;height:103.3%;position:absolute;top:-12.9%;left:-7.1%}.supportInner{z-index:2;position:relative}.supportHeading{grid-template-columns:minmax(0,68%) minmax(270px,32%);align-items:end;gap:40px;margin-top:clamp(34px,4vw,64px);display:grid}.supportHeading h2{letter-spacing:-.04em;margin:0;font-size:clamp(2.55rem,3.55vw,4.6rem);line-height:1.3}.supportHeading>p{color:#ffffffb3;margin:0 0 8px;font-size:clamp(.82rem,1vw,1.05rem);line-height:1.9}.supportGrid{background:#4a679e47;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:clamp(62px,7vw,110px);display:grid}.supportGrid article{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#191e27cc;border:1px solid #ffffff14;min-height:clamp(220px,18vw,300px);padding:clamp(30px,3vw,48px)}.supportGrid article>span{color:var(--blue-2);font-size:.82rem;font-weight:700}.supportGrid h3{margin:clamp(22px,2vw,34px) 0 16px;font-size:clamp(1.4rem,1.75vw,2rem)}.supportGrid p{color:#fff9;max-width:26em;margin:0;font-size:clamp(.75rem,.84vw,.9rem);line-height:1.8}.mediaSection{padding:clamp(100px,10vw,165px) 0 clamp(110px,11vw,180px)}.mediaTitleVector{z-index:-1;pointer-events:none;width:46.87%;max-width:none;position:absolute;top:-9.38%;left:27.74%}.mediaGraVector{z-index:-1;pointer-events:none;width:46.87%;max-width:none;position:absolute}.mediaGraVectorTop{top:-60.7%;left:63.7%}.mediaGraVectorBottom{bottom:-40%;left:84%}.mediaTitle{z-index:1;text-align:center;position:relative}.mediaTitle h2{letter-spacing:.08em;margin:14px 0 0;font-size:clamp(3rem,4vw,4.8rem);font-weight:900;line-height:1.2}.mediaTitle .mediaEyebrow{color:#6c9cff;letter-spacing:.32em;margin:0;font-size:clamp(.75rem,.9vw,1rem);font-weight:700}.mediaTitle .mediaDescription{color:#c6d2e4;letter-spacing:.06em;margin:18px 0 0;font-size:clamp(.82rem,1.05vw,1.05rem);font-weight:500}.mediaRow{grid-template-columns:minmax(230px,26%) minmax(0,74%);gap:clamp(30px,5vw,78px);margin-top:clamp(70px,8vw,120px);display:grid}.mediaRowIntro h3{letter-spacing:-.04em;margin:0;font-size:clamp(3.4rem,5.2vw,6.5rem);font-weight:900;line-height:.9}.mediaRowIntro>a{justify-content:space-between;align-items:center;width:min(100%,330px);min-height:58px;margin-top:40px;padding:0 24px;font-size:.75rem;font-weight:700;display:flex}.mediaRowIntro>a.red{background:linear-gradient(130deg,#e21735,#ee1619)}.mediaRowIntro>a.green{background:linear-gradient(130deg,#09b04e,#06c755)}.mediaSlider{min-width:0;position:relative}.mediaArrow{z-index:5;aspect-ratio:1;color:#fff;cursor:pointer;background:linear-gradient(145deg,#194cae,#0e3784);border:1px solid #5693ffb8;border-radius:50%;place-items:center;width:clamp(44px,3.6vw,58px);padding:0;font-family:Arial,sans-serif;font-size:clamp(1.6rem,2.2vw,2.2rem);line-height:1;transition:transform .2s,filter .2s;display:grid;position:absolute;transform:translateY(-50%);box-shadow:0 10px 26px #0c378e6b}.mediaArrow>span{line-height:1;display:block;transform:translateY(-3px)}.mediaArrow:hover{filter:brightness(1.18);transform:translateY(-50%)scale(1.04)}.mediaArrowNext{right:-24px}.mediaArrowPrev{left:-24px}.isVideoSlider .mediaArrow{top:clamp(72px,6.2vw,100px)}.isArticleSlider .mediaArrow{top:clamp(92px,8vw,130px)}.mediaCounter{color:#ffffff8c;font-variant-numeric:tabular-nums;letter-spacing:.16em;justify-content:flex-end;align-items:center;min-height:24px;margin-top:8px;font-size:.68rem;display:flex}.mediaCards{--media-gap:clamp(12px, 2vw, 30px);gap:var(--media-gap);scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;touch-action:pan-x;padding-bottom:8px;display:flex;overflow-x:auto}.mediaCards::-webkit-scrollbar{display:none}.mediaCards article{scroll-snap-align:start;background:#ffffff07;border:1px solid #53689047;flex:0 0 31.25%;min-width:0}.mediaCards.isVideo article{align-self:flex-start}.mediaCards.isVideo .mediaThumb{aspect-ratio:16/9}.mediaThumb{aspect-ratio:1.34;background:#7f7f7f14;position:relative;overflow:hidden}.mediaThumb:after{content:"";background:linear-gradient(#0000,#02060b40);position:absolute;inset:0}.mediaThumb img{object-fit:cover;filter:saturate(.7)brightness(.62);width:100%;height:100%;transition:transform .4s}.mediaCards article:hover .mediaThumb img{transform:scale(1.035)}.mediaThumb i{z-index:2;aspect-ratio:1;border:1px solid #ffffffa6;border-radius:50%;place-items:center;width:48px;font-size:.65rem;font-style:normal;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.mediaCardBody{min-height:clamp(180px,15vw,230px);padding:clamp(22px,2vw,34px)}.mediaCardBody h4{min-height:4.8em;margin:0;font-size:clamp(1rem,1.3vw,1.4rem);line-height:1.7}.mediaCardBody a{color:#ffffffb8;border-bottom:1px solid #ffffff47;justify-content:space-between;padding-bottom:9px;font-size:.76rem;display:flex}.jobsSection{padding:clamp(100px, 9.4vw, 150px) var(--page-pad) clamp(105px, 10vw, 160px);background:#0c142673;font-family:Noto Sans JP,sans-serif}.jobsVector{z-index:-1;pointer-events:none;width:46.87%;max-width:none;position:absolute;top:-9.38%;left:27.74%}.jobsInner{width:min(100%,1050px);margin-inline:auto}.jobsHeader{text-align:center}.jobsHeader .sectionLabel{color:#4d8dff;letter-spacing:.2em;font-size:.8125rem;font-weight:400}.jobsHeader h2{letter-spacing:.12em;margin:19px 0 10px;font-size:clamp(3rem,4vw,4.8rem);font-weight:900;line-height:1.2}.jobsHeader>p{color:#c6d2e4;letter-spacing:.06em;margin:0;font-size:clamp(.82rem,1.17vw,.94rem);font-weight:400}.jobsInner dl{border-top:1px solid #ffffff2e;margin:56px 0 0}.jobsInner dl>div{border-bottom:1px solid #ffffff2e;grid-template-columns:23.9% 76.1%;min-height:81px;display:grid}.jobsInner dt,.jobsInner dd{align-items:center;margin:0;padding:20px 24px;display:flex}.jobsInner dt{color:#fffffff0;letter-spacing:.08em;background:#2563eb1a;font-size:.906rem;font-weight:700}.jobsInner dd{font-size:.906rem;font-weight:400;line-height:2}.contactSection{padding:clamp(80px,8vw,130px) 0}.contactPanel{background:#081a316b;border:1px solid #4d8dff59;border-radius:10px;padding:clamp(70px,8vw,125px) clamp(24px,7vw,115px);position:relative;overflow:hidden}.contactPanelBackdrop{z-index:-1;background:linear-gradient(114deg,#1b7eff1f,#104b9924),linear-gradient(#0208108f,#0208108f),url(/adobe-team-table.jpeg) 50%/cover;position:absolute;inset:0}.contactMain{text-align:center}.contactMain .sectionLabel{color:var(--muted)}.contactMain h2{letter-spacing:.01em;text-shadow:0 3px 24px #0000007a;margin:clamp(22px,3vw,44px) 0 0;font-size:clamp(2.5rem,4.3vw,5.1rem);font-weight:900;line-height:1.45}.contactMain>p{text-shadow:0 2px 16px #000000ad;margin:clamp(18px,2.2vw,32px) 0 0;font-size:clamp(.82rem,1.03vw,1.08rem);line-height:2}.contactActions{flex-direction:column;gap:16px;width:min(100%,720px);margin:clamp(35px,4.5vw,66px) auto 0;display:flex}.contactLine,.contactFormButton{color:#fff;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:18px;min-height:clamp(62px,5vw,78px);padding:0 24px;font-weight:700;display:flex}.contactLine{background:var(--green);box-shadow:0 14px 24px #06c7553b}.contactFormButton{background:#03070c29;border:1px solid #fff6}.contactMain>small{color:var(--muted);margin-top:26px;display:block}.contactForm{text-align:left;border-top:1px solid #ffffff38;grid-template-columns:1fr 1fr;gap:18px;width:min(100%,960px);margin:64px auto 0;padding-top:42px;animation:.4s formIn;display:grid}.contactForm>div{flex-direction:column;gap:8px;display:flex}.contactForm>div:nth-child(4){grid-column:1/-1}.contactForm label{color:#ffffffb3;font-size:.76rem}.contactForm input,.contactForm textarea{color:#fff;background:#03070cad;border:1px solid #ffffff45;border-radius:0;outline:none;width:100%;padding:13px 15px}.contactForm input:focus,.contactForm textarea:focus{border-color:var(--blue-2)}.contactForm>button{border:1px solid var(--blue-2);color:#fff;cursor:pointer;background:#245cff38;justify-content:space-between;align-items:center;min-height:64px;padding:0 22px;display:flex}.contactForm>p{color:#a9c0ff;align-self:center;margin:0;font-size:.78rem}.siteFooter{background:#03070c;border-top:1px solid #ffffff2e}.siteFooter>div{grid-template-columns:auto 1fr auto;align-items:center;gap:30px;min-height:100px;display:grid}.siteFooter strong{letter-spacing:.12em;font-size:1.35rem}.siteFooter nav{letter-spacing:.12em;justify-content:center;gap:clamp(18px,3vw,44px);font-size:.66rem;display:flex}.siteFooter small{color:#ffffff8c}@keyframes reasonIn{0%{opacity:.2;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes ribbonFloat{0%{transform:translate(-2%)rotate(-2deg)}to{transform:translate(3%)rotate(-2deg)}}@keyframes formIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (max-width:1180px){:root{--page-pad:clamp(20px, 4vw, 44px)}.desktopLinks{gap:15px;padding-inline:20px}.desktopNav .headerCta{padding-inline:16px}.desktopNav .headerLineCta{min-width:190px}.desktopNav .headerContactCta{min-width:138px}.heroBanner{right:var(--page-pad)}.socialRail{right:16px}.aboutInner{grid-template-columns:58% 42%}.reasonStage{grid-template-columns:50% 50%}.reasonCircle{width:min(40vw,460px)}.supportHeading{grid-template-columns:62% 38%}.mediaRow{grid-template-columns:230px minmax(0,1fr)}}@media (min-width:901px){.supportHeading h2 span{white-space:nowrap}}@media (max-width:900px){.desktopLinks{display:none}.heroContent{padding-bottom:230px}.aboutInner{display:block}.aboutCopy{min-height:72svh;padding-right:var(--page-pad);padding-left:var(--page-pad)}.aboutCopy h2 span{white-space:normal}.aboutCopy h2 .aboutLongLine>span{display:block}.aboutGlow{width:100%;top:-15%;left:42%}.aboutOrbit{width:160%;top:-32%;left:14%}.aboutGraVector{width:82%;top:4%;left:18%}.aboutVisual{height:60svh}.aboutVisual img{object-fit:cover;object-position:30% center;width:100%;left:0}.aboutVisual span{background:linear-gradient(#03070c 0%,#0000 25%,#03070c1f)}.reasonInner{padding-top:44px}.reasonHeader h2{font-size:clamp(2.45rem,6vw,3.35rem)}.reasonStage{grid-template-columns:50% 50%}.reasonPortrait{height:48vh;min-height:330px}.reasonCircle{width:min(44vw,420px);left:-3%}.reasonRibbon{width:140%;left:-20%}.reasonDetail{padding-right:0}.reasonDetail h3{font-size:clamp(1.5rem,3.5vw,2.4rem)}.supportHeading{display:block}.supportHeading>p{margin-top:28px}.supportGrid{grid-template-columns:repeat(2,1fr)}.mediaRow{display:block}.mediaRowIntro{justify-content:space-between;align-items:end;gap:24px;display:flex}.mediaRowIntro>a{margin-top:0}.mediaSlider{margin-top:32px}.mediaCards article{flex-basis:42%}}@media (max-width:640px){:root{--page-pad:16px}body{padding-bottom:62px}.siteHeader{min-height:76px;padding-inline:16px}.desktopNav{display:none}.menuButton{display:grid}.mobileMenu{z-index:9998;padding-bottom:100px}.mobileFixedCtas{z-index:9997;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#03070ce6;border-top:1px solid #fff3;grid-template-columns:1fr 1fr;min-height:62px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 32px #00000047}.mobileFixedCtas a,.mobileFixedCtas button{color:#fff;letter-spacing:.04em;white-space:nowrap;cursor:pointer;border:0;justify-content:center;align-items:center;gap:7px;font-size:clamp(.6rem,2.7vw,.72rem);font-weight:700;display:flex}.mobileFixedCtas a{background:var(--green)}.mobileFixedCtas button{background:0 0;border-left:1px solid #fff3}.mobileLineMark{width:26px;height:26px;color:var(--green);letter-spacing:0;background:#fff;border-radius:50%;place-items:center;font-size:.38rem;display:grid}.heroVideo{object-position:57% center}.heroContent{justify-content:flex-end;min-height:100svh;padding:110px 0 208px}.eyebrow{letter-spacing:.22em;margin-bottom:13px;font-size:.6rem}.hero h1{font-size:clamp(2.25rem,10.4vw,3.8rem);line-height:1.19}.hero h1 span{white-space:nowrap}.heroActions{flex-direction:column;margin-top:24px}.cta,.ctaLine,.ctaContact{width:100%;min-width:0;min-height:56px;font-size:.82rem}.lineMark{width:30px;height:30px}.heroBanner{width:calc(100% - 32px);min-height:126px;padding:15px;bottom:14px;right:16px}.bannerPlay{width:38px;height:38px}.socialRail{display:none}.aboutCopy{min-height:auto;padding:82px 16px 70px}.aboutCopy h2{margin-top:34px;font-size:clamp(2.15rem,9.8vw,3.1rem);line-height:1.42}.aboutLead{margin-top:34px;font-size:.75rem;line-height:1.9}.aboutLead p+p{margin-top:7px}.aboutVisual{height:58svh}.reasonsScroller{height:300svh}.reasonsSticky{align-items:stretch}.reasonInner{width:calc(100% - 32px);padding:34px 0 20px}.reasonHeader h2{margin-top:12px;font-size:clamp(1.9rem,9vw,2.35rem);line-height:1.13}.reasonStage{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;align-items:stretch;display:grid}.reasonPortrait{height:auto;min-height:0}.reasonCircle{width:min(66vw,320px);top:50%;left:50%;transform:translate(-50%,-50%)}.reasonRibbon{width:142%;top:51%;left:-20%}.reasonDetail{padding:0 2px 10px}.reasonNo{font-size:.66rem}.reasonNo b{font-size:2.2rem}.reasonDetail h3{white-space:normal;margin:7px 0 8px;font-size:1.35rem;line-height:1.5}.reasonBody{font-size:.72rem;line-height:1.7}.reasonTabs button{white-space:nowrap;padding:11px 3px;font-size:.58rem;overflow:hidden}.reasonTabs button span{margin:0 0 2px;font-size:1rem;display:block}.supportSection{padding:82px 0}.supportHeading{margin-top:30px}.supportHeading h2{font-size:2.15rem;line-height:1.4}.supportHeading>p{font-size:.77rem}.supportGrid{grid-template-columns:1fr;margin-top:46px}.supportGrid article{min-height:0;padding:28px 24px 30px}.supportBg{height:25%;bottom:0}.mediaSection{padding:85px 0 95px}.mediaTitleVector{width:92%;top:-3%;left:5%}.mediaTitle h2{letter-spacing:.04em;font-size:2.55rem}.mediaTitle .mediaDescription{max-width:24em;margin:15px auto 0;font-size:.78rem;line-height:1.8}.mediaRow{margin-top:62px}.mediaRowIntro{display:block}.mediaRowIntro h3{font-size:3.4rem}.mediaRowIntro>a{width:100%;margin-top:24px}.mediaArrow{width:46px}.mediaArrowNext{right:6px}.mediaArrowPrev{left:6px}.isVideoSlider .mediaArrow{top:23vw}.isArticleSlider .mediaArrow{top:30.6vw}.mediaCounter{margin-top:7px}.mediaCards{margin-right:calc(var(--page-pad) * -1);padding-right:var(--page-pad);gap:14px;overflow-x:auto}.mediaCards article{scroll-snap-align:start;flex:0 0 82vw}.mediaCardBody{min-height:170px}.jobsSection{padding:85px 16px 90px}.jobsVector{width:92%;top:-3%;left:5%}.jobsHeader h2{font-size:2.55rem}.jobsInner dl{margin-top:56px}.jobsInner dl>div{grid-template-columns:31% 69%;min-height:86px}.jobsInner dt,.jobsInner dd{padding:15px 12px}.jobsInner dt{font-size:.68rem}.jobsInner dd{font-size:.78rem;line-height:1.65}.contactSection{padding:42px 0}.contactPanel{border-radius:6px;padding:64px 18px}.contactMain h2{font-size:2.25rem;line-height:1.45}.contactMain>p{font-size:.76rem}.contactActions{margin-top:38px}.contactLine,.contactFormButton{min-height:60px;padding:0 14px;font-size:.78rem}.contactMain>small{font-size:.66rem}.contactForm{grid-template-columns:1fr;margin-top:46px}.contactForm>div:nth-child(4){grid-column:auto}.siteFooter>div{grid-template-columns:1fr auto;min-height:90px}.siteFooter nav{display:none}}@media (max-height:720px) and (min-width:641px){.reasonInner{padding-top:34px;padding-bottom:18px}.reasonHeader h2{margin-top:12px;font-size:clamp(2.5rem,4vw,3.4rem)}.reasonPortrait{height:44vh;min-height:280px}.reasonDetail h3{margin:12px 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reasonRibbon,.reasonStage,.contactForm{animation:none}.cta,.mediaThumb img,.mediaArrow{transition:none}.mediaCards{scroll-behavior:auto}}

/* URAKATA education section — 2026-09-08. Existing background layers are retained. */
.supportHeading.educationHeading { display: block; }
.supportHeading.educationHeading h2 { max-width: 24em; }
.supportHeading.educationHeading h2 span { display: block; white-space: normal; }
.supportHeading.educationHeading > p { max-width: 72em; margin: 28px 0 0; font-size: clamp(.875rem, 1.05vw, 1.05rem); line-height: 2; }
.supportGrid.educationSteps { --step-gap: 36px; position: relative; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); column-gap: var(--step-gap); row-gap: 72px; background: transparent; list-style: none; padding: 0; margin-bottom: 0; }
.educationSteps > li { position: relative; min-width: 0; min-height: 210px; padding: clamp(24px,2.2vw,36px); background: #191e27cc; border: 1px solid #ffffff14; backdrop-filter: blur(2px); }
.educationSteps > li > span { color: var(--blue-2); font-size: 1rem; font-weight: 700; }
.educationSteps h3 { margin: 25px 0 0; font-size: clamp(1.05rem,1.4vw,1.5rem); line-height: 1.65; overflow-wrap: anywhere; }
.educationSteps > li:last-child { grid-column: span 2; }
.educationSteps > li::after { content: ''; position: absolute; width: 10px; height: 10px; border-top: 1px solid #ffffff80; border-right: 1px solid #ffffff80; right: -24px; top: calc(50% - 5px); transform: rotate(45deg); }
.educationSteps > li:last-child::after { display: none; }
@media (min-width:1101px) {
  .educationSteps > li:nth-child(4)::after { display: none; }
  .supportGrid.educationSteps::before { content: ''; position: absolute; left: calc((100% - 108px)/8); right: calc((100% - 108px)/8); top: calc((100% - 72px)/2 + 14px); height: 20px; border-right: 1px solid #ffffff66; border-bottom: 1px solid #ffffff66; pointer-events: none; }
  .educationSteps > li:nth-child(5)::before { content: ''; position: absolute; left: calc(50% - 5px); top: -43px; width: 10px; height: 10px; border-right: 1px solid #ffffff66; border-bottom: 1px solid #ffffff66; transform: rotate(45deg); }
}
@media (min-width:701px) and (max-width:1100px) {
  .supportGrid.educationSteps { grid-template-columns: repeat(2,minmax(0,1fr)); row-gap: 36px; }
  .educationSteps > li:nth-child(even)::after { top: auto; bottom: -24px; right: calc(50% - 5px); transform: rotate(135deg); }
}
@media (max-width:700px) {
  .supportHeading.educationHeading h2 { font-size: clamp(1.55rem,6vw,2.15rem); line-height: 1.5; }
  .supportHeading.educationHeading > p { margin-top: 22px; font-size: .875rem; line-height: 1.95; }
  .supportGrid.educationSteps { grid-template-columns: minmax(0,1fr); row-gap: 30px; margin-top: 38px; }
  .educationSteps > li { min-height: 0; padding: 24px; }
  .educationSteps > li:last-child { grid-column: auto; }
  .educationSteps h3 { font-size: 1.05rem; line-height: 1.65; margin-top: 14px; }
  .educationSteps > li::after { top: auto; bottom: -20px; right: calc(50% - 5px); transform: rotate(135deg); }
}

/* Copy / logo synchronization and connected education arrows, 2026-09-08. */
.siteLogo { display: inline-flex; flex: 0 0 auto; }
.urakataLogo { display: block; width: 72px; height: 72px; object-fit: contain; border-radius: 50%; }
.siteFooter .urakataLogo { width: 72px; height: 72px; }
.hero h1 { max-width: 18em; font-size: clamp(2.4rem,4.65vw,5.7rem); line-height: 1.3; }
.hero h1 span { white-space: normal; }
.hero .eyebrow { letter-spacing: .15em; }
.aboutLead { max-width: 50em; }
.reasonHeader h2 { font-size: clamp(2rem,3.6vw,4.2rem); }
.reasonDetail h3 { white-space: normal; font-size: clamp(1.5rem,2.15vw,2.1rem); }
.reasonBody { font-weight: 400; line-height: 1.9; }
.jobsHeader > p { max-width: 64em; margin-inline: auto; line-height: 1.9; }
.contactMain h2 { font-size: clamp(2.15rem,3.6vw,4.5rem); }
.contactMain > p { max-width: 65em; margin-inline: auto; }
.educationSteps > li::after { content: '→'; width: 26px; height: 26px; right: -32px; top: calc(50% - 13px); border: 0; background: none; color: #ffffff80; font: 300 26px/26px Arial,sans-serif; text-align: center; transform: none; }
@media (min-width:1101px) {
  .supportGrid.educationSteps::before { top: calc((100% - 72px)/2 + 12px); height: 22px; }
  .supportGrid.educationSteps::after { content: ''; position: absolute; left: calc((100% - 108px)/8); top: calc((100% - 72px)/2 + 34px); height: 24px; border-left: 1px solid #ffffff66; pointer-events: none; }
  .educationSteps > li:nth-child(5)::before { top: -21px; }
}
@media (min-width:701px) and (max-width:1100px) {
  .educationSteps > li:nth-child(even)::after { content: '↓'; top: auto; bottom: -32px; right: calc(50% - 13px); transform: none; }
}
@media (max-width:700px) {
  .reasonInner { height: 100svh; min-height: 0; padding: 96px 0 84px; }
  .reasonStage { grid-template-rows: minmax(0,1fr) auto; gap: 12px; }
  .reasonCircle { width: min(60vw,28svh,280px); }
  .urakataLogo, .siteFooter .urakataLogo { width: 52px; height: 52px; }
  .hero h1 { font-size: clamp(1.5rem,6.35vw,2.65rem); }
  .hero .eyebrow { font-size: .67rem; letter-spacing: .08em; }
  .reasonHeader h2 { font-size: 1.7rem; }
  .reasonDetail h3 { font-size: 1.28rem; }
  .reasonBody { font-size: .78rem; line-height: 1.75; }
  .contactMain h2 { font-size: 1.8rem; }
  .educationSteps > li::after { content: '↓'; top: auto; bottom: -28px; right: calc(50% - 13px); transform: none; }
}

/* Mobile reasons use normal document flow; desktop scroll presentation remains unchanged. */
.mobileReasons { display: none; }
@media (max-width: 700px) {
  #features.reasonsScroller { height: auto; scroll-margin-top: 76px; }
  #features .reasonsSticky { position: relative; top: auto; min-height: 0; }
  #features .reasonInner { display: block; height: auto; min-height: 0; padding: 64px 0 88px; }
  #features .reasonHeader { margin-bottom: 36px; }
  #features .reasonDesktopStage { display: none; }
  #features .mobileReasons { display: grid; gap: 64px; }
  #features .mobileReasons .reasonStage { display: block; animation: none; position: relative; }
  #features .mobileReasons .reasonPortrait { height: min(84vw,380px); min-height: 0; z-index: 1; }
  #features .mobileReasons .reasonCircle { width: min(72vw,320px); top: 50%; left: 50%; transform: translate(-50%,-50%); }
  #features .mobileReasons .reasonRibbon { animation: none; width: 142%; top: 51%; left: -20%; }
  #features .mobileReasons .reasonDetail { padding: 20px 2px 0; }
  #features .mobileReasons .reasonBody { font-size: .875rem; line-height: 1.9; }
  #features .mobileReasons .reasonStage::before { content: ''; position: absolute; z-index: 0; inset: 0 -16px; background: url('/reasons-blue-backdrop.png') center / cover no-repeat; pointer-events: none; }
}

.mediaMobileAction { display: none; }
@media (max-width:700px) {
  .mediaRowIntro > a { display: none; }
  .mediaRow > .mediaMobileAction { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 58px; margin-top: 24px; padding: 0 24px; font-size: .75rem; font-weight: 700; }
  .mediaMobileAction.red { background: linear-gradient(130deg,#e21735,#ee1619); }
  .mediaMobileAction.green { background: linear-gradient(130deg,#09b04e,#06c755); }
}

/* Fit both approved FV lines within the mobile content width, without extra wraps. */
@media (max-width:700px) {
  .hero h1 { width: 100%; max-width: none; font-size: calc(8vw - var(--page-pad) * .16); line-height: 1.5; }
  .hero h1 span { display: block; white-space: nowrap; }
}

/* Desktop ABOUT copy follows the same type scale as the reason body. */
@media (min-width:901px) {
  .aboutLead { font-size: clamp(.82rem,1.15vw,1.1rem); line-height: 1.9; font-weight: 400; }
  .aboutDesktopLine { display: block; white-space: nowrap; }
  .aboutMobilePeriod { display: none; }
}

.socialRail img { width: 23px; height: 23px; object-fit: contain; }
.socialRail a:focus-visible, .mobileSocialButton:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.mobileSocialLinks { margin-top: 16px; border-top: 1px solid #ffffff29; padding-top: 22px; }
.mobileSocialLabel { margin: 0 0 14px; font-size: 11px; letter-spacing: .16em; color: #b8c5d8; }
.mobileSocialGrid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.mobileMenu .mobileSocialButton { min-height: 48px; padding: 10px 12px; border: 1px solid #ffffff40; border-radius: 8px; background: #ffffff08; display: flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 600; letter-spacing: 0; }
.mobileSocialButton:hover { background: #ffffff18; }
.mobileSocialButton img { width: 20px; height: 20px; object-fit: contain; }
.mobileSocialIcon { display: grid; place-items: center; width: 20px; height: 20px; font: 700 19px/1 Arial,sans-serif; }
.mobileSocialArrow { margin-left: auto; color: #b8c5d8; font-size: 14px; }
@media (max-width:900px) {
  .mobileMenu { justify-content: flex-start; gap: 18px; padding: 108px 24px 100px; overflow-y: auto; overscroll-behavior: contain; }
  .mobileMenu > a { font-size: clamp(1.3rem,6vw,2rem); line-height: 1.2; }
}

.isVideo .mediaThumb { display: block; }
.isVideo .mediaThumb img { opacity: 1; filter: none; }
.isVideo .mediaThumb::after { background: none; pointer-events: none; }
.isVideo .mediaThumb i { background: #03070ca6; pointer-events: none; }
.isVideo .mediaThumb:focus-visible { outline: 3px solid #fff; outline-offset: -3px; }
.mediaComingSoon { min-height: 240px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; border: 1px solid #53689047; background: linear-gradient(135deg,#101b30a6,#ffffff03); text-align: center; padding: 40px 24px; }
.mediaComingSoon p { margin: 0; font-size: clamp(1.7rem,3vw,2.8rem); letter-spacing: .08em; font-weight: 700; }
.mediaComingSoon span { color: #b8c5d8; font-size: .875rem; }
@media (max-width:900px) { .mediaComingSoon { margin-top: 32px; } }
@media (max-width:640px) { .mediaComingSoon { min-height: 210px; } }

/* Larger YouTube previews: two full cards, with the third continuing off the right edge. */
@media (min-width:701px) {
  .isVideoSlider { margin-right: calc(var(--page-pad) * -1); }
  .mediaCards.isVideo { padding-right: var(--page-pad); }
  .mediaCards.isVideo article { flex-basis: 40%; }
  .isVideoSlider .mediaArrow { top: calc(50% - 16px); }
  .isVideoSlider .mediaArrowNext { right: 16px; }
  .isVideoSlider .mediaCounter { padding-right: var(--page-pad); }
}
@media (min-width:701px) and (max-width:900px) {
  .mediaCards.isVideo article { flex-basis: 46%; }
}

.contactForm.consultationForm { grid-template-columns: 1fr; max-width: 680px; gap: 24px; scroll-margin-top: 120px; }
.consultationForm > div:nth-child(4) { grid-column: auto; }
.consultationForm label, .consultationForm legend { color: #fff; font-size: .95rem; }
.consultationForm input { border-radius: 6px; min-height: 48px; font-size: 16px; }
.consultationForm input::placeholder { color: #8d99aa; }
.consultationForm .salesExperience { border: 0; margin: 0; padding: 0; display: grid; gap: 12px; }
.consultationForm .salesExperience legend { margin-bottom: 14px; padding: 0; }
.consultationForm .salesExperience label { display: flex; align-items: center; gap: 10px; min-height: 32px; cursor: pointer; }
.consultationForm .salesExperience input { width: 18px; height: 18px; min-height: 0; padding: 0; margin: 0; accent-color: #3c8dff; }
.consultationForm .formHoneypot { display: none; }
.consultationForm > .formHelp { font-size: .75rem; line-height: 1.8; color: #b8c5d8; }
.consultationForm > button { justify-content: center; border-radius: 6px; background: #124ca5; }
.consultationForm > button:disabled { opacity: .65; cursor: default; }
.consultationForm .formResult { line-height: 1.8; color: #c5e5d1; }
.consultationForm .formResult.isError { color: #ffb7b7; }

/* Keep 01/03 at their former travel length; use 1.5 times the original scroll distance for 02. */
@media (min-width:701px) {
  #features.reasonsScroller { height: 333.333333svh; }
}

.heroBanner .bannerContent { min-width: 0; }
.heroBanner .bannerCopy { font-size: clamp(18px,1.25vw,22px); line-height: 1.5; }
@media (max-width:640px) {
  .heroBanner .bannerCopy { font-size: 17px; }
}

@media (max-width: 640px) {
  .aboutCopy h2 {
    font-size: clamp(22px, 7.5vw, 40px);
    white-space: nowrap;
  }
}

#features-title > span { display: inline; }
@media (max-width: 700px) {
  #features-title > span { display: block; white-space: nowrap; }
}

@media (max-width: 700px) {
  .mediaRowIntro h3 { font-size: 28px; }
  .mediaRow > .mediaMobileAction,
  .mediaRowIntro > a { font-size: 16px; }
}

#contact-title > span { display: inline; }
@media (max-width: 700px) {
  .contactMain { container-type: inline-size; }
  .contactMain #contact-title { font-size: min(1.8rem, 8.8cqw); }
  #contact-title > span { display: block; white-space: nowrap; }
}

.mediaArrow {
  width: clamp(52px, 4.2vw, 66px);
  font-size: clamp(32px, 2.5vw, 40px);
  background: linear-gradient(145deg, #2367df, #164cae);
  border: 2px solid #8cbbff;
  box-shadow: 0 0 0 4px #377df51f, 0 8px 26px #0b3c9e80;
}
.mediaArrow:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
@media (max-width: 700px) {
  .mediaArrow { width: 54px; font-size: 34px; }
}

/* Open tracking by 25% of its current amount. Negative tracking must
   move toward zero rather than be multiplied by 1.25 (which tightens it). */
.hero h1 { letter-spacing: -.04125em; }
.aboutCopy h2,
.reasonHeader h2 { letter-spacing: -.03375em; }
.reasonDetail h3 { letter-spacing: -.01875em; }
.supportHeading h2,
.mediaRowIntro h3 { letter-spacing: -.03em; }
.mediaTitle h2 { letter-spacing: .1em; }
.jobsHeader h2 { letter-spacing: .15em; }
.contactMain h2 { letter-spacing: .0125em; }
@media (max-width: 640px) {
  .mediaTitle h2 { letter-spacing: .05em; }
}

/* Keep the ABOUT headline on one line without overflowing its text column. */
.aboutCopy { container-type: inline-size; }
.aboutCopy #about-title {
  white-space: nowrap;
  font-size: min(clamp(2.7rem, 4.2vw, 3.36rem), 9cqw);
}
@media (max-width: 640px) {
  .aboutCopy #about-title {
    font-size: min(clamp(22px, 7.5vw, 40px), 9cqw);
  }
}

/* Article thumbnail anchors need a block box for their existing aspect ratio.
   Inline anchors let the 100%-height image overlap and clip the card body. */
.isArticleSlider .mediaThumb { display: block; }

/* Match note's landscape thumbnail canvas and preserve the whole image. */
.isArticleSlider .mediaThumb {
  aspect-ratio: 1280 / 670;
}
.isArticleSlider .mediaThumb img {
  object-fit: contain;
}
@media (min-width: 901px) {
  .isArticleSlider .mediaCards article { flex-basis: 44.5%; }
}
@media (min-width: 641px) and (max-width: 900px) {
  .isArticleSlider .mediaCards article { flex-basis: 58%; }
}
/* The note listing uses the same uncropped thumbnail canvas. */
.listingCard > a.listingVisual { aspect-ratio: 1280 / 670; }
.listingCard > a.listingVisual img { object-fit: contain; }

/* Relax only the desktop FV headline tracking; mobile stays unchanged. */
@media (min-width: 901px) {
  .hero h1 { letter-spacing: 0; }
}

/* Show note thumbnails in their original colors, without a dark overlay. */
.isArticleSlider .mediaThumb img { filter: none; opacity: 1; }
.isArticleSlider .mediaThumb::after { background: none; pointer-events: none; }

/* Crop the lower third on phones without resizing/repositioning the photo. */
@media (max-width: 640px) {
  .aboutVisual { height: calc(58svh * 2 / 3); }
  .aboutVisual img,
  .aboutVisual > span { height: 58svh; bottom: auto; }
}

/* Enlarge the phone header logo by 1.4x, retaining breathing room above/below. */
@media (max-width: 640px) {
  .siteHeader { padding-block: 12px; }
  .siteHeader .urakataLogo { width: 72.8px; height: 72.8px; }
}

/* Desktop ABOUT body: 20px at a 1390px viewport, fluid within safe bounds. */
@media (min-width: 901px) {
  .aboutLead { font-size: clamp(0.875rem, calc(100vw * 20 / 1390), 1.375rem); }
}

/* Flexible form controls retain the existing consultation-form design. */
.consultationForm select,.consultationForm textarea{color:#fff;background:#03070cad;border:1px solid #ffffff45;border-radius:6px;width:100%;min-height:48px;padding:13px 15px;font:inherit;font-size:16px;}
.consultationForm select:focus,.consultationForm textarea:focus{border-color:var(--blue-2);outline:2px solid var(--blue-2);outline-offset:2px;}
.consultationForm select option{color:#fff;background:#0b1423;}
.consultationForm textarea{resize:vertical;min-height:140px;}
.consultationForm .formHelp a{color:inherit;text-decoration:underline;text-underline-offset:3px;}
.siteFooter nav{flex-wrap:wrap;}