@charset "utf-8";

body{margin:0}

body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;margin:0px}

.ys-page img{max-width:100%}

.ys-section h2{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;margin:0px;font-size:38px;font-weight:600;line-height:1.45;letter-spacing:0.04em}

.ys-button span,.ys-text-link span,.ys-button .df-tag-span,.ys-text-link .df-tag-span{margin-left:16px;font-family:Arial,sans-serif;font-size:20px}

.ys-hero-photo{height:100%}

.ys-hero-copy p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;margin:0px}

.ys-hero-copy p+p{margin-top:1.5em}

.ys-hero-fktry-button{margin-top:16px}

.ys-button .ys-hero-button-copy{margin-left:0px;font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif}

.ys-button .ys-hero-button-arrow{margin-left:16px;font-family:Arial,sans-serif;font-size:20px;font-weight:400;line-height:1}

.ys-section-heading-row{margin-bottom:34px}

.ys-news-row time,.ys-news-row .df-tag-time{font-family:"Noto Sans JP",sans-serif;font-size:11px;letter-spacing:0.12em}

.ys-news-row strong,.ys-news-row .df-tag-strong{font-size:17px;line-height:1.65}

.ys-project-section{padding-top:92px;padding-right:0px;padding-bottom:92px;padding-left:0px;padding:92px 0px}

.ys-project-head{margin-bottom:48px}

.ys-project-card-main{min-height:500px}

.ys-gallery-shop .ys-project-card-main,.ys-gallery-shop>.ys-project-card:not(.ys-project-card-main){min-height:240px}

.ys-gallery-residential .ys-project-card-main,.ys-gallery-furniture .ys-project-card-main{min-height:500px}

.ys-gallery-residential>.ys-project-card:not(.ys-project-card-main),.ys-gallery-furniture>.ys-project-card:not(.ys-project-card-main){min-height:240px}

.ys-project-card img{height:100%}

.ys-project-card small,.ys-project-card .df-tag-small{margin-bottom:4px;font-family:"Noto Sans JP",sans-serif;font-size:10px;letter-spacing:0.18em}

.ys-project-card strong,.ys-project-card .df-tag-strong{font-size:20px;font-weight:500}

.ys-section-link{margin-top:28px}

.ys-principles img{height:104px}

.ys-philosophy .ys-center{margin-top:44px}

.ys-profile-photo img{height:100%;min-height:430px}

.ys-profile-copy .ys-eyebrow{margin-bottom:18px}

.ys-profile-copy h2{margin-top:0px;margin-right:0px;margin-bottom:20px;margin-left:0px;margin:0px 0px 20px;font-size:31px}

.ys-profile-copy p+p:not(.ys-profile-role){margin-top:14px}

.ys-interview-heading{margin-bottom:38px;text-align:center}

.ys-interview-heading .ys-eyebrow{margin-bottom:12px}

.ys-interview-heading h2{margin-top:0px;margin-right:0px;margin-bottom:12px;margin-left:0px;margin:0px 0px 12px;font-size:28px}

.ys-contact-content h3{margin-top:0px;margin-right:0px;margin-bottom:18px;margin-left:0px;margin:0px 0px 18px;font-size:19px}

.ys-contact-examples li,.ys-contact-examples .df-tag-li{padding-left:18px;font-size:14px}

.ys-contact-process li,.ys-contact-process .df-tag-li{padding-right:18px;font-size:13px}

.ys-hero-button-copy{font-size:16px}

.ys-hero{min-height:620px}

.ys-hero-photo{height:62%}

.ys-hero-inner{padding-top:58px;padding-right:0px;padding-bottom:260px;padding-left:0px;padding:58px 0px 260px}

.ys-profile-copy{padding-top:50px;padding-right:42px;padding-bottom:50px;padding-left:42px;padding:50px 42px}

.ys-project-card-main{min-height:420px}

.ys-section{padding-top:56px;padding-right:0px;padding-bottom:56px;padding-left:0px;padding:56px 0px}

.ys-section h2{font-size:30px}

.ys-hero-photo{height:54%}

.ys-hero-inner{padding-top:58px;padding-right:0px;padding-bottom:320px;padding-left:0px;padding:58px 0px 320px}

.ys-hero h1{font-size:20px}

.ys-news-section{padding-top:38px;padding-right:0px;padding-bottom:48px;padding-left:0px;padding:38px 0px 48px}

.ys-project-section{padding-top:58px;padding-right:0px;padding-bottom:58px;padding-left:0px;padding:58px 0px}

