*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#181818;background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.46}a{color:inherit}button{font:inherit}.section-wrap{max-width:1440px;margin:auto;padding-left:3.2%;padding-right:3.2%}.eyebrow{text-transform:uppercase;letter-spacing:.34em;font-size:.78rem;font-weight:700;margin:0 0 14px}.site-header{height:70px;padding:0 3.2%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff}.brand{text-decoration:none;display:flex;flex-direction:column;line-height:1}.brand strong{font:28px Georgia,serif;white-space:nowrap}.brand span{font-size:9px;letter-spacing:.23em;margin-top:5px}.site-header nav{display:flex;gap:24px;align-items:center}.site-header nav a{text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.08em;white-space:nowrap}.site-header nav a:hover,.site-header nav a:focus-visible{text-decoration:underline;text-underline-offset:8px}.menu-button{display:none;background:#fff;border:1px solid #333;padding:8px 12px}.hero{position:relative;min-height:370px;background:#242424;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0 0 0 44%;background:linear-gradient(90deg,#242424 0%,transparent 22%,transparent 70%,#222 100%),url('assets/ceera-portrait-original.jpg') center 42%/cover no-repeat;filter:grayscale(1)}.hero-content{position:relative;z-index:1;padding:45px 0 24px 5.5%;max-width:610px}.hero .eyebrow{font-weight:400;letter-spacing:.42em}.hero h1{font:clamp(2.4rem,4.3vw,4rem)/1.04 Georgia,serif;letter-spacing:-.02em;margin:10px 0}.hero-lead{font:clamp(1.12rem,1.6vw,1.35rem)/1.25 Georgia,serif;max-width:560px;margin:10px 0 20px}.hero-fields{font-size:.69rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;margin:0 0 14px}.hero-fields span{padding:0 12px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:11px 22px;min-width:210px;text-decoration:none;text-transform:uppercase;font-size:.73rem;font-weight:700;letter-spacing:.14em}.button.light{background:#fff;color:#111}.button:hover,.button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.button span{font-size:1.2rem;font-weight:400}.hero-quote{position:absolute;z-index:1;right:5%;top:18%;width:115px;font:italic 1.55rem/1.15 Georgia,serif}.hero-quote:after{content:'';display:block;background:#fff;width:45px;height:1px;margin-top:15px}.about{padding-top:30px;padding-bottom:32px;display:grid;grid-template-columns:29% 38% 1fr;gap:2.3%}.about h2{font:clamp(1.8rem,3vw,2.7rem)/1.05 Georgia,serif;margin:0}.about-copy{padding-right:26px}.about-copy p{font-size:.9rem;line-height:1.32;margin:0 0 8px}.text-link{display:inline-flex;gap:18px;justify-content:space-between;text-decoration:none;text-transform:uppercase;font-size:.7rem;font-weight:700;letter-spacing:.1em}.boxed{border:1px solid #222;padding:9px 14px;margin-top:5px}.metrics{border-left:1px solid #bbb;padding-left:12%;display:grid;gap:14px}.metrics div{display:flex;flex-direction:column}.metrics strong{font-size:1.35rem;line-height:1.1}.metrics span{font-size:.75rem}.projects{padding-top:8px;padding-bottom:28px}.section-heading{display:flex;justify-content:space-between}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project{border:1px solid #ddd}.project-art{height:105px;background:#333;position:relative;display:flex;align-items:end;padding:12px;color:#fff}.project-art span{font-size:.7rem;letter-spacing:.2em}.art-graduation{background:linear-gradient(135deg,#515151,#111)}.art-registration{background:repeating-linear-gradient(145deg,#252525 0 18px,#393939 18px 19px,#1b1b1b 19px 38px)}.art-operations{background:linear-gradient(120deg,#555,#252525 55%,#777)}.project-body{padding:16px 19px 18px}.project h3{font:1.28rem/1.1 Georgia,serif;margin:0 0 10px}.project p{font-size:.88rem;line-height:1.32;min-height:70px;margin:0 0 12px}.project a{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;text-decoration:none}.project a span{font-size:1rem;margin-left:10px}.project a:hover{text-decoration:underline}.voices{padding-bottom:18px}.quote-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.quote-grid blockquote{margin:0;background:#f5f5f5;padding:32px 16px 20px 32px;min-height:190px;font:italic 1rem/1.2 Georgia,serif;position:relative}.quote-grid blockquote:before{content:'“';font:bold 2.5rem Georgia,serif;position:absolute;left:10px;top:10px}.quote-grid blockquote:after{content:'';display:block;height:1px;width:22px;background:#333;margin-top:14px}.recommendation,footer{background:#252525;color:#fff}.recommendation-inner{display:grid;grid-template-columns:3fr 1fr;gap:32px;padding-top:25px;padding-bottom:24px}.recommendation blockquote{font:italic 1.15rem/1.4 Georgia,serif;margin:4px 0 0}.recommender{border-left:1px solid #aaa;padding-left:32px;display:flex;flex-direction:column;align-items:start;font: .82rem Georgia,serif}.recommender span{font: .75rem/1.25 Arial,sans-serif;margin:3px 0 14px}.recommender .button{min-width:170px;font-size:.64rem;padding:8px 12px}.skills{padding-top:27px;padding-bottom:32px}.skill-grid{display:grid;grid-template-columns:repeat(8,1fr)}.skill-grid span{border-right:1px solid #ddd;text-align:center;padding:20px 8px 3px;font-size:.82rem;line-height:1.2}.skill-grid span:last-child{border:0}.footer-inner{display:grid;grid-template-columns:200px 1fr auto;gap:30px;align-items:center;padding-top:27px;padding-bottom:27px}.script{font:italic 2rem Georgia,serif;border-right:1px solid #aaa}.footer-inner p{font-size:.86rem;max-width:530px;margin:0}@media(max-width:900px){.site-header nav{gap:10px}.site-header nav a{font-size:9px}.brand strong{font-size:22px}.hero-quote{display:none}.hero-content{max-width:60%}.about{grid-template-columns:1fr 1fr}.metrics{grid-column:1/-1;grid-template-columns:repeat(3,1fr);border-left:0;border-top:1px solid #ccc;padding:18px 0 0}.quote-grid{grid-template-columns:repeat(3,1fr)}.quote-grid blockquote{min-height:170px}.skill-grid{grid-template-columns:repeat(4,1fr);row-gap:20px}.footer-inner{grid-template-columns:160px 1fr}.footer-inner .button{grid-column:2;justify-self:start}}@media(max-width:650px){.site-header{height:66px}.menu-button{display:block}.site-header nav{display:none;position:absolute;top:66px;left:0;right:0;z-index:10;background:#fff;padding:18px 5%;box-shadow:0 10px 20px #0002;grid-template-columns:1fr 1fr;gap:16px}.site-header nav.open{display:grid}.site-header nav a{font-size:12px}.hero{min-height:620px}.hero-image{inset:0 0 34% 0;background:linear-gradient(0deg,#242424,transparent 50%),url('assets/ceera-portrait-original.jpg') center top/cover no-repeat}.hero-content{max-width:none;padding:295px 6% 28px}.hero h1{font-size:clamp(2.25rem,8.8vw,3.3rem)}.hero-lead{font-size:1.1rem}.hero-fields{font-size:.65rem;line-height:1.6}.hero-fields span{padding:0 5px}.section-wrap{padding-left:6%;padding-right:6%}.about{display:block;padding-top:32px}.about h2{margin-bottom:22px}.about-copy{padding:0}.metrics{margin-top:25px;gap:10px}.metrics strong{font-size:1.15rem}.metrics span{font-size:.7rem}.project-grid{grid-template-columns:1fr;gap:16px}.project-art{height:95px}.project p{min-height:0}.quote-grid{grid-template-columns:1fr 1fr}.quote-grid blockquote{min-height:0}.recommendation-inner{grid-template-columns:1fr}.recommender{padding-left:18px}.skill-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{display:block}.script{display:block;border:0}.footer-inner p{margin:15px 0 20px}}@media(max-width:390px){.quote-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.hero-content{padding-top:270px}.hero{min-height:650px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.case-studies{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px}.case-studies article{border-top:1px solid #222;padding-top:16px;scroll-margin-top:24px}.case-studies h3{font:1.5rem/1.1 Georgia,serif;margin:0 0 12px}.case-studies p:not(.eyebrow){font-size:.88rem;line-height:1.4}.contact-note{font-size:.84rem;border:1px solid #888;padding:12px 18px}@media(max-width:650px){.case-studies{grid-template-columns:1fr;gap:18px}.case-studies article{padding-top:20px}.contact-note{display:inline-block}}

