.intro-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 10vw }
.intro-lead {font: 600 clamp(40px,6.2vw,50px)/1.02 var(--display);margin: 35px 0;line-height: 1.2;}
.intro-lead em { font-style: normal; color: var(--orange) }
.intro-side { align-self: end; padding-bottom: 12px }
.intro-side .cms-copy { font-size: 15px; line-height: 2; color: #454643; margin-bottom: 40px }
.stats { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); margin-top: 120px }
.stat { padding: 30px 30px 0 0; border-right: 1px solid var(--line) }
.stat:last-child { border: 0; padding-left: 30px }
.stat:nth-child(2) { padding-left: 30px }
.stat strong { font: 600 clamp(54px,6vw,88px)/1 var(--display); letter-spacing: -.06em }
.stat span {display: block;font-size: 24px;margin-top: 9px;color: #666}



#showcase { padding: 150px 0 180px; background: #e8e8e3 }
.work-list { display: grid; gap: 100px }
.work { display: grid; grid-template-columns: 1.45fr .55fr; gap: 38px; align-items: end }
.work:nth-child(even) { grid-template-columns: .55fr 1.45fr }
.work:nth-child(even) .work-media { order: 2 }
.work:nth-child(even) .work-copy { order: 1 }
.work-media { aspect-ratio: 16/9; overflow: hidden; position: relative; background: #ccc }
.work-media:after { content: "VIEW CASE"; position: absolute; inset: 0; display: grid; place-items: center; background: rgba(34,35,33,.72); color: #fff; font-size: 11px; letter-spacing: .18em; opacity: 0; transition: .45s }
.work:hover .work-media:after { opacity: 1 }
.work-media img { transition: transform 1s var(--ease) }
.work:hover img { transform: scale(1.035) }
.browser-strip { position: absolute; z-index: 2; left: 14px; right: 14px; top: 14px; height: 30px; background: rgba(255,255,255,.84); backdrop-filter: blur(10px); display: flex; align-items: center; padding: 0 12px; gap: 5px }
.browser-strip i { width: 6px; height: 6px; background: #111; border-radius: 50% }
.work-copy { padding-bottom: 15px }
.work-tag { font-size: 10px; letter-spacing: .16em; text-transform: uppercase; color: #656762 }
.work-copy h3 { font: 600 clamp(36px,4vw,62px)/.95 var(--display); letter-spacing: -.055em; margin: 18px 0 }
.work-description { font-size: 13px; line-height: 1.8; color: #555854 }
.showcase-more { margin-top: 70px }
.step { display: grid; grid-template-columns: 65px 1fr; gap: 25px; padding: 40px 0; border-bottom: 1px solid var(--line) }
.step b { font: 500 12px var(--body); color: var(--orange) }
.step h3 { font: 500 clamp(26px,3vw,40px)/1.1 var(--display); letter-spacing: -.035em; margin: 0 0 15px }
.step p { font-size: 13px; line-height: 1.8; color: #60625f; max-width: 540px }
#insight { padding: 145px 0; background: var(--paper) }
#insight .news-feed { display: grid; grid-template-columns: 1.1fr .9fr; gap: 50px }
#insight .article { border-top: 1px solid var(--ink); padding-top: 20px }
#insight .article:first-child { grid-row: span 3 }
#insight .article-visual { aspect-ratio: 1.45; overflow: hidden; display: block }
#insight .article-visual img { transition: transform .8s var(--ease) }
#insight .article:hover img { transform: scale(1.035) }
#insight .article-label { display: flex; justify-content: space-between; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; margin: 18px 0; color: var(--orange) }
#insight .article h3 { font: 500 clamp(22px,2.8vw,42px)/1.2 var(--display); margin: 0 }
#insight .article p { font-size: 12px; line-height: 1.8; color: #62635f }
.insight-more { margin-top: 55px }
@media(max-width:900px) {
  .intro-grid { grid-template-columns: 1fr }
  .work,.work:nth-child(even) { grid-template-columns: 1fr }
  .work:nth-child(even) .work-media,.work:nth-child(even) .work-copy { order: initial }
  #insight .news-feed { grid-template-columns: 1fr }
}

@media(max-width:600px) {
  #realmIntro,#showcase { padding: 95px 0 }
  .intro-lead { font-size: 43px }
  .stats { grid-template-columns: 1fr; margin-top: 70px }
  .stat,.stat:nth-child(2),.stat:last-child { padding: 22px 0; border-right: 0; border-bottom: 1px solid var(--line) }
  .work-list { gap: 65px }
  .work-media { aspect-ratio: 1.15 }
  .work-copy h3 { font-size: 38px }
  .process-note { grid-template-columns: 1fr }
  #insight .article:first-child { grid-row: auto }
}
.scrub-number {display: inline-block;min-width: 1.2ch;}
#spectrum:after { content: ""; position: absolute; z-index: 8; inset: 0; background: linear-gradient(135deg,#fff 0 42%,var(--amber) 42% 53%,#e8e8e3 53%); clip-path: polygon(0 0,100% 0,100% 100%,0 100%); transition: clip-path 1.15s var(--ease); pointer-events: none }
#spectrum.section-in:after { clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%) }


@media(max-width:700px) {
  #realmIntro:before { display: none }
}


/* realmIntro */
#realmIntro{position:relative;overflow:clip;background:#fff;color:var(--black);padding: clamp(50px,7vw,100px) 0;}
#realmIntro .realmIntro-frame{position:relative;width: min(calc(100% - 80px), var(--max));margin: auto;}
#realmIntro .realmIntro-index{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(28px,4vw,70px);padding-bottom:clamp(34px,4vw,62px);border-bottom:1px solid var(--line);}
#realmIntro .realmIntro-kicker{display:flex;align-items:center;gap:14px;color:var(--black);}
#realmIntro .realmIntro-kicker span{display:grid;place-items:center;width:34px;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;color:var(--secondary);}
#realmIntro .realmIntro-kicker b{font:inherit;}
#realmIntro .realmIntro-coordinate{justify-self:end;color:var(--triadic1);}
#realmIntro .realmIntro-manifesto{position:relative;display:grid;grid-template-columns: minmax(0,.7fr) minmax(250px,.8fr) minmax(280px,.55fr);grid-template-areas:
"heading visual content";gap:clamp(30px,4vw,78px);align-items:end;padding-top: clamp(40px,7vw,90px);}
#realmIntro .realmIntro-heading{grid-area:heading;position:relative;z-index:2;align-self:start;}
#realmIntro .realmIntro-title{display:flex;flex-direction:column;color:var(--black);}
#realmIntro .realmIntro-title span,#realmIntro .realmIntro-title strong{display:block;}
#realmIntro .realmIntro-title span:nth-child(2){margin-left:clamp(0px,3vw,56px);}
#realmIntro .realmIntro-title strong{position:relative;align-self:flex-end;margin-top:.08em;padding-inline:.04em;font:inherit;font-style:normal;z-index:1;}
#realmIntro .realmIntro-title strong:before{content:"";position:absolute;z-index:-1;left:-.02em;right:-.08em;bottom:.08em;height:.16em;transform:skewX(-13deg);background: linear-gradient(90deg, #fff 0 48%, var(--amber) 70%, var(--orange));}
#realmIntro .realmIntro-title strong:after{content:"↗";position:absolute;right:-.8em;top:.1em;color:var(--secondary);}
#realmIntro .realmIntro-visual-wrap{grid-area:visual;position:relative;align-self:end;z-index:3;}
#realmIntro .realmIntro-visual{position:relative;margin:0;aspect-ratio:4/5;overflow:hidden;background:var(--gray);}
#realmIntro .realmIntro-visual:before{content:"";position:absolute;z-index:2;inset:0;border:1px solid rgba(34,35,33,.14);pointer-events:none;}
#realmIntro .realmIntro-visual:after{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;height:32%;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,216,0,.18));pointer-events:none;}
#realmIntro .realmIntro-visual img{display:block;width:100%;/* aspect-ratio: 4/7; */object-fit:cover;/* transition:transform .8s var(--ease); */}
#realmIntro .realmIntro-visual:hover img{/* transform:scale(1.035); */}
#realmIntro .realmIntro-visual-note{display:flex;justify-content:space-between;gap:16px;margin-top:12px;color:var(--triadic1);}
#realmIntro .realmIntro-content{grid-area:content;position:relative;padding: clamp(28px,3vw,20px) 0 12px clamp(24px,2.5vw,46px);border-left:1px solid var(--line);z-index:2;}
#realmIntro .realmIntro-content:before{content:"";position:absolute;left:-1px;top:0;height:clamp(55px,6vw,92px);border-left:3px solid var(--primary);}
#realmIntro .pageh1{margin-top: clamp(22px,5vw,92px);color:var(--triadic1);}
#realmIntro .realmIntro-copy{color:#454643;}
#realmIntro .realmIntro-copy p{margin:0;}
#realmIntro .realmIntro-copy p+p{margin-top:1.45em;}
#realmIntro .realmIntro-link{display:inline-flex;align-items:center;gap:20px;margin-top:clamp(30px,3vw,48px);padding-bottom:9px;border-bottom:1px solid var(--black);color:var(--black);text-decoration:none;transition:color .35s ease,border-color .35s ease;}
#realmIntro .realmIntro-link i{display:grid;place-items:center;width:40px;aspect-ratio:1;border-radius:50%;background:var(--primary);font-style:normal;transition:transform .45s var(--ease),background .35s ease,color .35s ease;}
#realmIntro .realmIntro-link:hover{color:var(--secondary);border-color:var(--secondary);}
#realmIntro .realmIntro-link:hover i{transform:rotate(45deg);background:var(--secondary);color:#fff;}
#realmIntro .realmIntro-data{position:relative;margin-top: clamp(50px,12vw,80px);}
#realmIntro .realmIntro-data-head{display:flex;justify-content:space-between;gap:30px;padding-bottom:14px;border-bottom:1px solid var(--line);color:var(--triadic1);}
#realmIntro .realmIntro-data-list{display:grid;grid-template-columns:.82fr 1.18fr;margin-left: clamp(12vw,27vw,28vw);}
#realmIntro .realmIntro-data-item{position:relative;padding:clamp(28px,3vw,48px) clamp(24px,4vw,70px) 0 0;}
#realmIntro .realmIntro-data-item+.realmIntro-data-item{padding-left:clamp(30px,4vw,72px);border-left:1px solid var(--line);}
#realmIntro .realmIntro-data-item:first-child:before{content:"";position:absolute;left:0;top:-2px;width:clamp(70px,8vw,145px);border-top:3px solid var(--primary);}
#realmIntro .realmIntro-data-item strong{display:flex;align-items:flex-start;color:var(--black);}
#realmIntro .realmIntro-data-item sup{margin:.08em 0 0 .08em;color:var(--secondary);}
#realmIntro .realmIntro-data-item p{margin:14px 0 0;color:var(--triadic1);}
#realmIntro .realmIntro-light{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none;}
#realmIntro .realmIntro-light i:first-child{position:absolute;left:-8%;top:28%;width:55%;aspect-ratio:7/1;background:linear-gradient(90deg,rgba(255,216,0,0),rgba(255,216,0,.46),rgba(242,101,34,.12),rgba(242,101,34,0));transform:rotate(-11deg);filter:blur(1px);}
#realmIntro .realmIntro-light i:last-child{position:absolute;right:6%;bottom:12%;width:22%;aspect-ratio:1;border:1px solid rgba(242,101,34,.16);border-radius:50%;}
#realmIntro .realmIntro-title,#realmIntro .realmIntro-data-item strong{font-family:var(--display);font-weight:600;letter-spacing:-.06em;}
#realmIntro .realmIntro-title {font-size: clamp(28px,5.5vw,45px);line-height: 1.2;font-weight: 600;letter-spacing: -.06em;}
#realmIntro .realmIntro-data-item strong { font-size: clamp(30px,7vw,70px); line-height: .88; }
#realmIntro .realmIntro-kicker,#realmIntro .realmIntro-coordinate,#realmIntro .realmIntro-seo,#realmIntro .realmIntro-visual-note,#realmIntro .realmIntro-data-head,#realmIntro .realmIntro-data-item p,#realmIntro .realmIntro-link { font-family: var(--body); font-weight: 500; letter-spacing: .09em; }
#realmIntro .realmIntro-kicker,#realmIntro .realmIntro-coordinate,#realmIntro .realmIntro-visual-note,#realmIntro .realmIntro-data-head { font-size: 11px; line-height: 1.5; }
#realmIntro .realmIntro-titlep,#realmIntro .realmIntro-data-item p { font-size: 18px; line-height: 1.8; font-weight: 500; color: var(--black); }
#realmIntro .realmIntro-titlep { font-size: 20px; }
#realmIntro .pageh1 { letter-spacing: 1px; line-height: 36px; padding: 30px 0; border-top: 1px solid rgba(0,0,0,0.1); font-size: 18px; line-height: 1.8; font-weight: 500; color: var(--black); }
#realmIntro .realmIntro-link { font-size: 13px; line-height: 1.4; }
#realmIntro .realmIntro-copy,#realmIntro .realmIntro-copy p { font-family: var(--body); margin-top: 25px; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 2; }
@media screen and (max-width:1180px){#realmIntro .realmIntro-manifesto{grid-template-columns:minmax(0,.95fr) minmax(220px,.45fr);grid-template-areas:"heading heading" "visual content";}#realmIntro .realmIntro-title{font-size:clamp(52px,8vw,92px);}#realmIntro .realmIntro-title span:nth-child(2){margin-left:8vw;}#realmIntro .realmIntro-visual-wrap{margin-bottom:0;}#realmIntro .realmIntro-data-list{margin-left:12vw;}}
@media screen and (max-width:760px){#realmIntro{padding:82px 0 78px;}#realmIntro .realmIntro-frame{padding-inline:22px;}#realmIntro .realmIntro-index{grid-template-columns:1fr;gap:18px;padding-bottom:28px;}#realmIntro .realmIntro-coordinate{justify-self:start;}#realmIntro .realmIntro-manifesto{grid-template-columns:1fr;grid-template-areas:"heading" "visual" "content";gap:42px;padding-top:48px;}#realmIntro .realmIntro-title{font-size:clamp(42px,12vw,62px);line-height:1.03;}#realmIntro .realmIntro-title span:nth-child(2){margin-left:0;}#realmIntro .realmIntro-title strong{align-self:flex-start;}#realmIntro .realmIntro-title strong:after{display:none;}#realmIntro .realmIntro-visual-wrap{width:82%;margin-left:auto;}#realmIntro .realmIntro-visual,#realmIntro .realmIntro-visual img{aspect-ratio:4/3;}#realmIntro .realmIntro-content{padding:28px 0 0 20px;}#realmIntro .realmIntro-copy,#realmIntro .realmIntro-copy p{font-size:14px;line-height:1.9;}#realmIntro .realmIntro-data{margin-top:80px;}#realmIntro .realmIntro-data-list{grid-template-columns:1fr;margin-left:0;}#realmIntro .realmIntro-data-item,#realmIntro .realmIntro-data-item+.realmIntro-data-item{padding:28px 0;border-left:0;border-bottom:1px solid var(--line);}#realmIntro .realmIntro-data-item:last-child{border-bottom:0;}#realmIntro .realmIntro-data-item strong{font-size:clamp(64px,18vw,92px);}#realmIntro .realmIntro-light i:first-child{left:-40%;top:20%;width:130%;}#realmIntro .realmIntro-light i:last-child{display:none;}}


/* spectrum */
#spectrum{position:relative;overflow:clip;color:var(--black);padding: clamp(50px,7vw,100px) 0;counter-reset:spectrumService;isolation:isolate;background: #f6f6f6;}
#spectrum:after{display:none;}
#spectrum .frame{position:relative;}
#spectrum .spectrum-line{position:absolute;z-index:-1;left:-8vw;right:-8vw;top:34%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,216,0,.08) 16%,var(--primary) 48%,rgba(242,101,34,.25) 70%,transparent 100%);transform:rotate(-7deg);transform-origin:center;pointer-events:none;}
#spectrum .spectrum-line:before{content:"";position:absolute;left:42%;top:50%;width:clamp(90px,12vw,200px);aspect-ratio:1;border:1px solid rgba(255,216,0,.25);border-radius:50%;transform:translate(-50%,-50%);}
#spectrum .spectrum-line:after{content:"";position:absolute;left:42%;top:50%;width:7px;aspect-ratio:1;background:var(--primary);border-radius:50%;transform:translate(-50%,-50%);}
#spectrum .section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);gap: clamp(50px,8vw,140px);align-items:end;margin-bottom: clamp(40px,9vw,100px);}
#spectrum .section-head>div{position:relative;}
#spectrum .section-head>div:after{content:"";display:block;width:clamp(70px,8vw,140px);margin-top:clamp(28px,3vw,46px);border-top:3px solid var(--primary);}
#spectrum .section-head h2{margin:clamp(20px,2vw,34px) 0 0;}
#spectrum .section-head>p{margin:0;padding:0 0 8px clamp(24px,3vw,48px);border-left:1px solid var(--line);}
#spectrum .kicker{display:flex;align-items:center;gap:14px;text-transform:uppercase;color:var(--triadic1);}
#spectrum .kicker:before{content:"";width:40px;}
#spectrum .service-list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(45px,5vw,90px) clamp(20px,2vw,38px);align-items:start;position:relative;z-index:2;}
#spectrum .service{counter-increment:spectrumService;position:relative;display:grid;background:transparent;overflow:visible;border:0;box-shadow:none;}
#spectrum .service:nth-child(1){grid-column: 1/8;}
#spectrum .service:nth-child(2){grid-column:9/13;margin-top:clamp(80px,9vw,150px);}
#spectrum .service:nth-child(3){grid-column:1/6;margin-top:clamp(35px,5vw,80px);}
#spectrum .service:nth-child(4){grid-column:6/10;margin-top:clamp(120px,12vw,190px);}
#spectrum .service:nth-child(5){grid-column:10/13;margin-top:clamp(25px,4vw,65px);}
#spectrum .service:before{content:"0" counter(spectrumService);position:absolute;z-index:4;top:14px;left:16px;display:grid;place-items:center;width:42px;aspect-ratio:1;background:rgba(255,255,255,.9);border:1px solid rgba(34,35,33,.14);border-radius:50%;backdrop-filter:blur(8px);color:var(--black);}
#spectrum .service-media{position:relative;display:block;overflow:hidden;background:var(--gray);}
#spectrum .service-media:before{content:"";position:absolute;z-index:2;inset:0;border:1px solid rgba(34,35,33,.1);pointer-events:none;}
#spectrum .service-media:after{content:"";position:absolute;z-index:2;left:-30%;bottom:-40%;width:85%;aspect-ratio:1;background:radial-gradient(circle,rgba(255,216,0,.26) 0%,rgba(255,216,0,.08) 34%,transparent 70%);opacity:0;transform:translate3d(-12%,12%,0);transition:opacity .55s ease,transform .75s var(--ease);pointer-events:none;}
#spectrum .service:nth-child(1) .service-media{aspect-ratio: 10/10;}
#spectrum .service:nth-child(2) .service-media{aspect-ratio:4/5;}
#spectrum .service:nth-child(3) .service-media{aspect-ratio:4/3;}
#spectrum .service:nth-child(4) .service-media{aspect-ratio:4/5;}
#spectrum .service:nth-child(5) .service-media{aspect-ratio:3/4;}
#spectrum .service-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease),filter .7s ease;}
#spectrum .service-body{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"tag plus" "title plus" "copy plus";column-gap:20px;padding:clamp(20px,2vw,30px) 0 0;border-top:1px solid var(--black);background:transparent;min-height:0;}
#spectrum .service-num{grid-area:tag;position:static;display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;color:var(--secondary);}
#spectrum .service-num:before{content:"";width:18px;border-top:1px solid currentColor;}
#spectrum .service h3{grid-area:title;margin:0;padding:0;}
#spectrum .service p{grid-area:copy;margin:clamp(15px,1.6vw,24px) 0 0;color:var(--triadic1);}
#spectrum .plus{grid-area:plus;position:static;align-self:start;display:grid;place-items:center;width:48px;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;color:var(--black);text-decoration:none;transition:transform .55s var(--ease),background .35s ease,border-color .35s ease,color .35s ease;}
#spectrum .service:hover .service-media img{transform:scale(1.045);}
#spectrum .service:hover .service-media:after{opacity:1;transform:translate3d(0,0,0);}
#spectrum .service:hover .plus{transform:rotate(45deg);background:var(--primary);border-color:var(--primary);}
#spectrum .service:nth-child(1) .service-body{grid-template-columns:minmax(0,1fr) minmax(180px,.42fr) auto;grid-template-areas:"tag tag plus" "title copy plus";align-items:start;}
#spectrum .service:nth-child(1) .service-num{margin-bottom:18px;}
#spectrum .service:nth-child(1) p{margin:0;padding-left:clamp(20px,3vw,45px);border-left:1px solid var(--line);}
#spectrum .service:nth-child(2) .service-body,#spectrum .service:nth-child(5) .service-body{padding-left:clamp(18px,2vw,30px);border-left:1px solid var(--line);}
#spectrum .spectrum-mobile-controls{display:none;}
#spectrum .section-head h2,#spectrum .service h3{font-family:var(--display);font-weight:600;letter-spacing:-.055em;color:var(--black);}
#spectrum .section-head h2{font-size: clamp(28px, 5.5vw, 50px);line-height: 1.2;font-weight: 600;letter-spacing: -.06em;}
#spectrum .service h3{font-size: clamp(26px,3.1vw,30px);line-height:1.02;}
#process .kicker,#realmIntro .realmIntro-kicker b, #spectrum .kicker, #spectrum .service-num, #spectrum .service:before, #spectrum .slide-count{font-family:var(--body);font-size: 14px;font-weight:500;line-height:1.4;letter-spacing:.12em;}
#spectrum .section-head>p,#spectrum .service p{font-family:var(--body);font-weight:400;letter-spacing:.02em;}
#spectrum .section-head>p{font-size:15px;line-height:2;color:var(--triadic1);}
#spectrum .service p{font-size: 16px;line-height:1.85;}
@media screen and (max-width:1100px){#spectrum{padding:110px 0 130px;}#spectrum .section-head{grid-template-columns:1fr .55fr;gap:50px;margin-bottom:90px;}#spectrum .service-list{gap:65px 24px;}#spectrum .service:nth-child(1){grid-column:1/8;}#spectrum .service:nth-child(2){grid-column:8/13;margin-top:75px;}#spectrum .service:nth-child(3){grid-column:1/7;}#spectrum .service:nth-child(4){grid-column:7/13;margin-top:70px;}#spectrum .service:nth-child(5){grid-column:3/10;margin-top:20px;}#spectrum .service:nth-child(5) .service-media{aspect-ratio:16/10;}#spectrum .service:nth-child(1) .service-body{grid-template-columns:1fr auto;grid-template-areas:"tag plus" "title plus" "copy plus";}#spectrum .service:nth-child(1) p{margin:18px 0 0;padding-left:0;border-left:0;}}
@media screen and (max-width:800px){#spectrum{padding:90px 0 95px;}#spectrum .spectrum-line{top:25%;}#spectrum .section-head{grid-template-columns:1fr;gap:30px;margin-bottom:55px;}#spectrum .section-head>p{padding:20px 0 0;border-left:0;border-top:1px solid var(--line);}#spectrum .section-head h2{font-size:clamp(52px,15vw,82px);}#spectrum .service-list{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;margin-right:-24px;padding-right:24px;}#spectrum .service-list::-webkit-scrollbar{display:none;}#spectrum .service,#spectrum .service:nth-child(n){flex:0 0 82vw;margin:0;scroll-snap-align:start;}#spectrum .service:nth-child(n) .service-media{aspect-ratio:4/3;}#spectrum .service:nth-child(n) .service-body{grid-template-columns:1fr auto;grid-template-areas:"tag plus" "title plus" "copy plus";padding:22px 0 0;border-left:0;border-top:1px solid var(--black);}#spectrum .service:nth-child(n) p{margin:16px 0 0;padding:0;border:0;}#spectrum .service h3{font-size:clamp(32px,8vw,46px);}#spectrum .spectrum-mobile-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:32px;}#spectrum .slide-count{display:flex;align-items:center;gap:7px;color:var(--triadic1);}#spectrum .slide-count .current{color:var(--secondary);}#spectrum .slide-progress{position:relative;height:1px;overflow:hidden;background:var(--line);}#spectrum .slide-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));transform:scaleX(.2);transform-origin:left center;transition:transform .45s var(--ease);}#spectrum .slide-buttons{display:flex;gap:8px;}#spectrum .slide-buttons button{display:grid;place-items:center;width:46px;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--black);font-size:20px;transition:background .3s ease,border-color .3s ease;}#spectrum .slide-buttons button:hover{background:var(--primary);border-color:var(--primary);}}
@media screen and (max-width:560px){#spectrum{padding:78px 0 82px;}#spectrum .section-head{margin-bottom:44px;}#spectrum .section-head h2{font-size:clamp(48px,16vw,68px);}#spectrum .service,#spectrum .service:nth-child(n){flex-basis:86vw;}#spectrum .service:nth-child(n) .service-media{aspect-ratio:4/3;}#spectrum .service h3{font-size:34px;}#spectrum .service:before{top:12px;left:12px;width:38px;}#spectrum .plus{width:44px;}#spectrum .service p{font-size:13px;line-height:1.8;}#spectrum .spectrum-mobile-controls{grid-template-columns:auto 1fr;gap:14px;}#spectrum .slide-buttons{grid-column:1/-1;justify-content:flex-end;}}


/* process */
#process{position:relative;overflow:hidden;background:#fff;color:#222321;padding: clamp(50px,7vw,80px) 0;isolation:isolate;}
#process .process-light{position:absolute;z-index:-1;left:-12%;top:20%;width:65%;aspect-ratio:5/1;background:linear-gradient(90deg,rgba(255,216,0,0),rgba(255,216,0,.3),rgba(242,101,34,.08),rgba(242,101,34,0));transform:rotate(-10deg);pointer-events:none;}
#process .process-wrap{position:relative;}
#process .process-head{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:clamp(28px,3vw,48px);border-bottom:1px solid rgba(34,35,33,.15);}
#process .kicker{display:flex;align-items:center;gap:14px;color:#777872;text-transform:uppercase;}
#process .process-head-index{display:flex;align-items:center;gap:clamp(25px,4vw,70px);color:#777872;}
#process .process-layout{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap: clamp(30px,7vw,100px);align-items:center;padding-top: clamp(65px,7vw,60px);}
#process .process-sticky{position:relative;}
#process .process-title{position:relative;}
#process .process-title:before{content:"";position:absolute;left:0;top:-25px;width:clamp(70px,8vw,140px);border-top:3px solid #ffd800;}
#process .process-title h2{margin:0;color:#222321;}
#process .process-title h2 em{position:relative;display:inline-block;font-style:normal;z-index:1;}
#process .process-title h2 em:after{content:"";position:absolute;z-index:-1;left:-.03em;right:-.08em;bottom:.05em;height:.14em;background:#ffd800;transform:skewX(-12deg);}
#process .process-intro{margin:clamp(30px,3vw,48px) 0 0;max-width:580px;color:#777872;}
#process .process-note{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,2.5vw,38px);align-items:start;margin-top:clamp(42px,5vw,72px);padding:clamp(24px,2.5vw,36px) 0;border-top:1px solid rgba(34,35,33,.15);border-bottom:1px solid rgba(34,35,33,.15);display: none;}
#process .process-note strong{position:relative;color:#222321;}
#process .process-note strong:after{content:"";position:absolute;left:0;bottom:-8px;width:42%;border-bottom:3px solid #ffd800;}
#process .process-note p{margin:0;color:#777872;}
#process .process-switcher{display:grid;grid-template-columns:repeat(5,1fr);margin-top:clamp(36px,4vw,58px);border-top:1px solid rgba(34,35,33,.15);border-bottom:1px solid rgba(34,35,33,.15);}
#process .process-switch{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:18px 8px;border:0;border-right:1px solid rgba(34,35,33,.15);background:transparent;color:#777872;text-align:left;cursor:pointer;overflow:hidden;transition:color .35s ease,background .35s ease;}
#process .process-switch:last-child{border-right:0;}
#process .process-switch span{position:relative;z-index:2;}
#process .process-switch em{position:relative;z-index:2;font-style:normal;font-size: 17px;}
#process .process-switch i{position:absolute;z-index:0;left:0;right:0;bottom:0;height: 2px;background: var(--black);transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.19,1,.22,1);}
#process .process-switch:hover,#process .process-switch.active{color:#222321;background: #f5f5f5;}
#process .process-switch.active i{transform:scaleX(1);}
#process .process-progress{position:relative;height:2px;margin-top:22px;background:rgba(34,35,33,.1);overflow:hidden;}
#process .process-progress>i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ffd800,#ffd800 65%,#f26522);transform:scaleX(.2);transform-origin:left center;transition:transform .6s cubic-bezier(.19,1,.22,1);}
#process .process-stage{position:relative;overflow:hidden;background:#222321;color:#fff;padding:clamp(24px,3vw,44px);isolation:isolate;}
#process .process-stage:before{content:"";position:absolute;z-index:-1;right:-18%;top:-20%;width:65%;aspect-ratio:1;border:1px solid rgba(255,216,0,.13);border-radius:50%;}
#process .process-stage:after{content:"";position:absolute;z-index:-1;left:-20%;bottom:-20%;width:75%;aspect-ratio:3/1;background:linear-gradient(90deg,rgba(255,216,0,0),rgba(255,216,0,.16),rgba(242,101,34,.06),transparent);transform:rotate(-12deg);}
#process .process-stage-head{display:flex;justify-content:space-between;gap:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.46);}
#process .process-steps{display:grid;position:relative;}
#process .step{grid-area:1/1;display:grid;grid-template-columns:minmax(80px,.22fr) minmax(0,1fr);gap:clamp(28px,4vw,68px);align-items:center;padding: clamp(30px,7vw,40px) clamp(5px,1vw,10px);opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,32px,0);transition:opacity .45s ease,visibility .45s ease,transform .7s cubic-bezier(.19,1,.22,1);}
#process .step.active{opacity:1;visibility:visible;pointer-events:auto;transform:none;}
#process .step b{align-self:start;color:#ffd800;}
#process .step-content{position:relative;}
#process .step-kicker{display:flex;align-items:center;gap:12px;margin-bottom:clamp(20px,2vw,30px);color:#ffd800;}
#process .step-kicker:before{content:"";width:28px;border-top:1px solid currentColor;}
#process .step h3{margin:0;color:#fff;}
#process .step p{max-width:600px;margin: clamp(20px,2.5vw,20px) 0 0;color:rgba(255,255,255,.58);}
#process .step-content:after{content:"";display:block;width:clamp(80px,10vw,160px);margin-top:clamp(40px,5vw,72px);border-top:2px solid #ffd800;}
#process .process-stage-foot{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding-top:18px;border-top:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.38);}
#process .process-stage-foot i{display:block;height:1px;background:linear-gradient(90deg,#ffd800,rgba(255,216,0,.1));}
#process .process-title h2,#process .step h3,#process .process-note strong,#process .step b{font-family:var(--display);font-weight:600;}
#process .process-title h2{font-size: clamp(32px,8vw,60px);line-height:.9;}
#process .step h3{font-size: clamp(30px,5.3vw,50px);line-height: 1.2;}
#process .process-note strong{font-size:clamp(30px,3vw,48px);line-height:1;}
#process .step b{font-size:clamp(42px,4.5vw,76px);line-height:1;}
#process .process-head-index, #process .process-switch, #process .step-kicker, #process .process-stage-head, #process .process-stage-foot{font-family:var(--body);font-size:10px;font-weight:500;line-height:1.4;letter-spacing:.12em;}
#process .process-intro,#process .process-note p,#process .step p{font-family:var(--body);font-weight: 400;letter-spacing:.02em;}
#process .process-intro,#process .process-note p{font-size: 18px;line-height:1.9;}
#process .step p{font-size: 19px;line-height:1.9;}
#process .step.process-enter b{animation:processNumIn .6s cubic-bezier(.19,1,.22,1) both;}
#process .step.process-enter .step-kicker{animation:processCopyIn .65s .04s cubic-bezier(.19,1,.22,1) both;}
#process .step.process-enter h3{animation:processTitleIn .75s .08s cubic-bezier(.19,1,.22,1) both;}
#process .step.process-enter p{animation:processCopyIn .75s .15s cubic-bezier(.19,1,.22,1) both;}
@keyframes processNumIn{0%{opacity:0;transform:translate3d(0,24px,0) rotate(-8deg);}100%{opacity:1;transform:none;}}
@keyframes processTitleIn{0%{opacity:0;transform:translate3d(0,40px,0);clip-path:inset(0 0 100% 0);}100%{opacity:1;transform:none;clip-path:inset(0);}}
@keyframes processCopyIn{0%{opacity:0;transform:translate3d(20px,0,0);}100%{opacity:1;transform:none;}}
@media screen and (max-width:1080px){#process .process-layout{grid-template-columns:1fr;gap:70px;}#process .process-title h2{font-size:clamp(58px,10vw,96px);}#process .process-stage{padding:34px;}#process .step{padding:70px 10px;}#process .step h3{font-size:clamp(46px,8vw,72px);}}
@media screen and (max-width:700px){#process{padding:85px 0;}#process .process-head{align-items:flex-start;flex-direction:column;gap:20px;}#process .process-head-index{width:100%;justify-content:space-between;}#process .process-layout{padding-top:58px;gap:52px;}#process .process-title h2{font-size:clamp(48px,14vw,68px);line-height:.94;}#process .process-note{grid-template-columns:1fr;}#process .process-switcher{grid-template-columns:repeat(5,1fr);}#process .process-switch{display:flex;justify-content:center;padding:15px 3px;}#process .process-switch em{display:none;}#process .process-stage{padding:22px;}#process .process-stage-head{flex-direction:column;gap:8px;}#process .step{grid-template-columns:1fr;gap:24px;padding:52px 0;}#process .step b{font-size:38px;}#process .step h3{font-size:clamp(38px,11vw,52px);}#process .step p{font-size:14px;line-height:1.8;}#process .step-content:after{margin-top:36px;}#process .process-stage-foot{font-size:8px;}}
@media(prefers-reduced-motion:reduce){#process .step,#process .step.process-enter b,#process .step.process-enter .step-kicker,#process .step.process-enter h3,#process .step.process-enter p{animation:none;transition:none;}}

/* news_area */
#news_area{position:relative;overflow:hidden;background:#fff;color:#222321;padding: clamp(60px,10vw,80px) 0;isolation:isolate;}
#news_area:before{content:"";position:absolute;z-index:-1;right:-12%;top:16%;width:52%;aspect-ratio:4/1;background:linear-gradient(90deg,rgba(255,216,0,0),rgba(255,216,0,.28),rgba(242,101,34,.08),transparent);transform:rotate(11deg);pointer-events:none;}
#news_area .news-head{display:grid;grid-template-columns: minmax(0,.4fr) minmax(280px,.6fr);gap: clamp(50px,13vw,300px);align-items:end;padding-bottom:clamp(45px,5vw,75px);border-bottom:1px solid rgba(34,35,33,.15);}
#news_area .kicker{display:flex;align-items:center;gap:14px;color:#777872;text-transform:uppercase;}
#news_area .news-heading h2{margin: clamp(22px,3vw,30px) 0 0;color:#222321;}
#news_area .news-heading h2 em{position:relative;display:inline-block;font-style:normal;z-index:1;}
#news_area .news-heading h2 em:after{content:"";position:absolute;z-index:-1;left:-.03em;right:-.07em;bottom:.05em;height:.14em;background:#ffd800;transform:skewX(-12deg);}
#news_area .news-head-side{padding-left:clamp(22px,3vw,48px);border-left:1px solid rgba(34,35,33,.15);}
#news_area .news-head-side>span{display:block;margin-bottom:18px;color:#f26522;}
#news_area .news-head-side p{margin:0;color: var(--ink);}
#news_area .news-carousel{position:relative;margin-top: clamp(65px,7vw,50px);}
#news_area .news-viewport{position:relative;width:100%;overflow:hidden;}
#news_area .news-track{display:flex;width:100%;gap: clamp(20px,2.5vw,20px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;padding:0;margin:0;}
#news_area .news-track::-webkit-scrollbar{display:none;}
#news_area .article{position:relative;flex: 0 0 calc((100% - clamp(20px,2.5vw,42px))/3);min-width:0;scroll-snap-align:start;scroll-snap-stop:always;}
#news_area .article-visual{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:#f7f7f3;}
#news_area .article-visual:before{content:"";position:absolute;z-index:2;inset:0;border:1px solid rgba(34,35,33,.1);pointer-events:none;}
#news_area .article-visual:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(34,35,33,.3));opacity:0;transition:opacity .5s ease;pointer-events:none;}
#news_area .article-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.19,1,.22,1);}
#news_area .article-index{position:absolute;z-index:4;left:18px;top:18px;display:grid;place-items:center;width:44px;aspect-ratio:1;border:1px solid rgba(34,35,33,.14);border-radius:50%;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);color:#222321;}
#news_area .article-view{position:absolute;z-index:4;right:18px;bottom:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:86px;aspect-ratio:1;border-radius:50%;background:#ffd800;color:#222321;opacity:0;transform:scale(.72) rotate(-15deg);transition:opacity .4s ease,transform .6s cubic-bezier(.19,1,.22,1);}
#news_area .article-view i{font-style:normal;}
#news_area .article-body{position:relative;padding:clamp(22px,2.3vw,34px) clamp(60px,6vw,90px) 0 0;border-top:1px solid #222321;}
#news_area .article-label{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:clamp(18px,2vw,28px);color:#f26522;}
#news_area .article-label span{color:#777872;font-size: 17px;}
#news_area .article h3{margin:0;}
#news_area .article h3 a{color:#222321;text-decoration:none;transition:color .35s ease;}
#news_area .article p{margin:clamp(16px,1.8vw,26px) 0 0;color:#777872;}
#news_area .article-more{position:absolute;right:0;top:clamp(20px,2vw,30px);display:grid;place-items:center;width:48px;aspect-ratio:1;border:1px solid rgba(34,35,33,.18);border-radius:50%;color:#222321;text-decoration:none;transition:transform .5s cubic-bezier(.19,1,.22,1),background .35s ease,border-color .35s ease;}
#news_area .article:hover .article-visual img,#news_area .article.is-current .article-visual img{transform:scale(1.035);}
#news_area .article:hover .article-visual:after{opacity:1;}
#news_area .article:hover .article-view{opacity:1;transform:scale(1) rotate(0);}
#news_area .article:hover .article-more{transform:rotate(45deg);background:#ffd800;border-color:#ffd800;}
#news_area .article:hover h3 a{color:#f26522;}
#news_area .news-control{display:grid;grid-template-columns:auto minmax(150px,1fr) auto;gap:clamp(20px,3vw,50px);align-items:center;margin-top:clamp(42px,4vw,64px);}
#news_area .news-count{display:flex;align-items:baseline;gap:9px;min-width:80px;}
#news_area .news-count strong{color:#f26522;}
#news_area .news-count span,#news_area .news-count em{color:#777872;font-style:normal;}
#news_area .news-progress{position:relative;height:1px;overflow:hidden;background:rgba(34,35,33,.15);}
#news_area .news-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ffd800 0%,#ffd800 68%,#f26522 100%);transform:scaleX(.2);transform-origin:left center;transition:transform .5s cubic-bezier(.19,1,.22,1);}
#news_area .news-buttons{display:flex;gap:9px;}
#news_area .news-buttons button{display:grid;place-items:center;width:50px;aspect-ratio:1;border:1px solid rgba(34,35,33,.18);border-radius:50%;background:#fff;color:#222321;font-size:20px;cursor:pointer;transition:background .35s ease,border-color .35s ease,transform .35s ease;}
#news_area .news-buttons button:hover{background:#ffd800;border-color:#ffd800;transform:translateY(-3px);}
#news_area .news-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(35px,5vw,80px);align-items:center;margin-top: 10px;padding-top:22px;display: none;}
#news_area .news-keywords{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;gap:13px;align-items:center;color:#777872;}
#news_area .news-keywords i{height:1px;background:linear-gradient(90deg,#ffd800,rgba(255,216,0,.08));}
#news_area .arrow-link{display:inline-flex;align-items:center;gap:16px;padding-bottom:8px;border-bottom:1px solid #222321;color:#222321;text-decoration:none;transition:color .35s ease,border-color .35s ease;}
#news_area .arrow-link>i{display:grid;place-items:center;width:38px;aspect-ratio:1;border-radius:50%;background:#ffd800;font-style:normal;transition:transform .45s cubic-bezier(.19,1,.22,1),background .35s ease,color .35s ease;}
#news_area .arrow-link:hover{color:#f26522;border-color:#f26522;}
#news_area .arrow-link:hover>i{transform:rotate(45deg);background:#f26522;color:#fff;}
#news_area .news-heading h2,#news_area .article h3{font-family:var(--display);font-weight:600;}
#news_area .news-heading h2{font-size: clamp(28px, 5.5vw, 50px);line-height: 1.2;font-weight: 600;}
#news_area .article h3 a{font-size: clamp(20px,3vw,23px);line-height: 1.4;overflow: hidden;height: auto;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
#news_area .kicker,#news_area .news-head-side>span,#news_area .article-label,#news_area .article-index,#news_area .article-view,#news_area .news-count,#news_area .news-keywords,#news_area .arrow-link{font-family:var(--body);font-size: 14px;font-weight: 500;line-height: 1.4;letter-spacing: .12em;}
#news_area .article-label time{
    font-size: 14px;
}
#news_area .news-head-side p,#news_area .article p{font-family:var(--body);font-weight:400;letter-spacing:.02em;}
#news_area .news-head-side p{font-size: 17px;line-height:1.9;}
#news_area .article p{font-size:13px;line-height:1.85;display: none;}
@media screen and (max-width:900px){#news_area .news-head{grid-template-columns:1fr;gap:35px;}#news_area .news-head-side{padding:22px 0 0;border-left:0;border-top:1px solid rgba(34,35,33,.15);}#news_area .news-heading h2{font-size:clamp(54px,12vw,92px);}#news_area .news-track{gap:20px;}#news_area .article{flex-basis:calc((100% - 20px)/2);}#news_area .article h3{font-size:clamp(28px,4.5vw,42px);}}
@media screen and (max-width:650px){#news_area{padding:82px 0;}#news_area .news-carousel{margin-top:52px;}#news_area .news-track{gap:0;}#news_area .article{flex:0 0 100%;width:100%;}#news_area .article-visual{aspect-ratio:4/3;}#news_area .article h3{font-size:clamp(32px,9vw,46px);}#news_area .article p{font-size:13px;line-height:1.8;}#news_area .article-view{display:none;}#news_area .article-body{padding-right:55px;}#news_area .news-control{grid-template-columns:auto 1fr;gap:16px;}#news_area .news-buttons{grid-column:1/-1;justify-content:flex-end;}#news_area .news-bottom{grid-template-columns:1fr;gap:28px;margin-top:70px;}#news_area .news-keywords{grid-template-columns:auto 1fr auto 1fr auto;}#news_area .news-keywords span:last-child,#news_area .news-keywords i:nth-last-child(2){display:none;}#news_area .arrow-link{justify-self:start;}}