.ys-project-head{margin-bottom:30px}

.ys-project-card{min-height:270px}

.ys-project-card-main{min-height:270px}

.ys-gallery-shop .ys-project-card-main,.ys-gallery-shop>.ys-project-card:not(.ys-project-card-main),.ys-gallery-furniture .ys-project-card-main,.ys-gallery-furniture>.ys-project-card:not(.ys-project-card-main){min-height:270px}

.ys-principles img{height:84px}

.ys-principles h3{font-size:16px}

.ys-principles p{font-size:13px}

.ys-button .ys-hero-button-title{font-size:19px}

.ys-button .ys-hero-button-copy{font-size:12px;line-height:1.8}

.ys-profile-photo img{min-height:330px}

.ys-profile-copy{padding-top:42px;padding-right:20px;padding-bottom:48px;padding-left:20px;padding:42px 20px 48px}

.ys-profile-copy h2{font-size:27px}

.ys-interview-heading{text-align:left}

.ys-interview-heading h2{font-size:23px}

.ys-qa-grid article,.ys-qa-grid .df-tag-article{min-height:0px}

.ys-profile-details-group{margin-top:1.8em}

.ys-fktry-cms-item .ys-project-card{height:100%;min-height:270px}

.ys-fktry-cms-item .ys-project-card img{height:100%}

.ys-page .ys-contact-head .ys-contact-title{max-width:none;font-size:24px}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

.ys-page{--navy: #12385b;--navy-deep: #082844;--blue: #dcebf3;--blue-pale: #eef6fa;--blue-line: #b7cedc;--white: #fff;--text: #172b3b;--muted: #567083;--layout-aside: 280px;--layout-gap: 64px;color:var(--text);background:var(--blue-pale);font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;line-height:1.8}

.ys-page a{color:inherit;text-decoration:none}

.ys-page img{display:block}

.ys-container{width:calc(100% - 128px);max-width:1100px;margin-top:0px;margin-right:auto;margin-bottom:0px;margin-left:auto;margin:0px auto}

.ys-section{position:relative;padding-top:94px;padding-right:0px;padding-bottom:94px;padding-left:0px;padding:94px 0px;overflow:hidden}

.ys-eyebrow{margin-top:0px;margin-right:0px;margin-bottom:12px;margin-left:0px;margin:0px 0px 12px;color:var(--navy);font-family:"Noto Sans JP",sans-serif;font-size:11px;font-weight:700;letter-spacing:0.22em}

.ys-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding-top:0px;padding-right:28px;padding-bottom:0px;padding-left:28px;padding:0px 28px;border-radius:2px;color:rgb(255,255,255);background:var(--navy);font-family:"Noto Sans JP",sans-serif;font-size:14px;font-weight:700;transition:.2s ease}

.ys-page .ys-button-primary,.ys-page .ys-button-accent{color:rgb(255,255,255)}

.ys-button:focus-visible{outline:3px solid rgba(18,56,91,.35);outline-offset:4px}

.ys-text-link:focus-visible{outline:3px solid rgba(18,56,91,.35);outline-offset:4px}

.ys-text-link{display:inline-flex;align-items:center;padding-bottom:2px;color:var(--navy);border-bottom:1px solid;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:currentcolor;font-family:"Noto Sans JP",sans-serif;font-size:14px;font-weight:600}

.ys-center{display:flex}

.ys-hero{position:relative;min-height:560px;overflow:hidden;background:var(--blue-pale)}

.ys-hero-photo{inset:0 0 0 auto;width:72%;object-fit:cover;filter:saturate(.68) contrast(.92)}

.ys-hero-shade{position:absolute;inset:0px;background-image:linear-gradient(90deg,rgb(238,246,250) 0%,rgba(238,246,250,0.98) 36%,rgba(220,235,243,0.75) 58%,rgba(18,56,91,0.1) 82%,rgba(18,56,91,0.04) 100%);background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:transparent;background:linear-gradient(90deg,rgb(238,246,250) 0%,rgba(238,246,250,0.98) 36%,rgba(220,235,243,0.75) 58%,rgba(18,56,91,0.1) 82%,rgba(18,56,91,0.04) 100%)}

.ys-hero-inner{position:relative;z-index:1;padding-top:82px;padding-right:0px;padding-bottom:82px;padding-left:0px;padding:82px 0px}