.about-more summary{cursor:pointer;list-style:none}.about-more summary::-webkit-details-marker{display:none}.about-more[open] summary{margin-bottom:18px}.about-more p{margin-bottom:14px}.metrics .eyebrow{font-size:.7rem;margin:0}.quote-grid{grid-template-columns:repeat(4,1fr);gap:12px}.quote-grid blockquote{min-height:0;display:flex;flex-direction:column;justify-content:space-between}.quote-grid blockquote p{margin:0}.quote-grid cite{font:normal .74rem Arial,sans-serif;letter-spacing:.05em;margin-top:15px}.quote-grid blockquote:after{display:none}@media(max-width:900px){.quote-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.quote-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:390px){.quote-grid{grid-template-columns:1fr}}

.recommendation-inner{display:block}.recommendation-heading h2{font:2rem/1.1 Georgia,serif;margin:0 0 22px}.letter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.letter-card{border-top:1px solid #999;padding-top:16px;display:flex;flex-direction:column;align-items:flex-start}.letter-card .letter-role{text-transform:uppercase;font-size:.72rem;letter-spacing:.18em;margin:0 0 10px}.letter-card blockquote{margin:0 0 20px;max-width:650px}.letter-byline{display:flex;flex-direction:column;margin-top:auto;margin-bottom:18px;font-size:.85rem}.letter-byline span{font-size:.76rem;line-height:1.35;margin-top:4px}.letter-card .button{min-width:220px}@media(max-width:650px){.letter-grid{grid-template-columns:1fr;gap:28px}.letter-card{padding-top:18px}}

.metrics .eyebrow{grid-column:1/-1}.metrics div{align-items:flex-start;text-align:left}.metrics span{line-height:1.35}@media(max-width:650px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metrics .eyebrow{margin-bottom:2px}}@media(max-width:390px){.metrics{grid-template-columns:1fr}}

/* Keep the portrait anchored at the top so its head remains in view. */
.hero-image{background-image:linear-gradient(90deg,#242424 0%,transparent 28%,transparent 70%,#222 100%),url('assets/ceera-portrait-original.jpg');background-size:100% 100%,auto 200%;background-position:center,center top;background-repeat:no-repeat;background-color:#242424}@media(max-width:650px){.hero-image{background-image:linear-gradient(0deg,#242424,transparent 50%),url('assets/ceera-portrait-original.jpg');background-size:100% 100%,auto 165%;background-position:center,center top}}

/* The hero uses the studio backdrop from the supplied visual reference. */
.hero-image{inset:0;filter:none;background-image:linear-gradient(90deg,#242424 0%,transparent 32%,transparent 82%,#2229 100%),url('assets/ceera-studio-hero.png');background-size:100% 100%,cover;background-position:center,center top;background-repeat:no-repeat;background-color:#242424}@media(max-width:650px){.hero-image{inset:0 0 29%;background-image:linear-gradient(0deg,#242424 0%,transparent 62%),url('assets/ceera-studio-hero.png');background-size:100% 100%,cover;background-position:center,70% top}}
