:root{--sky:#73c1ed;--sun:#ed6245;--leaf:#7bb16d;--hug:#f9b23c;--ink:#363635;--sky-text:#1f6f9e;--sun-text:#c8432b;--leaf-text:#3f7a33;--muted:#6b6863;--paper:#fffcf6;--cream:#fff4e2;--sky-soft:#e6f5fd;--leaf-soft:#edf6ea;--sun-soft:#fdebe6;--hug-soft:#fff1d6;--line:#ebe4d8;--radius:28px;--font-sans:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", Meiryo, system-ui, sans-serif;--font-round:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Hiragino Sans", system-ui, sans-serif;--ease-pop:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);letter-spacing:.02em;font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased;margin:0;line-height:1.85}img,svg{max-width:100%;display:block}a{color:inherit}h1,h2,h3{font-family:var(--font-round);letter-spacing:.01em;margin:0;font-weight:700;line-height:1.35}p{margin:0}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--sky-text);outline-offset:3px;border-radius:8px}.cta :focus-visible{outline-color:var(--ink)}::selection{background:var(--hug);color:var(--ink)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip:focus{z-index:60;clip:auto;background:#fff;border-radius:10px;width:auto;height:auto;padding:8px 14px;position:fixed;top:12px;left:12px}.wrap{width:min(1160px,100% - 32px);margin-inline:auto}.section{padding-block:88px}@media (width>=900px){.section{padding-block:120px}}.eyebrow{font-family:var(--font-round);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font-size:.95rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--dot,var(--sun));border-radius:50%;width:12px;height:12px}.section-title{width:fit-content;margin-top:14px;font-size:clamp(1.75rem,4.6vw,2.6rem)}.section-title:after{content:"";background:var(--hug);height:.34em;margin-top:.1em;display:block;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M4 6 Q100 22 196 7' fill='none' stroke='black' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") 0/100% 100% no-repeat}.lead{max-width:40em;color:var(--muted);margin-top:18px}.btn{min-height:52px;font-family:var(--font-round);transition:transform .35s var(--ease-pop), background-color .2s, box-shadow .2s;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 28px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(1px)scale(.98)}.btn-primary{background:var(--sun-text);color:#fff;box-shadow:0 6px #9e3421}.btn-primary:hover{box-shadow:0 8px #9e3421}.btn-ghost{color:var(--ink);border:2px solid var(--ink);background:#fff}.btn-ink{background:var(--ink);color:#fff}.topnote{text-align:center;color:var(--muted);background:var(--cream);margin:0;padding:6px 16px;font-size:.85rem}.header{z-index:40;background:color-mix(in srgb, var(--paper) 88%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.header-in{justify-content:space-between;align-items:center;gap:16px;height:72px;display:flex}.header-logo img{width:auto;height:42px}.nav{display:none}.nav ul{align-items:center;gap:4px;display:flex}.nav a{border-radius:999px;padding:8px 14px;font-size:.92rem;text-decoration:none;transition:background-color .2s;display:block}.nav a:hover{background:var(--sky-soft)}.nav .btn{min-height:44px;margin-left:8px;padding:0 20px;display:inline-flex}.nav .btn:hover{background:var(--sun-text)}@media (width>=960px){.nav{display:block}.menu{display:none}}.menu summary{cursor:pointer;border:2px solid var(--ink);background:#fff;border-radius:50%;place-items:center;width:48px;height:48px;list-style:none;display:grid}.menu summary::-webkit-details-marker{display:none}.menu summary span,.menu summary span:before,.menu summary span:after{background:var(--ink);content:"";border-radius:2px;width:18px;height:2px;display:block;position:relative}.menu summary span:before{position:absolute;top:-6px}.menu summary span:after{position:absolute;top:6px}.menu[open] summary span{background:0 0}.menu[open] summary span:before{top:0;rotate:45deg}.menu[open] summary span:after{top:0;rotate:-45deg}.menu-panel{border:1px solid var(--line);background:#fff;border-radius:24px;padding:12px;position:absolute;top:76px;left:16px;right:16px;box-shadow:0 20px 50px #0002}.menu-panel a{font-family:var(--font-round);border-radius:14px;padding:14px 16px;font-weight:700;text-decoration:none;display:block}.menu-panel a:hover{background:var(--sky-soft)}.menu-panel .btn{width:100%;margin-top:8px}.hero{background:linear-gradient(180deg, var(--sky-soft) 0%, var(--paper) 78%);position:relative;overflow:hidden}.hero-in{align-items:center;gap:20px;padding-block:28px 96px;display:grid;position:relative}@media (width>=900px){.hero-in{grid-template-columns:1.1fr .9fr;gap:56px;padding-block:88px 140px}}.hero-mark{width:min(190px,50vw);margin-inline:auto}.nw{display:inline-block}.hero-mark svg{width:100%;height:auto;overflow:visible}@media (width>=900px){.hero-mark{order:2;width:min(460px,100%)}}.hero h1{z-index:0;font-size:clamp(2.2rem,7.4vw,4rem);line-height:1.28;position:relative}.hero h1 .grow{color:var(--leaf-text);white-space:nowrap;position:relative}.grow-line{z-index:-1;width:104%;height:.34em;position:absolute;bottom:-.14em;left:-2%;overflow:visible}.grow-line path{fill:none;stroke:var(--hug);stroke-width:.16em;stroke-linecap:round}.hero-lead{color:var(--muted);max-width:32em;margin-top:22px;font-size:1.05rem}.hero-cta{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hero-facts{color:var(--muted);flex-wrap:wrap;gap:6px 28px;margin-top:36px;font-size:.95rem;display:flex}.hero-facts b{font-family:var(--font-round);color:var(--ink);margin-right:4px;font-size:1.5rem;line-height:1}.deco{pointer-events:none;position:absolute}.deco-sky{border:56px solid var(--sky);opacity:.18;border-radius:50%;width:560px;height:560px;top:-300px;left:-260px}.deco-hug{width:140%;height:90px;bottom:-1px;left:50%;translate:-50%}.about{gap:28px;display:grid}@media (width>=900px){.about{grid-template-columns:.9fr 1.1fr;align-items:start;gap:72px}}.about-quote{font-family:var(--font-round);font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;line-height:1.5}.about-quote em{color:var(--sky-text);font-style:normal}.about-body p+p{margin-top:1em}.about-body{color:#4a4845}.services{gap:20px;margin-top:48px;display:grid}@media (width>=760px){.services{grid-template-columns:1fr 1fr;gap:24px}}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 0 var(--line), 0 18px 40px -28px #0003;background:#fff;padding:32px 28px;position:relative}.service-shape{background:var(--c);border-radius:26px 26px 6px;width:52px;height:52px;display:block}.services>li:nth-child(4n+2) .service-shape{border-radius:50%}.services>li:nth-child(4n+3) .service-shape{border-radius:26px 6px}.services>li:nth-child(4n+4) .service-shape{border-radius:6px 6px 26px 26px}.service-en{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.9rem;font-family:var(--font-round);margin-top:20px;font-weight:700}.card h3{margin-top:4px;font-size:1.4rem}.card .summary{margin-top:10px}.checks{color:#4a4845;gap:8px;margin-top:18px;font-size:.98rem;display:grid}.checks li{padding-left:26px;position:relative}.checks li:before{content:"";border-left:2.5px solid var(--leaf-text);border-bottom:2.5px solid var(--leaf-text);width:12px;height:7px;position:absolute;top:.62em;left:2px;rotate:-45deg}.cycle{flex-wrap:wrap;align-items:center;gap:8px 6px;margin-top:28px;padding:0;list-style:none;display:flex}.cycle li{border:1px solid var(--line);font-family:var(--font-round);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:6px 16px;font-size:.95rem;font-weight:700;display:inline-flex}.cycle li:before{content:"";background:var(--c);border-radius:50%;width:10px;height:10px}.cycle li+li{margin-left:22px;position:relative}.cycle li+li:after{content:"→";text-align:center;width:22px;color:var(--muted);font-weight:400;position:absolute;left:-22px}.research{gap:20px;margin-top:40px;display:grid}@media (width>=760px){.research{grid-template-columns:1fr 1fr;gap:24px}}.research>li{border-top:6px solid var(--c);flex-direction:column;display:flex}.research-top{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:.88rem;display:flex}.research .card h3,.research h3{margin-top:10px}.research .checks{flex:1}.research-more{font-family:var(--font-round);color:var(--leaf-text);text-underline-offset:4px;align-self:flex-start;margin-top:20px;font-weight:700}.works-band{background:var(--leaf-soft);border-radius:48px 48px 0 0}@media (width>=900px){.works-band{border-radius:96px 96px 0 0}}.works{gap:18px;margin-top:48px;display:grid}@media (width>=700px){.works{grid-template-columns:1fr 1fr}}@media (width>=1040px){.works{grid-template-columns:1fr 1fr 1fr}}.works>li{min-width:0;display:flex}.works>li[hidden]{display:none}.filters{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.filters button{border:2px solid var(--ink);min-height:44px;color:var(--ink);font:inherit;font-family:var(--font-round);cursor:pointer;background:0 0;border-radius:999px;padding:0 18px;font-size:.95rem;font-weight:700;transition:background-color .2s}.filters button:hover{background:#fff}.filters button[aria-pressed=true]{background:var(--ink);color:#fff}.filters+.swipe-hint+.works{margin-top:24px}.work-thumb{aspect-ratio:16/9;background:color-mix(in srgb, var(--c) 14%, #fff);border-radius:18px;display:block;overflow:hidden}.work-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-pop)}.work:hover .work-thumb img{transform:scale(1.04)}.work-thumb .motif{aspect-ratio:auto;background:0 0;border-radius:0;height:100%}.work{border-radius:var(--radius);width:100%;transition:transform .35s var(--ease-pop), box-shadow .3s;background:#fff;border:1px solid #dfe8da;flex-direction:column;padding:14px 14px 22px;text-decoration:none;display:flex}.work:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px #0004}.work-top{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:16px;font-size:.88rem;display:flex}.work-kind{font-family:var(--font-round);letter-spacing:.06em;align-items:center;gap:8px;font-weight:700;display:inline-flex}.work-kind:before{content:"";background:var(--c);border-radius:50%;width:10px;height:10px}.status{background:var(--paper);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:3px 12px}.work-top,.work h3,.work p,.work-more{margin-inline:10px}.work h3{margin-top:14px;font-size:1.25rem}.work p{color:#4a4845;flex:1;margin-top:8px;font-size:.97rem}.work-more{font-family:var(--font-round);color:var(--leaf-text);margin-top:18px;font-size:.9rem;font-weight:700}.motif{aspect-ratio:320/140;background:color-mix(in srgb, var(--c) 14%, #fff);border-radius:18px;width:100%;height:auto}.motif .draw{fill:none;stroke:color-mix(in srgb, var(--c) 70%, var(--ink));stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.motif .dot{fill:var(--c)}.work:hover .motif .dot{animation:bounce .6s var(--ease-pop)}@keyframes bounce{40%{translate:0 -6px}}.swipe-hint{display:none}@media (width<=699px){.works{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;grid-auto-columns:84%;grid-auto-flow:column;margin-inline:-16px;padding:4px 16px 18px;scroll-padding-inline:16px;overflow-x:auto}.works::-webkit-scrollbar{display:none}.works>li{scroll-snap-align:start}.swipe-hint{font-family:var(--font-round);color:var(--leaf-text);margin-top:28px;font-size:.95rem;font-weight:700;display:block}.works{margin-top:12px}}.tech{border-top:1px solid var(--line);margin-top:44px}.tech-group{border-bottom:1px solid var(--line);gap:14px;padding-block:26px;display:grid}@media (width>=900px){.tech-group{grid-template-columns:13rem minmax(0,1fr);gap:24px}}.tech-group h3{align-self:start;align-items:center;gap:10px;font-size:1.15rem;display:flex}.tech-group h3:before{content:"";background:var(--c);border-radius:50%;flex:none;width:12px;height:12px}.tech-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:14px 28px;margin:0;display:grid}.tech-list dt{font-family:var(--font-round);font-weight:700;line-height:1.5}.tech-list dd{color:var(--muted);margin:0;font-size:.9rem;line-height:1.6}.chips{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.chips li{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:.92rem}.company{border-radius:var(--radius);border:1px solid var(--line);background:#fff;margin-top:40px;padding:8px 24px}.company div{border-bottom:1px dashed var(--line);gap:4px;padding:18px 0;display:grid}.company div:last-child{border-bottom:0}@media (width>=700px){.company div{grid-template-columns:180px 1fr;gap:24px}}.company dt{font-family:var(--font-round);color:var(--muted);font-weight:700}.company dd{margin:0}.company dd ul{gap:2px;display:grid}.company-note{color:var(--muted);margin-top:16px;font-size:.95rem}.news{border-top:1px solid var(--line);margin-top:32px}.news a{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px 24px;padding:18px 4px;text-decoration:none;display:flex}.news time{color:var(--muted);font-size:.95rem}.cta{background:var(--hug);text-align:center;border-radius:48px;padding:56px 28px;position:relative;overflow:hidden}@media (width>=900px){.cta{border-radius:72px;padding:88px 48px}}.cta h2{font-size:clamp(1.6rem,4.6vw,2.5rem)}.cta p{max-width:34em;margin:16px auto 0}.cta .btn{margin-top:30px}.cta-gap{margin-top:88px}.cta-heart{opacity:.35;width:200px;position:absolute;bottom:-40px;right:-30px}.footer{background:var(--ink);color:#e9e6df;margin-top:96px;padding-block:64px 40px}.footer-in{gap:36px;display:grid}@media (width>=900px){.footer-in{grid-template-columns:1fr auto;align-items:end}}.footer-logo img{width:auto;height:56px}.footer-addr{color:#c9c6bf;margin-top:18px;font-size:.92rem}.footer nav ul{grid-template-columns:repeat(2,auto);gap:8px 32px;font-size:.95rem;display:grid}.footer nav a{color:#e9e6df;text-decoration:none}.footer nav a:hover{text-decoration:underline}.copy{color:#c9c6bf;border-top:1px solid #ffffff1f;margin-top:40px;padding-top:24px;font-size:.88rem}.tm{color:#c9c6bf;margin-top:8px;font-size:.8rem}@media (prefers-reduced-motion:no-preference){.hero-mark #sky-blue{transform-box:fill-box;transform-origin:100% 100%;animation:sky-in .9s var(--ease-pop) .1s both}.hero-mark #sun-coral{transform-box:fill-box;transform-origin:50%;animation:pop-in .7s var(--ease-pop) .45s both, float 5s ease-in-out 1.3s infinite}.hero-mark #sprout-green{transform-box:fill-box;transform-origin:50% 100%;animation:grow .9s var(--ease-pop) .75s both, sway 6s ease-in-out 1.8s infinite}.hero-mark #connecting-yellow{transform-box:fill-box;transform-origin:50% 0;animation:hug-in .8s var(--ease-pop) 1.05s both}@keyframes sky-in{0%{opacity:0;translate:-8% 6%;rotate:-24deg}}@keyframes pop-in{0%{opacity:0;scale:0}}@keyframes float{50%{translate:0 -5%}}@keyframes grow{0%{opacity:0;scale:1 0}}@keyframes sway{50%{rotate:3deg}}@keyframes hug-in{0%{opacity:0;scale:.7}}.hero-text>*{animation:.8s ease-out both rise}.hero-text>:nth-child(2){animation-delay:.12s}.hero-text>:nth-child(3){animation-delay:.24s}.hero-text>:nth-child(4){animation-delay:.36s}.hero-text>:nth-child(5){animation-delay:.48s}@keyframes rise{0%{opacity:0;translate:0 18px}}.grow-line path{stroke-dasharray:1;animation:1s ease-out .7s both draw}.hug-line{stroke-dasharray:1;animation:1.6s ease-in-out .9s both draw}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.hero-mark:hover #sun-coral,.hero-mark:active #sun-coral{animation:pop-in .7s var(--ease-pop) .45s both, float 5s ease-in-out 1.3s infinite, hop .7s var(--ease-pop)}.hero-mark:hover #sprout-green,.hero-mark:active #sprout-green{animation:grow .9s var(--ease-pop) .75s both, sway 6s ease-in-out 1.8s infinite, wiggle .8s ease-in-out}.hero-mark:hover #connecting-yellow,.hero-mark:active #connecting-yellow{animation:hug-in .8s var(--ease-pop) 1.05s both, beat .8s ease-in-out}@keyframes hop{40%{translate:0 -14%;scale:1.08}70%{translate:0 2%;scale:.96}}@keyframes wiggle{25%{rotate:-6deg}60%{rotate:5deg}}@keyframes beat{30%{scale:1.04}60%{scale:.99}}.card:hover .service-shape{animation:hop .6s var(--ease-pop)}.cta:hover .cta-heart{animation:.9s ease-in-out infinite beat}@supports (animation-timeline:view()){.reveal{animation:linear both rise view();animation-range:entry entry 60%}.section-title:after{animation:linear both draw-mask view();animation-range:entry 40% cover 35%}@keyframes draw-mask{0%{mask-size:0% 100%}to{mask-size:100% 100%}}.motif .draw{stroke-dasharray:1;animation:linear both draw view();animation-range:entry calc(10% + var(--d,0) * 100%) cover 45%}.cta-heart path{stroke-dasharray:1;animation:linear both draw view();animation-range:entry 20% cover 50%}}}.page-head{background:linear-gradient(180deg, var(--sky-soft) 0%, var(--paper) 100%);padding-block:32px 40px;position:relative;overflow:hidden}@media (width>=900px){.page-head{padding-block:64px 80px}}.page-head h1{margin-top:16px;font-size:clamp(2rem,6vw,3.2rem);line-height:1.3}.page-head .lead{font-size:1.05rem}.crumbs{color:var(--muted);flex-wrap:wrap;gap:6px;font-size:.95rem;display:flex}.crumbs a{color:var(--sky-text);text-underline-offset:3px}.crumbs li+li:before{content:"›";color:var(--muted);margin-right:6px}.page-body{padding-block:32px 24px}@media (width>=900px){.page-body{padding-block:80px 24px}}.prose{color:#3f3d3a;max-width:42em;font-size:1.04rem}.prose>*+*{margin-top:1.1em}.prose h2{color:var(--ink);width:fit-content;margin-top:2.6em;scroll-margin-top:96px;font-size:clamp(1.35rem,3.4vw,1.7rem)}.prose h2:after{content:"";background:var(--hug);height:.3em;margin-top:.08em;display:block;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M4 6 Q100 22 196 7' fill='none' stroke='black' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") 0/100% 100% no-repeat}.prose>h2:first-child{margin-top:0}.prose h3{color:var(--ink);margin-top:2em;font-size:1.15rem}.prose ul,.prose ol{gap:.5em;padding-left:0;display:grid}.prose ul>li{padding-left:1.4em;list-style:none;position:relative}.prose ul>li:before{content:"";background:var(--leaf);border-radius:50%;width:.5em;height:.5em;position:absolute;top:.72em;left:.2em}.prose ol{padding-left:1.4em}.prose ol>li{list-style:decimal}.prose a{color:var(--sky-text);text-underline-offset:3px}.prose code{background:var(--cream);border-radius:6px;padding:.1em .4em;font-size:.92em}.prose strong{color:var(--ink)}.detail-head{align-items:end;gap:28px;display:grid}@media (width>=900px){.detail-head{grid-template-columns:1.2fr 1fr;gap:56px}}.detail-visual{max-width:46rem;margin:0 0 48px}.detail-visual .video{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);display:block}.detail-visual .motif{border-radius:var(--radius);aspect-ratio:16/7}.detail-grid{gap:40px;display:grid}@media (width>=960px){.detail-grid{grid-template-columns:15rem minmax(0,1fr);gap:72px}.detail-side{align-self:start;position:sticky;top:96px}}.toc{display:none}@media (width>=960px){.toc{display:block}}.toc-title,.facts dt{font-family:var(--font-round);color:var(--muted);font-size:.95rem;font-weight:700}.toc ol{border-left:3px solid var(--line);gap:4px;margin:12px 0 0;padding:0;list-style:none;display:grid}.toc a{color:#4a4845;border-left:3px solid #0000;margin-left:-3px;padding:6px 0 6px 14px;font-size:.97rem;text-decoration:none;display:block}.toc a:hover{border-left-color:var(--hug);color:var(--ink)}.facts{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:18px 20px;display:grid}@media (width>=960px){.facts{grid-template-columns:1fr;margin-top:32px}}.facts dd{margin:2px 0 0}.ext-links{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.ext-links .btn{min-height:48px;padding:0 22px;font-size:.95rem}.sub-section{margin-top:64px}.sub-section h2{font-size:1.35rem}.media-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px;display:grid}@media (width>=700px){.media-grid{grid-template-columns:repeat(3,1fr)}}.media-grid img,.video{border:1px solid var(--line);background:var(--cream);border-radius:18px;width:100%}.video-cap{color:var(--muted);margin-top:8px;font-size:.95rem}.tech-box{border:1px solid var(--line);border-top:6px solid var(--c,var(--sky));background:#fff;border-radius:24px;margin-top:64px;padding:24px}.tech-box h2{font-size:1.1rem}.others{margin-top:0}.others-all{font-family:var(--font-round);margin-top:28px;font-weight:700}.others-all a{color:var(--leaf-text);text-underline-offset:4px}@media (width<=699px){.others .works{margin-inline:0;grid-auto-columns:auto;grid-auto-flow:row;margin-top:32px;padding:0;overflow:visible}}.contact-grid{gap:40px;display:grid}@media (width>=900px){.contact-grid{grid-template-columns:1fr 1.5fr;gap:72px}}.notice{background:var(--hug-soft);border:1px solid #f3d9a6;border-radius:18px;margin-bottom:28px;padding:18px 20px}.form{gap:22px;display:grid}.field label{font-family:var(--font-round);align-items:center;gap:8px;font-weight:700;display:flex}.req{background:var(--sun-soft);color:var(--sun-text);border-radius:999px;padding:1px 8px;font-size:.85rem}.field input,.field select,.field textarea{width:100%;color:var(--ink);font:inherit;background:#fff;border:2px solid #8f8a82;border-radius:16px;margin-top:8px;padding:14px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s;display:block}.field textarea{resize:vertical;min-height:10em}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--sky-text);box-shadow:0 0 0 4px var(--sky-soft);outline:none}.form .btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.form-status{min-height:1.6em;font-weight:700}.films{gap:22px;margin-top:40px;display:grid}@media (width>=760px){.films{grid-template-columns:repeat(2,1fr)}}@media (width>=1100px){.films{grid-template-columns:repeat(3,1fr)}}.film{aspect-ratio:16/9;background:color-mix(in srgb, var(--c) 18%, #fff);border:4px solid #fff;border-radius:22px;display:block;position:relative;overflow:hidden;box-shadow:0 18px 36px -24px #0006}.film img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-pop);display:block}.film:hover img{transform:scale(1.04)}.film-play{width:68px;height:68px;color:var(--ink);transition:scale .3s var(--ease-pop);background:#fffe;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 8px 20px -8px #0008}.film:hover .film-play{scale:1.1}.film-play svg{margin-left:4px}.film-cap{font-family:var(--font-round);margin-top:12px;font-weight:700}.film-cap a{text-decoration:none}.film-cap a:after{content:" →";color:var(--muted)}@media (prefers-reduced-motion:reduce){.film img,.film-play,.work-thumb img{transition:none}}