.ys-hero h1{width:648px;max-width:100%;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;margin:0px;color:rgb(18,56,91);font-size:24px;font-weight:600;line-height:1.45;letter-spacing:0.04em}

.ys-hero-button{width:700px;max-width:100%;min-height:0px;padding-top:22px;padding-right:28px;padding-bottom:22px;padding-left:28px;padding:22px 28px;flex-direction:column;align-items:flex-start;gap:14px;text-align:left}

.ys-button .ys-hero-button-title{display:flex;align-items:center;font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;width:100%;font-size:22px;font-weight:bold;line-height:1.6;color:rgb(255,255,255)}

.ys-button .ys-hero-button-title-arrow::after{margin-left:16px;content:"›";font-family:Arial,sans-serif;font-size:20px;font-weight:400;line-height:1}

.ys-button .ys-hero-button-copy{display:block;font-size:13px;font-weight:300;line-height:1.9}

.ys-news-section{padding-top:52px;padding-right:0px;padding-bottom:68px;padding-left:0px;padding:52px 0px 68px;background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(255,255,255);background:rgb(255,255,255)}

.ys-section-heading-row{display:flex;align-items:end;gap:32px}

#wgc-top-news{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}

.ys-news-row{position:relative;display:flex;min-height:224px;padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px;padding:24px;overflow:hidden;flex-direction:column;justify-content:flex-end;color:rgb(255,255,255);background:var(--navy-deep);isolation:isolate}

.ys-page .ys-news-row{color:rgb(255,255,255)}

.ys-news-row::before{position:absolute;inset:0px;z-index:-2;content:"";background-position:center center;background-size:cover;transition:transform 350ms ease}

.ys-news-row::after{position:absolute;inset:0px;z-index:-1;content:"";background-image:linear-gradient(180deg,rgba(8,40,68,0.05) 28%,rgba(8,40,68,0.9) 100%);background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:transparent;background:linear-gradient(180deg,rgba(8,40,68,0.05) 28%,rgba(8,40,68,0.9) 100%)}

.ys-top-news-list .webgene-item{min-width:0px}

#wgc-top-news .webgene-item:nth-child(1) .ys-news-row::before{background-image:url(https://ysrg-arch.jp/system_panel/uploads/images/20260806120035438228.JPG)}

#wgc-top-news .webgene-item:nth-child(2) .ys-news-row::before{background-image:url(https://ysrg-arch.jp/system_panel/uploads/images/20260825161533234895.jpg)}

#wgc-top-news .webgene-item:nth-child(3) .ys-news-row::before{background-image:url(https://ysrg-arch.jp/uploads/news/6/6a64be0ed2dd26.jpg)}

.ys-news-row span,.ys-news-row .df-tag-span{align-self:flex-start;margin-top:8px;margin-right:0px;margin-bottom:8px;margin-left:0px;margin:8px 0px;padding-top:2px;padding-right:8px;padding-bottom:2px;padding-left:8px;padding:2px 8px;border-width:1px;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-style:solid;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-color:rgba(255,255,255,0.6);border-top-color:rgba(255,255,255,0.6);border-right-color:rgba(255,255,255,0.6);border-bottom-color:rgba(255,255,255,0.6);border-left-color:rgba(255,255,255,0.6);border-top:1px solid rgba(255,255,255,0.6);border-right:1px solid rgba(255,255,255,0.6);border-bottom:1px solid rgba(255,255,255,0.6);border-left:1px solid rgba(255,255,255,0.6);border-image:none;font-family:"Noto Sans JP",sans-serif;font-size:10px}

.ys-project-residential{background:var(--blue-pale)}

.ys-project-furniture{color:rgb(255,255,255);background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(18,56,91);background:rgb(18,56,91);scroll-margin-top:84px}

.ys-project-furniture .ys-eyebrow,.ys-project-furniture .ys-project-head>p{color:rgba(255,255,255,0.72)}

.ys-project-furniture .ys-fktry-reading{display:inline-block;margin-top:0;margin-right:0;margin-bottom:0;margin-left:18px;font-family:"Noto Sans JP",sans-serif;font-size:13px;font-weight:500;letter-spacing:0.14em;vertical-align:middle}

.ys-fktry-title{display:block}

.ys-project-furniture .ys-text-link{color:rgb(255,255,255)}

.ys-project-shop{background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(220,235,243);background:rgb(220,235,243)}

.ys-project-head{display:grid;grid-template-columns:280px minmax(0,1fr);gap:64px;align-items:end}

