/*
Theme Name: Cotri Quiet Studio
Author: cotri, Inc.
Version: 2.2.7
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: cotri-quiet
*/

#cotri-concepts .page{--cotri-jp:'YakuHanMP','Noto Serif JP','Yu Mincho',serif;--cotri-en:'EB Garamond',Georgia,serif;--cotri-label:'Tenor Sans',sans-serif;font-family:var(--cotri-jp)!important;font-weight:400;letter-spacing:.06em;-webkit-font-smoothing:antialiased}
#cotri-concepts .page h1{font-family:var(--cotri-jp)!important;font-size:clamp(35px,5.6vw,63px);line-height:1.65;letter-spacing:.06em;font-weight:400}
#cotri-concepts .page h2,#cotri-concepts .page .illustration-break figcaption{font-family:var(--cotri-jp)!important;letter-spacing:.06em;font-weight:400;line-height:1.8}
#cotri-concepts .page p,#cotri-concepts .page .intro,#cotri-concepts .page .sub{font-family:var(--cotri-jp)!important;letter-spacing:.06em;line-height:2.15}
#cotri-concepts .page .service h3{font-family:var(--cotri-en)!important;letter-spacing:.06em;line-height:1.45;font-weight:400}
#cotri-concepts .page nav a,#cotri-concepts .page .link{font-family:var(--cotri-en)!important;letter-spacing:.1em;font-size:15px}
#cotri-concepts .page .eyebrow,#cotri-concepts .page footer,#cotri-concepts .page .hero-bottom>span,#cotri-concepts .page .illustration-break small,#cotri-concepts .page .work-kind,#cotri-concepts .page .poster .small{font-family:var(--cotri-label)!important;letter-spacing:.1em;font-size:12px}
#cotri-concepts .page .work-item h3,#cotri-concepts .page .work-caption,#cotri-concepts .page .replay{font-family:var(--cotri-en),var(--cotri-jp)!important;letter-spacing:.06em}
#cotri-concepts .page .poster .big{font-family:var(--cotri-en)!important;letter-spacing:-.04em}
#cotri-concepts .page .logo{font-family:var(--cotri-label)!important;letter-spacing:.12em}
@media(max-width:580px){#cotri-concepts .page nav{gap:11px}#cotri-concepts .page nav a{font-size:13px;letter-spacing:.04em}#cotri-concepts .page h1{font-size:clamp(30px,6.8vw,39px);letter-spacing:.04em;line-height:1.7}#cotri-concepts .page .hero{min-height:560px}#cotri-concepts .page .illustration-break figcaption{font-size:18px}#cotri-concepts .page .contact h2{font-size:24px}}


#cotri-concepts .page{--paper:#eeeee3;--ink:#252b25;--green:#687661;background:var(--paper);color:var(--ink);font-family:Arial,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;padding:32px 6%;box-sizing:border-box}#cotri-concepts *{box-sizing:border-box}#cotri-concepts header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:28px;border-bottom:1px solid #252b2530}#cotri-concepts .logo{font-family:Georgia,serif;font-size:39px;letter-spacing:-2px}#cotri-concepts nav{display:flex;gap:24px;flex-wrap:wrap;padding-right:70px}#cotri-concepts a{color:inherit;text-decoration:none;font-size:13px}#cotri-concepts a:hover{text-decoration:none}#cotri-concepts .eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase}#cotri-concepts .hero{position:relative;padding:75px 0 48px;min-height:570px;overflow:hidden}#cotri-concepts h1{font-family:Georgia,'Yu Mincho',serif;font-size:clamp(43px,7vw,84px);font-weight:400;line-height:1.2;letter-spacing:-.035em;margin:35px 0 30px;position:relative;z-index:1}#cotri-concepts .intro{max-width:380px;font-size:14px;line-height:2.1;position:relative;z-index:1}#cotri-concepts .orbit{position:absolute;width:360px;height:360px;border:1px solid var(--green);border-radius:50%;right:-50px;top:105px;opacity:.55;transform:rotate(-28deg)}#cotri-concepts .orbit:before{content:'';position:absolute;inset:40px -35px;border:1px solid var(--green);border-radius:50%}#cotri-concepts .orbit:after{content:'';position:absolute;width:430px;height:1px;background:var(--green);top:180px;left:-35px;transform:rotate(-35deg)}#cotri-concepts .hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:65px;font-size:12px;letter-spacing:1px}#cotri-concepts .link{display:inline-flex;gap:45px;border-bottom:1px solid;padding:13px 0;font-size:13px}#cotri-concepts .statement{padding:65px 0;border-top:1px solid #252b2530;display:grid;grid-template-columns:1fr 2fr;gap:30px}#cotri-concepts h2{font-family:Georgia,'Yu Mincho',serif;font-size:33px;font-weight:400;line-height:1.6;margin:0 0 22px}#cotri-concepts p{font-size:14px;line-height:2;margin:0}#cotri-concepts .services{padding:50px 0;border-top:1px solid #252b2530}#cotri-concepts .section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:30px}#cotri-concepts .two{display:grid;grid-template-columns:1fr 1fr;gap:38px}#cotri-concepts .service{border-top:1px solid #252b2560;padding-top:20px}#cotri-concepts .service h3{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:20px 0 10px}#cotri-concepts .service .sub{font-size:14px;margin-bottom:15px}#cotri-concepts .contact{margin:45px -6.82% -32px;padding:55px 6%;background:var(--green);color:#f3f2e8;display:flex;justify-content:space-between;align-items:center;gap:20px}#cotri-concepts footer{font-size:12px;margin-top:42px;display:flex;justify-content:space-between;gap:20px}#cotri-concepts .editorial .hero{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;min-height:570px;align-items:center;padding:55px 0}#cotri-concepts .editorial h1{font-size:clamp(40px,5.7vw,66px)}#cotri-concepts .poster{background:var(--green);color:#eeeee3;min-height:400px;display:flex;flex-direction:column;justify-content:space-between;padding:28px;overflow:hidden;position:relative}#cotri-concepts .poster .big{font-family:Georgia,serif;font-size:91px;line-height:.9;letter-spacing:-7px;word-break:break-all}#cotri-concepts .poster .small{font-size:12px;letter-spacing:2px}#cotri-concepts .poster:after{content:'';position:absolute;border:1px solid #eeeee390;width:340px;height:340px;transform:rotate(40deg);left:70px;top:60px}#cotri-concepts .editorial .hero-bottom{margin-top:35px}#cotri-concepts .editorial .statement{background:#e2e4d8;margin:0 -6.82%;padding:55px 6%;border:0}#cotri-concepts .page{min-height:1370px}#cotri-concepts .editorial .services{border-top:0}
@media(max-width:580px){#cotri-concepts .page{padding:22px 6%;min-height:1700px}#cotri-concepts nav{gap:12px;padding-right:0}#cotri-concepts nav a{font-size:12px}#cotri-concepts .logo{font-size:33px}#cotri-concepts .hero{padding-top:50px;min-height:540px}#cotri-concepts .orbit{right:-210px;top:130px;opacity:.25}#cotri-concepts .statement,#cotri-concepts .two{grid-template-columns:1fr}#cotri-concepts .statement{padding:40px 0}#cotri-concepts h2{font-size:27px}#cotri-concepts .editorial .hero{grid-template-columns:1fr;padding-top:35px;gap:25px}#cotri-concepts .poster{min-height:230px}#cotri-concepts .poster .big{font-size:65px}#cotri-concepts .editorial .statement{padding:40px 6%}#cotri-concepts .contact{margin-bottom:-22px}#cotri-concepts .hero-bottom{gap:20px}}


#cotri-quiet .illustration-break{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0;padding:15px 0 35px}#cotri-quiet .illustration-break:nth-of-type(even){flex-direction:row-reverse}#cotri-quiet .illustration-window{width:230px;max-width:60%;aspect-ratio:1;overflow:hidden;position:relative;flex:none}#cotri-quiet .illustration-window img{position:absolute;height:100%;width:300%;max-width:none;object-fit:fill;left:calc(var(--scene) * -100%);top:0}#cotri-quiet .illustration-break figcaption{font-family:Georgia,'Yu Mincho',serif;font-size:24px;font-weight:400;line-height:1.6;max-width:45%;letter-spacing:-.02em}#cotri-quiet .illustration-break small{display:block;font-family:Arial,sans-serif;font-size:11px;letter-spacing:2px;margin-top:12px}#cotri-quiet .statement{padding-bottom:30px}#cotri-quiet .services{padding-bottom:25px}#cotri-quiet .contact{margin-top:15px}@media(max-width:580px){#cotri-quiet .illustration-window{width:170px;max-width:52%}#cotri-quiet .illustration-break figcaption{font-size:19px}#cotri-quiet .illustration-break{gap:12px;padding:10px 0 25px}#cotri-quiet .illustration-break small{font-size:11px;letter-spacing:1px}}


#cotri-quiet .services-intro{padding:10px 0 54px}#cotri-concepts #cotri-quiet .services-intro h2{font-family:var(--cotri-en);font-size:43px!important;font-weight:400;margin:12px 0 30px}#cotri-quiet .services-lead{display:flex;align-items:center;justify-content:space-between;gap:30px}#cotri-quiet .services-lead p{margin:0;line-height:2.2}#cotri-quiet .service-pill{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid currentColor;border-radius:40px;padding:12px 20px;text-decoration:none;font-size:13px;white-space:nowrap;transition:background .2s,color .2s}#cotri-quiet .service-pill:hover{background:#252b25;color:#eeeee3}#cotri-quiet .service-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #93998c}#cotri-quiet .service-row:last-child{border-bottom:1px solid #93998c}#cotri-quiet .service-info{display:flex;flex-direction:column;align-items:flex-start;padding:34px 40px 34px 0;min-height:430px}#cotri-quiet .service-row-head{display:flex;align-items:center;gap:18px;width:100%}#cotri-concepts #cotri-quiet .service-row-head h3{font-family:var(--cotri-en);font-size:33px!important;font-weight:400;margin:0;letter-spacing:.02em}#cotri-quiet .service-tag{margin-left:auto;border:1px solid #b4b9ad;padding:3px 7px;font-size:10px;white-space:nowrap}#cotri-quiet .service-description{margin:auto 0;padding:45px 0}#cotri-quiet .service-description h4{font-size:20px;font-weight:400;line-height:1.8;margin:14px 0 20px}#cotri-quiet .service-description p{line-height:2.3;margin:0}#cotri-quiet .service-info>.service-pill{align-self:flex-end}#cotri-quiet .service-visual{position:relative;min-width:0;overflow:hidden;background:#d7d9cc}#cotri-quiet .service-visual>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}#cotri-quiet .service-visual>img.service-inset{inset:20% 15%;width:70%;height:62%;box-shadow:0 15px 40px #0003;transform:rotate(-5deg);border:6px solid #eeeee3}#cotri-quiet .service-image-label{position:absolute;bottom:16px;left:20px;color:#fff;font-size:10px;text-shadow:0 1px 5px #000}#cotri-quiet .service-visual-note{position:absolute;inset:20% 12%;background:#eeeee3ed;padding:25px;display:flex;flex-direction:column;justify-content:center;gap:18px}#cotri-quiet .service-visual-note strong{font-family:var(--cotri-en);font-size:39px;font-weight:400;line-height:1.1}#cotri-quiet .service-visual-note>span:last-child{font-size:12px}@media(max-width:700px){#cotri-quiet .services-lead{align-items:flex-start;flex-direction:column;gap:22px}#cotri-quiet .service-row{grid-template-columns:1fr}#cotri-quiet .service-info{padding:28px 0;min-height:360px}#cotri-quiet .service-visual{min-height:350px;aspect-ratio:1.1}#cotri-quiet .service-description{padding:35px 0}#cotri-quiet .service-description h4{font-size:18px}#cotri-concepts #cotri-quiet .service-row-head h3{font-size:30px!important}}


#cotri-quiet .selected-work{border-top:1px solid #252b2530;padding:55px 0 60px}#cotri-quiet .work-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}#cotri-quiet .work-heading h2{margin:12px 0 0}#cotri-quiet .work-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}#cotri-quiet .work-item{display:block;min-width:0;text-decoration:none}#cotri-quiet .work-photo{aspect-ratio:4/5;overflow:hidden;background:#deded5}#cotri-quiet .work-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}#cotri-quiet .work-item:hover img{transform:scale(1.035)}#cotri-quiet .work-caption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-top:15px;font-size:12px;line-height:1.6}#cotri-quiet .work-kind{font-size:11px;opacity:.75}#cotri-quiet .work-item h3{font-family:Arial,'Yu Gothic',sans-serif;font-size:14px;line-height:1.7;font-weight:400;margin:5px 0 0;display:flex;justify-content:space-between;gap:12px}@media(max-width:580px){#cotri-quiet .work-grid{grid-template-columns:1fr;gap:35px}#cotri-quiet .work-photo{aspect-ratio:4/3}#cotri-quiet .selected-work{padding:35px 0 45px}#cotri-quiet .work-heading{align-items:flex-end}#cotri-quiet .work-heading h2{font-size:25px}}@media(prefers-reduced-motion:reduce){#cotri-quiet .work-photo img{transition:none}}


#cotri-quiet .work-grid{gap:10px}#cotri-quiet .work-item{position:relative;overflow:hidden}#cotri-quiet .work-item:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#151a156b);pointer-events:none}#cotri-quiet .work-caption{position:absolute;left:14px;right:14px;bottom:13px;margin:0;color:#fff;z-index:1;font-size:12px;line-height:1.7;text-shadow:0 1px 3px #0008;justify-content:flex-start;gap:7px}#cotri-quiet .work-kind{font-size:11px;opacity:1}#cotri-quiet .work-item h3{display:none}#cotri-quiet .work-photo{aspect-ratio:4/5}#cotri-quiet .work-wide{grid-column:1/-1}#cotri-quiet .work-wide .work-photo{aspect-ratio:16/9}#cotri-quiet .selected-work{margin-left:-3%;margin-right:-3%;border:0}#cotri-quiet .work-heading{padding:0 2.8%}@media(max-width:580px){#cotri-quiet .work-grid{grid-template-columns:1fr 1fr;gap:7px}#cotri-quiet .work-photo{aspect-ratio:3/4}#cotri-quiet .work-wide .work-photo{aspect-ratio:4/3}#cotri-quiet .work-caption{left:9px;right:9px;bottom:9px;font-size:12px;display:block}#cotri-quiet .work-kind{display:block;font-size:11px}#cotri-quiet .selected-work{margin-left:-3%;margin-right:-3%}}


#cotri-quiet .contact{margin:0;padding:105px 0 85px;background:transparent;color:var(--ink);display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:45px}#cotri-concepts #cotri-quiet .contact h2{font-family:var(--cotri-en)!important;font-size:clamp(65px,12vw,113px);line-height:1;letter-spacing:-.025em;margin:0;font-weight:400}#cotri-quiet .contact-copy{padding-top:10px}#cotri-quiet .contact-copy p{font-size:14px;line-height:2.2}#cotri-concepts #cotri-quiet .contact-button{display:flex;width:100%;margin-top:30px;align-items:center;justify-content:flex-end;gap:20px;background:#151815;color:#f5f4ed;padding:16px 18px;font-family:var(--cotri-en);font-size:16px;letter-spacing:.02em;text-decoration:none}#cotri-quiet .contact-button span:last-child{border-left:1px dotted #f5f4ed70;padding-left:20px}#cotri-quiet .contact-button:hover{background:var(--green)}#cotri-quiet footer.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:0;border-top:1px solid #252b2530;padding:48px 0 35px;font-family:var(--cotri-jp)!important;letter-spacing:.04em}#cotri-quiet .footer-wordmark{display:block;width:115px;height:auto;margin-bottom:22px}#cotri-quiet .footer-company p{font-size:13px}#cotri-quiet .footer-company small{display:block;font-family:var(--cotri-en);font-size:13px;letter-spacing:.02em;margin-top:22px}#cotri-quiet .footer-links{display:grid;grid-template-columns:1.3fr 1fr;gap:28px}#cotri-quiet .footer-label{font-family:var(--cotri-en);font-size:15px;letter-spacing:.02em;margin:0 0 25px}#cotri-quiet .footer-menu{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}#cotri-quiet .site-footer a{font-family:var(--cotri-en);font-size:14px;letter-spacing:.03em}#cotri-quiet .footer-policy{display:flex;flex-direction:column;gap:14px}@media(max-width:580px){#cotri-quiet .contact{grid-template-columns:1fr;gap:25px;padding:65px 0 50px}#cotri-concepts #cotri-quiet .contact h2{font-size:75px}#cotri-quiet footer.site-footer{grid-template-columns:1fr;gap:35px;padding:35px 0 20px}#cotri-quiet .footer-links{gap:25px}#cotri-quiet .footer-label{margin-bottom:18px}}


#cotri-quiet .orbit{display:none}#cotri-quiet .bird-stage{position:absolute;right:0;top:90px;width:230px;height:370px;pointer-events:none;z-index:0}#cotri-quiet .footprint{position:absolute;width:19px;height:22px;opacity:0;transform:translateY(5px) rotate(var(--angle));animation:cotri-step .45s ease-out forwards;animation-delay:var(--delay)}#cotri-quiet .bird-ring{position:absolute;width:150px;right:12px;top:15px;opacity:0;transform:scale(.94);animation:cotri-ring 1.2s ease-out 5.7s forwards}#cotri-quiet .replay{position:relative;z-index:2;background:transparent;border:0;border-bottom:1px solid currentColor;padding:10px 0;color:var(--ink);font:inherit;font-size:12px;letter-spacing:.02em}#cotri-quiet .logo img{display:block;width:90px;height:auto}#cotri-quiet .motion-controls{display:flex;gap:20px;align-items:center;justify-content:flex-end;margin-top:12px}@keyframes cotri-step{to{opacity:.38;transform:translateY(0) rotate(var(--angle))}}@keyframes cotri-ring{to{opacity:.85;transform:scale(1)}}#cotri-quiet .paused .footprint,#cotri-quiet .paused .bird-ring{animation-play-state:paused}@media(max-width:580px){#cotri-quiet .bird-stage{width:110px;right:-8px;top:245px;height:260px;opacity:.7}#cotri-quiet .footprint{width:13px;height:15px}#cotri-quiet .bird-ring{width:85px;right:0;top:12px}#cotri-quiet .intro{max-width:calc(100% - 70px)}}@media(prefers-reduced-motion:reduce){#cotri-quiet .footprint,#cotri-quiet .bird-ring{animation:none;opacity:.38;transform:rotate(var(--angle,0deg))}}


#cotri-concepts .page h1{font-size:clamp(29px,4.2vw,45px)!important;line-height:1.7}#cotri-concepts .page h2{font-size:25px!important;line-height:1.8}#cotri-concepts .page .service h3{font-size:24px!important}#cotri-concepts .page p,#cotri-concepts .page .intro,#cotri-concepts .page .sub{font-size:13px!important;line-height:2.1}#cotri-concepts .page nav a,#cotri-concepts .page .link{font-size:13px!important}#cotri-concepts .page .illustration-break figcaption{font-size:20px!important}#cotri-concepts .page .eyebrow,#cotri-concepts .page .illustration-break small{font-size:11px!important}#cotri-concepts #cotri-quiet .contact h2{font-size:73px!important}#cotri-concepts #cotri-quiet .contact-button{font-size:14px}#cotri-quiet .work-dummy{margin:0}#cotri-quiet .work-caption{font-size:11px}#cotri-quiet .work-kind{font-size:10px}#cotri-quiet .hero{min-height:500px;padding-top:65px}#cotri-quiet .footer-wordmark{width:95px}#cotri-quiet .footer-label,#cotri-quiet .site-footer a{font-size:13px}@media(max-width:580px){#cotri-concepts .page h1{font-size:29px!important}#cotri-concepts .page h2{font-size:22px!important}#cotri-concepts .page .service h3{font-size:22px!important}#cotri-concepts .page .illustration-break figcaption{font-size:17px!important}#cotri-concepts #cotri-quiet .contact h2{font-size:61px!important}#cotri-quiet .hero{min-height:510px}#cotri-quiet .work-caption{font-size:11px}}

body{margin:0;background:#fafaf6;color:#252b25}#cotri-concepts{max-width:1440px;margin:auto}#cotri-concepts .page{--paper:#fafaf6}#cotri-concepts a:focus-visible,#cotri-concepts button:focus-visible,#cotri-concepts input:focus-visible,#cotri-concepts textarea:focus-visible,#cotri-concepts select:focus-visible{outline:2px solid #687661;outline-offset:5px}#cotri-concepts .logo img{width:90px;height:auto}#cotri-quiet .inner-page{padding:90px 0 100px;min-height:60vh}#cotri-quiet .inner-page h1{font-size:clamp(29px,4vw,45px);line-height:1.7}#cotri-quiet .prose{max-width:900px;margin:auto}#cotri-quiet .prose p{margin:1.6em 0;line-height:2.3}#cotri-quiet .prose img{max-width:100%;height:auto}#cotri-quiet .prose h2{margin-top:50px}#cotri-quiet .prose iframe{max-width:100%}#cotri-quiet .prose figure{max-width:100%;margin:24px 0}#cotri-quiet .contact-form{display:grid;grid-template-columns:180px 1fr;gap:24px 36px;max-width:800px;margin:65px auto 0}#cotri-quiet .contact-form>label{font-size:14px;padding-top:12px}#cotri-quiet .contact-form>label>span{font-size:11px;margin-left:10px}#cotri-quiet .contact-form input:not([type=checkbox]),#cotri-quiet .contact-form textarea,#cotri-quiet .contact-form select{font:inherit;font-size:15px;border:1px solid #b4b9ad;background:transparent;color:inherit;border-radius:0;padding:13px;width:100%}#cotri-quiet .contact-form textarea{resize:vertical}#cotri-quiet .contact-form .consent{grid-column:1/-1;display:flex;align-items:center;gap:12px;justify-content:center}#cotri-quiet .contact-form .consent a{text-decoration:underline}#cotri-quiet .submit-button{grid-column:1/-1;justify-self:center;width:min(100%,360px);padding:18px 30px;background:#252b25;color:#fafaf6;border:0;display:flex;justify-content:space-between;font:inherit;cursor:pointer}#cotri-quiet .form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#cotri-quiet .form-notice,#cotri-quiet .form-errors{margin:40px 0;padding:24px;border:1px solid #687661}#cotri-quiet .pagination{justify-content:center;padding:40px 0;gap:20px}#cotri-quiet .project-text-cover{height:100%;display:flex;align-items:center;justify-content:center;padding:35px;background:#e2e4d8;font-size:25px}#cotri-quiet .technology-lines{position:absolute;inset:0;background:#687661;overflow:hidden}#cotri-quiet .technology-lines i{position:absolute;border:1px solid #eeeee365;border-radius:50%;width:80%;height:80%;left:10%;top:10%}#cotri-quiet .technology-lines i:nth-child(2){transform:translateX(-40%) rotate(35deg)}#cotri-quiet .technology-lines i:nth-child(3){transform:translateX(40%) rotate(-35deg)}.skip-link{position:fixed;top:-100px;left:20px;z-index:999;background:#fff;padding:15px}.skip-link:focus{top:20px}@media(max-width:700px){#cotri-quiet .contact-form{grid-template-columns:1fr;gap:12px;margin-top:40px}#cotri-quiet .contact-form>label{margin-top:14px}#cotri-quiet .inner-page{padding:55px 0}#cotri-concepts nav{padding-right:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Approved release: shared page rhythm, typography and real project content. */
#cotri-concepts .page .hero h1{font-size:37px!important;letter-spacing:0}
#cotri-concepts .page h1.english-title{font-family:var(--cotri-en)!important;font-size:55px!important;line-height:1.25;letter-spacing:.05em;margin:22px 0}
#cotri-quiet .page-intro{padding:80px 0;display:flex;flex-direction:column;gap:22px}
#cotri-quiet .page-intro h1,#cotri-quiet .page-intro h2{margin:0}
#cotri-quiet .about-perspective{display:grid;grid-template-columns:minmax(0,650px) 180px;gap:70px;padding-bottom:90px}
#cotri-quiet .about-perspective h2{margin:20px 0}
#cotri-quiet .about-perspective p+p{margin-top:24px}
#cotri-quiet .about-roles,#cotri-quiet .company-overview{padding:65px 0}
#cotri-quiet .info-table{display:grid;grid-template-columns:150px minmax(0,1fr);gap:26px 36px;margin:26px 0 0;font-size:13px;line-height:2.1}
#cotri-quiet .info-table dt{font-size:12px}#cotri-quiet .info-table dd{margin:0;overflow-wrap:anywhere}
#cotri-quiet .representative{display:grid;grid-template-columns:270px minmax(0,1fr);gap:90px;padding:65px 0 85px;border-block:1px solid #252b2540}
#cotri-quiet .portrait{display:block;width:100%;height:auto;filter:grayscale(1);margin-bottom:18px}
#cotri-quiet .representative h2{margin:18px 0}#cotri-quiet .biography p+p{margin-top:24px}
#cotri-quiet .project-hero{width:100%;height:auto;display:block}
#cotri-quiet .project-detail{padding-bottom:90px}#cotri-quiet .project-story{padding:90px 0 50px;max-width:780px;margin:0}
#cotri-quiet .project-credits{margin:20px 0 90px;max-width:780px}
#cotri-quiet .project-gallery{max-width:900px;margin:0 auto 90px}
#cotri-quiet .project-gallery figure{margin:0 0 50px}#cotri-quiet .project-gallery img{width:100%;height:auto;display:block}
#cotri-quiet .work-heading+p{margin:20px 0 40px}#cotri-quiet .inner-page>.work-grid{margin-top:60px}
#cotri-quiet .contact-form{max-width:none;grid-template-columns:250px minmax(0,1fr);margin:90px 0 0}
#cotri-quiet .contact-form input:not([type=checkbox]),#cotri-quiet .contact-form textarea,#cotri-quiet .contact-form select{font-size:13px}
#cotri-quiet .contact-form .consent{justify-content:flex-start}#cotri-quiet .contact-form .submit-button{justify-self:start}
@media(max-width:700px){#cotri-quiet .about-perspective{grid-template-columns:1fr;gap:40px}#cotri-quiet .about-perspective>img{width:100px;height:auto;justify-self:end}#cotri-quiet .representative{grid-template-columns:1fr;gap:40px}#cotri-quiet .representative>div:first-child{max-width:240px}#cotri-quiet .info-table{grid-template-columns:1fr;gap:8px}#cotri-quiet .info-table dd{margin-bottom:20px}#cotri-quiet .contact-form{grid-template-columns:1fr;margin-top:55px}#cotri-quiet .page-intro{padding:55px 0}#cotri-concepts .page h1.english-title{font-size:37px!important}#cotri-quiet .project-story{padding:55px 0 30px}}
@media(max-width:580px){#cotri-concepts .page .hero h1{font-size:24px!important;letter-spacing:0}#cotri-quiet .hero .intro{font-size:12px!important;max-width:calc(100% - 60px)}#cotri-quiet header{gap:16px}#cotri-quiet .logo img{width:70px}#cotri-concepts .page nav{gap:10px}#cotri-concepts .page nav a{font-size:12px!important}#cotri-quiet .service-description h4{font-size:20px}}

#cotri-concepts .page .project-detail h1.english-title{font-family:var(--cotri-jp)!important;font-size:31px!important;line-height:1.8;letter-spacing:.02em;max-width:900px}#cotri-quiet .hero-bottom{position:relative;z-index:1}#cotri-quiet .bird-stage{height:330px} @media(max-width:580px){#cotri-concepts .page .project-detail h1.english-title{font-size:24px!important}#cotri-quiet .bird-stage{height:220px}}

/* The original footprint paths appear in walking order and remain as the completed mark. */
#cotri-quiet .bird-stage{width:280px;height:280px;right:0;top:110px;opacity:1}
#cotri-quiet .walking-logo{display:block;width:260px;height:auto;max-width:100%}
#cotri-quiet .logo img{width:110px;height:auto}#cotri-quiet .footer-wordmark{width:110px}
@media(max-width:580px){#cotri-quiet .logo img{width:85px}#cotri-quiet .bird-stage{width:145px;height:145px;right:0;top:315px;opacity:1}#cotri-quiet .walking-logo{width:145px}#cotri-quiet .hero{min-height:590px}#cotri-quiet .hero-bottom{margin-top:210px;align-items:flex-start}#cotri-quiet .hero-bottom>span{font-size:10px;max-width:130px}#cotri-quiet .hero-bottom .link{gap:12px;white-space:nowrap}#cotri-concepts .page nav{gap:8px}#cotri-concepts .page nav a{font-size:11px!important}}

/* Soft arrivals and anchor movement; ordinary links remain functional without JavaScript. */
html{scroll-behavior:smooth}
#cotri-quiet{animation:cotri-page-arrive .55s ease-out both;transition:opacity .2s ease-out}
#cotri-quiet.is-leaving{animation:none;opacity:0;pointer-events:none}
#cotri-quiet [id]{scroll-margin-top:36px}
#cotri-quiet .walking-logo{opacity:1}
@keyframes cotri-page-arrive{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#cotri-quiet{animation:none;transition:none}}

/* Standalone scenes, gentle hover feedback and balanced footprint marks. */
#cotri-concepts .page a:hover,#cotri-concepts .page a:focus-visible{text-decoration:none}
#cotri-quiet nav a,#cotri-quiet .site-footer a{transition:opacity .3s ease}
#cotri-quiet nav a:hover,#cotri-quiet .site-footer a:hover{opacity:.6}
#cotri-concepts #cotri-quiet .contact-button,#cotri-quiet .submit-button,#cotri-quiet .service-pill{transition:background-color .35s ease,color .35s ease}
#cotri-concepts #cotri-quiet .contact-button:hover,#cotri-concepts #cotri-quiet .contact-button:focus-visible,#cotri-quiet .submit-button:hover,#cotri-quiet .submit-button:focus-visible{background:#687661;color:#fafaf6}
#cotri-quiet .contact-button span:last-child,#cotri-quiet .submit-button span,#cotri-quiet .service-pill span:last-child,#cotri-quiet .link span:last-child{display:inline-block;transition:transform .35s ease}
#cotri-quiet .contact-button:hover span:last-child,#cotri-quiet .submit-button:hover span,#cotri-quiet .service-pill:hover span:last-child,#cotri-quiet .link:hover span:last-child{transform:translateX(4px)}
#cotri-quiet .illustration-window{width:280px;max-width:52%;aspect-ratio:1.5;overflow:visible}
#cotri-quiet .illustration-window img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;pointer-events:none}
#cotri-quiet .about-perspective{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);max-width:1000px;gap:60px;align-items:start}
#cotri-quiet .about-perspective>img{width:240px;max-width:100%;height:auto;justify-self:start;margin-top:12px}
#cotri-quiet .bird-stage{width:240px;height:240px;right:2%}
#cotri-quiet .walking-logo{width:230px}
@media(max-width:700px){#cotri-quiet .about-perspective{grid-template-columns:1fr;gap:30px}#cotri-quiet .about-perspective>img{width:160px;justify-self:center;margin-top:0}}
@media(max-width:580px){#cotri-quiet .illustration-window{width:180px;max-width:52%}#cotri-quiet .bird-stage{width:130px;height:130px;right:0}#cotri-quiet .walking-logo{width:130px}}
@media(prefers-reduced-motion:reduce){#cotri-quiet .contact-button:hover span:last-child,#cotri-quiet .submit-button:hover span,#cotri-quiet .service-pill:hover span:last-child,#cotri-quiet .link:hover span:last-child{transform:none}}

/* Quiet details across inner pages. */
#cotri-quiet .logo img,#cotri-quiet .footer-wordmark{width:88px;height:auto}
#cotri-quiet .footer-policy{padding-top:0}
#cotri-quiet .contact-form .consent,#cotri-quiet .contact-form .submit-button{grid-column:2;justify-self:start}
#cotri-quiet .contact-form .consent{padding-top:0;line-height:1.8;flex-wrap:wrap}
#cotri-quiet .policy-page{max-width:900px;margin:0 auto;padding-top:80px}
#cotri-quiet header.policy-intro{display:block;border:0;padding:0 0 45px}
#cotri-quiet .policy-intro h2{font-size:20px!important;margin:24px 0 0}
#cotri-quiet .policy-body{font-size:13px;line-height:2.3;letter-spacing:.04em;border-top:1px solid #252b2530;padding-top:38px;overflow-wrap:anywhere}
#cotri-quiet .policy-body>h2:first-child,#cotri-quiet .policy-body .title{display:none}
#cotri-quiet .policy-body ul,#cotri-quiet .policy-body ol{padding-left:1.6em;margin:0}
#cotri-quiet .policy-body li{padding-left:.4em;margin-bottom:24px}
#cotri-quiet .policy-body li ul,#cotri-quiet .policy-body li ol,#cotri-quiet .policy-body ul ul{margin-top:18px}
#cotri-quiet .policy-body ul ul li{margin-bottom:8px}
#cotri-quiet{position:relative;isolation:isolate}
#cotri-quiet .forest-flight{position:absolute;right:2%;top:155px;width:clamp(180px,24vw,320px);opacity:.22;pointer-events:none;overflow:hidden;z-index:-1}
#cotri-quiet .forest-flight svg{display:block;width:100%;height:auto}
@media(max-width:700px){#cotri-quiet .contact-form .consent,#cotri-quiet .contact-form .submit-button{grid-column:1}#cotri-quiet .policy-page{padding-top:55px}}
@media(max-width:580px){#cotri-quiet .logo img,#cotri-quiet .footer-wordmark{width:72px}#cotri-quiet .forest-flight{width:145px;top:155px;right:0;opacity:.14}#cotri-concepts .page .policy-intro h1.english-title{font-size:33px!important}}
@media(prefers-reduced-motion:reduce){#cotri-quiet .forest-flight .flying-bird{display:none}}

/* The illustrated little birds drift through the margin, without drawn trails. */
#cotri-quiet .forest-flight{width:280px;height:165px;top:165px;right:3%;opacity:.72;overflow:visible}
#cotri-quiet .bird-drift{position:absolute;left:0;top:30px;width:64px;height:64px;animation:cotri-bird-drift 26s ease-in-out infinite;will-change:transform}
#cotri-quiet .bird-drift img{display:block;width:100%;height:auto;animation:cotri-bird-float 4.6s ease-in-out infinite;user-select:none;-webkit-user-drag:none}
#cotri-quiet .bird-companion{width:40px;height:40px;top:100px;opacity:.55;animation-duration:32s;animation-delay:-13s}
#cotri-quiet .bird-companion img{animation-duration:5.8s;animation-delay:-2s}
@keyframes cotri-bird-drift{0%,100%{transform:translate(0,15px) rotateY(0deg) rotate(-4deg)}42%{transform:translate(165px,-15px) rotateY(0deg) rotate(3deg)}50%{transform:translate(175px,-10px) rotateY(180deg) rotate(-3deg)}92%{transform:translate(0,15px) rotateY(180deg) rotate(3deg)}}
@keyframes cotri-bird-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}
@media(max-width:580px){#cotri-quiet .forest-flight{width:150px;height:110px;top:170px;right:1%;opacity:.55}#cotri-quiet .bird-drift{width:46px;height:46px;animation-name:cotri-bird-drift-small}#cotri-quiet .bird-companion{width:28px;height:28px;top:75px}}
@keyframes cotri-bird-drift-small{0%,100%{transform:translate(0,8px) rotateY(0deg)}42%{transform:translate(80px,-8px) rotateY(0deg)}50%{transform:translate(85px,-6px) rotateY(180deg)}92%{transform:translate(0,8px) rotateY(180deg)}}
@media(prefers-reduced-motion:reduce){#cotri-quiet .bird-drift,#cotri-quiet .bird-drift img{animation:none;will-change:auto}#cotri-quiet .bird-companion{left:100px}}

/* Calm inner-page birds, orderly footer and service narratives. */
#cotri-quiet .bird-drift,#cotri-quiet .bird-drift img{animation:none;will-change:auto}
#cotri-quiet .bird-drift{left:65px;top:35px;transform:rotate(-5deg)}
#cotri-quiet .bird-companion{left:165px;top:95px;transform:rotate(4deg)}
#cotri-quiet footer.site-footer{grid-template-columns:minmax(150px,1fr) minmax(0,1.2fr);align-items:start;gap:60px;padding:48px 0 35px}
#cotri-quiet .footer-links{display:block;min-width:0}
#cotri-quiet .footer-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 24px}
#cotri-quiet .footer-policy{margin-top:32px;padding-top:20px;border-top:1px solid #252b2520}
#cotri-quiet .footer-policy a{font-size:12px}
#cotri-quiet .illustration-window img{transform-origin:50% 80%;animation:cotri-scene-breathe 7.5s ease-in-out infinite}
#cotri-quiet .illustration-break:nth-of-type(even) img{animation-duration:9s;animation-delay:-3s}
@keyframes cotri-scene-breathe{0%,100%{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-3px) rotate(.35deg)}}
#cotri-quiet .service-page{padding-top:0;padding-bottom:40px}
#cotri-quiet .service-page-intro{padding:80px 0 35px}
#cotri-quiet .services-opening{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,1fr);gap:70px;align-items:center;padding-bottom:65px}
#cotri-quiet .services-opening img{width:100%;max-width:310px;height:auto;justify-self:center}
#cotri-quiet .services-opening h2{margin:0 0 28px}
#cotri-quiet .services-opening p+p{margin-top:20px}
#cotri-quiet .service-index{padding:22px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;border-block:1px solid #252b2530}
#cotri-quiet .service-index a{font:13px var(--cotri-jp)!important;display:flex;justify-content:space-between;letter-spacing:.03em}
#cotri-quiet .offering{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:80px;padding:80px 0;border-bottom:1px solid #252b2530}
#cotri-quiet .offering-heading h2{margin:22px 0}
#cotri-quiet .offering-heading>p{font-size:12px!important}
#cotri-quiet .offering-body>p{margin:0 0 35px}
#cotri-quiet .offering-body dl{margin:0;display:grid;grid-template-columns:105px minmax(0,1fr);gap:26px}
#cotri-quiet .offering-body dt{font-size:11px;line-height:2.3}
#cotri-quiet .offering-body dd{margin:0;font-size:13px;line-height:2.2;letter-spacing:.03em}
#cotri-quiet .offering-body .service-pill{margin-top:30px}
#cotri-quiet .service-process{padding:80px 0;border-bottom:1px solid #252b2530}
#cotri-quiet .service-process h2,#cotri-quiet .service-note h2{margin:25px 0 35px}
#cotri-quiet .process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;margin-top:45px}
#cotri-quiet .process-grid span{font:14px var(--cotri-en)}
#cotri-quiet .process-grid h3{font-size:17px;font-weight:400;margin:18px 0}
#cotri-quiet .service-note{padding:80px 0 55px}
#cotri-quiet .service-note p+p{margin-top:20px}
@media(max-width:700px){#cotri-quiet .services-opening,#cotri-quiet .offering{grid-template-columns:minmax(0,1fr);gap:30px}#cotri-quiet .services-opening img{max-width:230px}#cotri-quiet .offering{padding:55px 0}#cotri-quiet .process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}#cotri-quiet .service-index{grid-template-columns:1fr;gap:20px}#cotri-quiet .service-page-intro{padding-top:55px}#cotri-quiet .offering-body dl{grid-template-columns:1fr;gap:10px}#cotri-quiet .offering-body dd{margin-bottom:15px}}
@media(max-width:580px){#cotri-quiet footer.site-footer{grid-template-columns:1fr;gap:30px;padding:35px 0 25px}#cotri-quiet .footer-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}#cotri-quiet .bird-drift{left:15px;top:30px}#cotri-quiet .bird-companion{left:95px;top:80px}}
@media(prefers-reduced-motion:reduce){#cotri-quiet .illustration-window img{animation:none}}

/* Keep navigation anchored; animate the artwork within its original silhouette. */
html{scrollbar-gutter:stable}
#cotri-quiet{animation:none;transition:none}
#cotri-quiet.is-leaving{opacity:1}
#cotri-quiet>header{min-height:36px;flex-shrink:0}
#cotri-quiet>:not(header):not(.forest-flight){animation:cotri-page-arrive .5s ease-out both;transition:opacity .2s ease}
#cotri-quiet.is-leaving>:not(header):not(.forest-flight){animation:none;opacity:0}
#cotri-quiet .illustration-window{position:relative}
#cotri-quiet .illustration-window img{animation:none!important;transform:none}
#cotri-quiet .illustration-window canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#cotri-quiet .illustration-window.has-motion img{opacity:0}
@media(prefers-reduced-motion:reduce){#cotri-quiet>:not(header):not(.forest-flight){animation:none;transition:none}}

/* Make each service jump unmistakably belong to its label. */
#cotri-quiet .service-index a{justify-content:flex-start;gap:12px;padding:12px 16px;border:1px solid #252b2525;border-radius:3px;background:#ffffff40;transition:background .3s ease}
#cotri-quiet .service-index a:hover{background:#68766112}
#cotri-quiet .service-index a span{margin-left:0;flex-shrink:0}
#cotri-quiet .service-index{gap:20px}
#cotri-quiet .service-illustration{display:block;width:100%;max-width:290px;height:auto;aspect-ratio:1.5;object-fit:contain;margin:32px 0 0;pointer-events:none;user-select:none}
@media(max-width:700px){#cotri-quiet .service-illustration{max-width:260px;margin:24px auto 0}}

#cotri-quiet .representative .portrait{width:78%;max-width:210px;height:auto}
#cotri-quiet .brand-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:70px;padding:65px 0;border-bottom:1px solid #252b2530}
#cotri-quiet .brand-story-mark img{display:block;width:120px;height:auto;margin-top:32px;opacity:1}
#cotri-quiet .brand-story h2{margin:0 0 28px}
#cotri-quiet .brand-story p{line-height:2.3}
#cotri-quiet .brand-story p+p{margin-top:24px}
@media(max-width:700px){#cotri-quiet .brand-story{grid-template-columns:1fr;gap:30px;padding:45px 0}#cotri-quiet .brand-story-mark img{width:90px;margin-top:20px}#cotri-quiet .representative .portrait{max-width:190px}}

/* Keep the hero arrow inside the clipped hero, including hover and focus. */
#cotri-quiet .hero-bottom .link{padding-right:6px}
#cotri-quiet .hero-bottom .link span:last-child{flex-shrink:0;min-width:1em;text-align:center}
#cotri-quiet .hero-bottom .link:hover span:last-child,#cotri-quiet .hero-bottom .link:focus-visible span:last-child{transform:translateY(2px)}
@media(prefers-reduced-motion:reduce){#cotri-quiet .hero-bottom .link:hover span:last-child,#cotri-quiet .hero-bottom .link:focus-visible span:last-child{transform:none}}

/* Quiet editorial pacing: reveal once, never bend the illustrations. */
#cotri-quiet .reveal-pending{opacity:0;transform:translateY(16px);transition:opacity .8s ease,transform .9s cubic-bezier(.22,.61,.36,1);transition-delay:var(--reveal-delay,0ms)}
#cotri-quiet .reveal-pending.is-revealed{opacity:1;transform:none}
#cotri-quiet .step-trail{position:relative;width:260px;max-width:75%;height:48px;margin:0 0 30px;pointer-events:none;user-select:none}
#cotri-quiet .step-trail img{position:absolute;width:15px;height:17px;opacity:var(--step-opacity,0);transform:rotate(var(--step-angle));pointer-events:none}
#cotri-quiet .work-photo{position:relative}
#cotri-quiet .work-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .4s ease}
#cotri-quiet .work-item.is-previewing .work-preview{opacity:1}
#cotri-quiet .work-video-label{position:absolute;top:16px;right:16px;font:11px var(--cotri-en);letter-spacing:.12em;padding:6px 9px;background:#fafaf6e8;color:#252b25;pointer-events:none}
@media(prefers-reduced-motion:reduce){#cotri-quiet .reveal-pending{opacity:1;transform:none;transition:none}#cotri-quiet .step-trail img{opacity:.2}#cotri-quiet .work-preview{display:none}}

#cotri-quiet .work-youtube iframe{width:100%;height:100%;border:0;pointer-events:none}

#cotri-quiet .work-movie .work-photo{aspect-ratio:16/9}

/* Footsteps cross the page in normal flow, without a fixed decoration. */
#cotri-quiet .step-trail{position:relative;max-width:none;height:118px;margin-top:36px;margin-bottom:36px;overflow:hidden;pointer-events:none;user-select:none;contain:layout paint}
#cotri-quiet .step-trail img{position:absolute;width:19px;height:21px;opacity:0;pointer-events:none;max-width:none}
@media(max-width:580px){#cotri-quiet .step-trail{margin-top:20px;margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){#cotri-quiet .step-trail{display:none}}

/* Keep the perspective copy on the same editorial baseline. */
#cotri-concepts #cotri-quiet .statement{grid-template-columns:1fr;gap:28px}
#cotri-concepts #cotri-quiet .statement>div:last-child{max-width:640px}
@media(max-width:580px){#cotri-concepts #cotri-quiet .statement{gap:22px}}

/* A narrower shared reading area keeps the gaze near the center. */
#cotri-concepts{max-width:1200px}
#cotri-quiet .selected-work{margin-left:0;margin-right:0}
#cotri-quiet .work-heading{padding-left:0;padding-right:0}

@media(max-width:700px){#cotri-quiet .service-row{grid-template-columns:minmax(0,1fr)}#cotri-quiet .service-visual{width:100%;min-width:0;aspect-ratio:auto}}