.profiles{--profile-surface:#f0ece8;background:var(--profile-surface);padding-top:110px;padding-bottom:115px;overflow:hidden}
.profiles-intro{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:start;margin-bottom:65px}
.profiles-eyebrow{font-size:16px;font-weight:500;padding-top:10px;max-width:180px;line-height:1.55}
.profiles-heading{font-size:clamp(48px,5.9vw,90px);font-weight:500;letter-spacing:-.065em;line-height:1.03}
.profiles-heading>span{color:var(--accent-ink)}
.profiles-intro-copy{max-width:460px;margin-top:27px;font-size:18px;line-height:1.7;color:var(--muted)}
.profile-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:72px 5%}
.profile-product{min-width:0;grid-column:span 6}
.profile-product:nth-child(2){padding-top:100px}
.profile-product:nth-child(3){grid-column:span 7}
.profile-product:nth-child(4){grid-column:span 5;padding-top:90px}
.profile-product-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}
.profile-brand{font-family:var(--display-font);font-size:clamp(27px,3vw,43px);font-weight:700;letter-spacing:-.055em;line-height:1}
.profile-material{font-size:14px;font-weight:500;color:var(--accent-ink);text-align:right}
.profile-photo{position:relative;overflow:hidden;background:var(--profile-surface);aspect-ratio:1.12;isolation:isolate;border-radius:0}
.profile-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:0;will-change:auto}
/* Original studio images sit on the same paper as the page, without white letterboxing. */
.profile-product:not(.profile-hardware) .profile-photo img{padding:10px;mix-blend-mode:multiply}
.profile-photo .profile-photo-cover{object-fit:contain}
.profile-product:nth-child(3) .profile-photo{aspect-ratio:1.42}
.profile-product:nth-child(4) .profile-photo{aspect-ratio:1.08}
.profile-product:nth-child(4) .profile-photo img{padding:20px}
.profile-product-info{padding-top:25px;max-width:490px}
.profile-product-info h3{font-family:var(--display-font);font-size:clamp(30px,3vw,44px);font-weight:500;letter-spacing:-.045em;line-height:1.12;margin:0 0 14px}
.profile-product-info p{font-size:17px;line-height:1.75;color:var(--muted);max-width:440px}
.profile-details{display:flex;flex-wrap:wrap;gap:8px 23px;margin-top:20px;font-size:14px;font-weight:500;color:var(--accent-ink)}
.profile-details span{display:inline-flex;align-items:center;gap:8px}
.profile-details span::before{content:'';display:block;width:5px;height:5px;background:var(--accent-ink)}
.profile-hardware{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr;gap:0;background:var(--ink);color:var(--paper);margin-top:20px}
.profile-hardware .profile-photo{aspect-ratio:auto;min-height:420px;background:#ecebe7}
.profile-hardware .profile-photo img{object-fit:cover;object-position:48% center;mix-blend-mode:multiply}
.profile-hardware-copy{padding:clamp(30px,4.2vw,64px);display:flex;flex-direction:column;justify-content:center}
.profile-hardware .profile-material{color:var(--accent)}
.profile-hardware .profile-product-head{margin-bottom:42px}
.profile-hardware h3{font-family:var(--display-font);font-size:clamp(34px,3.3vw,50px);font-weight:500;letter-spacing:-.055em;line-height:1.1;margin-bottom:22px}
.profile-hardware h3 span{color:var(--accent)}
.profile-hardware p{font-size:17px;line-height:1.75;color:#d1c5d8}
.profile-hardware .profile-details{color:var(--accent)}
.profile-hardware .profile-details span::before{background:var(--accent)}
.profiles-end{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:65px}
.profiles-end p{max-width:420px;font-size:19px;line-height:1.6;color:var(--muted)}
.profiles-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 26px;background:var(--ink);color:var(--paper);font-size:17px;white-space:nowrap}
.profiles-cta svg{color:var(--accent);transition:transform .4s var(--motion-ease)}
.profiles-cta:hover svg{transform:translate(4px,-4px)}
.profiles-end a:focus-visible{outline-color:var(--accent-ink)}
/* The article reveals as a whole; product edges remain visible at every motion state. */
.motion-ready .profile-product:not(.is-visible) .profile-photo img{transform:none}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.profile-product.is-visible:hover .profile-photo img{transform:none}}
@media(min-width:1151px) and (max-width:1350px){.main-nav{gap:20px}.header{gap:18px}.header-action{font-size:12px;gap:12px}.language-switch button{padding-inline:10px}}
@media(max-width:1000px){.profiles-intro{grid-template-columns:1fr 2.4fr;gap:20px}.profiles-heading{font-size:58px}.profile-grid{gap:55px 4%}.profile-hardware-copy{padding:30px}.profile-hardware .profile-product-head{margin-bottom:26px}}
@media(max-width:760px){
 .profiles{padding-top:65px;padding-bottom:65px}
 .profiles-intro{display:block;margin-bottom:38px}
 .profiles-eyebrow{font-size:15px;max-width:none;padding:0;margin-bottom:27px}
 .profiles-heading{font-size:clamp(40px,10.6vw,70px);letter-spacing:-.06em}
 .profiles-intro-copy{font-size:17px;line-height:1.65;margin-top:24px;max-width:440px}
 .profile-grid{display:block}
 .profile-product,.profile-product:nth-child(2),.profile-product:nth-child(4){padding-top:0;margin-bottom:48px}
 .profile-product-head{margin-bottom:17px}
 .profile-brand{font-size:34px}
 .profile-material{font-size:13px}
 .profile-photo,.profile-product:nth-child(3) .profile-photo,.profile-product:nth-child(4) .profile-photo{aspect-ratio:1.1}
 .profile-product-info{padding-top:22px}
 .profile-product-info h3{font-size:32px;margin-bottom:12px}
 .profile-product-info p{font-size:17px;line-height:1.65}
 .profile-details{font-size:13px;gap:8px 18px;margin-top:16px}
 .profile-hardware{display:flex;flex-direction:column;margin:15px 0 0}
 .profile-hardware .profile-photo{aspect-ratio:1.22;min-height:0}
 .profile-hardware-copy{padding:28px 24px 34px}
 .profile-hardware .profile-product-head{margin-bottom:30px}
 .profile-hardware h3{font-size:37px}
 .profile-hardware p{font-size:16px}
 .profiles-end{display:block;margin-top:35px}
 .profiles-end p{font-size:17px;margin-bottom:23px}
 .profiles-cta{font-size:16px;padding:19px 22px;width:100%;white-space:normal}
}
@media(prefers-reduced-motion:reduce){.profile-photo img,.motion-ready .profile-product:not(.is-visible) .profile-photo img,.profiles-cta svg{transform:none;transition:none}}