.ys-project-head>p{max-width:650px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;margin:0px;color:var(--muted);font-size:15px}

.ys-project-gallery{z-index:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:330px 170px;gap:20px;align-items:stretch}

.ys-project-card{position:relative;min-height:330px;overflow:hidden;background:var(--navy)}

.ys-project-card-main{grid-column:span 4;grid-row:span 2}

.ys-project-gallery>.ys-project-card:not(.ys-project-card-main){grid-column:span 2}

.ys-project-card-wide{grid-column:span 2}

.ys-gallery-shop{grid-template-rows:240px 240px}

.ys-gallery-shop .ys-project-card-main,.ys-gallery-shop>.ys-project-card:not(.ys-project-card-main){grid-column:span 3;grid-row:auto}

.ys-gallery-shop>.ys-project-card.ys-project-card-wide{grid-column:span 6}

.ys-gallery-furniture{grid-template-rows:220px 260px}

.ys-gallery-residential{grid-template-rows:240px 240px}

.ys-gallery-furniture{grid-template-rows:240px 240px}

.ys-gallery-residential .ys-project-card-main,.ys-gallery-furniture .ys-project-card-main{grid-column:span 2;grid-row:span 2}

.ys-gallery-residential>.ys-project-card:not(.ys-project-card-main),.ys-gallery-furniture>.ys-project-card:not(.ys-project-card-main){grid-column:span 4}

.ys-gallery-furniture .ys-project-card-main{grid-column:span 2;grid-row:span 2}

.ys-gallery-furniture>.ys-project-card:not(.ys-project-card-main){grid-column:span 4}

.ys-project-card img{width:100%;object-fit:cover}

.ys-project-furniture .ys-container>.webgene-blog{display:grid;grid-template-columns:1fr;gap:20px}

.ys-fktry-cms-item{min-width:0}

.ys-fktry-cms-item .ys-project-card{display:block}

.ys-fktry-cms-item .ys-project-card img{inset:0;width:100%}

.ys-project-card::after{position:absolute;inset:0px;content:"";background-image:linear-gradient(180deg,transparent 48%,rgba(8,40,68,0.84) 100%);background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:transparent;background:linear-gradient(180deg,transparent 48%,rgba(8,40,68,0.84) 100%)}

.ys-project-card span,.ys-project-card .df-tag-span{z-index:1;display:grid;color:rgb(255,255,255)}

.ys-section-link{display:flex}

.ys-bg-line{width:440px;opacity:0.1;filter:sepia(1) saturate(4) hue-rotate(160deg);pointer-events:none}

.ys-bg-line-shop{transform:scaleX(-1)}

.ys-principles article,.ys-principles .df-tag-article{display:grid;grid-template-columns:148px minmax(0,1fr);gap:28px;align-items:center;padding-top:30px;padding-right:0px;padding-bottom:30px;padding-left:0px;padding:30px 0px;border-bottom:1px solid rgba(18,56,91,0.24);border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(18,56,91,0.24)}

.ys-principles img{width:148px;object-fit:cover;filter:saturate(.72)}

.ys-principles h3{margin-top:0px;margin-right:0px;margin-bottom:8px;margin-left:0px;margin:0px 0px 8px;color:var(--navy-deep);font-size:18px;font-weight:600}

.ys-principles h3 span,.ys-principles h3 .df-tag-span{display:inline-block;min-width:42px;color:var(--navy);font-family:"Noto Sans JP",sans-serif;font-size:12px}

.ys-principles p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;margin:0px;color:var(--muted);font-size:14px}

.ys-profile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.24fr);min-height:430px;background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(255,255,255);background:rgb(255,255,255);scroll-margin-top:84px}

.ys-profile-photo img{width:100%;object-fit:cover;object-position:center 42%}

.ys-profile-copy{display:flex;flex-direction:column;justify-content:center;max-width:680px;padding-top:64px;padding-right:64px;padding-bottom:64px;padding-left:64px;padding:64px}

.ys-profile-role{margin-top:0px;margin-right:0px;margin-bottom:6px;margin-left:0px;margin:0px 0px 6px;color:#567083;font-family:"Noto Sans JP",sans-serif;font-size:13px;font-weight:600;letter-spacing:0.06em}

.ys-profile-copy p:not(.ys-eyebrow):not(.ys-profile-role){margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;margin:0px;color:var(--muted);font-size:14px}

.ys-profile-details{color:var(--muted);font-size:14px}

.ys-interview{background:var(--blue-pale)}

.ys-interview-heading>p:last-child{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;margin:0px;color:var(--muted);font-size:14px}

.ys-qa-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}

