
.mega,.mega::backdrop{background:var(--blue)}
.business .business-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 48px}
.business-gallery .business-row{display:block;border:0;padding:0;position:relative;min-width:0}
.business-gallery .business-row:last-child{border-bottom:0}
.business-photo{aspect-ratio:1.15;background:#fff;position:relative;overflow:hidden;margin-bottom:28px;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%,0 12%)}
.business-photo img{position:absolute;display:block;max-width:none}
.business-gallery .business-photo{clip-path:none;background:transparent;overflow:visible}
.business-photo-surface{position:absolute;inset:0;overflow:hidden;background:#fff;border-top-right-radius:20px;clip-path:polygon(50% 0,100% 0,100% 62%,28% 100%,5% 100%)}
.business-photo-edge{position:absolute;inset:0;width:100%;height:100%;stroke:var(--blue);stroke-width:1.2;fill:none}
.business-photo-edge line{vector-effect:non-scaling-stroke}
.photo-caption{position:absolute;right:1%;bottom:3%;font-size:9px;letter-spacing:.15em;font-weight:600;color:var(--blue);padding-top:12px;border-top:1px solid var(--blue)}
.business-gallery .ai-photo img{width:53%;height:58%;left:43%;top:6%;object-fit:contain}
.marketing-photo img{width:180%;height:auto;left:-53%;right:auto;top:-23%;clip-path:none}
.creative-photo img{width:230%;height:auto;left:-78%;right:auto;top:-30%;clip-path:none;filter:none}
.ai-photo img{width:100%;height:100%;object-fit:contain;filter:none}
.business-gallery .business-name{display:block}.business-gallery .index{display:block;padding:0;margin-bottom:14px;font-size:11px;letter-spacing:.15em}
.business-gallery .english{font-size:clamp(22px,2.15vw,34px);line-height:1.2;letter-spacing:-.04em}
.business-gallery .business-name h3{font-size:12px;margin-top:13px}
.business-gallery .business-detail{padding:0;margin-top:22px;border-top:1px solid var(--line);padding-top:23px}
.business-gallery .business-detail p{font-size:12px}
.business-gallery .plus{display:block;margin-top:25px;font-size:24px}
@media(max-width:900px){.business .business-gallery{grid-template-columns:1fr;gap:50px}.business-gallery .business-row{display:grid;grid-template-columns:44% 1fr;gap:20px 30px}.business-photo{grid-row:1/4;margin-bottom:0;align-self:start}.business-gallery .business-name{grid-column:2}.business-gallery .business-detail{grid-row:2;grid-column:2;margin-top:0}.business-gallery .plus{grid-row:3;grid-column:2;justify-self:start;margin-top:0}.business-gallery .english{font-size:27px}}
@media(max-width:600px){.business-gallery .business-row{display:block}.business-photo{margin-bottom:25px;aspect-ratio:1.15}.business-gallery .business-detail{margin-top:22px}.business-gallery .plus{margin-top:20px}.business-gallery .business-detail p{font-size:13px}}
.site-footer{display:block;background:#101a2d;color:#fff;padding:68px 4vw 76px}
.site-footer .footer-grid{display:grid;position:static;grid-template-columns:repeat(3,minmax(0,1fr));gap:70px 5vw;width:80%;margin:0;padding:0;background:none;border:0;align-items:start}
.footer-group{border-top:1px solid #606060;padding-top:29px;min-width:0}
.footer-group h2{font-size:12px;letter-spacing:.035em;color:#929292;font-weight:600;margin:0 0 27px}
.site-footer .footer-group a{display:block;margin:0 0 28px;padding:0;border:0}
.site-footer .footer-group a:last-child{margin-bottom:0}
.footer-group strong{display:block;font-size:18px;line-height:1.4;font-weight:600;letter-spacing:.015em}
.footer-group a span{display:block;color:#b1b1b1;font-size:13px;line-height:1.7;margin-top:7px;letter-spacing:.015em}
.site-footer a:hover{color:#c2ccdc}
.footer-bottom{display:flex;gap:34px;align-items:center;margin-top:85px;font-size:12px;color:#aaa}
.site-footer .footer-bottom small{margin-left:auto;font-size:11px;color:#aaa;letter-spacing:.06em}
@media(max-width:1000px){.site-footer .footer-grid{width:100%;gap:50px 30px}.footer-group strong{font-size:15px}.footer-group a span{font-size:12px}}
@media(max-width:600px){.site-footer{padding:48px 6vw 85px}.site-footer .footer-grid{grid-template-columns:1fr;gap:30px}.footer-group{padding-top:22px}.footer-group h2{margin-bottom:20px;font-size:11px}.footer-group strong{font-size:17px}.site-footer .footer-group a{margin-bottom:22px}.footer-bottom{margin-top:48px;gap:20px;flex-wrap:wrap;font-size:11px}.site-footer .footer-bottom small{margin-left:0;width:100%}}
:root{--ink:#172234;--blue:#101a2d;--pad:5.2vw;--paper:#f5f7fa}
body{color:var(--ink)}
header{height:80px;background:#fff;color:var(--ink);border-bottom:1px solid #eef0f4;padding:0 4vw}
header .brand img{filter:none;width:118px}
header .header-nav{gap:26px;font-size:10px;letter-spacing:.13em;font-weight:600}
.services-link{font-size:10px;letter-spacing:.1em}
.menu{border-left-color:#dce0e7;font-size:10px}.header-actions{gap:24px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.selected-hero{position:relative;width:100%;height:47.2vw;max-height:none;background:#fff;overflow:hidden}


.selected-hero-type{position:absolute;top:55.4%;left:4.1%;z-index:2}
.selected-hero-type h1{font-family:Inter,Arial,sans-serif;font-weight:800;color:var(--blue);font-size:7vw;line-height:.9;letter-spacing:-.065em}
.selected-hero-type h1 span{display:block}
.selected-hero-type p{position:absolute;white-space:nowrap;bottom:.18vw;left:10.4vw;font-size:1.75vw;font-weight:500;letter-spacing:.025em;line-height:1.5}
.selected-about{position:relative;min-height:46vw;padding:6vw 4.3vw 5.2vw;display:flex;align-items:flex-start;isolation:isolate}
.selected-about-copy{width:43%;position:relative;z-index:1}
.selected-about .section-label{color:var(--blue);font-size:11px;letter-spacing:.14em;gap:12px;margin-bottom:30px}
.label-rule{height:1px;width:38px;background:var(--blue);margin-left:6px}
.selected-about h2{font-size:clamp(27px,2.65vw,46px);line-height:1.55;letter-spacing:.025em;font-weight:500;margin-bottom:27px}
.selected-about-copy>p{font-size:clamp(12px,1vw,16px);line-height:2.1;color:#667080;letter-spacing:.025em}
.selected-about-copy>p+p{margin-top:16px}
.quiet-link{display:inline-flex;align-items:center;gap:30px;font-size:10px;letter-spacing:.2em;color:var(--blue);margin-top:33px;padding:10px 0;text-decoration:underline;text-underline-offset:5px}
.quiet-link>span:not(.sr-only){display:block;width:44px;height:1px;background:currentColor}
.selected-about-visual{position:absolute;right:0;top:3.2vw;width:65%;z-index:0}
.selected-about-visual img{width:100%;display:block;clip-path:polygon(37% 1%,100% 1%,100% 51.5%,44.5% 94%,16% 94%)}
.about-edge{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--blue);stroke-width:2}
.bold-edge .about-edge{stroke-width:9}
.about-art-caption{position:absolute;right:3%;bottom:6%;width:21%;color:var(--blue);font-size:clamp(6px,.7vw,13px);font-weight:600;letter-spacing:.2em;line-height:2.1;white-space:nowrap}
.about-art-caption:before{content:'';display:block;width:55%;height:1px;background:var(--blue);margin-bottom:1.7em}
.about-art-caption span{display:block}
.bold-edge .about-art-caption:before{width:7px;height:7px}
.section{padding-top:105px;padding-bottom:105px}
.section-top{margin-bottom:55px}.section-label{color:var(--blue);font-weight:600;font-size:12px;letter-spacing:.12em}
.business{background:#f6f8fa}.business-row{padding:44px 0;grid-template-columns:51% 43% 6%;transition:color .2s}
.english{font-size:clamp(27px,3.1vw,48px);font-weight:500;letter-spacing:-.045em}.business-name h3{font-size:13px;color:#667080}
.business-detail p{font-size:13px;line-height:2.1}.tags{font-size:10px}.index{font-size:12px}.plus{color:var(--blue)}
.approach h2{font-weight:500;font-size:clamp(30px,3.1vw,46px)}.principles{gap:45px}.principles article{padding-top:28px}.principles h3{font-weight:500}
.media{background:#f4f6fa}.media-visual{background:#e9edf5;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}.media-circles{display:none}.media-caption{left:16%;font-size:8px}.media-visual img{width:65%}
.media-copy h2{font-weight:500}.company{background:#fff;border-top:1px solid var(--line)}.company:after{background:#f5f7fa}.company h2{font-weight:500}.company-right span{color:#667080}
.contact{background:#fff;color:var(--ink)}.contact h2{font-weight:500}.contact .eyebrow{color:var(--blue)}.contact>a{border-radius:0;width:82px;height:70px;border-color:#d9dee5}.contact>a:hover{background:#f1f4fa;color:var(--blue);border-color:var(--blue)}
footer{padding-bottom:85px}.preview{padding:8px 20px;gap:20px}.preview>span{font-size:9px}.art-options{display:flex;align-items:center;gap:7px;margin-left:auto}.art-options>span{font-size:9px}.art-options button,.preview-close{border:1px solid #dbe1eb;background:white;color:#63708a;font:inherit;cursor:pointer;padding:7px 10px}.art-options button[aria-pressed=true]{background:var(--blue);color:white;border-color:var(--blue)}.preview>a{margin-left:10px}.preview-close{border:0;font-size:17px;padding:3px 8px}
@media(min-width:1900px){.selected-about{min-height:46vw}.selected-about-copy>p{font-size:17px}}
@media(max-width:1050px){header .header-nav{gap:16px;font-size:9px}.header-actions .services-link{display:none}.selected-about{min-height:46vw}.selected-about h2{font-size:2.8vw}.selected-about-copy>p{font-size:12px}.selected-about .section-label{margin-bottom:22px}.selected-about h2{margin-bottom:20px}.quiet-link{margin-top:20px}.section{padding-top:80px;padding-bottom:80px}}
@media(max-width:700px){header{height:66px;padding:0 6vw}header .brand img{width:96px}.selected-hero{height:74vw}.selected-hero-type{top:41vw;left:6vw}.selected-hero-type h1{font-size:11.5vw;line-height:.89}.selected-hero-type p{font-size:3.2vw;left:17vw;bottom:0}.selected-about{padding:32px 6vw 0;display:block;min-height:0}.selected-about-copy{width:100%}.selected-about .section-label{font-size:10px;margin-bottom:25px}.selected-about h2{font-size:clamp(22px,6.5vw,28px);line-height:1.55;margin-bottom:23px}.selected-about-copy>p{font-size:13px;line-height:2}.selected-about-visual{position:relative;width:112%;right:auto;top:auto;margin:20px 0 45px -6%}.quiet-link{font-size:9px}.section{padding:65px 6vw}.business-row{grid-template-columns:1fr 28px;padding:30px 0}.english{font-size:29px}.business-detail p{font-size:13px}.principles{gap:30px}.approach h2{font-size:29px}.contact h2{font-size:24px}.contact>a{width:55px;height:55px}.preview{gap:7px;padding:7px 9px}.preview>span{display:none}.art-options{margin-left:0}.art-options button{font-size:10px}.preview>a{font-size:9px;margin-left:auto}.selected-hero-type h1 span:nth-child(2){letter-spacing:-.065em}}


main .section-label,main .selected-about .section-label{font-size:24px;font-weight:600;letter-spacing:.1em;line-height:1.6;gap:18px;white-space:normal;flex-wrap:wrap}
main .section-label small{display:inline;font-size:18px;font-weight:400;letter-spacing:.035em;margin-left:14px}

main .eyebrow,.media-copy .eyebrow{font-size:14px;letter-spacing:.13em}
@media(max-width:700px){main .section-label,main .selected-about .section-label{font-size:20px;gap:12px;letter-spacing:.08em}main .section-label small{font-size:15px;margin-left:4px}main .eyebrow,.media-copy .eyebrow{font-size:12px}}

.media-business-photo img{width:61%;height:35%;left:35%;top:25%;object-fit:contain}.business-gallery #media{scroll-margin-top:110px}


.business-gallery .business-photo{aspect-ratio:1.6}
.business-gallery .business-photo-surface{border-radius:0;clip-path:polygon(0 0,100% 0,100% 55%,65.6% 55%,53.5% 100%,0 100%)}
.business-gallery .business-photo-edge{display:none}
.business-gallery .photo-caption{right:2%;bottom:12%;font-size:10px}
.business-gallery .marketing-photo img{width:310%;height:auto;left:-174%;top:-96%;right:auto}
.business-gallery .creative-photo img{width:330%;height:auto;left:-175%;top:-104%;right:auto}
.business-gallery .ai-photo img{width:57%;height:72%;left:6%;top:8%;object-fit:contain}
.business-gallery .media-business-photo img{width:78%;height:44%;left:11%;top:7%;object-fit:contain}
@media(max-width:600px){.business-gallery .business-photo{aspect-ratio:1.6}.business-gallery .photo-caption{font-size:8px}}


.business-gallery .marketing-photo img,.business-gallery .creative-photo img{width:100%;height:100%;left:0;top:0;right:auto;object-fit:cover;object-position:center;clip-path:none}


.business-gallery .ai-photo img{width:66%;height:auto;left:9%;top:-13.2%;object-fit:initial}
.business-gallery .media-business-photo img{width:70%;height:auto;left:7%;top:5.1%;object-fit:initial}


.mega,.mega::backdrop{background:#101a2d}
.document-link{font-size:11px;white-space:nowrap}.header-contact{background:var(--blue);color:#fff;padding:12px 18px;font-size:11px;white-space:nowrap}
.business .business-gallery{display:block}.business-gallery .business-row{display:grid;grid-template-columns:minmax(0,48%) minmax(0,1fr);gap:20px 7%;padding:48px 0;border-top:1px solid var(--line)}
.business-gallery .business-row:first-child{padding-top:0;border-top:0}.business-gallery .business-photo{grid-column:1;grid-row:1/4;margin:0;align-self:center}
.business-gallery .business-name{grid-column:2;align-self:end}.business-gallery .business-detail{grid-column:2;grid-row:2;border:0;margin:0;padding:0;max-width:530px}
.business-gallery .business-detail p{font-size:14px;line-height:2}.business-gallery .business-name h3{font-size:15px}.business-gallery .english{font-size:clamp(25px,2.5vw,42px)}
.business-read{grid-column:2;grid-row:3;display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid #c2c9d2;padding:10px 0;font-size:12px;max-width:400px}.business-read>span{font-size:22px}.business-row:hover .business-read{border-color:var(--blue)}
.usecases-title{display:flex;align-items:end;justify-content:space-between;gap:35px;margin:45px 0 60px}.usecases h2,.owned-media h2{font-size:clamp(28px,3vw,46px);font-weight:500;line-height:1.6}.usecases-title>p{font-size:14px;line-height:2;color:#667080}
.usecase-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.usecase-list article{border-top:1px solid #b9c2cf;padding-top:22px}.usecase-list article>span{font-size:11px;letter-spacing:.12em}.usecase-list h3{font-size:clamp(17px,1.6vw,24px);font-weight:500;line-height:1.7;margin:22px 0}.usecase-list p{font-size:14px;color:#667080;line-height:2}.usecase-flow{font-size:11px;margin-top:25px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.usecase-flow b{font-weight:400;color:#8b97a9}.usecases>.quiet-link{font-size:12px;letter-spacing:.04em;margin-top:35px}
.approach{background:#f6f8fa}.approach .principles{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.principles h3{font-size:19px}.principles p{font-size:13px;line-height:2}
.owned-media{background:#fff}.owned-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;margin-top:60px}.owned-media-art{position:relative;aspect-ratio:1.65;background:#f2f5f8;clip-path:polygon(0 0,100% 0,100% 72%,81% 100%,0 100%);overflow:hidden}.owned-media-art img{position:absolute;width:86%;max-width:none;left:7%;top:50%;transform:translateY(-50%)}.owned-media-art>span{position:absolute;left:8%;bottom:12%;font-size:9px;letter-spacing:.2em;color:#6c788a}.owned-media-copy p{font-size:14px;line-height:2.1;color:#667080;margin-top:24px;max-width:470px}.owned-media-copy .quiet-link{font-size:12px;letter-spacing:.04em}
.contact.contact-renewed{display:block;border-top:1px solid var(--line)}.contact-renewed h2{font-size:clamp(30px,3.4vw,50px);line-height:1.6;margin:22px 0}.contact-renewed .contact-intro{font-size:14px;line-height:2.1;color:#667080}.contact-choices{display:grid;grid-template-columns:1fr 1fr;margin-top:50px;border-top:1px solid #b9c2cf;border-bottom:1px solid #b9c2cf}.contact-choice{position:relative;padding:35px 40px 35px 0}.contact-choice+ .contact-choice{border-left:1px solid #d9dee5;padding-left:40px}.contact-choice h3{font-size:25px;font-weight:500;margin:12px 0}.contact-choice p{font-size:13px;line-height:1.9;color:#667080}.contact-choice .eyebrow{font-size:10px}.choice-arrow{display:block;font-size:26px;margin-top:20px}.guide-open{font:inherit;font-size:13px;color:var(--blue);border:0;background:transparent;border-bottom:1px solid #a6b0bf;padding:12px 0;cursor:pointer}.contact-choice small{display:block;font-size:10px;color:#758091;margin-top:10px}
.guide-dialog{border:0;padding:48px;max-width:560px;width:calc(100% - 36px);color:var(--ink);margin:auto}.guide-dialog::backdrop{background:#101a2dbb}.guide-dialog h2{font-size:24px;margin:20px 0}.guide-dialog p,.guide-dialog li{font-size:14px;line-height:2}.guide-dialog ul{padding-left:20px;margin:20px 0}.guide-close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:28px;cursor:pointer}
@media(max-width:1100px){header .header-nav{gap:14px}.header-actions{gap:12px}.menu{padding-left:14px}.document-link{display:none}.approach .principles{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.business-gallery .business-row{display:block;padding:35px 0}.business-gallery .business-photo{margin-bottom:25px}.business-gallery .business-detail{margin:20px 0}.business-read{margin-top:20px;max-width:none}.usecases-title{display:block;margin:30px 0}.usecases-title>p{margin-top:20px}.usecase-list{grid-template-columns:1fr;gap:30px}.usecase-list h3{font-size:22px;margin:15px 0}.usecase-list h3 br{display:none}.approach .principles{grid-template-columns:1fr}.owned-media-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.owned-media-copy h2{font-size:28px}.contact-choices{grid-template-columns:1fr}.contact-choice,.contact-choice+.contact-choice{padding:25px 0;border-left:0}.contact-choice+.contact-choice{border-top:1px solid #d9dee5}.header-contact{padding:10px 12px}.contact-renewed .contact-intro{font-size:13px}.guide-dialog{padding:35px 24px}.selected-about-copy>p{font-size:13px}}


:root{--copy-size:17px;--small-size:14px;--action-size:15px;--muted:#566174}
body{font-size:var(--copy-size);line-height:1.85;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.selected-about-copy>p,.section-top>p,.approach-title>p,.business-gallery .business-detail p,.usecase-list p,.usecases-title>p,.principles p,.owned-media-copy p,.company-right span,.contact-renewed .contact-intro,.contact-choice p,.guide-dialog p,.guide-dialog li{font-size:var(--copy-size);line-height:1.95;color:#566174;overflow-wrap:anywhere}
.selected-about h2,.approach h2,.usecases h2,.owned-media h2,.company h2{font-size:clamp(32px,3.1vw,48px);line-height:1.55}
.selected-about{padding-bottom:7vw;min-height:50vw}.selected-about-copy{width:46%}.selected-about-copy>p br{display:none}.selected-about-copy>p{max-width:29em}.selected-about-copy>p+p{margin-top:22px}
.business-gallery .business-name h3{font-size:20px;line-height:1.6;color:var(--ink)}
.business-gallery .english{font-size:clamp(30px,2.8vw,44px);line-height:1.2}
.business-gallery .business-detail p br{display:none}.business-gallery .business-row{padding:60px 0;gap:24px 6%}
.business-gallery .index,.tags,.usecase-list article>span,.principles article>span,.news-item time,.category,.news-note,.contact-choice small{font-size:var(--small-size);line-height:1.8}
.tags{margin-top:20px}.business-read,.quiet-link,.usecases>.quiet-link,.owned-media-copy .quiet-link,.text-link,.guide-open{font-size:var(--action-size);line-height:1.7;letter-spacing:.04em;min-height:44px}
.business-read{max-width:none}.usecase-list h3,.principles h3{font-size:24px;line-height:1.6}.usecase-flow{font-size:14px;line-height:1.8;gap:8px}
.approach .principles{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 64px}.principles p{max-width:32em}.principles h3{margin:20px 0 16px}
.usecase-list{gap:32px}.usecase-list h3 br{display:none}
.news-item p{font-size:18px;line-height:1.8}.news-item{grid-template-columns:110px 110px minmax(0,1fr)}.news-note{margin-top:24px}
.company-right p{font-size:28px}.contact-choice h3{font-size:28px}.contact-choice .eyebrow,main .eyebrow{font-size:14px}.contact-renewed h2{font-size:clamp(34px,3.5vw,52px)}
header .header-nav{font-size:14px;gap:22px;letter-spacing:.06em}header .header-nav a{font-size:14px}.document-link,.header-contact,.services-link,.menu,.menu-close{font-size:14px;line-height:1.5}.header-contact{padding:12px 18px}.header-actions{gap:18px}.menu{padding-left:18px}
.site-footer .footer-grid{width:100%;gap:64px 5vw}.footer-group h2,.mega-group h2{font-size:14px;color:#b6c0ce}.footer-group strong,.mega-group strong{font-size:21px;line-height:1.5}.footer-group a span,.mega-group a span{font-size:16px;line-height:1.8;color:#c2cbd7}.footer-bottom,.mega-bottom{font-size:14px;flex-wrap:wrap}.site-footer .footer-bottom small,.mega-bottom small{font-size:13px;color:#b6c0ce}
.business-gallery .photo-caption,.owned-media-art>span{font-size:12px;letter-spacing:.1em}.about-art-caption{font-size:clamp(10px,.8vw,14px);letter-spacing:.12em;line-height:1.9}
.preview>span,.art-options>span,.art-options button,.preview>a{font-size:12px}.preview{letter-spacing:.02em}.preview-close{min-width:40px;min-height:40px}
@media(max-width:1200px){header .header-nav{display:none}.header-actions{margin-left:auto}.document-link{display:block}.usecase-list{grid-template-columns:1fr}.usecase-list article{display:grid;grid-template-columns:42px 1fr;gap:18px}.usecase-list h3{margin-top:0}.usecase-list p{max-width:48em}.selected-about-copy{width:48%}.selected-about-visual{width:59%;top:9vw}.owned-media-grid{gap:5%}}
@media(max-width:800px){.selected-about{display:block;padding:55px 6vw 0;min-height:0}.selected-about-copy{width:100%}.selected-about-copy>p{max-width:38em}.selected-about-visual{position:relative;width:106%;right:auto;top:auto;margin:25px 0 30px -3%}.selected-about h2{font-size:34px}.business-gallery .business-row{display:block;padding:45px 0}.business-gallery .business-photo{margin-bottom:30px}.business-gallery .business-detail{margin:22px 0}.owned-media-grid{grid-template-columns:1fr}.owned-media-copy p{max-width:38em}.contact-choices{grid-template-columns:1fr}.contact-choice,.contact-choice+.contact-choice{padding:28px 0;border-left:0}.contact-choice+.contact-choice{border-top:1px solid #d9dee5}.contact-renewed .contact-intro br{display:none}.contact-renewed .contact-intro{max-width:38em}.news{display:block}.news-list{margin-top:32px}}
@media(max-width:600px){:root{--copy-size:16px;--small-size:14px;--action-size:15px}header{gap:10px}header .brand img{width:92px}.document-link{display:none}.header-actions{gap:12px}.header-contact,.menu{font-size:13px}.menu{padding-left:12px;gap:8px}.selected-hero-type p{font-size:clamp(15px,3.5vw,21px);letter-spacing:0;left:17vw}.selected-about h2,.approach h2,.usecases h2,.owned-media h2,.company h2{font-size:30px}.contact-renewed h2{font-size:32px}.business-gallery .english{font-size:30px}.business-gallery .business-name h3{font-size:19px}.usecase-list h3,.principles h3{font-size:23px}.approach .principles{grid-template-columns:1fr;gap:32px}.news-item{grid-template-columns:110px 1fr}.news-item p{grid-column:1/-1;font-size:17px}.business-gallery .photo-caption{font-size:10px}.about-art-caption{font-size:10px}.owned-media-art>span{font-size:11px}.contact-choice h3{font-size:25px}.mega-grid{grid-template-columns:1fr;gap:32px}.footer-group strong,.mega-group strong{font-size:20px}.preview{flex-wrap:wrap;gap:8px;padding:8px 12px}.preview>span,.art-options>span{display:none}.preview>a{margin-left:auto}.art-options button{padding:8px}.site-footer{padding-bottom:120px}}


:root{--paper:#fff}
.business,.approach,.media,.media-visual,.owned-media-art,.company,.contact{background:#fff}
.company:after{display:none}
.contact>a:hover{background:#fff}


.selected-hero{height:31.4667vw}

.selected-hero-type h1{font-size:4.6667vw}
.selected-hero-type p{left:7.1vw;font-size:clamp(16px,1.25vw,24px);bottom:.1vw}
@media(max-width:700px){
 .selected-hero{height:49.3333vw}
 
 
 .selected-hero-type{top:27.3333vw;left:6vw}
 .selected-hero-type h1{font-size:7.6667vw}
 .selected-hero-type p{font-size:clamp(12px,3vw,18px);left:12vw;bottom:0}
}


@media(min-width:1201px){.selected-about-visual{top:8.2vw}.selected-about{min-height:55vw}}
@media(min-width:801px) and (max-width:1200px){.selected-about-visual{top:14vw}.selected-about{min-height:55vw}}
@media(max-width:800px){.selected-about-visual{margin-top:55px}}


.selected-about-visual img{aspect-ratio:1568/1004;object-fit:cover;object-position:70% center;filter:none}


.selected-about .about-subheading{font-size:clamp(20px,1.65vw,26px);line-height:1.65;font-weight:600;margin:0 0 24px;letter-spacing:.01em}
.selected-about #about-title{font-size:clamp(28px,2.5vw,40px);overflow-wrap:anywhere}
@media(max-width:800px){.selected-about #about-title{font-size:clamp(25px,5vw,34px)}}


:root{--accent:#5d7cbd}
main .label-rule,main .about-art-caption:before{background:var(--accent)}
main .about-edge,main .business-photo-edge{stroke:var(--accent)}
main .quiet-link>span:not(.sr-only),main .business-read>span,main .choice-arrow{color:var(--accent)}


.site-footer .footer-group h2{font-size:13px}
.site-footer .footer-group strong{font-size:18px}
.site-footer .footer-group a span{font-size:14px}
.site-footer .footer-bottom{font-size:13px}
.site-footer .footer-bottom small{font-size:12px}


:root{--header-logo-width:118px;--header-height:80px;--header-inset:4vw}
header{height:var(--header-height);padding-left:var(--header-inset);padding-right:var(--header-inset)}
header .brand img,.mega .brand img{width:var(--header-logo-width);height:auto;display:block}
.mega{padding-left:var(--header-inset);padding-right:var(--header-inset)}
.mega-top{height:var(--header-height);box-sizing:border-box;border-bottom:1px solid transparent}
@media(max-width:700px){:root{--header-logo-width:96px;--header-height:66px;--header-inset:6vw}}
@media(max-width:600px){:root{--header-logo-width:92px}}


.mail-icon{display:inline-block;width:26px;height:26px;vertical-align:middle;flex-shrink:0}
.choice-arrow .mail-icon{color:var(--accent)}


.page-illustration{width:100%;align-self:center;background:#fff;}
.page-illustration img{display:block;width:100%;height:auto;filter:none;}
.business-illustration{width:min(100%,960px);margin:36px auto 64px;background:#fff;}
.business-illustration img{display:block;width:100%;height:auto;}
.business-illustration figcaption{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:center;color:#101a2d;font-size:17px;font-weight:500;line-height:1.7;}
@media(max-width:600px){.business-illustration{margin:24px auto 36px;}.business-illustration figcaption{font-size:12px;gap:8px;}.page-illustration{max-width:560px;margin:auto;}}


header .header-contact{display:inline-flex;align-items:center;gap:10px;}
header .header-contact .mail-icon{width:19px;height:19px;}
.footer-group strong .mail-icon,.mega-group strong .mail-icon{width:20px;height:20px;vertical-align:-3px;margin-right:5px;}
.footer-bottom a .mail-icon,.mega-bottom a .mail-icon{width:17px;height:17px;vertical-align:-3px;margin-left:5px;}
.quiet-link .mail-icon{width:22px;height:22px;margin-left:10px;vertical-align:middle;}


.business-gallery .ai-photo .business-photo-surface{clip-path:none;overflow:visible;background:transparent}


.business-gallery .ai-photo .business-photo-surface{clip-path:none;overflow:visible;background:transparent}
.business-gallery .ai-photo img{width:92%;height:100%;left:4%;top:0;object-fit:contain;filter:none}


.hero-linework{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:#fff;stroke-width:1}
.hero-linework path{vector-effect:non-scaling-stroke}
.hero-lines-soft{opacity:.23}.hero-lines-accent{opacity:.7}
@media(max-width:700px){.hero-lines-soft{opacity:.18}.hero-lines-accent{opacity:.6}}


.selected-hero{height:25vw;min-height:280px;max-height:420px}

.selected-hero-type{top:50%;left:4.1%;transform:translateY(-50%)}
.selected-hero-type h1{color:#fff;font-size:clamp(48px,4.6667vw,76px)}
.selected-hero-type p{color:#fff;left:0;bottom:auto;top:calc(100% + 18px);font-size:15px}
.hero-lines-soft{opacity:.16}.hero-lines-accent{opacity:.42}
@media(max-width:700px){
 .selected-hero{height:300px;min-height:0;max-height:none}
 
 .selected-hero-type{left:6%;top:44%;transform:translateY(-50%)}
 .selected-hero-type h1{font-size:48px}
 .selected-hero-type p{left:0;top:calc(100% + 20px);bottom:auto;font-size:13px}
}


.hero-message{position:absolute;left:49%;right:5%;top:50%;transform:translateY(-50%);z-index:2;color:#fff}
.hero-message h2{font-size:clamp(25px,2.5vw,40px);font-weight:600;line-height:1.55;letter-spacing:.035em;margin:0 0 12px}
.hero-message>p{font-size:14px;line-height:1.85;margin:0 0 20px;color:#fff}
.hero-consult{display:inline-flex;align-items:center;gap:12px;background:#fff;color:#182337;padding:13px 20px;font-size:13px;font-weight:500;line-height:1.6;transition:transform .24s ease,box-shadow .24s ease}
.hero-consult .mail-icon{width:19px;height:19px;color:#5d7cbd}
@media(hover:hover) and (pointer:fine){.hero-consult:hover{transform:translateY(-3px);box-shadow:0 8px 22px #18233724}}
@media(max-width:700px){
 .selected-hero{height:auto;min-height:550px;padding:34px 6% 36px;display:flex;flex-direction:column;gap:50px}
 .selected-hero-type{position:relative;left:auto;top:auto;transform:none;align-self:flex-start}
 .selected-hero-type h1{font-size:42px}
 .selected-hero-type p{font-size:12px;top:calc(100% + 12px)}
 .hero-message{position:relative;left:auto;right:auto;top:auto;transform:none}
 .hero-message h2{font-size:27px}.hero-message>p{font-size:13px}.hero-consult{font-size:12px;padding:13px 17px}
}
@media(prefers-reduced-motion:reduce){.hero-consult{transition:none}.hero-consult:hover{transform:none}}


@media(min-width:701px){
 .selected-hero-type{top:20px;transform:none}
 .selected-hero-type h1{font-size:clamp(32px,3.6vw,60px)}
 .selected-hero-type p{top:calc(100% + 10px);font-size:13px}
}


@media(min-width:701px){
 .hero-message{inset:0;transform:none;pointer-events:none}
 .hero-message-copy{position:absolute;left:4.1%;top:58%;width:29%;color:#182337;pointer-events:auto}
 .hero-message h2{font-size:clamp(19px,1.7vw,28px);line-height:1.45;margin:0 0 9px;letter-spacing:.02em}
 .hero-message-copy>p{font-size:clamp(11px,.9vw,14px);line-height:1.7;margin:0;color:#465367}
 .hero-consult{position:absolute;left:49%;bottom:15%;pointer-events:auto}
}
@media(max-width:700px){.hero-message-copy>p{font-size:13px;line-height:1.85;margin:0 0 20px;color:#fff}}


@media(min-width:701px){
 .selected-hero-type{left:64%;top:26px}
 .hero-consult{left:64%;bottom:10%}
}
@media(max-width:700px){.selected-hero-type{align-self:flex-end;margin-right:0}}


@media(min-width:701px){
 .selected-hero-type{left:60%;top:50%;transform:translateY(-55%)}
 .selected-hero-type h1{font-size:clamp(46px,5.8vw,94px)}
 .selected-hero-type p{top:calc(100% + 16px);font-size:14px}
}
@media(max-width:700px){.selected-hero-type h1{font-size:clamp(46px,11vw,66px)}}
