/* Front end and editor share the same typography and section design. */
:root{--yn-ink:#171717;--yn-paper:#f5f5f1;--yn-stone:#deded8;--yn-line:#d6d6d1}
body{margin:0;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}
.wp-site-blocks{padding:0}.wp-site-blocks>*,.yn-home-content,.yn-page-main,.yn-canvas{margin-block-start:0!important}.yn-home-content>.wp-block-post-content,.yn-canvas>.wp-block-post-content{margin:0}.yn-section.alignfull{margin-top:0;margin-bottom:0}.yn-section{padding:96px max(24px,6vw)}.yn-inner{max-width:1280px;margin-inline:auto}.yn-section>.yn-inner{width:100%;max-width:1280px}.yn-section p{line-height:2.15;color:#62625d}.yn-section h1,.yn-section h2,.yn-section h3{border:0;box-shadow:none;padding:0}.yn-section h3{font-size:clamp(21px,2.2vw,30px);font-weight:500}.yn-section .yn-eyebrow{font-size:10px;letter-spacing:2px;font-weight:500;line-height:1.7;color:inherit;margin-bottom:24px}.yn-display{font-family:Arial,sans-serif;font-size:clamp(46px,6.5vw,94px);letter-spacing:-.06em;font-weight:400;line-height:1.08}.yn-statement{font-size:clamp(25px,3vw,42px);line-height:1.65;letter-spacing:.02em}.yn-section .wp-block-button__link{transition:background .2s,color .2s}.yn-section .is-style-outline>.wp-block-button__link{background:transparent;color:inherit;border:1px solid currentColor;padding:15px 27px}.yn-section .wp-block-button__link:hover{background:#444;color:#fff}.yn-section .wp-block-columns{gap:clamp(24px,5vw,80px);margin-top:0;margin-bottom:0}.yn-section .wp-block-column{min-width:0}
.yn-header{background:var(--yn-paper);border-bottom:1px solid var(--yn-line);padding:25px max(24px,4.5vw);margin-top:0}.yn-header-inner{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:25px}.yn-wordmark{font-family:Arial,sans-serif;font-size:29px;font-weight:800;letter-spacing:-1.4px;line-height:1.3;margin:0!important}.yn-wordmark a{text-decoration:none!important}.yn-wordmark span{color:#777;font-weight:400}.yn-navigation{font-size:11px;font-weight:600;letter-spacing:1px;margin:0!important}.yn-navigation .wp-block-navigation__container{gap:28px}.yn-navigation a{text-decoration:none}.yn-navigation a:hover{text-decoration:underline;text-underline-offset:6px}.yn-navigation .wp-block-navigation-item:last-child>a{padding:13px 20px;background:var(--yn-ink);color:white}.yn-navigation .wp-block-navigation__responsive-container.is-menu-open{padding:32px;background:var(--yn-paper);color:var(--yn-ink)}
.yn-native-hero{position:relative;isolation:isolate;overflow:hidden;min-height:740px;padding-top:66px;padding-bottom:64px}.yn-native-hero .yn-inner{position:relative;z-index:1}.yn-native-hero .yn-hero-heading{font-family:Arial,sans-serif;font-size:clamp(60px,9vw,144px);letter-spacing:-.07em;line-height:.98;font-weight:500;margin:55px 0 32px;max-width:78%}.yn-outline{color:transparent;-webkit-text-stroke:1.3px var(--yn-ink)}.yn-hero-copy{font-size:clamp(24px,3vw,37px);font-weight:500;line-height:1.6;letter-spacing:.04em;margin-top:30px}.yn-native-hero .yn-lead{font-size:13px;max-width:510px}.yn-native-hero:after{content:"";position:absolute;z-index:0;pointer-events:none;width:min(43vw,620px);aspect-ratio:1;right:1%;top:10%;border-radius:0;background:url("rings.svg") center/contain no-repeat;box-shadow:none}.yn-native-hero .wp-block-buttons{margin-top:25px}.yn-intro{border-top:1px solid var(--yn-line)}.yn-intro>.yn-inner>.wp-block-columns>.wp-block-column:first-child{flex-basis:30%;flex-grow:0}.yn-dark{background:var(--yn-ink);color:var(--yn-paper)}.yn-dark p{color:#b5b5ae}.yn-dark .yn-eyebrow{color:#aaa}.yn-dark .is-style-outline>.wp-block-button__link{color:var(--yn-paper)}.yn-dark .yn-display{margin:18px 0 55px}.yn-service-row{border-top:1px solid #4a4a46;padding:32px 0;margin:0!important}.yn-service-row:last-of-type{border-bottom:1px solid #4a4a46}.yn-service-row .yn-eyebrow{font-size:10px;margin-bottom:22px}.yn-service-row .wp-block-column h3{margin-top:0}.yn-service-row p{font-size:14px}.yn-service-row .wp-block-column p{margin-top:0}.yn-dark>.yn-inner>.wp-block-buttons{margin-top:30px}.yn-cta{background:var(--yn-stone)}.yn-cta .wp-block-columns{align-items:center}.yn-cta .wp-block-column:last-child{display:flex;justify-content:flex-end}.yn-cta .yn-display{margin-top:0}.yn-masthead{padding-top:85px;padding-bottom:78px;border-bottom:1px solid var(--yn-line)}.yn-page-heading{font-family:Arial,sans-serif;font-weight:400;font-size:clamp(54px,8vw,116px);letter-spacing:-.065em;line-height:1.05;margin:26px 0}.yn-page-subtitle{font-size:clamp(22px,3vw,35px);margin-top:30px}.yn-lead{max-width:700px}.yn-facts{margin:0}.yn-facts td{border:0;border-bottom:1px solid var(--yn-line);padding:20px 12px;font-size:14px;vertical-align:top;overflow-wrap:anywhere}.yn-facts td:first-child{width:26%;color:#777}.yn-facts table{border-collapse:collapse}.yn-editor-note,.yn-form-placeholder{padding:20px;border:1px dashed #888;font-size:13px}.yn-existing-content{max-width:1024px;margin:0 auto;padding:0 24px 80px}.yn-existing-content h2{margin-top:50px}.yn-existing-content h3{margin-top:35px}.yn-existing-content img{max-width:100%;height:auto}.yn-default-title{padding-bottom:45px}.yn-default-title h1{font-size:clamp(42px,6vw,82px);letter-spacing:-.045em}.yn-footer{border-top:1px solid var(--yn-line);padding:55px max(24px,6vw) 25px;margin-top:0!important}.yn-footer .wp-block-columns{gap:40px}.yn-footer-company{font-size:12px;color:#777}.yn-footer-links{display:flex;gap:25px;justify-content:flex-end;flex-wrap:wrap}.yn-footer-links p{font-size:10px;letter-spacing:1px;margin:0!important}.yn-footer-links a{text-decoration:none}.yn-copyright{border-top:1px solid var(--yn-line);padding-top:23px;font-size:10px;letter-spacing:1px;color:#777;margin-top:40px}.yn-query-card{border-bottom:1px solid var(--yn-line);padding:30px 0}.yn-query-card h2{font-size:28px}.yn-form input:not([type=checkbox]):not([type=radio]),.yn-form textarea,.yn-existing-content input:not([type=checkbox]):not([type=radio]),.yn-existing-content textarea{font:inherit;border:1px solid #aaa;background:#fff;color:#171717;padding:12px;max-width:100%;width:100%;border-radius:0}.yn-form textarea{min-height:180px}.yn-form input[type=submit],.yn-existing-content input[type=submit]{background:#171717;color:white;width:auto;cursor:pointer;padding:16px 35px}.wpcf7-not-valid-tip{font-size:13px}.wpcf7 form .wpcf7-response-output{margin:20px 0;padding:14px}.yn-section .wp-block-image img{height:auto;max-width:100%}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #888;outline-offset:4px}
@media(min-width:782px) and (max-width:1100px){.yn-native-hero .yn-hero-heading{font-size:8.1vw;max-width:60%}.yn-native-hero:after{width:30vw;right:4%;top:25%}}
@media(max-width:781px){.yn-header{padding:21px 24px}.yn-wordmark{font-size:26px}.yn-section{padding:58px 24px}.yn-native-hero{min-height:630px;padding-top:38px}.yn-native-hero:after{display:none}.yn-native-hero .yn-hero-heading{font-size:clamp(47px,11.5vw,88px);max-width:none;margin-top:48px}.yn-native-hero .yn-hero-copy{font-size:25px;margin-top:35px}.yn-section .wp-block-columns{gap:27px}.yn-display{font-size:49px}.yn-cta .wp-block-column:last-child{justify-content:flex-start}.yn-footer-links{justify-content:flex-start;gap:20px}.yn-footer{padding-top:38px}.yn-service-row{padding:28px 0}.yn-service-row .wp-block-columns{gap:5px}.yn-footer .wp-block-columns{margin-bottom:0}.yn-page-heading{font-size:clamp(48px,12vw,78px);overflow-wrap:anywhere}.yn-default-title h1{overflow-wrap:anywhere}.yn-facts td{font-size:12px;padding:17px 5px}.yn-facts td:first-child{width:27%}.yn-existing-content{padding-bottom:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Let legacy custom HTML remain visible during gradual migration. */
.yn-home-content>.wp-block-post-content>section{max-width:none}

/* Retained custom-HTML homepage: ring artwork during gradual migration. */
body.home .yn-hero::after{content:"";position:absolute;top:10%;right:1%;width:43%;aspect-ratio:1;border-radius:0;background:url("rings.svg") center/contain no-repeat;box-shadow:none;pointer-events:none}
@media(max-width:900px){body.home .yn-hero::after{display:none}}

/* 1.0.3: layout matching the original design, with editable block content. */
@media(min-width:782px){
 .yn-intro .wp-block-columns{display:grid;grid-template-columns:1fr 1.65fr}
 .yn-service-row .wp-block-columns{display:grid;grid-template-columns:1fr 1.3fr;align-items:start}
 .yn-service-row .wp-block-columns>.wp-block-column{width:100%;min-width:0}
 .yn-service-row .wp-block-column:last-child{justify-self:end;text-align:left}
 .yn-philosophy .wp-block-columns{display:grid;grid-template-columns:1fr 1fr;align-items:center}
 .yn-home-company .wp-block-columns{display:grid;grid-template-columns:1fr 1.4fr;align-items:start}
}
.yn-philosophy-art{position:relative;aspect-ratio:1;background:#e6e6e1;overflow:hidden;display:flex;align-items:end;min-height:280px}
.yn-philosophy-art:before{content:"";position:absolute;width:63%;aspect-ratio:1;left:18.5%;top:15%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#c0c0ba 32%,#2a2a29 68%,#000 80%);box-shadow:22px 30px 35px #0003;pointer-events:none}
.yn-philosophy-art .yn-art-caption{position:relative;font-size:9px;letter-spacing:2px;margin:22px;line-height:1.6}
.yn-home-company{padding-top:30px}
.yn-home-company>.yn-inner{border-top:1px solid var(--yn-line);padding-top:58px}
.yn-home-company .yn-display{margin-top:22px}
@media(max-width:781px){
 .yn-intro .wp-block-columns,.yn-service-row .wp-block-columns,.yn-philosophy .wp-block-columns,.yn-home-company .wp-block-columns{display:flex;flex-direction:column}
 .yn-intro .wp-block-column,.yn-service-row .wp-block-column,.yn-philosophy .wp-block-column,.yn-home-company .wp-block-column{width:100%}
 .yn-philosophy-art{max-width:480px;width:100%}
 .yn-home-company>.yn-inner{padding-top:35px}
}
/* Right-hand description column for retained legacy service HTML. */
@media(min-width:900px){
 body.home .yn-services>div{display:grid;grid-template-columns:1fr 1.3fr;column-gap:60px}
 body.home .yn-services>div>p:first-child{grid-column:1/-1}
 body.home .yn-services>div>h3{grid-column:1}
 body.home .yn-services>div>p:last-child{grid-column:2;text-align:left}
}

/* SERVICE 1.0.4: the four existing photographs, with editable content. */
.yn-services-page{margin:0!important}
.yn-services-page .yn-inner>*{max-width:none}
.yn-service-hero{padding-top:72px;padding-bottom:66px;border-bottom:1px solid var(--yn-line)}
.yn-service-title{font-family:Arial,sans-serif;font-size:clamp(64px,9.8vw,150px);line-height:1.05;letter-spacing:-.065em;font-weight:400;margin:35px 0 44px}
.yn-service-jp{font-size:clamp(26px,3.2vw,43px);line-height:1.6;letter-spacing:.035em;margin-bottom:35px}
.yn-service-lead{font-size:14px;max-width:650px!important}
.yn-service-index{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.6px;line-height:2.3!important}
.yn-service-hero .wp-block-column:last-child{align-self:end;border-left:1px solid var(--yn-line);padding-left:30px}
.yn-service-strength .wp-block-column:first-child{flex-basis:30%;flex-grow:0}
.yn-service-strength .yn-statement{margin-top:0}
.yn-service-feature{padding-top:88px;padding-bottom:88px}
.yn-service-feature .yn-service-pair{align-items:center;gap:clamp(35px,6vw,90px)}
.yn-service-feature .yn-service-photo{margin:0;overflow:hidden;background:#d8d8d2;box-shadow:none;border:0}
.yn-service-feature .yn-service-photo img{display:block;width:100%;height:auto;aspect-ratio:1.42;object-fit:cover;filter:grayscale(1);transition:filter .5s}
.yn-service-feature .yn-service-photo:hover img{filter:grayscale(.3)}
.yn-service-en{font-family:Arial,sans-serif;font-size:clamp(38px,4.2vw,62px);letter-spacing:-.045em;line-height:1.06;font-weight:400;margin:20px 0 24px!important}
.yn-service-feature .yn-service-name{font-size:17px;line-height:1.5;margin:0 0 30px;font-weight:500}
.yn-service-feature .yn-service-catch{font-size:clamp(18px,1.7vw,23px);line-height:1.7;font-weight:500;color:inherit;margin:0 0 18px}
.yn-service-copy>p:not(.yn-eyebrow):not(.yn-service-catch):not(.yn-service-tags){font-size:14px;line-height:2.1}
.yn-service-feature .yn-service-tags{font-size:10px;line-height:2.1;padding-top:22px;margin-top:27px;border-top:1px solid #8885;color:inherit}
.yn-service-light{background:var(--yn-paper)}
@media(min-width:782px){
 .yn-services-page .yn-service-pair{display:grid;grid-template-columns:1fr 1fr}
 .yn-services-page .yn-service-pair>.wp-block-column{min-width:0;width:100%}
 .yn-service-hero .wp-block-columns{display:grid;grid-template-columns:1.4fr 1fr}
 .yn-service-strength .wp-block-columns{display:grid;grid-template-columns:1fr 1.65fr}
}
@media(max-width:781px){
 .yn-service-hero{padding-top:44px;padding-bottom:48px}
 .yn-service-title{font-size:clamp(50px,11.4vw,82px);margin:30px 0}
 .yn-service-jp{font-size:26px}
 .yn-service-hero .wp-block-column:last-child{align-self:stretch;padding-left:0;padding-top:22px;border-left:0;border-top:1px solid var(--yn-line)}
 .yn-service-feature{padding-top:52px;padding-bottom:52px}
 .yn-service-feature .yn-service-pair{display:flex;flex-direction:column;gap:30px}
 .yn-service-feature .wp-block-column{width:100%}
 .yn-service-reverse .yn-service-pair>.wp-block-column:first-child{order:2}
 .yn-service-reverse .yn-service-pair>.wp-block-column:last-child{order:1}
 .yn-service-en{font-size:43px}
 .yn-service-feature .yn-service-name{margin-bottom:22px}
 .yn-service-strength .wp-block-columns{display:flex;flex-direction:column}
 .yn-service-strength .wp-block-column{width:100%}
}