.ys-qa-grid article,.ys-qa-grid .df-tag-article{min-height:225px;padding-top:20px;padding-right:18px;padding-bottom:22px;padding-left:18px;padding:20px 18px 22px;border:1px solid var(--blue-line);background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(255,255,255);background:rgb(255,255,255)}

.ys-qa-grid span,.ys-qa-grid .df-tag-span{display:block;color:var(--blue);font-family:"Noto Serif JP",serif;font-size:16px}

.ys-qa-grid h3{margin-top:6px;margin-right:0px;margin-bottom:10px;margin-left:0px;margin:6px 0px 10px;color:var(--navy);font-size:13px;font-weight:600;line-height:1.65}

.ys-qa-grid p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;margin:0px;color:var(--muted);font-size:12.5px;line-height:1.8}

.ys-contact{color:rgb(255,255,255);background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(27,82,116);background:rgb(27,82,116)}

.ys-contact .ys-eyebrow{color:rgb(159,195,216)}

.ys-contact-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:64px}

.ys-contact-flow{display:grid;gap:42px}

.ys-contact-content{display:grid;gap:34px}

.ys-contact-content section,.ys-contact-content .df-tag-section{padding-top:22px;padding-right:22px;padding-bottom:22px;padding-left:22px;padding:22px;border-width:1px;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-style:solid;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-color:rgba(255,255,255,0.2);border-top-color:rgba(255,255,255,0.2);border-right-color:rgba(255,255,255,0.2);border-bottom-color:rgba(255,255,255,0.2);border-left-color:rgba(255,255,255,0.2);border-top:1px solid rgba(255,255,255,0.2);border-right:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(255,255,255,0.2);border-left:1px solid rgba(255,255,255,0.2);border-image:none;background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgba(255,255,255,0.04);background:rgba(255,255,255,0.04)}

.ys-contact-examples ul,.ys-contact-examples .df-tag-ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;margin:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;padding:0px;list-style:none}

.ys-contact-examples li,.ys-contact-examples .df-tag-li{color:rgba(255,255,255,0.82)}

.ys-contact-examples li::before,.ys-contact-examples .df-tag-li::before{position:absolute;top:0.7em;left:0px;width:6px;height:6px;border-radius:50%;background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(159,195,216);background:rgb(159,195,216);content:""}

.ys-contact-process ol,.ys-contact-process .df-tag-ol{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:0px;margin-right:0px;margin-bottom:20px;margin-left:0px;margin:0px 0px 20px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;padding:0px;list-style:none;counter-reset:contact-process}

.ys-contact-process li,.ys-contact-process .df-tag-li{color:rgb(255,255,255);counter-increment:contact-process}

.ys-contact-process li::before,.ys-contact-process .df-tag-li::before{margin-right:6px;color:rgb(159,195,216);font-family:"Noto Sans JP",sans-serif;font-size:10px}

.ys-contact-process li:not(:last-child)::after,.ys-contact-process .df-tag-li:not(:last-child)::after{color:rgba(255,255,255,0.4);content:"→"}

.ys-contact-process p{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;margin:0px;color:rgba(255,255,255,0.72);font-size:14px}

.ys-contact .ys-button{color:rgb(255,255,255);background-image:none;background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:rgb(18,56,91);background:rgb(18,56,91)}

.ys-button:hover{filter:brightness(.9);transform:translateY(-2px)}

.ys-text-link:hover span,.ys-text-link:hover .df-tag-span{transform:translateX(4px)}

.ys-news-row:hover::before,.ys-project-card:hover img{transform:scale(1.035)}

html{scroll-behavior:auto}

.ys-project-furniture{scroll-margin-top:72px}

.ys-hero-photo{inset:auto 0 0;width:100%}

.ys-hero-shade{background-image:linear-gradient(180deg,rgb(238,246,250) 0%,rgba(238,246,250,0.98) 45%,rgba(220,235,243,0.45) 72%,rgba(8,40,68,0.16) 100%);background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:transparent;background:linear-gradient(180deg,rgb(238,246,250) 0%,rgba(238,246,250,0.98) 45%,rgba(220,235,243,0.45) 72%,rgba(8,40,68,0.16) 100%)}

.ys-container{width:calc(100% - 64px)}

.ys-project-head{grid-template-columns:1fr;gap:30px}

