@charset "UTF-8";
:root{--paper:#f3f1eb;--ink:#242520;--line:#c9c8bf;--accent:#e95735}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:7px}a:hover{color:var(--accent)}p,h1,h2,h3{margin:0}::selection{background:#f4a891;color:#242520}.skip{position:fixed;top:-80px;left:20px;z-index:20;background:var(--paper);padding:15px}.skip:focus{top:10px}.hero{min-height:780px;height:100svh;max-height:1200px;position:relative;isolation:isolate;overflow:hidden;padding:30px 3.3% 24px}.header{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;position:relative;z-index:3}.brand{font-size:26px;letter-spacing:-1.5px;font-weight:600}.brand span{font-size:10px;vertical-align:top;display:inline-block;letter-spacing:0;margin:3px 0 0 4px}.descriptor{font-size:12px;line-height:1.35;margin-left:10px}.header nav{display:flex;justify-content:flex-end;gap:30px;font-size:12px;padding-top:4px}.header nav span{margin-left:9px}.hero-art{position:absolute;width:76%;right:-4%;top:7%;z-index:-1;transform:rotate(-12deg);mix-blend-mode:multiply;animation:appear 1.5s ease-out both}.hero-art img{width:100%;display:block}.hero-title{position:absolute;top:22%;left:12.7%;font-size:clamp(135px,18.8vw,310px);font-weight:500;letter-spacing:-.085em;line-height:.77;pointer-events:none}.hero-title>span{display:block}.hero-title .wall{margin-left:24.4vw;margin-top:15px}.title-dot{color:var(--accent)}.hero-note{position:absolute;left:3.3%;top:55%;font-size:13px;line-height:1.8}.small-index{font-size:9px;letter-spacing:.05em;display:block;margin-bottom:19px}.hero-side{position:absolute;right:2.7%;top:49%;font-size:9px;writing-mode:vertical-rl;letter-spacing:.1em}.hero-bottom{position:absolute;bottom:25px;left:3.3%;right:3.3%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;border-top:1px solid var(--ink);padding-top:19px}.hero-bottom>p:first-child{font-size:24px;line-height:1.05;letter-spacing:-.7px}.location{font-size:10px;line-height:1.5;margin-left:10px}.scroll{justify-self:end;font-size:11px;display:flex;align-items:center;gap:55px}.scroll span{font-size:30px;font-weight:300}.section{padding:110px 6.6% 120px;display:grid;grid-template-columns:28.6% 1fr;gap:25px;border-top:1px solid var(--line)}.section-label{font-size:12px;line-height:1.6;display:flex;flex-direction:column;gap:8px}.section-label>span+span{font-size:10px;color:#64655e}.section-main h2{font-size:clamp(32px,3.4vw,54px);line-height:1.5;font-weight:500;letter-spacing:-.055em}.intro{font-size:14px;line-height:2.1;margin:30px 0 58px}.service-row{border-top:1px solid var(--line);padding:27px 0 30px;display:grid;grid-template-columns:32px 1fr 37%;gap:10px}.row-no{font-size:10px;padding-top:5px}.service-row h3{font-weight:500;font-size:23px;letter-spacing:-.9px;margin-bottom:10px}.service-row p{font-size:10px;line-height:1.8}.service-row .service-detail{font-size:12px;line-height:1.9;padding-left:10px}.interlude{height:550px;position:relative;overflow:hidden;border-top:1px solid var(--line);isolation:isolate;display:flex;align-items:center;padding:0 6.6%}.interlude img{position:absolute;z-index:-1;width:850px;max-width:90%;left:-70px;top:-120px;mix-blend-mode:multiply;transform:rotate(33deg)}.interlude>p{font-size:clamp(42px,6.7vw,110px);line-height:1.02;letter-spacing:-.065em;font-weight:500;width:100%}.interlude>p span{display:block;margin-left:22%}.art-caption{position:absolute;bottom:32px;right:6.6%;font-size:11px}.about .en-heading{font-size:clamp(32px,3.8vw,62px);line-height:1.06;letter-spacing:-.06em;margin-bottom:58px}.company{margin:0}.company>div{display:grid;grid-template-columns:26% 1fr;border-top:1px solid var(--line);padding:21px 0;font-size:13px;line-height:1.9}.company dt{font-size:11px;color:#5c5d56}.company dd{margin:0}.clients{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:20px}.clients summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:20px;padding:25px 0;font-size:12px}.clients summary::-webkit-details-marker{display:none}.clients summary span{font-size:10px;color:#64655e}.clients summary b{margin-left:auto;font-size:19px;font-weight:400}.clients[open] summary b{transform:rotate(45deg)}.clients ul{list-style:none;padding:0 0 25px;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;font-size:11px;line-height:1.8}.contact{background:#e8e9df;padding:70px 6.6% 90px;display:grid;grid-template-columns:28.6% 1fr;gap:25px;border-top:1px solid var(--line)}.contact-main>p{font-size:13px;margin-bottom:34px}.contact h2{font-size:clamp(64px,10.2vw,160px);line-height:.95;letter-spacing:-.075em;font-weight:500}.contact h2 a{display:flex;justify-content:space-between}.contact h2 span{font-weight:300;font-size:.8em}.email{display:inline-block;margin-top:35px;font-size:17px;border-bottom:1px solid;padding-bottom:5px}footer{padding:29px 3.3%;display:flex;align-items:center;gap:35px;font-size:10px}footer .brand{margin-right:auto;font-size:23px}footer>a:last-child{margin-left:35px}@keyframes appear{from{opacity:0;transform:translateY(15px) rotate(-12deg)}to{opacity:1;transform:translateY(0) rotate(-12deg)}}
@media(min-width:1700px){.hero-art{width:70%;top:2%}.hero-title{left:16%}}
@media(max-width:900px){.hero{min-height:700px}.header{grid-template-columns:1fr 1fr}.descriptor{display:none}.hero-art{width:110%;right:-25%;top:13%}.hero-title{top:29%;left:7%;font-size:23vw}.hero-title .wall{margin-left:27vw}.hero-note{top:63%}.section,.contact{grid-template-columns:23% 1fr;padding-left:5%;padding-right:5%}.service-row{grid-template-columns:25px 1fr}.service-detail{grid-column:2;padding-left:0!important}.interlude{height:440px}.service-row h3{font-size:22px}}
@media(max-width:600px){.hero{height:100svh;min-height:640px;max-height:950px;padding:23px 6%}.brand{font-size:23px}.header nav{gap:15px;font-size:10px;padding-top:5px}.hero-title{font-size:26vw;top:32%;left:5%;letter-spacing:-.085em}.hero-title .wall{margin-left:27vw;margin-top:10px}.hero-art{width:145%;right:-39%;top:18%;transform:rotate(-12deg)}.hero-note{left:6%;top:65%;font-size:11px}.small-index{font-size:8px;margin-bottom:10px}.hero-side{right:4%;font-size:7px}.hero-bottom{left:6%;right:6%;bottom:20px;grid-template-columns:1fr 1fr;padding-top:15px}.hero-bottom>p:first-child{font-size:20px}.hero-bottom .location{display:none}.scroll{gap:19px;font-size:9px}.scroll span{font-size:25px}.section{display:block;padding:58px 6% 64px}.section-label{flex-direction:row;justify-content:space-between;margin-bottom:38px}.section-main h2{font-size:34px}.intro{font-size:12px;margin:22px 0 35px}.service-row{padding:23px 0;gap:6px 10px}.service-row h3{font-size:23px}.service-detail{margin-top:8px}.interlude{height:350px;padding:0 6%}.interlude img{max-width:none;width:620px;left:-190px;top:-20px}.interlude>p{font-size:10vw}.interlude>p span{margin-left:8%;margin-top:5px}.art-caption{font-size:9px;bottom:23px}.about .en-heading{font-size:35px;margin-bottom:35px}.company>div{font-size:12px;grid-template-columns:25% 1fr}.company dt{font-size:10px}.clients ul{grid-template-columns:1fr}.contact{display:block;padding:45px 6% 60px}.contact-main>p{font-size:11px}.contact h2{font-size:21vw}.email{font-size:15px;margin-top:26px}footer{padding:26px 6%;display:grid;grid-template-columns:1fr 1fr;gap:25px 10px;font-size:9px}footer .brand{font-size:21px}footer>a:last-child{margin-left:0;text-align:right}footer>span{text-align:right}}
.repeat{position:absolute;left:-8%;width:124%;display:flex;justify-content:space-between;gap:80px;white-space:nowrap;font-size:clamp(22px,3vw,49px);line-height:1;letter-spacing:-.055em;font-weight:400;pointer-events:none}.repeat-top{top:15%}.repeat-low{top:78%;left:-12%}.pencil{position:absolute;width:25%;height:auto;left:57%;top:60%;transform:rotate(-9deg);color:#252521;pointer-events:none}.hero-note{top:59%}.hero-title{top:30%;font-size:clamp(130px,17vw,290px)}.hero-art{top:9%}.hero-title .wall{margin-left:27vw}
@media(max-width:900px){.hero-title{top:32%;font-size:23vw}.hero-art{top:17%}.pencil{top:61%;left:52%;width:38%}.repeat-low{top:80%}.hero-note{top:65%}}
@media(max-width:600px){.repeat{font-size:28px;gap:60px;width:210%;left:-30%}.repeat-top{top:18%}.repeat-low{top:80%;left:-8%}.hero-title{top:35%;font-size:26vw}.hero-art{top:21%}.pencil{top:58%;left:49%;width:43%}.hero-note{top:65%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art{animation:none}}