.about-brand{--ab-ink:#252423;--ab-muted:#817e7a;--ab-line:#e9e7e4;color:var(--ab-ink);width:calc(100% - 80px);max-width:1240px;margin:0 auto;padding:30px 0 0;overflow:clip}.ab-topline{display:flex;justify-content:space-between;align-items:center;min-height:30px;gap:16px}.ab-topline>span{font-size:11px;letter-spacing:.12em;color:#96918c}.ab-topline .btn{font-size:11px!important;padding:8px 14px!important;min-height:32px!important}.ab-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:48px;align-items:center;min-height:650px;padding:40px 0 54px}.ab-hero-copy{min-width:0;padding:0 0 12px 20px}.ab-eyebrow{display:block;color:#928b83;font-size:11px;letter-spacing:.08em;margin-bottom:26px}.ab-hero h1{font-size:clamp(70px,8.4vw,112px);font-weight:600;line-height:1.11;letter-spacing:-.045em;margin:0 0 28px;text-wrap:balance}.ab-hero h1>span{color:#9b9289}.ab-intro{max-width:330px;margin-bottom:30px}.ab-intro p{font-size:15px;line-height:1.85;color:#77726d;margin:0}.ab-intro p+p{margin-top:12px}.ab-primary{display:inline-flex;align-items:center;gap:32px;background:#292724;color:#fff!important;text-decoration:none!important;border-radius:28px;min-height:46px;padding:12px 21px;font-size:13px;line-height:1.4;transition:background .2s,transform .2s}.ab-primary:hover{background:#514b44;transform:translateY(-2px)}.ab-primary svg,.ab-link-action svg,.ab-end a svg{transition:transform .25s}.ab-primary:hover svg,.ab-space-link:hover svg,.ab-end a:hover svg{transform:translateX(4px)}.ab-material{position:relative;isolation:isolate;aspect-ratio:.9;min-width:0;background:#f5f3ef;border-radius:34px;overflow:hidden;--ab-x:0;--ab-y:0;animation:ab-rise .8s cubic-bezier(.2,.8,.2,1) both}.ab-material-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 24% 22%,#faf5ec 0%,transparent 60%),radial-gradient(ellipse at 82% 58%,#e8e5ed 0%,transparent 67%);opacity:.65}.ab-sculpture{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:perspective(1000px) rotateY(calc(var(--ab-x)*5deg)) rotateX(calc(var(--ab-y)*-5deg)) translate3d(calc(var(--ab-x)*9px),calc(var(--ab-y)*9px),0);transition:transform .35s ease-out;will-change:transform;animation:ab-breathe 11s ease-in-out infinite}.ab-material-foot{position:absolute;left:28px;right:28px;bottom:27px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;color:#a09a94}.ab-section-label{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:baseline;gap:24px;margin-bottom:36px}.ab-section-label>span{font-size:11px;color:#948b83}.ab-section-label h2{font-size:29px;font-weight:500;letter-spacing:-.025em;margin:0}.ab-spaces{padding:44px 20px 66px;border-top:1px solid var(--ab-line)}.ab-space-links{margin-left:204px}.ab-space-link{display:flex;align-items:center;gap:28px;padding:25px 0;border-bottom:1px solid var(--ab-line);color:inherit!important;text-decoration:none!important;transition:padding .25s}.ab-space-link:hover{padding-left:8px}.ab-space-number{font-size:11px;color:#aaa199;align-self:start;margin-top:5px}.ab-space-link>div{flex:1;min-width:0}.ab-space-link h3{font-size:23px;font-weight:500;margin:0 0 7px;letter-spacing:-.02em}.ab-space-link p{font-size:12px;color:#92908c;margin:0;line-height:1.7}.ab-link-action{display:flex;align-items:center;gap:20px;font-size:11px;color:#89837c}.ab-opc{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr);gap:80px;align-items:center;padding:62px 20px 74px;border-top:1px solid var(--ab-line)}.ab-opc-visual{position:relative;aspect-ratio:1.02;overflow:hidden;border-radius:26px;background:#f0ebe4}.ab-opc-circle{position:absolute;width:62%;height:63%;border:1px solid #d0c2b0;border-radius:50%;top:11%;right:-8%;background:radial-gradient(circle at 30% 24%,#fffdf7cc,#dfd2c366);box-shadow:inset 3px 3px 24px #fff9,0 14px 45px #a38d7824;animation:ab-opc-drift 13s ease-in-out infinite}.ab-opc-square{position:absolute;width:22%;height:23%;border-radius:34%;bottom:14%;right:15%;background:linear-gradient(150deg,#f7f3edaa,#d5c5b055);border:1px solid #fff8;box-shadow:0 10px 30px #a68e7929;backdrop-filter:blur(14px);transform:rotate(17deg)}.ab-opc-dot{position:absolute;width:9%;aspect-ratio:1;background:#fff8;border-radius:50%;top:21%;left:17%;box-shadow:0 3px 18px #8877611a}.ab-opc-word{position:absolute;left:11%;bottom:17%;font-size:clamp(26px,3vw,39px);line-height:1.04;letter-spacing:-.05em;color:#5f5146;font-weight:600}.ab-opc-word i{font-style:normal;color:#a99986}.ab-opc-copy .ab-eyebrow{margin-bottom:20px}.ab-opc-copy h2{font-size:clamp(24px,2.5vw,33px);font-weight:500;line-height:1.45;letter-spacing:-.04em;margin:0 0 22px}.ab-opc-copy p{font-size:14px;color:#868079;line-height:1.9;margin:0;max-width:400px}.ab-opc-copy p+p{margin-top:12px}.ab-opc-process{display:flex;align-items:center;gap:14px;font-size:11px;color:#756d62;margin-top:32px;flex-wrap:wrap}.ab-opc-process i{font-style:normal;color:#c0b6aa}.ab-editorial-note,.ab-real-cases,.ab-contact{border-top:1px solid var(--ab-line);padding:38px 20px}.ab-editorial-note h2{font-size:30px;font-weight:500;line-height:1.5;max-width:750px;overflow-wrap:anywhere}.ab-real-cases>div{max-width:760px;margin-left:204px}.ab-real-cases p{font-size:15px;line-height:1.9;color:#78736c;white-space:pre-line;overflow-wrap:anywhere}.ab-contact{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px}.ab-contact h2{font-size:17px;font-weight:500;margin:0}.ab-contact dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ab-contact dt{font-size:11px;color:#a0978c;margin-bottom:7px}.ab-contact dd{margin:0;font-size:13px;overflow-wrap:anywhere;line-height:1.7}.ab-contact a{color:inherit;text-underline-offset:4px}.ab-end{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--ab-line);padding:35px 20px 45px}.ab-end img{width:108px;height:auto;opacity:.85}.ab-end a{display:inline-flex;align-items:center;gap:18px;font-size:12px;color:#756f66;text-decoration:none}.ab-ready{opacity:0;transform:translateY(20px);transition:opacity .65s,transform .65s}.ab-visible{opacity:1;transform:none}.about-brand p,.about-brand h2,.about-brand h3{overflow-wrap:anywhere}.about-brand.ab-paused *{animation-play-state:paused!important}@keyframes ab-breathe{0%,100%{translate:0 4px;filter:drop-shadow(0 0 0 #0000)}50%{translate:0 -7px;filter:drop-shadow(0 9px 12px #83798d0d)}}@keyframes ab-rise{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}@keyframes ab-opc-drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-5px,7px,0)}}
@media(max-width:900px){.about-brand{width:calc(100% - 48px)}.ab-hero{gap:28px;min-height:540px}.ab-hero-copy{padding-left:0}.ab-hero h1{font-size:clamp(64px,10vw,90px)}.ab-section-label,.ab-contact{grid-template-columns:130px 1fr;gap:24px}.ab-space-links,.ab-real-cases>div{margin-left:154px}.ab-opc{gap:36px}.ab-spaces,.ab-opc,.ab-contact,.ab-end{padding-left:0;padding-right:0}}
@media(max-width:640px){.about-brand{width:calc(100% - 40px);padding-top:22px}.ab-topline>span{font-size:9px}.ab-hero{grid-template-columns:1fr;gap:32px;padding:40px 0;min-height:0}.ab-hero h1{font-size:70px;line-height:1.06;margin-bottom:24px}.ab-eyebrow{margin-bottom:20px}.ab-intro{max-width:300px}.ab-intro p{font-size:14px}.ab-material{aspect-ratio:1.1;border-radius:26px}.ab-material-foot{bottom:22px;left:22px;right:22px;font-size:8px}.ab-sculpture{object-fit:cover}.ab-section-label{display:block;margin-bottom:20px}.ab-section-label>span{display:block;margin-bottom:15px}.ab-section-label h2{font-size:25px}.ab-spaces{padding:32px 0 44px}.ab-space-links,.ab-real-cases>div{margin-left:0}.ab-space-link{gap:16px;padding:22px 0}.ab-space-link h3{font-size:21px}.ab-space-link p{font-size:11px}.ab-link-action{gap:8px;font-size:10px}.ab-opc{grid-template-columns:1fr;gap:34px;padding:42px 0}.ab-opc-visual{aspect-ratio:1.4;max-width:390px}.ab-opc-word{font-size:33px}.ab-opc-copy h2{font-size:26px}.ab-opc-copy p{font-size:13px}.ab-contact{grid-template-columns:1fr;padding:32px 0}.ab-contact dl{gap:20px 14px}.ab-editorial-note,.ab-real-cases{padding:30px 0}.ab-editorial-note h2{font-size:24px}.ab-end{padding:28px 0 36px}.ab-end img{width:92px}}
html.youna-mobile #portal main.about-brand{padding:25px 22px 0;max-width:1240px;width:100%}
@media(prefers-reduced-motion:reduce){.about-brand *{animation:none!important;transition:none!important}.ab-ready{opacity:1;transform:none}.ab-sculpture{transform:none!important;will-change:auto}}