.ys-contact-layout{grid-template-columns:1fr;gap:30px}

.ys-qa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

.ys-project-gallery{grid-template-columns:minmax(0,1.35fr) minmax(200px,.65fr)}

#wgc-top-news{grid-template-columns:1fr}

.ys-container{width:calc(100% - 40px)}

.ys-hero-shade{background-image:linear-gradient(180deg,rgb(238,246,250) 0%,rgb(238,246,250) 60%,rgba(220,235,243,0.62) 78%,rgba(8,40,68,0.16) 100%);background-position:0% 0%;background-size:auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:transparent;background:linear-gradient(180deg,rgb(238,246,250) 0%,rgb(238,246,250) 60%,rgba(220,235,243,0.62) 78%,rgba(8,40,68,0.16) 100%)}

.ys-hero h1{width:100%}

.ys-hero-button{width:100%}

.ys-section-heading-row{align-items:start}

.ys-project-gallery{grid-template-columns:1fr;grid-template-rows:none}

.ys-gallery-shop{grid-template-rows:none}

.ys-gallery-furniture{grid-template-rows:none}

.ys-project-card-main{grid-column:auto;grid-row:auto}

.ys-gallery-shop .ys-project-card-main,.ys-gallery-shop>.ys-project-card:not(.ys-project-card-main),.ys-gallery-furniture .ys-project-card-main,.ys-gallery-furniture>.ys-project-card:not(.ys-project-card-main){grid-column:auto;grid-row:auto}

.ys-project-card-wide,.ys-project-gallery>.ys-project-card:not(.ys-project-card-main){grid-column:auto}

.ys-principles article,.ys-principles .df-tag-article{grid-template-columns:96px minmax(0,1fr);gap:18px}

.ys-principles img{width:96px}

.ys-contact-examples ul,.ys-contact-examples .df-tag-ul{grid-template-columns:1fr}

.ys-contact-process ol,.ys-contact-process .df-tag-ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}

.ys-project-furniture .ys-fktry-reading{display:block;margin-top:8px;margin-left:0px}

.ys-profile{grid-template-columns:1fr}

.ys-profile-photo img{max-height:440px}

.ys-qa-grid{grid-template-columns:1fr}

@media (min-width:641px){.ys-container{width:calc(100% - 64px)}.ys-section{padding-top:94px;padding-bottom:94px;padding:94px 0px}.ys-section h2{font-size:38px}.ys-hero-photo{height:62%}.ys-hero-shade{background-image:linear-gradient(180deg,rgb(238,246,250) 0%,rgba(238,246,250,0.98) 45%,rgba(220,235,243,0.45) 72%,rgba(8,40,68,0.16) 100%);background:linear-gradient(180deg,rgb(238,246,250) 0%,rgba(238,246,250,0.98) 45%,rgba(220,235,243,0.45) 72%,rgba(8,40,68,0.16) 100%)}.ys-hero-inner{padding-bottom:260px;padding:58px 0px 260px}.ys-hero h1{width:648px;font-size:24px}.ys-hero-button{width:700px}.ys-button .ys-hero-button-copy{font-size:13px;line-height:1.9}.ys-button .ys-hero-button-title{font-size:22px}.ys-news-section{padding-top:52px;padding-bottom:68px;padding:52px 0px 68px}.ys-section-heading-row{align-items:end}#wgc-top-news{grid-template-columns:repeat(3,minmax(0,1fr))}.ys-project-section{padding-top:92px;padding-bottom:92px;padding:92px 0px}.ys-project-furniture .ys-fktry-reading{display:inline-block;margin-left:18px;margin-top:0}.ys-fktry-title{display:flex;align-items:center}.ys-gallery-residential{grid-template-rows:240px 240px}.ys-project-head{margin-bottom:48px}.ys-project-gallery{grid-template-columns:minmax(0,1.35fr) minmax(200px,.65fr);grid-template-rows:330px 170px}.ys-project-card{min-height:330px}.ys-project-card-main{grid-column:span 4;grid-row:span 2;min-height:420px}.ys-project-gallery>.ys-project-card:not(.ys-project-card-main){grid-column:span 2}.ys-project-card-wide{grid-column:span 2}.ys-gallery-shop{grid-template-rows:240px 240px}.ys-gallery-shop .ys-project-card-main{grid-column:span 3;min-height:240px}.ys-gallery-shop>.ys-project-card:not(.ys-project-card-main){grid-column:span 3;min-height:240px}.ys-gallery-furniture{grid-template-rows:240px 240px}.ys-gallery-furniture .ys-project-card-main{grid-column:span 2;grid-row:span 2;min-height:500px}.ys-gallery-furniture>.ys-project-card:not(.ys-project-card-main){grid-column:span 4;min-height:240px;grid-row:revert}.ys-principles article,.ys-principles .df-tag-article{grid-template-columns:148px minmax(0,1fr);gap:28px}.ys-principles img{width:148px;height:104px}.ys-principles h3{font-size:18px}.ys-principles p{font-size:14px}.ys-profile{grid-template-columns:minmax(0,1fr) minmax(0,1.24fr)}.ys-profile-photo img{min-height:430px;max-height:revert}.ys-profile-copy{padding-top:50px;padding-right:42px;padding-bottom:50px;padding-left:42px;padding:50px 42px}.ys-profile-copy h2{font-size:31px}.ys-interview-heading{text-align:center}.ys-interview-heading h2{font-size:28px}.ys-qa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ys-qa-grid article,.ys-qa-grid .df-tag-article{min-height:225px}.ys-contact-examples ul,.ys-contact-examples .df-tag-ul{grid-template-columns:repeat(2,minmax(0,1fr))}.ys-contact-process ol,.ys-contact-process .df-tag-ol{display:flex;gap:10px 22px;grid-template-columns:revert}.ys-gallery-shop>.ys-project-card.ys-project-card-wide{grid-column:span 6}}

@media (min-width:901px){.ys-container{width:calc(100% - 128px)}.ys-project-head{grid-template-columns:280px minmax(0,1fr);gap:64px}.ys-project-gallery{grid-template-columns:repeat(6,minmax(0,1fr))}.ys-project-card-main{min-height:500px}.ys-profile-copy{padding-top:64px;padding-right:64px;padding-bottom:64px;padding-left:64px;padding:64px}.ys-qa-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ys-contact-layout{grid-template-columns:280px minmax(0,1fr);gap:64px}}

@media (min-width:1101px){.ys-hero{min-height:560px}.ys-hero-photo{inset:0 0 0 auto;width:72%;height:100%}.ys-hero-shade{background-image:linear-gradient(90deg,rgb(238,246,250) 0%,rgba(238,246,250,0.98) 36%,rgba(220,235,243,0.75) 58%,rgba(18,56,91,0.1) 82%,rgba(18,56,91,0.04) 100%);background:linear-gradient(90deg,rgb(238,246,250) 0%,rgba(238,246,250,0.98) 36%,rgba(220,235,243,0.75) 58%,rgba(18,56,91,0.1) 82%,rgba(18,56,91,0.04) 100%)}.ys-hero-inner{padding-top:82px;padding-bottom:82px;padding:82px 0px}.ys-project-furniture{scroll-margin-top:84px}}

.df-preserve-break{white-space:pre-line}

.df-link-block{display:contents}

@media (min-width:0px){.ys-page .ys-section{padding:56px 0}.ys-page .ys-section h2{font-size:30px}.ys-page .ys-hero{min-height:620px}.ys-page .ys-hero-photo{height:54%}.ys-page .ys-hero-inner{padding:58px 0 320px}.ys-page .ys-hero h1{font-size:20px}.ys-page .ys-news-section{padding:38px 0 48px}.ys-page .ys-project-section{padding:58px 0}.ys-page .ys-project-card{min-height:270px}.ys-page .ys-project-card-main,.ys-page .ys-gallery-shop .ys-project-card-main,.ys-page .ys-gallery-shop>.ys-project-card:not(.ys-project-card-main),.ys-page .ys-gallery-furniture .ys-project-card-main,.ys-page .ys-gallery-furniture>.ys-project-card:not(.ys-project-card-main){min-height:270px}.ys-page .ys-gallery-residential .ys-project-card-main{min-height:500px}.ys-page .ys-gallery-residential>.ys-project-card:not(.ys-project-card-main){min-height:240px}.ys-page .ys-principles img{height:84px}.ys-page .ys-principles h3{font-size:16px}.ys-page .ys-principles p{font-size:13px}.ys-page .ys-project-furniture .ys-fktry-reading{line-height:normal}.ys-page .ys-button .ys-hero-button-title{font-size:19px}.ys-page .ys-button .ys-hero-button-copy{font-size:12px;line-height:1.8}.ys-page .ys-hero-button-copy>.df-tag-span{margin-left:0;font-family:inherit;font-size:inherit;line-height:inherit}.ys-page .ys-profile-photo img{min-height:330px}.ys-page .ys-profile-copy{padding:42px 20px 48px}.ys-page .ys-profile-copy h2{font-size:27px}.ys-page .ys-interview-heading{text-align:left}.ys-page .ys-interview-heading h2{font-size:23px}.ys-page .ys-qa-grid article,.ys-page .ys-qa-grid .df-tag-article{min-height:0}.ys-page .ys-contact-head h2{max-width:280px}}

@media (min-width:641px){.ys-page .ys-section{padding:94px 0}.ys-page .ys-section h2{font-size:38px}.ys-page .ys-hero-photo{height:62%}.ys-page .ys-hero-inner{padding:58px 0 260px}.ys-page .ys-hero h1{font-size:24px}.ys-page .ys-news-section{padding:52px 0 68px}.ys-page .ys-project-section{padding:92px 0}.ys-page .ys-project-card{min-height:330px}.ys-page .ys-project-card-main{min-height:420px}.ys-page .ys-gallery-shop .ys-project-card-main,.ys-page .ys-gallery-shop>.ys-project-card:not(.ys-project-card-main){min-height:240px}.ys-page .ys-gallery-furniture .ys-project-card-main{min-height:500px}.ys-page .ys-gallery-furniture>.ys-project-card:not(.ys-project-card-main){min-height:240px}.ys-page .ys-principles img{height:104px}.ys-page .ys-principles h3{font-size:18px}.ys-page .ys-principles p{font-size:14px}.ys-page .ys-project-furniture .ys-fktry-reading{line-height:1.8}.ys-page .ys-button .ys-hero-button-title{font-size:22px}.ys-page .ys-button .ys-hero-button-copy{font-size:13px;line-height:1.9}.ys-page .ys-profile-photo img{min-height:430px}.ys-page .ys-profile-copy{padding:50px 42px}.ys-page .ys-profile-copy h2{font-size:31px}.ys-page .ys-interview-heading{text-align:center}.ys-page .ys-interview-heading h2{font-size:28px}.ys-page .ys-qa-grid article,.ys-page .ys-qa-grid .df-tag-article{min-height:225px}.ys-page .ys-gallery-residential{grid-template-rows:240px 240px}.ys-page .ys-gallery-residential>.ys-project-card:not(.ys-project-card-main){grid-column:span 4;min-height:240px}}

@media (min-width:641px){.ys-project-furniture .ys-container>.webgene-blog{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:240px 240px}.ys-fktry-cms-item:only-child{grid-column:1/-1;grid-row:span 2}.ys-fktry-cms-item:first-child:nth-last-child(2),.ys-fktry-cms-item:first-child:nth-last-child(2)~.ys-fktry-cms-item{grid-column:span 3;grid-row:span 2}.ys-fktry-cms-item:first-child:nth-last-child(3){grid-column:span 2;grid-row:span 2}.ys-fktry-cms-item:first-child:nth-last-child(3)~.ys-fktry-cms-item{grid-column:span 4}.ys-fktry-cms-item .ys-project-card{min-height:100%}}

@media (min-width:901px){.ys-page .ys-project-card-main{min-height:500px}.ys-page .ys-profile-copy{padding:64px}}

@media (min-width:1101px){.ys-page .ys-hero{min-height:560px}.ys-page .ys-hero-photo{height:100%}.ys-page .ys-hero-inner{padding:82px 0}}

.ys-page .ys-contact-head .ys-contact-title{white-space:nowrap}

@media (min-width:901px){.ys-page .ys-contact-layout{grid-template-columns:320px minmax(0,1fr);gap:40px}}

@media (min-width:0px){.ys-page .ys-gallery-residential{grid-template-columns:minmax(0,1fr);grid-template-rows:none}.ys-page .ys-gallery-residential>.ys-project-card{display:block;width:100%;min-width:0;min-height:270px}.ys-page .ys-gallery-residential>.ys-project-card-main,.ys-page .ys-gallery-residential>.ys-project-card:not(.ys-project-card-main){grid-column:1/-1;grid-row:auto}}

@media (min-width:901px){.ys-page .ys-gallery-residential{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:240px 240px}.ys-page .ys-gallery-residential>.ys-project-card-main{min-height:500px;grid-column:span 2;grid-row:span 2}.ys-page .ys-gallery-residential>.ys-project-card:not(.ys-project-card-main){min-height:240px;grid-column:span 4;grid-row:auto}}